body[data-page=case]{background:#0a0a0a}.case-nav{height:88px;display:grid;grid-template-columns:1fr auto auto auto;gap:35px;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);position:sticky;top:0;z-index:100;background:#0a0a0ad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.case-nav>a:not(.monogram),.case-nav .status{color:#ffffffa6;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.case-nav .status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--case-accent);margin-right:8px}.case-nav .case-contact{color:#fff!important;min-height:44px;display:inline-flex;align-items:center}.case-hero{padding:80px 0 100px}.case-breadcrumb{display:flex;justify-content:space-between;color:#ffffff73;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.case-hero h1{font-size:clamp(60px,15vw,245px);font-weight:500;letter-spacing:-.09em;line-height:.8;margin:clamp(60px,8vw,120px) 0 clamp(40px,5vw,70px);color:var(--case-accent)}.case-summary{max-width:950px;font-size:clamp(22px,3.5vw,58px);line-height:1.12;letter-spacing:-.045em}.case-meta{display:grid;grid-template-columns:1fr 1.5fr 1.5fr auto;margin-top:clamp(50px,6vw,90px);border-top:1px solid rgba(255,255,255,.18);padding-top:24px;gap:25px}.case-meta div{display:flex;flex-direction:column}.case-meta span,.case-meta a{font:9px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#ffffff73}.case-meta b{font-size:13px;margin-top:9px}.case-meta a{color:#fff;text-underline-offset:8px;min-height:44px;display:inline-flex;align-items:center}.case-media{padding-bottom:clamp(80px,10vw,150px)}.case-browser{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 40px 100px #0006}.case-browser>div{height:40px;background:#f1f1f1;display:flex;align-items:center;gap:7px;padding:0 16px;color:#777;font:8px var(--mono)}.case-browser i{width:7px;height:7px;border-radius:50%;background:#ccc}.case-browser>div span{margin:auto}.case-browser img{display:block;width:100%;height:auto}.case-context,.case-journey,.case-principles,.case-now{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px)}.case-section-title{display:grid;grid-template-columns:1fr 3fr;margin-bottom:clamp(50px,6vw,80px)}.case-section-title>span,.case-role-grid>div>span,.case-now span{font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffff73}.case-section-title h2,.case-role h2,.case-now h2{font-size:clamp(32px,5.5vw,82px);line-height:1.03;letter-spacing:-.055em;margin:0}.case-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-left:25%}.case-two-col h3,.case-now h3{font-size:21px}.case-two-col p,.case-now p,.case-role p{font-size:clamp(15px,1vw + .4rem,17px);line-height:1.75;color:#ffffff94}.audience-row{display:grid;grid-template-columns:1fr 3fr;margin-top:clamp(50px,6vw,90px);padding-top:30px;border-top:1px solid rgba(255,255,255,.16)}.audience-row>span{font:9px var(--mono);text-transform:uppercase;color:#ffffff73}.audience-row ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.audience-row li{padding:11px 15px;border:1px solid rgba(255,255,255,.2);font-size:11px;border-radius:30px}.case-system{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,140px) 0}.case-system .case-section-title>span{color:#777}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}.system-grid>div{aspect-ratio:1.35;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:clamp(14px,2vw,25px);display:flex;flex-direction:column;justify-content:space-between}.system-grid b{font:9px var(--mono);color:#777}.system-grid span{font-size:clamp(14px,1.2vw + .3rem,17px);line-height:1.3}.case-journey ol{list-style:none;margin:0 0 0 25%;padding:0}.case-journey li{display:grid;grid-template-columns:80px 1fr;border-top:1px solid rgba(255,255,255,.17);padding:35px 0}.case-journey li:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.case-journey li>b{font:10px var(--mono);color:var(--case-accent)}.case-journey h3{font-size:clamp(20px,1.5vw + .5rem,27px);margin:0 0 9px}.case-journey p{color:#ffffff80;margin:0}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff2b}.principle-grid article{min-height:300px;background:#0a0a0a;padding:30px;display:flex;flex-direction:column}.principle-grid span{font:9px var(--mono);color:var(--case-accent)}.principle-grid h3{font-size:clamp(18px,1.5vw + .3rem,24px);margin-top:auto}.principle-grid p{font-size:13px;line-height:1.7;color:#ffffff80}.case-role{background:var(--case-accent);color:#0a0a0a;padding:clamp(80px,10vw,140px) 0}.case-role-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12%}.case-role-grid>div>span,.case-role p{color:#0009}.case-role ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,.3)}.case-role li{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.3);font-size:14px}.case-now{display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.case-now h3{margin-top:55px}.next-project{background:var(--paper);color:var(--ink)}.next-project a{display:block;position:relative;padding:clamp(60px,8vw,110px) var(--gutter);max-width:calc(var(--container-max) + var(--gutter) * 2);margin-inline:auto;color:inherit;text-decoration:none}.next-project span{font:9px var(--mono);text-transform:uppercase}.next-project h2{font-size:clamp(48px,10vw,190px);letter-spacing:-.08em;margin:clamp(30px,4vw,55px) 0 25px}.next-project p{max-width:620px;font-size:clamp(15px,1vw + .4rem,18px);line-height:1.6}.next-project>a>b{position:absolute;right:var(--gutter);top:50%;font-size:clamp(36px,4vw,60px)}.case-footer{height:clamp(80px,8vw,110px);display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);text-transform:uppercase;color:#ffffff73;gap:20px}.case-footer a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}@media(max-width:1100px){.case-nav{height:80px;grid-template-columns:1fr auto auto}.case-nav .status{display:none}.case-section-title{grid-template-columns:1fr}.case-section-title h2{margin-top:20px}.case-two-col{grid-template-columns:1fr 1fr;margin-left:0;gap:8%}.audience-row{grid-template-columns:1fr;gap:20px}.system-grid{grid-template-columns:repeat(3,1fr)}.case-journey ol{margin-left:0}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article{min-height:250px}.case-role-grid{grid-template-columns:1fr;gap:50px}.case-now{grid-template-columns:1fr;gap:45px}}@media(max-width:768px){.case-nav{height:70px;grid-template-columns:1fr auto}.case-nav>a:not(.monogram):not(.case-contact){display:none}.case-hero{padding:50px 0 70px}.case-breadcrumb{display:block}.case-breadcrumb span:last-child{display:block;margin-top:9px}.case-hero h1{font-size:clamp(50px,18vw,100px);margin:70px 0 40px}.case-summary{font-size:clamp(22px,5vw,34px)}.case-meta{grid-template-columns:1fr 1fr;gap:24px 14px;margin-top:50px}.case-browser{border-radius:9px}.case-browser>div{height:30px}.case-two-col{grid-template-columns:1fr;gap:28px}.system-grid{grid-template-columns:1fr 1fr}.case-journey li{grid-template-columns:42px minmax(0,1fr);padding:25px 0}.case-journey h3{font-size:20px}.case-journey p{font-size:13px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:200px}.next-project h2{font-size:clamp(40px,12vw,80px);margin:35px 0 20px}.next-project p{font-size:15px;max-width:280px}.next-project>a>b{right:var(--gutter);font-size:36px}.case-footer a:nth-child(2){display:none}}@media(max-width:480px){.case-hero h1{font-size:clamp(44px,16vw,64px)}.case-summary{font-size:clamp(20px,5vw,28px)}.case-meta{grid-template-columns:1fr}.system-grid>div{aspect-ratio:auto;padding:18px}}