/* Karriaro: a monochrome studio, with independent worlds for its work. */
:root{--paper:#f7f7f5;--ink:#171717;--muted:#61615e;--line:#d3d3cf;--accent:#171717;--light:#ededea}
::selection{background:#222;color:#fff}.site-header{border:0;padding-block:26px}.header-contact{font-size:13px}.desktop-nav{padding-left:25px}.brand-caption{font-size:10px}.section-heading h2 em,.contact-copy h2 em,.page-hero h1 em{font-family:var(--sans);font-size:1em;font-style:normal;letter-spacing:inherit;color:inherit}.section-heading h2{font-weight:500}.button-dark{background:#171717;color:#fff}.button-dark:hover{background:#363636}.button-outline{border-color:#171717}.button-outline:hover{background:#e7e7e4}.section-heading .eyebrow{color:#60605e}.site-footer{background:#f7f7f5}.footer-bottom,.footer-top>p{color:#61615e}
.art-hero{padding-top:28px}.art-hero-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.art-hero-top>span{color:var(--muted)}.art-hero h1{font:500 clamp(68px,8.7vw,138px)/.95 var(--sans);letter-spacing:-.07em;margin:0}.art-hero h1 span{font-weight:420}.art-hero-intro{padding-bottom:5px}.art-contact{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #171717;padding-block:13px;margin-top:22px;font-size:14px;min-height:48px}.art-contact>span{font-size:27px}.art-price{display:inline-block;font-size:12px;margin-top:13px;color:#5d5d5a;min-height:30px}
.editorial-work{padding-top:100px;padding-bottom:90px}.editorial-work-intro{display:grid;grid-template-columns:1.4fr .65fr;gap:20px 70px;align-items:end;margin-bottom:55px}.editorial-work-intro .eyebrow{grid-column:1/-1;margin-bottom:15px}.editorial-work-intro h2{font-size:clamp(40px,5.25vw,80px);font-weight:500;line-height:1.06}.editorial-work-intro>p:last-child{font-size:17px;line-height:1.7;color:#61615e;max-width:350px}.editorial-project{margin-top:55px}.interior-case{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:35px 50px;padding:42px;background:#eae7df;color:#313d32}.case-intro{align-self:center}.case-number{display:block;font-size:12px;letter-spacing:.04em;margin-bottom:25px}.case-intro h3{font:450 clamp(38px,4.5vw,68px)/1.05 var(--sans);letter-spacing:-.05em}.case-intro>p{font-size:16px;line-height:1.75;margin-top:25px;max-width:350px}.case-open{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;min-height:50px;margin-top:26px;font-size:14px}.case-open>span{font-size:25px}.case-credit{display:block;font-size:12px;opacity:.85;margin-top:20px}.case-screen{display:block;min-width:0;align-self:start;overflow:hidden;background:#fff}.case-screen img{display:block;width:100%;height:auto;object-position:top;transition:transform .8s ease}.case-screen:hover img{transform:scale(1.012)}.case-screen>span{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;color:#171717;padding:13px 18px;font-size:14px;min-height:52px}.case-screen>span b{font-size:23px;font-weight:400}.case-detail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:1px solid #313d3233;padding-top:30px}.case-detail img{height:190px;width:100%;object-fit:cover;object-position:50% 52%}.case-detail p{font-size:16px;line-height:1.75;max-width:400px}.case-detail p>span,.form-note>span:first-child{display:block;font-size:12px;margin-bottom:16px}
.form-case{display:grid;grid-template-columns:1.45fr .65fr;gap:35px 50px;background:#2c1829;color:#f0e6cb;padding:45px}.form-heading{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .65fr;gap:20px 50px;align-items:end}.form-heading .case-number{grid-column:1/-1;margin:0}.form-heading h3{font:400 clamp(42px,5.6vw,85px)/1 Georgia,serif;letter-spacing:-.055em}.form-heading>p{font-size:16px;line-height:1.75;max-width:340px}.form-note{align-self:end;padding-bottom:20px}.form-note p{font-size:18px;line-height:1.65}.form-note .case-credit{margin-top:30px;color:#d9c9c7}.form-case .case-screen>span{background:#efe5cb;color:#2c1829}.editorial-work-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:45px}.editorial-work-footer p{font-size:14px;line-height:1.7;color:#61615e;max-width:570px}.editorial-work-footer .button{font-size:14px;min-height:50px;white-space:nowrap}
/* Quiet commercial information shares the studio palette, not the project palettes. */
.offer-section{border-top:1px solid var(--line)}.offer-v2 .price-option{background:transparent;border-color:#cfcfca}.offer-v2 .price-option-featured{background:#eaeae7;border-color:#aaa}.offer-v2 .price-option-shop{background:#191919;color:#f7f7f5;border-color:#191919}.price-kicker,.price-unit{color:#60605d}.price-option li::before{color:inherit}.price-option ul,.price-option li{border-color:#ccc}.price-option-shop .price-kicker,.price-option-shop .price-unit,.price-option-shop .shop-price-note{color:#cececb}.offer-v2 .price-option-shop .button{border-color:#f7f7f5;color:#f7f7f5}.offer-v2 .price-option-shop .button:hover{background:#333}.designer-section{background:#171717}.contact{background:#eaeae7}.contact-copy h2{font-weight:500}.interest-options input:checked+span{background:#191919;border-color:#191919;color:white}.submit-button{background:#191919}.preview-inquiry-bar{background:#e8e8e4}.preview-view button[aria-pressed=true]{background:#191919;color:white}.collection .website-browser{border-color:#d3d3cf}.collection .website-browser-bar{background:#ececea;color:#555}.collection .website-browser-action{background:#191919;color:#fff}.collection .website-browser:hover .website-browser-action{background:#333}.site-footer .footer-wordmark{color:#171717}
@media(max-width:1100px){.art-hero h1{font-size:8.5vw}.interior-case,.form-case{padding:30px;gap:30px}.case-intro>p,.form-heading>p{font-size:15px}.form-heading{gap:20px 30px}.editorial-work-intro{gap:20px 35px}.desktop-nav{gap:20px;padding-left:0}}
@media(max-width:760px){.site-header{padding-block:20px;gap:15px}.brand-caption{font-size:8px}.header-contact{font-size:11px;gap:14px;white-space:nowrap}.art-hero{padding-top:22px}.art-hero-top{font-size:10px}.art-hero-top .eyebrow{font-size:10px;letter-spacing:.06em}.art-hero-top>span{display:none}.art-hero h1{font-size:clamp(45px,11.5vw,88px);letter-spacing:-.065em;line-height:1}.art-hero-intro{display:grid;grid-template-columns:1fr;gap:0}.art-contact{margin-top:10px;padding-block:7px;min-height:44px;font-size:14px}.art-price{margin-top:9px;font-size:12px;min-height:28px}.editorial-work{padding-block:65px}.editorial-work-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.editorial-work-intro .eyebrow{margin:0}.editorial-work-intro h2{font-size:clamp(37px,8.7vw,56px);line-height:1.08}.editorial-work-intro>p:last-child{font-size:16px;max-width:500px}.editorial-project{margin-top:30px}.interior-case,.form-case{grid-template-columns:1fr;padding:25px 20px;margin-inline:calc(var(--gutter) * -1);gap:28px}.case-number{margin-bottom:20px;font-size:12px}.case-intro h3{font-size:44px}.case-intro>p{font-size:16px;max-width:100%;margin-top:20px}.case-credit{font-size:12px}.case-screen>span{font-size:13px;padding-inline:14px}.case-detail{grid-template-columns:1fr;gap:22px;padding-top:25px}.case-detail img{height:190px}.case-detail p{font-size:15px;max-width:100%}.case-detail p>span{margin-bottom:8px}.form-heading{grid-template-columns:1fr;gap:20px}.form-heading h3{font-size:47px}.form-heading>p{font-size:16px;max-width:100%}.form-note{padding:0}.form-note p{font-size:16px}.form-note .case-credit{margin-top:20px}.editorial-work-footer{display:block;margin-top:30px}.editorial-work-footer p{font-size:13px}.editorial-work-footer .button{margin-top:24px;width:100%;justify-content:space-between;font-size:14px}.section-heading h2{font-size:43px}.collection .work-type{line-height:1.5}}
@media(max-width:370px){.site-header{gap:9px}.header-contact{gap:7px;font-size:10px}.brand-name{font-size:24px}.brand-caption{font-size:7px}.menu-toggle{width:36px;padding:7px;flex-shrink:0}.art-hero h1{font-size:11.5vw}.case-intro h3{font-size:40px}.form-heading h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){}

/* Leitprojekt-Bühne (20.09.2026): eine Komposition statt eines Browser-Fotos, ein Handlungsaufruf, eine Geste. */
.art-hero{padding-top:26px}.art-hero-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.art-hero-top>span{color:var(--muted)}
.art-hero h1{font:500 clamp(48px,6.55vw,96px)/.98 var(--sans);letter-spacing:-.06em;margin:22px 0 0;white-space:nowrap}.art-hero h1 span{font-weight:420}
.art-hero-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:24px 50px;align-items:end;margin:24px 0 30px}
.art-hero-row>div>p:first-child{font:450 clamp(20px,1.9vw,28px)/1.3 var(--sans);letter-spacing:-.025em;max-width:40ch}.art-hero-claim{font-size:14px;color:#61615e;margin-top:12px}
.art-hero-intro{padding-bottom:4px}.art-contact{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #171717;padding-block:13px;font-size:14px;min-height:48px}.art-contact>span{font-size:27px}.art-price{display:inline-block;font-size:12px;margin-top:12px;color:#5d5d5a;min-height:30px}
.lead-project-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:13px;font-size:12px;color:#555552}
.lead-stage{position:relative;display:block;margin-inline:calc(var(--gutter) * -1);overflow:hidden;background:#2c1829;aspect-ratio:1916/821}.lead-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.lead-card{position:relative;z-index:2;width:min(430px,100%);margin:-96px 0 0 clamp(0px,2vw,28px);padding:26px 28px 22px;background:#f8f0dc;color:#2c1829;transform:rotate(-1.4deg);--tilt:-1.4deg;box-shadow:0 18px 44px #2c182922}
.lead-card>span{display:block;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;color:#6d4c63}.lead-card h2{font:400 clamp(34px,3.1vw,46px)/1.02 var(--serif);letter-spacing:-.02em;margin:0}.lead-card p{font-size:15px;line-height:1.6;margin-top:14px;max-width:34ch}
.lead-card-link{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-size:14px;min-height:44px;border-bottom:1px solid currentColor}.lead-card-link>span{font-size:22px}
.lead-facts{display:grid;grid-template-columns:1fr 1fr .8fr;gap:50px;border-top:1px solid var(--line);padding-top:25px;margin-top:36px}.lead-facts p{font-size:15px;line-height:1.75;color:#60605c;max-width:450px}.lead-facts p>span{display:block;font-size:12px;margin-bottom:12px;letter-spacing:.03em;color:#171717}.lead-facts .lead-disclosure{font-size:13px}
.form-case{background:#1c1d1e;color:#f4f4ef}.form-heading h3{font:500 clamp(42px,5.6vw,85px)/.98 var(--sans);letter-spacing:-.06em}.form-case .case-screen>span{background:#e36a40;color:#1c1d1e}.form-note .case-credit{color:#b9b9b4}
.form-case .case-screen picture{display:block;position:relative;aspect-ratio:1280/650;overflow:hidden}.form-case .case-screen img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;transform:translateY(-16.458333%)}.form-case .case-screen:hover img{transform:translateY(-16.458333%) scale(1.012)}
.interest-options label>span{border-radius:2px}
/* Eine Geste, dreimal: die Kante fährt auf (Bühne, Paneele, Wortmarke). Nur mit Skript und ohne Bewegungs-Reduktion. Der Clip liegt auf dem KIND, weil Chromium ein vollständig geklipptes Ziel nie als überschneidend meldet (gemessen 20.09.2026). */
html.kr-motion .kr-reveal>img,html.kr-motion .kr-reveal>picture,html.kr-motion .kr-reveal>.kr-clip{clip-path:inset(0 100% 0 0)}
html.kr-motion .kr-reveal.is-in>img,html.kr-motion .kr-reveal.is-in>picture,html.kr-motion .kr-reveal.is-in>.kr-clip{clip-path:inset(0 0 0 0);transition:clip-path 1.15s cubic-bezier(.22,.7,.2,1),transform .8s ease}
html.kr-motion .lead-stage.kr-reveal>img{transform:scale(1.045)}html.kr-motion .lead-stage.kr-reveal.is-in>img{transform:none;transition:clip-path 1.15s cubic-bezier(.22,.7,.2,1),transform 1.7s cubic-bezier(.22,.7,.2,1)}
html.kr-motion .kr-reveal--up>.kr-clip{clip-path:inset(100% 0 0 0)}html.kr-motion .kr-reveal--up.is-in>.kr-clip{clip-path:inset(0 0 0 0);transition-duration:.9s}.kr-clip{display:block}
html.kr-motion .kr-rise{opacity:0;transform:translateY(22px) rotate(var(--tilt,0deg))}html.kr-motion .kr-rise.is-in{opacity:1;transform:rotate(var(--tilt,0deg));transition:opacity .7s ease .4s,transform .95s cubic-bezier(.22,.7,.2,1) .4s}
@media(max-width:1100px){.art-hero h1{white-space:normal;font-size:clamp(48px,8.6vw,92px);line-height:1}.art-hero-row{grid-template-columns:minmax(0,1.5fr) minmax(220px,.8fr);gap:20px 30px}.lead-facts{gap:30px}}
@media(max-width:760px){.art-hero{padding-top:22px}.art-hero-top{font-size:10px}.art-hero-top .eyebrow{font-size:10px;letter-spacing:.06em}.art-hero-top>span{display:none}.art-hero h1{font-size:clamp(44px,11.5vw,84px);letter-spacing:-.06em;line-height:1;margin-top:18px}.art-hero-row{grid-template-columns:1fr;gap:12px;margin:16px 0 22px}.art-hero-row>div>p:first-child{font-size:19px;line-height:1.4;max-width:100%}.art-hero-claim{font-size:13px;margin-top:8px}.art-contact{padding-block:7px;min-height:44px}.art-price{margin-top:8px;min-height:28px}
.lead-project-top{font-size:10px;gap:15px;padding-bottom:10px}.lead-stage{aspect-ratio:4/5}.lead-card{width:auto;margin:-44px 0 0;padding:20px 20px 16px;transform:rotate(-1deg);--tilt:-1deg}.lead-card h2{font-size:32px}.lead-card p{font-size:15px}.lead-facts{grid-template-columns:1fr;gap:22px;margin-top:26px;padding-top:24px}.lead-facts p{max-width:100%}.lead-facts p>span{margin-bottom:7px}.lead-facts .lead-disclosure{font-size:12px}
.form-heading h3{font-size:47px}.form-case .case-screen picture{aspect-ratio:1.12}.form-case .case-screen img{position:static;width:100%;height:100%;object-fit:cover;object-position:top;transform:none}.form-case .case-screen:hover img{transform:none}}
@media(max-width:370px){.art-hero h1{font-size:11.5vw}.art-hero-row>div>p:first-child{font-size:17px}.form-heading h3{font-size:40px}}

/* Skala (20.09.2026): ein Grad je Rolle statt 76/79/86 und 65/81; nichts Lesbares unter 12 px. Attrappen in Aufklappbereichen bleiben unberührt. */
:root{--t-display:clamp(40px,5.3vw,80px);--t-title:clamp(38px,4.7vw,70px);--t-eyebrow:12px}
.section-heading h2,.editorial-work-intro h2,.contact-copy h2,.designer-copy h2{font-size:var(--t-display);font-weight:500;line-height:1.04;letter-spacing:-.05em}
.case-intro h3,.form-heading h3{font-size:var(--t-title);font-weight:500;line-height:1.02;letter-spacing:-.055em}
.eyebrow,.brand-caption,.art-hero-top,.lead-project-top,.case-number,.visual-kicker,.capability-note,.services small,.footer-bottom,.footer-bottom a,.back-top,.interest-options label>span,.art-price,.lead-card>span,.lead-facts p>span,.editorial-work-footer p{font-size:var(--t-eyebrow)}
@media(max-width:760px){.brand-caption,.art-hero-top,.art-hero-top .eyebrow,.eyebrow,.lead-project-top,.case-number,.footer-bottom,.back-top,.art-price,.lead-facts .lead-disclosure{font-size:12px}.section-heading h2,.editorial-work-intro h2,.contact-copy h2,.designer-copy h2{font-size:clamp(38px,9vw,56px);line-height:1.06}.case-intro h3,.form-heading h3{font-size:clamp(36px,9.5vw,47px)}}
html .work-visual .visual-kicker{font-size:12px}
@media(max-width:370px){.brand-caption{font-size:11px}}

/* Käufer (20.09.2026, Entscheidung des Inhabers): Gründer, Selbstständige, kleine und mittlere Unternehmen. Sektion 02 Software + Shop. Leitprojekt seit dem Abend: die eigene Website des Gründers (muammerkizilaslan.com) als Diptychon in deren Palette (Papier, Tinte, Signaturrot); die Immobilien-Studie steht in der Werkschau. */
.lead-stage--zwei{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#faf9f6;aspect-ratio:1916/860}.lead-stage--zwei img{min-height:0}
html.kr-motion .lead-stage.kr-reveal>img+img{transition-delay:.22s}
.lead-card{background:#faf9f6;color:#171717;box-shadow:0 18px 44px #17171722}.lead-card>span{color:var(--signature)}
/* Karte rechts: links unten steht in beiden Bühnenbildern der Satz der Seite („Ein Gedanke.“ / „Ich verbinde …“), rechts unten ist im Netz-Bild nur Papier. Auf dem Handy ohne Überlappung, weil der Leitsatz die unteren 13 px der Netz-Zelle belegt. */
.lead-card{margin-left:auto;margin-right:clamp(0px,2vw,28px);width:min(430px,calc(32.5vw - 18px))}
@media(max-width:1099px){.lead-card{margin-top:10px;width:min(430px,100%)}}
@media(max-width:760px){.lead-card{margin:10px 0 0;width:auto}}
.software-case{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:35px 50px;padding:42px;background:#e9edf0;color:#113041}.software-case .case-open{border-color:currentColor}.software-case .case-screen>span{background:#f1ff70;color:#113041}.software-case .case-detail{grid-template-columns:1fr;border-top-color:#11304133}.software-case .case-detail p{max-width:640px}.software-case .case-detail p>span{display:block;font-size:12px;margin-bottom:16px}
@media(max-width:1100px){.software-case{padding:30px;gap:30px}}
@media(max-width:760px){.lead-stage--zwei{grid-template-columns:1fr;aspect-ratio:auto}.lead-stage--zwei img{height:auto;aspect-ratio:auto;width:100%}.software-case{grid-template-columns:1fr;padding:25px 20px;margin-inline:calc(var(--gutter) * -1);gap:28px}}

/* Marke (20.09.2026, Entscheidung des Inhabers): KARRIARO mit rotem Punkt, wie der Namenszug auf muammerkizilaslan.com. Der Punkt ist ein Kreis auf der Grundlinie (0,36 em, Rot #c34632); der Abstand gleicht die negative Laufweite der Wortmarke aus. Die Seite selbst bleibt monochrom, --accent bleibt Tinte. */
:root{--signature:#c34632}
.brand-dot{display:inline-block;width:.36em;height:.36em;min-width:5px;min-height:5px;margin-inline-start:.235em;border-radius:50%;background:var(--signature);vertical-align:baseline}
.footer-wordmark .kr-clip{color:inherit}.footer-wordmark .brand-dot{margin-inline-start:.225em}

/* Film der Live-Seite (20.09.2026, nach Rückmeldung des Inhabers: „Keine Animation“): Poster als picture je Breite, Video darüber; nur mit kr-motion geladen (art-motion.js), sonst steht das Poster. Format Desktop 1920×862, Handy 390×844 (der Bildschirm des Telefons). */
.lead-stage--film{display:block;aspect-ratio:1920/862;background:#faf9f6}
.lead-stage--film .kr-clip{position:relative;display:block;height:100%}
.lead-stage--film picture{display:contents}
.lead-stage--film img,.lead-stage--film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lead-stage--film video{opacity:0;transition:opacity .7s ease}.lead-stage--film video.is-playing{opacity:1}
@media(max-width:760px){.lead-stage--film{aspect-ratio:390/844}}

/* Review 21.09.: early proof, immediate poster, readable commercial details. */
.art-hero-claim{max-width:62ch;line-height:1.65}
.hero-work-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;margin:0 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:50px;font-size:14px}
.hero-work-link>span{display:flex;gap:18px;align-items:center}
.hero-work-link small{font-size:12px;color:var(--muted)}
.hero-work-link:hover>span{color:var(--signature)}
.price-conditions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}
.price-conditions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:20px 0;font-size:16px}
.price-conditions summary::-webkit-details-marker{display:none}
.price-conditions summary>span{font-size:24px;line-height:1}
.price-conditions[open] summary>span{transform:rotate(45deg)}
.price-conditions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:8px 0 28px}
.price-conditions-grid h3{font-size:18px;margin-bottom:10px}
.price-conditions-grid p{font-size:15px;line-height:1.7;color:var(--muted)}
.published-work{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;padding-bottom:64px}
.published-work>a{display:block;border:1px solid var(--line)}
.published-work img{display:block;width:100%;height:auto}
.published-work .work-type{color:var(--signature)}
.published-work h2{font-size:clamp(28px,3vw,44px);line-height:1.08;margin:16px 0}
.published-work p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:20px}
.concept-heading{border-top:1px solid var(--line);padding-top:30px;margin-bottom:32px}
.concept-heading h2{font-size:28px;margin-bottom:12px}
.concept-heading p{font-size:16px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){
  .site-header{justify-content:space-between}
  .site-header .header-contact{display:none}
  .site-header .menu-toggle{flex:0 0 44px;width:44px;height:44px;padding:10px}
  .hero-work-link{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:24px}
  .hero-work-link small{font-size:12px;line-height:1.6;max-width:30ch}
  .lead-stage--film{margin-inline:calc(var(--gutter) * -1);aspect-ratio:auto;height:min(130vw,520px)}
  .lead-stage--film img,.lead-stage--film video{object-fit:contain}
  .lead-card{transform:none;--tilt:0deg;box-shadow:none;padding:24px 0;background:transparent;border-bottom:1px solid var(--line)}
  .price-conditions-grid{grid-template-columns:1fr;gap:24px}
  .published-work{grid-template-columns:1fr;gap:24px;padding-bottom:40px}
}