@font-face{font-family:N27;src:url("../n27/n27-thin-webfont.woff2") format("woff2");font-weight:100}
@font-face{font-family:N27;src:url("../n27/n27-extralight-webfont.woff2") format("woff2");font-weight:200}
@font-face{font-family:N27;src:url("../n27/n27-light-webfont.woff2") format("woff2");font-weight:300}
@font-face{font-family:N27;src:url("../n27/n27-regular-webfont.woff2") format("woff2");font-weight:400}
@font-face{font-family:N27;src:url("../n27/n27-medium-webfont.woff2") format("woff2");font-weight:500}
@font-face{font-family:N27;src:url("../n27/n27-bold-webfont.woff2") format("woff2");font-weight:700}
@font-face{font-family:N27;src:url("../n27/n27-lightitalic-webfont.woff2") format("woff2");font-weight:300;font-style:italic}
@font-face{font-family:N27;src:url("../n27/n27-bolditalic-webfont.woff2") format("woff2");font-weight:700;font-style:italic}
:root{--orange:#ff5a00;--ink:#10100f;--paper:#deddd8;--light:#f4f2ed;--line:rgba(16,16,15,.22);--pad:clamp(1.2rem,3.2vw,4rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:N27,Arial,sans-serif;font-size:18px;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.top{position:fixed;z-index:30;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem var(--pad);mix-blend-mode:difference;color:#fff}.brand{font-size:clamp(1.35rem,2.3vw,2.2rem);font-weight:700;letter-spacing:-.07em}.brand i{color:var(--orange);font-style:normal}.menu-btn{border:0;background:transparent;color:inherit;text-transform:uppercase;cursor:pointer;letter-spacing:.08em}.menu{position:fixed;z-index:29;inset:0;background:var(--orange);padding:clamp(6rem,12vh,10rem) var(--pad) 3rem;display:grid;align-content:space-between;transform:translateY(-102%);transition:transform .65s cubic-bezier(.76,0,.24,1)}.menu.open{transform:none}.menu nav{display:grid}.menu nav>a{font-size:clamp(2.7rem,7.5vw,8rem);line-height:.82;letter-spacing:-.065em;font-weight:200;border-bottom:1px solid rgba(0,0,0,.22);padding:.08em 0}.menu nav>a:hover{font-style:italic;padding-left:.15em}.menu-cluster{border-bottom:1px solid rgba(0,0,0,.22);padding:.75rem 0 1.1rem;display:grid;gap:1rem}.menu-cluster-block{display:grid;gap:.4rem}.menu-cluster-label{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:500;opacity:.72}.menu-cluster-links{display:flex;flex-wrap:wrap;gap:.25rem 1.15rem}.menu-cluster-links a{font-size:clamp(1rem,2.1vw,1.35rem);line-height:1.25;font-weight:400;letter-spacing:-.02em;border-bottom:0;padding:.12em 0}.menu-cluster-links a:hover{font-style:italic;padding-left:.08em}.menu-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;background:var(--ink);color:var(--light);overflow:hidden}.hero-media{position:absolute;inset:0;background:var(--ink);filter:grayscale(1) contrast(1.17);opacity:.44;transform:scale(1.08)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.85),transparent 45%)}.hero-content{position:relative;padding:8rem var(--pad) 2.5rem;width:100%}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:500;display:flex;gap:.8rem;align-items:center}.eyebrow:before{content:"";width:2.5rem;height:2px;background:currentColor}.display{margin:.22em 0 0;font-size:clamp(4.7rem,13.2vw,14.5rem);line-height:.73;letter-spacing:-.075em;font-weight:100;max-width:12ch}.display strong{font-weight:700;color:var(--orange)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;margin-top:3rem}.hero-intro{max-width:34rem;font-size:clamp(1.05rem,1.55vw,1.45rem);font-weight:300}.scroll-note{text-align:right;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.marquee{overflow:hidden;background:var(--orange);padding:.65rem 0;border-block:1px solid var(--ink)}.marquee-track{display:flex;width:max-content;animation:marquee 26s linear infinite}.marquee span{font-size:clamp(1rem,1.5vw,1.4rem);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.marquee span:after{content:"✳";padding:0 1.4rem}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(5rem,11vw,10rem) var(--pad)}.section-head{display:grid;grid-template-columns:minmax(7rem,.7fr) 2.3fr;gap:2rem;border-top:1px solid var(--line);padding-top:1rem;margin-bottom:clamp(3rem,7vw,7rem)}.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.giant{font-size:clamp(3.6rem,9.4vw,10rem);line-height:.82;letter-spacing:-.065em;font-weight:200;margin:0}.giant em{font-weight:700;color:var(--orange)}.lead{font-size:clamp(1.45rem,2.6vw,3rem);line-height:1.08;letter-spacing:-.035em;font-weight:300;max-width:30ch}
.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:.4fr 2fr 1fr;gap:2rem;padding:1.4rem 0;border-bottom:1px solid var(--line);align-items:start}.service .num{color:var(--orange);font-size:.8rem}.service h3{font-size:clamp(1.8rem,4vw,4.8rem);line-height:.93;letter-spacing:-.05em;font-weight:300;margin:0}.service p{margin:0;max-width:29rem}.service:hover h3{font-style:italic;font-weight:700}
.black{background:var(--ink);color:var(--light)}.black .content-card{background:var(--paper);color:var(--ink)}.black .content-card .num{color:var(--orange)}.black .content-card[href]:hover,.black .content-card[data-detail]:hover,.black .content-card[data-detail]:focus{background:var(--orange);color:#10100f}.black .content-card[href]:hover .num,.black .content-card[data-detail]:hover .num{color:#10100f}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,8rem)}.sticky{position:sticky;top:15vh;align-self:start}.visual{height:min(72vw,830px);overflow:hidden;position:relative;background:#222}.visual img{width:100%;height:120%;object-fit:cover;filter:grayscale(1) contrast(1.15);transform:translateY(var(--shift,0))}.orange-card{background:var(--orange);color:var(--ink);padding:var(--pad);position:absolute;right:0;bottom:8%;width:min(78%,31rem)}.orange-card .big{font-size:clamp(3.4rem,8vw,8rem);line-height:.75;font-weight:700;letter-spacing:-.07em}
.steps{counter-reset:step}.step{display:grid;grid-template-columns:.5fr 1.2fr 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}.step:before{counter-increment:step;content:"0"counter(step);color:var(--orange);font-size:.8rem}.step h3{margin:0;font-size:clamp(2rem,4.5vw,5rem);line-height:.9;font-weight:200;letter-spacing:-.05em}.step p{margin:0}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.case{min-height:0;aspect-ratio:4/3;background:#bbb;position:relative;overflow:hidden;padding:1.2rem;display:flex;align-items:flex-end}.case:nth-child(n){grid-column:auto;margin-top:0}.case img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;filter:grayscale(1) contrast(1.25);transition:filter .5s,transform .5s}.case:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%)}.case h3{position:relative;z-index:1;color:white;font-size:clamp(1.7rem,3.2vw,3.7rem);line-height:.92;margin:0;letter-spacing:-.045em}.case:hover img{filter:grayscale(0) contrast(1.1);transform:scale(1.035)}
.cta{background:var(--orange);min-height:88svh;display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad)}.cta h2{font-size:clamp(4.4rem,12vw,13rem);line-height:.76;letter-spacing:-.075em;font-weight:100;margin:7rem 0 2rem;max-width:8ch}.cta h2 strong{font-weight:700}.cta-row{display:flex;justify-content:space-between;align-items:end;gap:2rem}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:999px;min-width:10rem;min-height:10rem;padding:1rem;text-align:center;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;transition:.3s}.pill:hover{background:var(--ink);color:var(--orange);transform:rotate(-6deg)}
footer{background:var(--ink);color:var(--light);padding:4rem var(--pad) 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-logo{font-size:clamp(2.8rem,7vw,8rem);font-weight:700;letter-spacing:-.075em;line-height:.8}.footer-links{display:grid;align-content:start;gap:.4rem}.footer-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;opacity:.55;margin-bottom:.15rem}.footer-bottom{border-top:1px solid #444;margin-top:5rem;padding-top:1rem;display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.page-hero{padding:clamp(9rem,17vw,15rem) var(--pad) 4rem;background:var(--orange);min-height:72svh;display:flex;flex-direction:column;justify-content:flex-end}.page-hero h1{font-size:clamp(4rem,11.5vw,12rem);line-height:.76;letter-spacing:-.075em;font-weight:200;margin:0;max-width:10ch}.page-hero h1 strong{font-weight:700}.page-hero p{max-width:38rem;font-size:clamp(1.15rem,2vw,1.8rem);margin:3rem 0 0}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.content-card{background:var(--paper);padding:clamp(1.3rem,3vw,3.3rem);min-height:24rem;display:flex;flex-direction:column}.content-card .num{font-size:.72rem;color:var(--orange)}.content-card h2{font-size:clamp(2rem,4vw,4.5rem);line-height:.9;letter-spacing:-.05em;font-weight:300;margin:auto 0 1.4rem}.content-card p{max-width:40rem}.content-card ul{padding-left:1.1rem}.legal{max-width:900px;margin:auto}.legal h2{font-size:clamp(2rem,5vw,4rem);line-height:.95;margin-top:2em}.legal h3{font-size:1.5rem;margin-top:2em}.legal p,.legal li{max-width:72ch}
.reveal{opacity:0;transform:translateY(3rem);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media(max-width:760px){body{font-size:16px}.hero-bottom,.section-head,.split,.service,.step,.footer-grid{grid-template-columns:1fr}.hero-content{padding-top:7rem}.display{font-size:clamp(4rem,19vw,7.3rem)}.scroll-note{display:none}.section-head{gap:1rem}.service{gap:.65rem}.service p{padding-bottom:1rem}.sticky{position:relative;top:auto}.visual{height:125vw}.step{gap:.8rem}.cases{grid-template-columns:1fr}.case,.case:nth-child(n){margin:0;min-height:0;aspect-ratio:4/3}.content-grid{grid-template-columns:1fr}.cta-row,.footer-bottom{align-items:flex-start;flex-direction:column}.pill{min-width:8rem;min-height:8rem}.menu nav>a{font-size:clamp(2.4rem,12.5vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero-media,.visual img{transform:none!important}}

/* v2 — expanded scale, color modes and motion */
:root{color-scheme:light}
[data-theme="dark"]{--ink:#f1efe9;--paper:#111110;--light:#111110;--line:rgba(241,239,233,.22);color-scheme:dark}
.top-actions{display:flex;align-items:center;gap:1.2rem}.theme-btn{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;transition:transform .4s}.theme-btn:hover{transform:rotate(180deg)}
.menu{color:#10100f}.menu nav>a{font-size:clamp(3rem,8.3vw,9.4rem);line-height:.79;letter-spacing:-.07em}.giant{font-size:clamp(3.9rem,10.7vw,12.6rem);line-height:.77;letter-spacing:-.072em}.lead{font-size:clamp(1.45rem,2.8vw,3.4rem);line-height:1.03}
.visual{background:var(--orange);isolation:isolate}.visual:after{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:.66;z-index:1;pointer-events:none}.visual img{height:130%;filter:grayscale(1) contrast(1.28);transform:translateY(var(--shift,0)) scale(1.04)}.orange-card{color:#10100f;z-index:2;animation:float 6s ease-in-out infinite}.orange-card .big{font-size:clamp(3.8rem,9vw,9.4rem)}
.case{isolation:isolate}.case:nth-child(even){background:var(--orange)}.case:nth-child(even):before{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:.88;z-index:1}.case img{height:125%;filter:grayscale(1) contrast(1.32)}.case:after{z-index:2}.case h3{z-index:3;font-size:clamp(1.9rem,3.7vw,4.4rem);line-height:.88}.case:hover img{transform:scale(1.055)}
.page-hero{min-height:78svh;color:#10100f;position:relative;overflow:hidden}.page-hero:after{content:"✳";position:absolute;right:-.08em;top:-.35em;font-size:clamp(18rem,46vw,48rem);line-height:1;color:rgba(16,16,15,.08);animation:spin 38s linear infinite}.page-hero>*{position:relative;z-index:1}.page-hero h1{font-size:clamp(4.5rem,13.7vw,15rem);line-height:.7;letter-spacing:-.082em;will-change:transform}.content-card{min-height:27rem;transform:translateY(var(--card-shift,0));transition:background .35s,color .35s,transform .15s linear}.content-card h2{font-size:clamp(2.3rem,4.7vw,5.5rem);line-height:.84;letter-spacing:-.06em}.content-card[href]:after,.content-card[data-detail]:after{content:"Mehr erfahren ↗";margin-top:auto;padding-top:1.6rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.11em}.content-card[href]:hover,.content-card[data-detail]:hover,.content-card[data-detail]:focus{background:var(--orange);color:#10100f;outline:none;cursor:pointer}.content-card[href]:hover .num,.content-card[data-detail]:hover .num{color:#10100f}
.detail-hero{min-height:95svh;background:var(--ink);color:var(--paper);padding:clamp(9rem,16vw,14rem) var(--pad) 4rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.detail-hero h1{font-size:clamp(4.3rem,14vw,15rem);line-height:.69;letter-spacing:-.083em;font-weight:200;margin:.25em 0;max-width:9ch}.detail-index{position:absolute;right:var(--pad);top:12%;font-size:clamp(8rem,27vw,27rem);line-height:.7;color:var(--orange);font-weight:700;opacity:.9;transform:translateY(var(--shift,0))}.detail-lead{font-size:clamp(1.6rem,3vw,3.5rem);line-height:1.02;max-width:30ch}.detail-body{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(2rem,8vw,10rem)}.detail-body h2{font-size:clamp(2.7rem,7vw,8rem);line-height:.82;letter-spacing:-.065em;font-weight:200;margin:0 0 2rem}.detail-body h3{font-size:clamp(1.5rem,2.7vw,3rem);line-height:1;margin-top:2.2em}.detail-body ul{padding-left:1.1rem}.back-link{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.detail-band{background:var(--orange);color:#10100f;padding:clamp(4rem,10vw,9rem) var(--pad)}.detail-band p{font-size:clamp(2.8rem,7.6vw,8.5rem);line-height:.79;letter-spacing:-.065em;margin:0;max-width:13ch}
.reveal{transform:translateY(5rem) rotate(.6deg);transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-1rem) rotate(1deg)}}
@media(max-width:760px){.detail-body{grid-template-columns:1fr}.content-card{min-height:25rem;transform:none}.display{font-size:clamp(4.4rem,21vw,8rem)}.detail-index{top:18%;font-size:40vw}}
@media(prefers-reduced-motion:reduce){.page-hero:after,.orange-card{animation:none}.page-hero h1,.content-card{transform:none!important}}

/* SEO image integration */
.hero-media{background-image:url("../assets/images/ciferecigo-ki-mittelstand-hero.webp")}
.card-media{margin:1.4rem 0 2rem;overflow:hidden;aspect-ratio:16/9;background:var(--orange);isolation:isolate;position:relative}.card-media:after{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:0;transition:opacity .45s}.content-card:nth-child(even) .card-media:after{opacity:.68}.card-media img{width:100%;height:112%;object-fit:cover;filter:grayscale(.15) contrast(1.05);transition:transform .7s,filter .5s}.content-card:hover .card-media img{transform:scale(1.055);filter:grayscale(0)}
.detail-image{margin:0;background:var(--orange);position:relative;overflow:hidden;max-height:78svh}.detail-image img{width:100%;height:min(72vw,900px);object-fit:cover;object-position:var(--detail-focus-desktop,50% 50%);display:block;transition:object-position .35s ease}.detail-image.orange-multiply:after{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:.52}.detail-caption{position:absolute;z-index:2;left:var(--pad);bottom:1rem;color:#fff;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:1024px){.detail-image img{object-position:var(--detail-focus-tablet,var(--detail-focus-desktop,50% 50%))}}
@media(max-width:640px){.detail-image img{object-position:var(--detail-focus-mobile,var(--detail-focus-tablet,50% 50%))}}

.hero-media{margin:0;background:none;opacity:.48}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus-desktop,50% 50%);filter:grayscale(.2) contrast(1.12);transition:opacity .5s,object-position .35s ease}.hero-media:after{z-index:1}
@media(max-width:1024px){.hero-media img{object-position:var(--hero-focus-tablet,var(--hero-focus-desktop,50% 50%))}}
@media(max-width:640px){.hero-media img{object-position:var(--hero-focus-mobile,var(--hero-focus-tablet,50% 50%))}}

/* Light-mode hero: orange ground with multiplied rotating artwork */
[data-theme="light"] .hero{background:var(--orange)}
[data-theme="light"] .hero-media{opacity:.78;mix-blend-mode:multiply}
[data-theme="light"] .hero-media img{filter:grayscale(1) contrast(1.28);mix-blend-mode:multiply}

/* Preserve the two-tone wordmark while strengthening the orange suffix */
.brand i{color:var(--orange);filter:brightness(1.55) saturate(1.15);-webkit-text-stroke:.35px currentColor;text-shadow:0 0 .32em rgba(255,90,0,.38)}

/* The alternate mode uses a genuinely dark hero, never a pale one */
[data-theme="dark"] .hero{background:#10100f;color:#f4f2ed}

/* Native PHP contact form */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,10rem);align-items:start}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.contact-form label{display:grid;gap:.5rem}.contact-form label>span:first-child{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);padding:.85rem 0;font:inherit;outline:none}.contact-form textarea{resize:vertical;border:1px solid var(--line);padding:1rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 2px 0 var(--orange)}.form-wide{grid-column:1/-1}.form-consent{grid-template-columns:auto 1fr!important;align-items:start}.form-consent input{width:1.2rem;height:1.2rem;margin:.18rem 0 0;accent-color:var(--orange)}.form-consent span{font-size:.85rem!important;text-transform:none!important;letter-spacing:0!important}.form-consent a{text-decoration:underline}.form-submit{border:1px solid var(--ink);background:var(--orange);color:#10100f;border-radius:999px;padding:1rem 1.6rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;transition:.3s}.form-submit:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px)}.form-status{padding:1.5rem;margin-bottom:2rem;border:1px solid currentColor}.form-status.success{background:var(--orange);color:#10100f}.form-status.error{color:#b43112}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.contact-layout,.contact-form{grid-template-columns:1fr}.form-wide{grid-column:auto}}

/* Consent-managed analytics */
.cookie-settings{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.cookie-settings:hover{text-decoration:underline}.consent-banner[hidden]{display:none}.consent-banner{position:fixed;z-index:100;left:var(--pad);right:var(--pad);bottom:var(--pad);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,5vw,6rem);align-items:end;padding:clamp(1.4rem,3vw,3rem);background:var(--orange);color:#10100f;border:1px solid #10100f;box-shadow:0 1.4rem 5rem rgba(0,0,0,.38);transform:translateY(calc(100% + var(--pad) + 2rem));opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.consent-banner.is-visible{transform:none;opacity:1}.consent-copy h2{font-size:clamp(2.5rem,5.7vw,6.5rem);line-height:.8;letter-spacing:-.065em;font-weight:200;margin:.22em 0}.consent-copy h2 em{font-weight:700}.consent-copy p{max-width:58ch;margin:1rem 0 0}.consent-copy a{text-decoration:underline}.consent-actions{display:flex;gap:.7rem;align-items:center}.consent-actions button{border:1px solid #10100f;border-radius:999px;background:transparent;color:#10100f;padding:1rem 1.25rem;white-space:nowrap;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;transition:background .25s,color .25s,transform .25s}.consent-actions button:hover{transform:translateY(-2px)}.consent-actions .consent-accept{background:#10100f;color:var(--orange)}.consent-actions button:focus-visible,.cookie-settings:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:760px){.consent-banner{grid-template-columns:1fr;gap:1.5rem}.consent-actions{align-items:stretch;flex-direction:column-reverse}.consent-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.consent-banner{transition:none}}

/* Longform service articles */
.service-longform{padding-top:clamp(4rem,8vw,8rem)}.article-layout{display:grid;grid-template-columns:minmax(13rem,.48fr) minmax(0,1.52fr);gap:clamp(3rem,8vw,10rem);align-items:start}.article-toc{position:sticky;top:7rem;max-height:calc(100svh - 9rem);overflow:auto;padding-right:1rem}.article-toc nav{display:grid;margin-top:1.25rem;border-top:1px solid var(--line)}.article-toc a{display:grid;grid-template-columns:2.2rem 1fr;gap:.6rem;padding:.68rem 0;border-bottom:1px solid var(--line);font-size:.78rem;line-height:1.15}.article-toc a span{color:var(--orange);font-size:.65rem;letter-spacing:.08em}.article-toc a:hover{color:var(--orange)}.article-content{min-width:0}.article-content .article-intro{font-size:clamp(1.65rem,3.3vw,3.8rem);line-height:1.03;letter-spacing:-.04em;font-weight:300;margin:0 0 clamp(4rem,8vw,8rem);max-width:28ch}.article-content h2{font-size:clamp(3rem,7.3vw,8.7rem);line-height:.82;letter-spacing:-.068em;font-weight:200;margin:1.4em 0 .42em;scroll-margin-top:6rem}.article-content h3{font-size:clamp(1.7rem,3.4vw,4rem);line-height:.92;letter-spacing:-.045em;font-weight:500;margin:2em 0 .6em;scroll-margin-top:6rem}.article-content p,.article-content li{max-width:68ch}.article-content p{margin:0 0 1.35em}.article-content ul,.article-content ol{max-width:68ch;padding-left:1.25em;margin:0 0 2rem}.article-content li{padding:.18em 0}.article-content blockquote{margin:2.5rem 0;padding:1.3rem clamp(1.3rem,3vw,3rem);border-left:.45rem solid var(--orange);background:color-mix(in srgb,var(--orange) 13%,transparent);font-size:clamp(1.35rem,2.4vw,2.6rem);line-height:1.08;letter-spacing:-.025em;font-weight:500;max-width:31ch}.article-content hr{border:0;border-top:1px solid var(--line);margin:4rem 0}.article-content code{font-family:inherit;background:color-mix(in srgb,var(--orange) 18%,transparent);padding:.08em .25em}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:3rem}.article-toc{position:relative;top:auto;max-height:none;overflow:visible;padding:0}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.article-toc a:nth-child(odd){padding-right:1rem}.article-content .article-intro{margin-bottom:4rem}}
@media(max-width:560px){.article-toc nav{grid-template-columns:1fr}.article-toc a:nth-child(odd){padding-right:0}.article-content h2{font-size:clamp(2.7rem,15vw,5rem)}}

/* Service TL;DR */
.service-tldr{display:grid;grid-template-columns:minmax(8rem,.58fr) minmax(0,1.42fr);gap:clamp(2rem,7vw,9rem);padding:clamp(4rem,9vw,9rem) var(--pad);background:var(--orange);color:#10100f;position:relative;overflow:hidden}.tldr-mark{font-size:clamp(5rem,16vw,18rem);line-height:.68;letter-spacing:-.09em;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:start;opacity:.16}.tldr-copy{max-width:72rem}.tldr-copy h2{font-size:clamp(3.4rem,8.5vw,10rem);line-height:.77;letter-spacing:-.07em;font-weight:200;margin:.24em 0 .55em;max-width:9ch}.tldr-copy>p{max-width:63ch;font-size:clamp(1.08rem,1.65vw,1.48rem);margin:0 0 1.1em}.tldr-summary{font-size:clamp(1.45rem,2.8vw,3rem)!important;line-height:1.03;letter-spacing:-.035em;margin-top:1.6em!important;max-width:33ch!important}.tldr-summary strong{font-weight:700}.tldr-jump{display:inline-block;margin-top:2rem;border-bottom:1px solid currentColor;padding-bottom:.25rem;text-transform:uppercase;font-size:.7rem;letter-spacing:.11em}
@media(max-width:760px){.service-tldr{grid-template-columns:1fr;gap:1.5rem}.tldr-mark{writing-mode:horizontal-tb;transform:none;font-size:clamp(4.5rem,25vw,8rem)}.tldr-copy h2{font-size:clamp(3.1rem,17vw,6rem)}}

/* Previous / next service article navigation */
.article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--line);gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-nav-link{min-height:clamp(15rem,28vw,29rem);padding:clamp(1.5rem,4vw,4.5rem);background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;transition:background .35s,color .35s}.article-nav-link span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.article-nav-link strong{display:block;font-size:clamp(2.4rem,5.6vw,7rem);line-height:.82;letter-spacing:-.065em;font-weight:200;max-width:9ch}.article-nav-next{text-align:right;align-items:flex-end}.article-nav-link:hover,.article-nav-link:focus-visible{background:var(--orange);color:#10100f;outline:none}.article-nav-link:hover strong{font-style:italic;font-weight:700}
@media(max-width:700px){.article-navigation{grid-template-columns:1fr}.article-nav-link{min-height:14rem}.article-nav-next{text-align:left;align-items:flex-start}}

.article-content pre{max-width:68ch;overflow:auto;margin:2rem 0;padding:1.25rem;background:var(--ink);color:var(--paper);border-left:.45rem solid var(--orange);font-size:.9rem;line-height:1.5}.article-content pre code{background:transparent;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.article-media{max-width:68ch;margin:clamp(4rem,8vw,8rem) 0;overflow:hidden;background:var(--orange);position:relative;isolation:isolate}.article-media:after{content:"";position:absolute;inset:0;background:var(--orange);mix-blend-mode:multiply;opacity:.2;pointer-events:none}.article-media img{display:block;width:100%;height:auto;max-height:min(72svh,52rem);object-fit:cover;filter:contrast(1.04)}.article-media--portrait{max-width:min(68ch,42rem)}.article-media--portrait img{aspect-ratio:4/5;object-position:54% 28%}.article-media figcaption{position:absolute;z-index:1;left:1rem;bottom:1rem;background:#10100f;color:#f4f2ed;padding:.45rem .65rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}

/* In-article activation */
.article-activation{position:relative;isolation:isolate;max-width:72ch;margin:clamp(4.5rem,9vw,9rem) 0;padding:clamp(2rem,4vw,4rem);background:var(--orange);color:#10100f;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,4vw,4rem);align-items:end;overflow:hidden}.article-activation:after{content:"↗";position:absolute;right:-.08em;top:-.28em;z-index:-1;font-size:clamp(9rem,20vw,18rem);line-height:1;font-weight:200;color:rgba(16,16,15,.09);transform:rotate(-8deg)}.article-activation span{display:block;color:#10100f;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}.article-activation h3{font-size:clamp(2.25rem,4.4vw,4.8rem);line-height:.86;letter-spacing:-.055em;font-weight:300;margin:0 0 1rem;max-width:11ch}.article-activation p{font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.35;margin:0;max-width:38ch}.article-activation a{white-space:nowrap;background:#10100f;color:#f4f2ed;border:1px solid #10100f;border-radius:999px;padding:1rem 1.35rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}.article-activation a:hover,.article-activation a:focus-visible{background:transparent;color:#10100f;outline:none;transform:translateY(-3px)}

/* Random article discovery on the homepage */
.article-rail-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:clamp(5rem,9vw,9rem) 0 1.4rem}.article-rail-head p{margin:0;color:color-mix(in srgb,currentColor 62%,transparent);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.article-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(18rem,30vw);gap:1px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding-bottom:1rem;background:var(--line);border:1px solid var(--line);scrollbar-color:var(--orange) transparent}.article-rail-card{scroll-snap-align:start;min-height:23rem;padding:clamp(1.35rem,2.6vw,2.4rem);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;transition:background .3s,color .3s}.article-rail-card>span{color:var(--orange);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.article-rail-card h3{font-size:clamp(2rem,3.4vw,4rem);line-height:.88;letter-spacing:-.05em;font-weight:300;margin:2rem 0 1rem}.article-rail-card p{font-size:.9rem;line-height:1.4;max-width:34ch}.article-rail-card strong{margin-top:auto;padding-top:2rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.article-rail-card:hover,.article-rail-card:focus-visible{background:var(--orange);color:#10100f;outline:none}.article-rail-card:hover>span,.article-rail-card:focus-visible>span{color:#10100f}
@media(max-width:700px){.article-activation{grid-template-columns:1fr;align-items:start;gap:2rem}.article-activation h3{max-width:12ch}.article-activation a{justify-self:start}.article-rail{grid-auto-columns:minmax(16rem,82vw)}}