:root{--canvas:#0a0a0a;--soft:#121212;--card:#1a1a1a;--elevated:#242424;--line:#2a2a2a;--line2:#3a3a3a;--text:#fff;--body:#ccc;--muted:#888;--signal:#faff69;--brand:#74152c;--paper:#fefdf8;--stone:#e6dec7;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--wrap:min(calc(100% - 96px),1440px)}
*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body.cp-case-study{margin:0;overflow-x:hidden;background:var(--canvas);color:var(--text);font:400 16px/1.6 var(--sans)}.cp-case-study a{color:inherit;text-decoration:none}.cp-case-study button{color:inherit;font:inherit}.cp-case-study a:focus-visible,.cp-case-study button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.cp-case-study img{display:block;max-width:100%}.cp-case-study ::selection{background:var(--signal);color:#0a0a0a}.cp-wrap{width:var(--wrap);margin-inline:auto}.cp-rule{border-top:1px solid var(--line)}
.cp-header{height:68px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:32px;padding:0 48px;border-bottom:1px solid var(--line);font:600 10px/1 var(--mono);letter-spacing:.08em}.cp-header a,.cp-header b{color:var(--text)}.cp-header span{color:var(--muted)}.cp-progress{height:1px;background:var(--line)}.cp-progress i{display:block;width:100%;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:left}
.cp-cursor{position:fixed;z-index:1000;left:0;top:0;width:48px;height:48px;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:width .22s,height .22s,opacity .18s}.cp-cursor.is-visible{opacity:1}.cp-cursor i{position:absolute;inset:0;border:1px solid var(--signal);transform:rotate(45deg);transition:transform .25s,background .25s}.cp-cursor i:before,.cp-cursor i:after{content:"";position:absolute;left:50%;top:50%;background:var(--signal);transform:translate(-50%,-50%)}.cp-cursor i:before{width:6px;height:1px}.cp-cursor i:after{width:1px;height:6px}.cp-cursor span{position:absolute;left:58px;top:18px;color:var(--signal);font:600 8px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}.cp-cursor.is-active{width:62px;height:62px}.cp-cursor.is-active i{background:var(--signal);transform:rotate(135deg)}.cp-cursor.is-active i:before,.cp-cursor.is-active i:after{background:#111}
.cp-hero{min-height:820px;display:flex}.cp-hero__inner{display:flex;flex-direction:column;padding:72px 0 90px}.cp-hero__year{padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--muted);font:600 11px/1 var(--mono);letter-spacing:.1em}.cp-hero h1{margin:70px 0;font-size:clamp(64px,9.7vw,148px);font-weight:700;line-height:.79;letter-spacing:-.075em}.cp-hero h1 span{display:block}.cp-hero h1 span:nth-child(2){margin-left:11%}.cp-hero h1 span:nth-child(3){color:var(--signal)}.cp-hero__details{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;margin-top:auto;margin-left:34%;padding-top:24px;border-top:1px solid var(--line)}.cp-hero__details p{max-width:680px;margin:0;color:var(--body);font-size:20px;line-height:1.4}.cp-hero__details ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0;padding:0;list-style:none}.cp-hero__details li{height:30px;padding:0 12px;border:1px solid var(--line2);border-radius:6px;color:var(--body);font:500 10px/28px var(--mono);text-transform:uppercase}
.cp-windowbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.08em}.cp-windowbar>div{display:flex;align-items:center;gap:7px}.cp-windowbar i{width:7px;height:7px;border-radius:50%;background:#3a3a3a}.cp-windowbar strong{margin-left:8px;color:var(--body);font:inherit}.cp-opening{margin-bottom:128px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}.cp-opening__stage{min-height:720px;display:grid;grid-template-columns:1.3fr .7fr;gap:1px;background:var(--line)}.cp-portal{position:relative;overflow:hidden;background:var(--brand)}.cp-portal img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}.cp-portal:hover img{transform:scale(1.025)}.cp-portal:after{content:"";position:absolute;inset:0;background:radial-gradient(circle 260px at var(--portal-x,50%) var(--portal-y,50%),transparent 0,rgba(10,10,10,.05) 38%,rgba(10,10,10,.65) 100%)}.cp-portal svg{position:absolute;z-index:2;inset:6%;width:88%;height:88%;fill:var(--signal);stroke:var(--signal);stroke-width:.13}.cp-portal svg path{fill:none;stroke-dasharray:100;animation:draw 2.5s ease forwards}.cp-portal small{position:absolute;z-index:3;bottom:18px;left:18px;color:var(--signal);font:600 8px/1 var(--mono);letter-spacing:.08em}.cp-opening__console{background:var(--card);padding:24px;display:flex;flex-direction:column}.cp-opening__console>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}.cp-opening__console span{color:var(--muted);font:600 9px/1 var(--mono);letter-spacing:.08em}.cp-opening__console b{font-size:15px;letter-spacing:-.01em}.cp-opening__signal{margin-top:auto!important;padding:24px!important;background:var(--elevated);border:1px solid var(--line2)!important;border-radius:8px}.cp-opening__signal strong{color:var(--signal);font-size:clamp(34px,4vw,58px);line-height:1}.cp-opening__signal i{display:block;width:100%;height:4px;margin-top:16px;background:linear-gradient(90deg,var(--signal) 0 72%,#444 72%)}@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.cp-overview{display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;padding:128px 0}.cp-overview h2,.cp-section-copy h2,.cp-applications__head h2,.cp-built h2,.cp-outcome h2,.cp-footer h2{margin:0;font-size:clamp(46px,5.8vw,84px);font-weight:700;line-height:1.02;letter-spacing:-.055em}.cp-overview>div>p,.cp-section-copy p{margin:8px 0 0;color:var(--body);font-size:17px}.cp-overview dl{margin:46px 0 0}.cp-overview dl>div{display:grid;grid-template-columns:76px 1fr;padding:12px 0;border-top:1px solid var(--line)}.cp-overview dt{color:var(--muted);font:600 9px/1.4 var(--mono);text-transform:uppercase}.cp-overview dd{margin:0;color:#aaa;font-size:13px}
.cp-work{display:grid;grid-template-columns:minmax(260px,.52fr) minmax(580px,1.48fr);gap:7vw;padding:128px 0;align-items:start}.cp-section-copy{position:sticky;top:48px}.cp-section-copy h2{font-size:clamp(38px,4.5vw,66px)}.cp-section-copy p{max-width:430px;margin-top:24px}.cp-pillar-app,.cp-logo-lab,.cp-palette__app,.cp-pattern__app{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.cp-pillar-app__body{min-height:630px;display:grid;grid-template-columns:.58fr 1fr;gap:1px;background:var(--line)}.cp-pillar-list{display:flex;flex-direction:column;background:var(--card)}.cp-pillar-list button{flex:1;display:grid;grid-template-columns:40px 1fr;align-items:center;padding:0 22px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;font-size:clamp(18px,2vw,28px);font-weight:600}.cp-pillar-list button span{color:var(--muted);font:600 9px/1 var(--mono)}.cp-pillar-list button:hover,.cp-pillar-list button.is-active{background:var(--signal);color:#0a0a0a}.cp-pillar-list button.is-active span{color:rgba(0,0,0,.55)}.cp-key-field{position:relative;overflow:hidden;display:grid;place-items:center;background:var(--stone);color:var(--brand)}.cp-key-field__rings{position:absolute;inset:0;display:grid;place-items:center}.cp-key-field__rings i{position:absolute;width:110px;aspect-ratio:1;border:1px solid rgba(116,21,44,.25);border-radius:50%}.cp-key-field__rings i:nth-child(2){width:200px}.cp-key-field__rings i:nth-child(3){width:290px}.cp-key-field__rings i:nth-child(4){width:380px}.cp-key-mark{position:relative;width:70px;height:210px;transform:translateY(-35px) rotate(var(--key-rotation,0deg));transition:transform .55s cubic-bezier(.16,1,.3,1)}.cp-key-mark span{position:absolute;width:70px;aspect-ratio:1;border:13px double currentColor;border-radius:50%}.cp-key-mark>i{position:absolute;top:62px;left:28px;width:14px;height:142px;background:currentColor}.cp-key-mark>i:before,.cp-key-mark>i:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:11px;background:currentColor}.cp-key-mark>i:before{transform:rotate(-28deg);transform-origin:left}.cp-key-mark>i:after{bottom:25px;width:36px}.cp-key-field__copy{position:absolute;left:24px;right:24px;bottom:24px;padding-top:16px;border-top:1px solid rgba(116,21,44,.3)}.cp-key-field__copy b{display:block;font-size:24px}.cp-key-field__copy p{margin:8px 0 0;max-width:400px;font-size:13px;line-height:1.5}
.cp-logo-lab__body{min-height:690px;display:grid;grid-template-columns:280px 1fr;gap:1px;background:var(--line)}.cp-logo-switcher{display:flex;flex-direction:column;background:var(--card);padding:16px}.cp-logo-switcher button{display:grid;grid-template-columns:34px 1fr;text-align:left;padding:15px;border:0;border-radius:6px;background:transparent;cursor:pointer}.cp-logo-switcher button span{color:var(--muted);font:600 9px var(--mono)}.cp-logo-switcher button:hover,.cp-logo-switcher button.is-active{background:var(--elevated)}.cp-logo-switcher button.is-active{color:var(--signal)}.cp-logo-switcher p{margin:auto 8px 8px;color:var(--muted);font-size:13px}.cp-logo-lab__viewer{min-width:0;padding:30px;background:#111;display:grid;place-items:center}.cp-logo-lab__page{height:100%;display:grid;place-items:center}.cp-logo-lab__page img{width:auto;max-height:630px;box-shadow:0 0 0 1px #dcd8cc;transition:opacity .22s,transform .3s}.cp-logo-lab__page.is-switching img{opacity:0;transform:translateY(12px)}
.cp-palette__body{min-height:580px;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--active-color,var(--brand));color:var(--active-text,#fff);transition:background .4s,color .4s}.cp-palette__readout{padding:34px;display:flex;flex-direction:column}.cp-palette__readout span{font:600 9px/1 var(--mono);letter-spacing:.08em}.cp-palette__readout strong{margin-top:auto;font-size:clamp(34px,4.2vw,62px);line-height:.95;letter-spacing:-.045em}.cp-palette__readout p{max-width:340px;margin:22px 0 0;font-size:14px}.cp-swatches{display:grid;grid-template-columns:repeat(3,1fr)}.cp-swatches button{position:relative;min-height:50%;border:0;border-left:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);background:var(--swatch);cursor:pointer}.cp-swatches button:after{content:"";position:absolute;inset:10px;border:1px solid transparent}.cp-swatches button:hover:after,.cp-swatches button.is-active:after{border-color:var(--signal)}
.cp-pattern-canvas{position:relative;min-height:620px;overflow:hidden;display:grid;place-items:center;background:var(--brand)}.cp-pattern-canvas__mesh{position:absolute;inset:-15%;background-image:radial-gradient(ellipse at center,transparent 0 29%,rgba(230,222,199,.78) 30% 32%,transparent 33% 47%,rgba(230,222,199,.26) 48% 50%,transparent 51%);background-size:96px 58px;transform:translate(var(--mesh-x,0),var(--mesh-y,0)) rotate(-3deg) scale(1.12);transition:transform .22s ease-out}.cp-pattern-canvas:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent,rgba(10,10,10,.75))}.cp-pattern-canvas>div:last-child{position:relative;z-index:2;display:grid;gap:10px;text-align:center}.cp-pattern-canvas b{font-size:clamp(54px,8vw,110px);line-height:.9;letter-spacing:-.065em}.cp-pattern-canvas span{color:var(--signal);font:600 9px/1 var(--mono);letter-spacing:.08em}
.cp-direction__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-direction__grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card)}.cp-direction__grid figure>img{width:100%;height:min(62vw,680px);object-fit:contain;background:#111}.cp-direction__grid figcaption{padding:14px 16px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.08em}
.cp-applications{padding:128px 0;overflow:hidden;background:var(--soft)}.cp-applications__head{display:grid;grid-template-columns:1fr .4fr;gap:7vw;align-items:end}.cp-applications__head p{margin:0;color:var(--body)}.cp-application-track{display:flex;gap:18px;width:max-content;padding:64px max(48px,calc((100vw - min(calc(100% - 96px),1440px))/2));touch-action:pan-y;user-select:none;will-change:transform}.cp-application-track figure{flex:none;width:min(430px,68vw);margin:0}.cp-application-track figure:nth-child(even){margin-top:54px}.cp-application-track img{width:100%;aspect-ratio:1034/1463;object-fit:cover;pointer-events:none}.cp-application-track figcaption{padding-top:12px;color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.08em}.cp-drag-line{position:relative;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.cp-drag-line i{position:absolute;top:-2px;left:0;width:24%;height:3px;background:var(--signal);transform-origin:left}.cp-drag-line span{color:var(--signal);font:600 8px/1 var(--mono);letter-spacing:.08em}
.cp-built{padding:128px 0}.cp-built h2{max-width:1050px;margin-bottom:72px}.cp-built ul{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}.cp-built li{min-height:70px;display:flex;align-items:center;padding:0 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--body);font:500 10px var(--mono);text-transform:uppercase}.cp-outcome{background:var(--signal);color:#0a0a0a}.cp-outcome>div{min-height:680px;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.cp-outcome span{font:600 10px var(--mono)}.cp-outcome h2{max-width:1180px;margin:28px 0;font-size:clamp(60px,9vw,130px)}.cp-outcome p{font-size:18px}.cp-footer{min-height:740px;display:flex;flex-direction:column;justify-content:center}.cp-footer p,.cp-footer small{color:var(--muted)}.cp-footer h2{max-width:1160px;margin:24px 0 58px;font-size:clamp(56px,8vw,118px)}.cp-footer a{width:max-content;padding-bottom:4px;border-bottom:1px solid var(--signal);color:var(--signal);font:600 10px var(--mono)}.cp-footer small{margin-top:100px}
[data-reveal]{opacity:0;transform:translateY(48px);transition:opacity .75s,transform .9s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:none}
@media(pointer:fine){body.cp-case-study,body.cp-case-study a,body.cp-case-study button{cursor:none}}@media(pointer:coarse){.cp-cursor{display:none}}
@media(max-width:1000px){:root{--wrap:min(calc(100% - 64px),1440px)}.cp-header{padding:0 32px;grid-template-columns:auto 1fr auto}.cp-header span{display:none}.cp-hero__details{margin-left:18%}.cp-opening__stage{grid-template-columns:1fr .7fr}.cp-overview{grid-template-columns:1fr;gap:48px}.cp-work{grid-template-columns:1fr}.cp-section-copy{position:static}.cp-section-copy p{max-width:620px}.cp-pillar-app__body{min-height:580px}.cp-logo-lab__body{grid-template-columns:230px 1fr}.cp-direction__grid figure>img{height:62vw}.cp-applications__head{grid-template-columns:1fr}}
@media(max-width:680px){:root{--wrap:min(calc(100% - 28px),1440px)}.cp-header{height:56px;padding:0 14px;grid-template-columns:1fr auto}.cp-header .cp-progress,.cp-header span{display:none}.cp-hero{min-height:auto}.cp-hero__inner{padding:72px 0 80px}.cp-hero h1{margin:48px 0;font-size:clamp(58px,18vw,92px);line-height:.82}.cp-hero h1 span:nth-child(2){margin-left:0}.cp-hero__details{grid-template-columns:1fr;gap:28px;margin-left:0}.cp-hero__details ul{justify-content:flex-start}.cp-opening{width:100%;margin-bottom:90px;border-left:0;border-right:0;border-radius:0}.cp-opening__stage{grid-template-columns:1fr}.cp-portal{min-height:115vw}.cp-opening__console{min-height:420px}.cp-overview,.cp-work,.cp-built{padding:82px 0}.cp-overview h2,.cp-section-copy h2,.cp-built h2{font-size:43px}.cp-pillar-app__body{grid-template-columns:1fr}.cp-pillar-list button{min-height:74px}.cp-key-field{min-height:520px}.cp-logo-lab__body{grid-template-columns:1fr}.cp-logo-switcher{min-height:230px}.cp-logo-switcher p{margin-top:32px}.cp-logo-lab__viewer{min-height:510px;padding:16px}.cp-palette__body{grid-template-columns:1fr}.cp-palette__readout{min-height:330px}.cp-swatches{min-height:300px}.cp-pattern-canvas{min-height:520px}.cp-direction__grid{grid-template-columns:1fr}.cp-direction__grid figure>img{height:auto}.cp-applications{padding:82px 0}.cp-application-track{padding:48px 14px}.cp-application-track figure{width:78vw}.cp-built ul{grid-template-columns:1fr 1fr}.cp-built li{font-size:8px}.cp-outcome>div{min-height:520px}.cp-outcome h2{font-size:54px}.cp-footer{min-height:600px}.cp-footer h2{font-size:50px}.cp-footer small{margin-top:80px}.cp-cursor{display:none}[data-reveal]{transform:translateY(25px)}}
.cp-logo-blend{overflow:hidden;background:#fffdf8}.cp-logo-blend__surface{width:min(100%,1414px);margin:0 auto;background:#fffdf8}.cp-logo-blend img{width:100%;height:auto}.cp-direction__grid{grid-template-columns:1fr}.cp-direction__grid figure{overflow:visible;border:0;border-radius:0;background:transparent}.cp-direction__grid figure>img{height:auto;background:transparent}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.cp-cursor{display:none}.cp-portal svg path{animation:none}}