:root{--paper:#f6f6f3;--ink:#20252b;--muted:#71757a;--display:'Anton',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c85b42;outline-offset:5px}figure{margin:0}img{max-width:100%;display:block}.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.case-nav{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c4c4c2;gap:24px}.case-brand{font-family:var(--display);font-size:23px;letter-spacing:-.02em}.nav-center{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted)}.nav-back{font-size:11px;letter-spacing:.06em;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:8px;white-space:nowrap}.nav-back span{margin-right:10px}
.case-lead{padding:clamp(70px,10vw,160px) 5% clamp(55px,7vw,120px)}.case-eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.12em;font-weight:800}.eyebrow-rule{background:#bcbfbd;height:1px;flex:1}.case-lead h1{font:400 clamp(95px,16.2vw,295px)/.94 var(--display);letter-spacing:-.045em;margin:70px 0 55px}.case-lead h1 em{font-weight:400;color:#8a8d8b;font-style:normal}.lead-bottom{display:flex;justify-content:space-between;gap:10%;align-items:flex-end}.lead-bottom p{max-width:720px;font-size:clamp(19px,2.2vw,34px);line-height:1.34;letter-spacing:-.035em;margin:0}.case-pills{max-width:270px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.case-pills span{padding:9px 12px;border:1px solid #aeb1b0;border-radius:100px;font-size:9px;white-space:nowrap;letter-spacing:.05em;font-weight:700}
.case-cover{background:#252a2e;padding:3.8% 3.8% 24px}.case-cover>img{width:100%;max-height:82vh;object-fit:contain;margin:auto}.case-cover figcaption,.gallery-piece figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.12em}.case-cover figcaption{color:#d0d1d0;margin-top:25px}.case-details{padding:clamp(90px,12vw,190px) 6%;display:grid;grid-template-columns:1fr 2fr;gap:14%;border-bottom:1px solid #d0d0ce}.details-label{font-size:10px;letter-spacing:.13em;font-weight:800}.details-label span{font-size:28px;display:block;margin-top:24px}.details-body h2{font:400 clamp(45px,6.6vw,105px)/1.08 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 42px;max-width:950px}.details-body>p{font-size:clamp(16px,1.4vw,21px);line-height:1.65;color:#555c61;max-width:790px}.case-note{border-left:2px solid #b4b8b7;padding:3px 0 3px 19px;font-size:12px;line-height:1.7;color:#777e81;max-width:690px;margin-top:45px}
.case-gallery{padding:clamp(90px,10vw,170px) 6%}.gallery-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:90px}.gallery-heading>span{font-size:10px;letter-spacing:.13em;font-weight:800}.gallery-heading h2{font:400 clamp(65px,10vw,170px)/.96 var(--display);text-align:right;letter-spacing:-.04em;margin:0}.gallery-heading h2 em{color:#989b98;font-style:normal}.case-images{display:flex;flex-direction:column;gap:clamp(90px,11vw,175px)}.gallery-piece{max-width:1150px;margin-left:auto;width:100%}.gallery-piece:nth-child(even){margin-left:0;margin-right:auto}.gallery-piece img{width:100%;height:auto;background:#232a2d;box-shadow:0 30px 55px rgba(27,34,40,.10)}.gallery-piece-tall img{max-height:none}.gallery-piece figcaption{border-top:1px solid #b9bebb;padding-top:23px;margin-top:25px;color:#525c61;line-height:1.5}.gallery-piece figcaption>span:last-child{font-weight:500;letter-spacing:0;text-align:right;font-size:12px;max-width:410px}
.image-reveal{opacity:0;transform:translateY(38px);transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1)}.image-reveal.shown{opacity:1;transform:translateY(0)}.next-project{background:#292e33;color:#fafaf8;min-height:410px;padding:80px 6%;display:flex;align-items:end;justify-content:space-between;gap:40px}.next-project span{font-size:10px;font-weight:800;letter-spacing:.14em}.next-project h2{font:400 clamp(65px,9vw,148px)/.95 var(--display);max-width:800px;margin:20px 0 0}.next-project>a{font-size:12px;font-weight:800;border-bottom:1px solid #f5f5f4;padding-bottom:15px;white-space:nowrap}.next-project>a span{font-size:22px;margin-left:20px}.case-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%;font-size:10px;letter-spacing:.08em}.case-footer a:first-child{font:400 24px var(--display);letter-spacing:0}
@media(max-width:900px){.case-nav{height:80px}.nav-center{display:none}.case-lead h1{font-size:clamp(92px,17.4vw,170px);margin-top:55px}.case-details{grid-template-columns:1fr;gap:50px}.gallery-heading{display:block}.gallery-heading h2{text-align:left;margin-top:45px}.next-project{align-items:start;flex-direction:column;min-height:360px}.case-cover img{max-height:none}}
@media(max-width:600px){.case-nav{height:75px;padding:0 22px}.case-brand{font-size:18px}.nav-back{font-size:9px}.case-lead{padding:70px 22px 45px}.case-eyebrow{font-size:9px}.case-lead h1{font-size:clamp(73px,18vw,120px);margin:55px 0 35px}.lead-bottom{display:block}.lead-bottom p{font-size:19px}.case-pills{justify-content:flex-start;margin-top:28px}.case-pills span{font-size:8px;padding:8px}.case-cover{padding:14px 14px 20px}.case-cover figcaption,.gallery-piece figcaption{font-size:8px;line-height:1.6}.case-details{padding:90px 24px}.details-body h2{font-size:51px}.details-body>p{font-size:16px}.case-gallery{padding:100px 22px}.gallery-heading{margin-bottom:55px}.gallery-heading h2{font-size:75px}.case-images{gap:95px}.gallery-piece figcaption{display:block}.gallery-piece figcaption>span:last-child{display:block;text-align:left;margin-top:10px}.next-project{padding:70px 23px;min-height:340px}.next-project h2{font-size:76px}.next-project>a{font-size:10px}.case-footer{padding:30px 22px;flex-wrap:wrap}.case-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-reveal{opacity:1;transform:none;transition:none}}
.case-cover img[hidden]{display:none}.case-phone-showcase{min-height:720px;display:flex;justify-content:center;align-items:flex-end;gap:4%;padding:60px 4% 0;background:radial-gradient(ellipse at 50% 38%,#4c4d47,#242827 66%,#141719)}.case-phone{width:26%;max-width:310px;height:620px;overflow:hidden;border:10px solid #0c0e0f;border-bottom:0;border-radius:32px 32px 0 0;box-shadow:0 35px 70px #0008;background:#202123}.case-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.case-phone-1{transform:rotate(-7deg) translateY(35px)}.case-phone-2{z-index:2;transform:translateY(-20px)}.case-phone-3{transform:rotate(7deg) translateY(35px)}.gallery-piece-phone{max-width:680px;background:#292d2d;padding:52px 30px 24px;display:flex;align-items:center;flex-direction:column}.gallery-piece-phone img{width:auto;max-width:100%;height:auto;max-height:780px;box-shadow:0 28px 52px #0006;border:5px solid #0e1010;border-radius:18px}.gallery-piece-phone figcaption{color:#deded6;border-color:#5c6462;width:100%}.gallery-piece-phone figcaption>span:last-child{color:#afb4b3}
@media(max-width:900px){.case-phone-showcase{min-height:570px}.case-phone{height:510px;border-width:7px;border-bottom:0;border-radius:25px 25px 0 0}}
@media(max-width:600px){.case-phone-showcase{min-height:380px;gap:1%;padding:45px 0 0}.case-phone{width:32%;height:340px;border-width:4px;border-bottom:0;border-radius:17px 17px 0 0}.case-phone-1{transform:rotate(-6deg) translateY(15px)}.case-phone-2{transform:translateY(-10px)}.case-phone-3{transform:rotate(6deg) translateY(15px)}.gallery-piece-phone{padding:35px 18px 15px}.gallery-piece-phone img{max-height:660px}}
.case-phone{height:auto;aspect-ratio:428/760;width:30%;max-width:320px}.case-phone img{object-fit:contain;object-position:top}.case-phone+.case-phone{margin-left:-3%}
@media(max-width:900px){.case-phone{height:auto;width:32%}.case-phone+.case-phone{margin-left:-5%}}
@media(max-width:600px){.case-phone-showcase{min-height:360px}.case-phone{height:auto;width:38%}.case-phone+.case-phone{margin-left:-8%}}
.gallery-piece-sequence{max-width:1280px}
.sequence-screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:clamp(25px,4.4vw,70px);background:radial-gradient(ellipse at 50% 20%,#474743 0%,#282c2b 53%,#1b1e1e 100%)}
.sequence-screen{min-width:0;overflow:hidden;border:6px solid #0e1111;border-radius:22px;background:#202122;box-shadow:0 25px 35px #05060661;display:flex;flex-direction:column}
.sequence-screen img{width:100%;height:auto;object-fit:contain;background:#202122;box-shadow:none}
.sequence-step{color:#b7b5a9;font:700 10px var(--body);letter-spacing:.16em;padding:14px 10px;text-align:center}
@media(max-width:750px){.sequence-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px}.sequence-screen{border-width:4px;border-radius:15px}.sequence-step{padding:11px 8px}}
.detail-pair{display:flex;justify-content:center;align-items:center;gap:clamp(24px,5vw,90px);min-height:690px;padding:clamp(40px,6vw,95px);background:linear-gradient(125deg,#e5e8e5,#d3d7d5)}
.detail-pair img{width:auto;max-width:46%;height:auto;max-height:690px;object-fit:contain;box-shadow:0 22px 42px #2b353019;border-radius:16px}
@media(max-width:650px){.detail-pair{min-height:0;gap:16px;padding:27px 16px}.detail-pair img{max-width:47%;border-radius:9px}}
.case-cover-rblack{background:#080808}.case-cover-treasury{background:#161616}.case-cover-finance{background:#1f2223}
.case-flat-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.5vw,46px);max-width:1260px;margin:auto;padding:clamp(20px,4vw,65px) 20px;background:#1f2223}
.case-flat-showcase>img{display:block;width:100%;height:auto;object-fit:contain;align-self:start;border:0;border-radius:0;box-shadow:none;background:#202123}
.gallery-piece-raw{max-width:990px;background:#232728;padding:clamp(28px,5.5vw,80px);display:flex;flex-direction:column;align-items:center}
.gallery-piece-raw>img{width:min(100%,520px);height:auto;max-height:none;box-shadow:none;border:0;border-radius:0;background:#202123}
.gallery-piece-raw figcaption{width:100%;color:#deded6;border-color:#606565}.gallery-piece-raw figcaption>span:last-child{color:#bdc3c1}
.gallery-piece-sequence .sequence-screen{border:0;border-radius:0;box-shadow:none}.gallery-piece-sequence .sequence-screens{background:#232728}
@media(max-width:650px){.case-flat-showcase{display:flex;overflow-x:auto;gap:14px;padding:24px 20px;scroll-snap-type:x mandatory}.case-flat-showcase>img{flex:0 0 70vw;max-width:70vw;scroll-snap-align:center}.gallery-piece-raw{padding:26px 20px}}