.case-study{--ink:#000;--bone:#F3EEE5;--dim:rgba(243,238,229,.74);--faint:rgba(243,238,229,.56);--line:rgba(243,238,229,.17);--line2:rgba(243,238,229,.3);--acc:#2ED9A0;--pad:clamp(18px,4vw,64px);--maxw:1000px;--f-disp:var(--font-syne),"Familjen Grotesk",system-ui,sans-serif;--f-body:var(--font-grotesk),"Helvetica Neue",Arial,sans-serif;--f-sci:var(--font-serif),Georgia,serif;--f-mono:var(--font-mono),ui-monospace,SFMono-Regular,monospace;background:var(--ink);color:var(--bone);font-family:var(--f-body);font-size:clamp(1.02rem,1.1vw,1.15rem);line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased;& *,& :after,& :before{box-sizing:border-box}& ::selection{background:var(--acc);color:#0B0D12}& a{color:inherit;text-decoration:none}& img{max-width:100%;display:block}& ol,& ul{margin:0;padding:0;list-style:none}& :focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:2px}& .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}& .mono{font-family:var(--f-mono);font-size:clamp(.76rem,.82vw,.82rem);letter-spacing:.14em;text-transform:uppercase;line-height:1.55}& .acc{color:var(--acc)}& .grain{position:fixed;inset:-120px;z-index:60;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}& .bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(var(--pad) * .5) var(--pad);background:rgba(0,0,0,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}& .bar__back{display:inline-flex;align-items:center;gap:.6em;color:var(--dim);transition:color .3s}& .bar__back:hover{color:var(--acc)}& .bar__id{color:var(--faint);display:flex;align-items:center;gap:.8em}& .bar__id b{color:var(--acc);font-weight:400}& .bar__live{border:1px solid var(--line2);border-radius:100px;padding:.5em 1em;transition:.35s;white-space:nowrap}& .bar__live:hover{border-color:var(--acc);color:var(--acc)}& .bar__prog{position:absolute;left:0;bottom:-1px;height:1px;background:var(--acc);width:100%;transform:scaleX(0);transform-origin:left}& .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}& .sec{padding-block:clamp(38px,6vw,86px);scroll-margin-top:80px}& .sec+.sec{border-top:1px solid var(--line)}& .sec__h{display:flex;align-items:baseline;gap:.75em;flex-wrap:wrap;margin:0 0 1em}& .sec__h i{font-style:normal;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;color:var(--acc);text-transform:uppercase;flex:0 0 auto;transform:translateY(-.3em)}& h1,& h2,& h3{font-family:var(--f-disp);font-weight:800;letter-spacing:-.035em;text-transform:uppercase;line-height:1.02;margin:0}& h2{font-size:clamp(1.35rem,3.1vw,2.3rem)}& h3{font-weight:700;font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:-.02em;margin:0 0 .6em}& h4{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:400;margin:0 0 .9em}& p{color:var(--dim);line-height:1.72;max-width:74ch;margin:0 0 1.05em}& p strong{color:var(--bone);font-weight:600}& .lede{font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.58;color:var(--bone);max-width:60ch}& .sci{font-family:var(--f-sci);font-style:italic}& .hero{padding-block:clamp(40px,7vw,104px) clamp(30px,4vw,54px)}& .hero .wrap{flex-direction:column;text-align:center}& .eyebrow,& .hero .wrap{display:flex;align-items:center}& .eyebrow{justify-content:center;gap:.9em;color:var(--acc);margin-bottom:1.6em}& .eyebrow b{display:block;width:clamp(24px,4vw,52px);height:1px;background:currentColor;flex:0 0 auto}& .hero h1{font-size:clamp(2.2rem,7.6vw,5.4rem);line-height:.94;margin-bottom:.3em;text-align:center}& .hero .sub{font-family:var(--f-sci);font-style:italic;font-size:clamp(1.05rem,2.1vw,1.65rem);color:var(--dim);max-width:50ch;margin:0 auto 1.6em;text-align:center}& .meta{width:100%;text-align:left;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,158px),1fr));grid-gap:1px;gap:1px;margin-top:clamp(20px,2.6vw,32px)}& .meta>div{background:var(--ink);padding:13px 15px;box-shadow:0 0 0 1px var(--line)}& .meta dt{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:.65em}& .meta dd{margin:0;font-size:.92rem;line-height:1.5}& .meta a{border-bottom:1px solid var(--line2)}& .fig{margin:clamp(20px,3vw,38px) 0}& .fig img{width:100%;height:auto;border:1px solid var(--line);border-radius:3px;background:#0A0A0A}& .fig figcaption{margin-top:12px;color:var(--faint);font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;max-width:80ch}& .fig--bleed{max-width:none;margin-inline:calc(50% - 50vw);padding-inline:var(--pad)}& .figrow{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(12px,2vw,24px);gap:clamp(12px,2vw,24px);margin:clamp(20px,3vw,38px) 0}& .figrow .fig{margin:0}& .shot-mob{display:grid;grid-template-columns:minmax(0,240px) 1fr;grid-gap:clamp(18px,3vw,40px);gap:clamp(18px,3vw,40px);align-items:start;margin:clamp(20px,3vw,38px) 0}& .shot-mob img{border-radius:14px}& ul.bul{margin:0 0 1.1em;max-width:74ch}& ul.bul li{position:relative;padding:.4em 0 .4em 1.35em;color:var(--dim);line-height:1.7;font-size:1rem}& ul.bul li:before{content:"";position:absolute;left:0;top:1em;width:6px;height:1px;background:var(--acc)}& ul.bul li strong{color:var(--bone);font-weight:600}& .ia{display:grid;grid-gap:1px;gap:1px;margin-top:clamp(14px,2vw,22px)}& .ia__row{background:var(--ink);box-shadow:0 0 0 1px var(--line);padding:clamp(12px,1.5vw,17px) clamp(13px,1.6vw,18px);display:grid;grid-template-columns:minmax(120px,190px) 1fr;grid-gap:clamp(12px,2vw,26px);gap:clamp(12px,2vw,26px);align-items:baseline}& .ia__row b{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:400}& .ia__row span{color:var(--dim);font-size:.88rem;line-height:1.55}& .ia__row code{font-family:var(--f-mono);font-size:.92em;color:var(--faint)}& .pal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,146px),1fr));grid-gap:1px;gap:1px;margin-top:clamp(12px,1.8vw,20px)}& .sw{background:var(--ink);display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line)}& .sw i{display:block;height:70px;background:var(--c);border-bottom:1px solid var(--line)}& .sw .m{padding:11px 13px;display:grid;grid-gap:.4em;gap:.4em}& .sw b{font-size:.84rem;font-weight:600;letter-spacing:-.01em}& .sw code{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.06em;color:var(--acc);text-transform:uppercase}& .sw span{font-size:.76rem;color:var(--faint);line-height:1.45}& .tspec{display:grid;grid-gap:1px;gap:1px;margin-top:clamp(12px,1.8vw,20px)}& .trow{background:var(--ink);box-shadow:0 0 0 1px var(--line);padding:clamp(15px,2vw,22px);display:grid;grid-template-columns:minmax(110px,170px) 1fr;grid-gap:clamp(16px,2.4vw,32px);gap:clamp(16px,2.4vw,32px);align-items:center}& .trow .g{font-size:clamp(2.4rem,5.6vw,3.9rem);line-height:.9;letter-spacing:-.03em;color:var(--bone)}& .trow .g em{display:block;font-style:normal;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-family:var(--f-mono);margin-top:.85em}& .trow .i b{display:block;font-size:1rem;font-weight:600;margin-bottom:.45em}& .trow .i p{font-size:.86rem;margin:0 0 .7em;line-height:1.62;max-width:56ch}& .trow .i>code{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.07em;color:var(--acc);border:1px solid var(--line);padding:.35em .6em;display:inline-block;margin:0 .35em .35em 0}& .scale{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(12px,2vw,26px);margin-top:clamp(14px,2vw,22px);border-top:1px solid var(--line);padding-top:clamp(14px,2vw,20px)}& .scale div{text-align:center}& .scale s{display:block;text-decoration:none;line-height:1;letter-spacing:-.03em}& .scale em{display:block;font-style:normal;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;color:var(--faint);margin-top:.8em}& .udr{display:grid;grid-gap:clamp(14px,2vw,20px);gap:clamp(14px,2vw,20px);margin-top:clamp(14px,2vw,24px);counter-reset:udr}& .udr__c{border:1px solid var(--line);border-left:2px solid var(--acc);padding:clamp(15px,2vw,24px);transition:border-color .35s,background .35s}& .udr__c:hover{background:rgba(243,238,229,.02);border-color:var(--line2);border-left-color:var(--acc)}& .udr__t{display:flex;align-items:baseline;gap:.8em;flex-wrap:wrap;margin-bottom:1em}& .udr__t b{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.12em;color:var(--acc);font-weight:400;flex:0 0 auto}& .udr__t h3{margin:0;font-size:clamp(.98rem,1.5vw,1.16rem)}& .udr dl{display:grid;grid-gap:.85em;gap:.85em;margin:0}& .udr dt{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-bottom:.35em}& .udr dd{margin:0;color:var(--dim);font-size:.9rem;line-height:1.65;max-width:78ch}& .udr dd strong{color:var(--bone);font-weight:600}& .udr .tr dd{color:var(--faint)}& .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}& table.d{width:100%;border-collapse:collapse;font-size:.87rem;margin-top:clamp(12px,1.8vw,20px)}& table.d td,& table.d th{text-align:left;padding:.9em 1em;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.58}& table.d thead th{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:400;border-bottom-color:var(--line2)}& table.d td{color:var(--dim)}& table.d td:first-child{color:var(--bone);font-weight:500;width:26%}& table.d td:last-child{color:var(--faint)}& .pull{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-radius:3px;border:1px solid var(--line);border-left:2px solid var(--acc);padding:clamp(15px,2vw,22px);margin:clamp(20px,2.6vw,32px) 0}& .pull b{display:block;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--acc);margin-bottom:.8em;font-weight:400}& .pull p:last-child{margin-bottom:0}& .note{border:1px dashed var(--line2);padding:clamp(14px,1.7vw,19px);font-size:.92rem;line-height:1.65;max-width:76ch;margin-top:clamp(14px,2vw,22px)}& .note,& .note b{color:var(--dim)}& blockquote{margin:clamp(22px,3vw,36px) 0;padding-left:clamp(16px,2vw,24px);border-left:2px solid var(--acc);font-family:var(--f-sci);font-style:italic;font-size:clamp(1.1rem,2.1vw,1.55rem);line-height:1.34;color:var(--bone);max-width:44ch}& .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-gap:1px;gap:1px;margin-top:clamp(16px,2.2vw,26px)}& .stats>div{background:var(--ink);box-shadow:0 0 0 1px var(--line);padding:clamp(14px,1.8vw,20px)}& .stats dt{font-family:var(--f-disp);font-weight:800;font-size:clamp(1.35rem,2.6vw,2.05rem);letter-spacing:-.04em;line-height:1;color:var(--acc)}& .stats dd{margin:.6em 0 0;color:var(--faint);font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}& .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:1em}& .chips span{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);padding:.42em .7em;color:var(--faint)}& .nextnav{border-top:1px solid var(--line);padding-block:clamp(24px,3.4vw,44px);flex-wrap:wrap;justify-content:space-between;gap:16px}& .nextnav,& .nextnav a{display:flex;align-items:center}& .nextnav a{gap:.7em;font-family:var(--f-disp);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1rem,2.2vw,1.6rem);transition:color .35s}& .nextnav a:hover{color:var(--acc)}& .foot{border-top:1px solid var(--line);padding-block:clamp(20px,2.6vw,32px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--faint)}& picture{display:contents}}@media (max-width:720px){.case-study .bar__id{display:none}.case-study .figrow,.case-study .shot-mob{grid-template-columns:1fr}}@media (max-width:680px){.case-study table.d,.case-study table.d tbody,.case-study table.d td,.case-study table.d tr{display:block}.case-study table.d thead{display:none}.case-study table.d tr{border-bottom:1px solid var(--line);padding:.7em 0}.case-study table.d td{border:0;padding:.28em 0;width:auto!important}.case-study table.d td:first-child{font-family:var(--f-disp);text-transform:uppercase;font-size:.9rem;letter-spacing:-.02em}}@media (max-width:600px){.case-study .ia__row{grid-template-columns:1fr;gap:6px}}