:root{--paper:#f4f3ed;--ink:#23251e;--hairline:#cecec2}
body{background:var(--paper)}
.selected-work .case-stage:hover{text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:12px 20px}body>footer{flex-wrap:wrap}.footer-links a{white-space:normal}
.selected-work{background:var(--paper);color:var(--ink);padding:100px 5vw 0;max-width:1800px;margin:auto;scroll-margin-top:30px}
.work-intro{display:grid;grid-template-columns:1fr 3fr auto;gap:24px;align-items:start;padding-bottom:64px}
.work-intro .eyebrow{padding-top:12px}.work-intro h2{font-size:clamp(40px,4.8vw,78px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px}.work-intro p:not(.eyebrow){font-size:16px;line-height:1.7;color:#595c50;margin:0}.work-count{font-size:12px;padding-top:16px;white-space:nowrap}
.case-feature{border-top:1px solid var(--hairline);padding-bottom:72px}.case-title{display:grid;grid-template-columns:70px 1fr 210px 58px;align-items:center;gap:22px;padding:25px 0}.case-number{font-size:14px;color:#666a5c;align-self:start;padding-top:12px}.case-title h3{font-size:clamp(32px,3.9vw,62px);font-weight:500;letter-spacing:-.055em;margin:0}.case-type{font-size:11px;line-height:1.8;letter-spacing:.08em}.case-arrow{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--hairline);border-radius:50%;font-size:27px;transition:background .2s,transform .2s}.case-arrow:hover{background:#d4ee8f;transform:rotate(8deg)}
.case-stage{display:block;position:relative;overflow:hidden}.travel-stage{background:#c9d5cd;padding:30px 7% 65px}.stage-caption{font-size:10px;letter-spacing:.13em;display:flex;justify-content:space-between;gap:12px;margin-bottom:36px}.browser-frame{border:1px solid #ffffff5e;border-radius:7px;overflow:hidden;box-shadow:0 24px 40px #142a2a25;background:#f6f4ec}.browser-frame img{display:block;width:100%;height:auto}.browser-chrome{height:29px;display:flex;align-items:center;padding:0 13px;gap:5px;background:#f2f1ec;color:#686a61;font-size:10px}.browser-chrome i{height:5px;width:5px;background:#c2c3ba;border-radius:50%}.browser-chrome span{margin:auto;padding-right:28px}.travel-stage .browser-frame{width:90%;margin-left:0}.phone-frame{position:absolute;width:18%;max-width:220px;right:4%;bottom:40px;border:6px solid #1b2b29;border-radius:20px;overflow:hidden;box-shadow:0 18px 35px #13292855;background:#08262d}.phone-frame img{display:block;width:100%;height:auto}.stage-foot{font-size:11px;display:block;margin-top:25px;letter-spacing:.025em}
.case-notes{display:grid;grid-template-columns:1.05fr 1.25fr .7fr;gap:35px;padding:30px 0 0;align-items:start}.case-notes p{margin:0;font-size:15px;line-height:1.65}.case-notes .case-description{font-size:25px;line-height:1.22;letter-spacing:-.025em}.case-description em{font-family:Georgia,serif;font-weight:400}.case-notes .case-tags{font-size:10px;letter-spacing:.075em;margin-top:19px;color:#636658}.case-read{border-bottom:1px solid #727969;padding:8px 0 13px;font-size:13px;display:flex;justify-content:space-between;gap:20px}.case-read span{font-size:19px;line-height:1}.case-read:hover{border-color:#222;color:var(--brand-ink)}
.karabe-stage{display:grid;grid-template-columns:1fr 2fr;gap:0;background:#e1dfd8}.karabe-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}.karabe-screen{padding:30px 5% 35px}.karabe-screen .stage-caption{font-size:9px;margin-bottom:38px}.karabe-screen .stage-foot{max-width:350px;line-height:1.5}.group-stage{background:#192720;display:grid;grid-template-columns:1fr 1.8fr;gap:35px;padding:55px 0 55px 45px;overflow:hidden;color:#f5f3e9}.group-intro .eyebrow{color:#c7df9d;font-size:10px}.group-intro h4{font-size:clamp(28px,3.4vw,55px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:22px 0}.group-intro h4 em{font-family:Georgia,serif;font-weight:400}.group-intro>p:not(.eyebrow){font-size:14px;color:#ccd3c9;line-height:1.6;margin-bottom:30px}.group-detail{border-top:1px solid #50604e;padding:16px 0 0;margin-top:16px}.group-detail span{font-size:10px;letter-spacing:.09em;color:#c7df9d}.group-detail p{font-size:13px;line-height:1.6;margin:7px 0 0;color:#dde1d8}.group-screen{align-self:center;margin-right:-55px;box-shadow:0 22px 40px #0004;border:1px solid #a6ad9966;border-radius:7px;overflow:hidden}.group-screen img{display:block;width:100%;height:auto}.work-outro{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--hairline);padding:38px 0 65px}.work-outro>span{font-size:10px;letter-spacing:.1em}.work-outro a{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em}.work-outro a span{display:inline-block;margin-left:30px}.selected-work a:focus-visible{outline:3px solid #647c2f;outline-offset:6px}.preview-contact-link{display:inline-block;margin-top:24px;padding:18px 24px;background:#20281b;color:#fff}.preview-note{font-size:12px!important;opacity:.75}.contact{scroll-margin-top:30px}
@media(max-width:900px){.selected-work{padding:65px 6vw 0}.work-intro{grid-template-columns:1fr;gap:16px;padding-bottom:40px}.work-intro .eyebrow{margin:0;padding:0}.work-count{display:none}.case-title{grid-template-columns:30px 1fr 48px;gap:12px}.case-type{grid-column:2;grid-row:2;font-size:9px}.case-arrow{grid-column:3;grid-row:1 / 3;width:44px;height:44px}.case-number{padding-top:7px}.case-notes{grid-template-columns:1fr 1.3fr;gap:25px}.case-read{grid-column:2}.group-stage{padding:35px 0 35px 30px;grid-template-columns:1fr 1.3fr;gap:24px}.group-detail p{font-size:12px}}
@media(max-width:600px){.work-intro h2{font-size:39px}.work-intro p:not(.eyebrow){font-size:14px}.work-intro br{display:none}.work-intro h2 br{display:block}.case-title h3{font-size:32px}.case-feature{padding-bottom:44px}.travel-stage{padding:20px 15px 70px}.stage-caption{font-size:8px;letter-spacing:.08em;margin-bottom:20px}.stage-caption span:last-child{display:none}.travel-stage .browser-frame{width:94%;margin:0}.browser-chrome{height:18px;font-size:7px;padding:0 6px}.browser-chrome i{width:3px;height:3px}.phone-frame{width:24%;border-width:3px;border-radius:10px;bottom:23px;right:12px}.stage-foot{font-size:9px;line-height:1.5;max-width:65%;margin-top:18px}.case-notes{display:block;padding-top:22px}.case-notes .case-description{font-size:25px;margin-bottom:18px}.case-notes p{font-size:14px}.case-read{margin-top:20px;font-size:14px}.case-notes .case-tags{font-size:9px;margin-top:14px}.karabe-stage{grid-template-columns:1fr}.karabe-photo{height:140px;overflow:hidden}.karabe-photo img{object-position:center 38%}.karabe-screen{padding:22px 15px}.karabe-screen .stage-caption{font-size:8px;margin-bottom:18px}.karabe-screen .stage-foot{max-width:100%}.group-stage{display:block;padding:28px 22px 30px}.group-intro h4{font-size:38px}.group-intro>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.group-detail{display:none}.group-screen{display:block;margin:25px -8px 0}.work-outro{display:block;padding:25px 0 45px}.work-outro>span{display:block;margin-bottom:15px}.work-outro a{font-size:26px}.work-outro a span{margin-left:18px}.immersive-home .hero-offer-editorial{font-size:15px;line-height:1.7;max-width:310px}.immersive-home .hero-title-editorial{font-size:clamp(43px,11.8vw,68px)}.immersive-home .hero-art{opacity:.62}.immersive-home .hero-copy{z-index:4}.immersive-home .hero-message{max-width:330px}}
@media(prefers-reduced-motion:reduce){.case-arrow{transition:none}.case-arrow:hover{transform:none}}