@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
body{font-family:'Space Grotesk',Arial,sans-serif;font-weight:600;font-synthesis:none}.hero h1{font-weight:700;letter-spacing:-.075em}.hero h1 em{font-size:20px;letter-spacing:0}.serif,.pnj{font-family:'Space Grotesk',Arial,sans-serif;font-style:normal;font-weight:700}.serif{color:var(--lime)}.about-section .serif{color:#788d39}.contact-heading .serif{color:#394b18}.hero-bottom p,.about-copy>p,.project-info p,.expertise-intro>p,.detail-body p{font-weight:600}.counter{font-variant-numeric:tabular-nums;display:inline-block}.number-unit{display:inline-block;font-size:.5em;letter-spacing:-.02em;padding-left:3px}.result-value .number-unit{margin-top:6px}.hero .portrait-frame img[data-parallax]{height:100%;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.11);transition:filter .5s;will-change:transform}.photo-caption{letter-spacing:.45px}.work-toolbar{align-items:flex-start}.filters{gap:7px}.filter{font-weight:600}.work-toolbar>.text-link{margin-top:10px}
/* Fade in is added progressively only when its observer is available. */
.reveal-pending{opacity:0;transform:translate3d(0,23px,0);transition:opacity .85s cubic-bezier(.2,.65,.25,1),transform .85s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;transform:translate3d(0,0,0)}.case-page{--lime:var(--project-accent)}.case-page .header{border-bottom-color:#ffffff16}.case-intro{padding-top:33px;padding-bottom:58px}.back-link{font-size:11px;color:#b8beab;display:inline-block;padding:6px 0;margin-bottom:40px}.back-link:hover{color:var(--project-accent)}.case-kicker{display:flex;justify-content:space-between;align-items:center;color:var(--project-accent);margin-bottom:26px}.case-kicker>span{font-size:11px;letter-spacing:1px}.case-intro h1{font-size:clamp(42px,5.4vw,80px);letter-spacing:-.055em;line-height:1.12;font-weight:700;max-width:1230px}.case-intro-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;margin-top:38px;align-items:start}.case-intro-bottom>p{font-size:17px;color:#bdc3b2;line-height:1.7;max-width:600px}.case-intro-bottom>div{display:grid;grid-template-columns:60px 1fr;gap:10px 20px}.case-intro-bottom span{font-size:9px;letter-spacing:1px;color:#88957b;padding-top:3px}.case-intro-bottom strong{font-size:12px;font-weight:600}.case-cover{position:relative;max-width:1480px;margin:0 auto;background:#080a06;height:620px;overflow:hidden;border-bottom:1px solid #ffffff14}.case-cover>img{width:100%;height:100%;object-fit:contain;transform:translate3d(0,var(--parallax-y,0px),0) scale(1.06);will-change:transform}.case-cover:after{content:'';position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#10130ac4);pointer-events:none}.cover-caption{position:absolute;left:52px;bottom:20px;font-size:9px;letter-spacing:1px;color:#ddd;z-index:1}.case-editorial .case-cover{background:#10120e;height:650px}.case-editorial .case-cover img{object-fit:contain}.case-identity .case-intro{border-left:3px solid var(--project-accent);padding-left:25px}.case-doric .case-cover{background:#10120e}.case-healthcare .case-cover{background:#10120e}.case-nature .case-cover{background:#10120e}.case-food .case-cover{background:#10120e}.case-playful .case-cover{background:#10120e}.case-aplus .case-cover{background:#10120e}.case-results{padding-top:75px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;border-bottom:1px solid var(--line);padding-bottom:32px}.result-stat{min-width:0;border-left:2px solid var(--project-accent);padding-left:20px}.result-value{font-size:clamp(32px,3.3vw,52px);line-height:1.1;letter-spacing:-2px;color:var(--project-accent);display:block;white-space:normal}.result-stat h3{font-size:13px;margin-top:18px;font-weight:600}.result-stat p{font-size:9px;color:#9ca98e;margin-top:8px;line-height:1.7}.source-note{font-size:10px;color:#9ba68e;line-height:1.8;margin-top:18px;max-width:900px}.data-note{margin-top:18px;max-width:900px;border-color:var(--line)}.data-note summary{font-size:11px;padding:12px 0;justify-content:space-between}.data-note p{font-size:11px;color:#a7b19a;padding-bottom:18px}.case-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:90px;padding-bottom:90px}.case-context h2{font-size:42px;line-height:1.2;letter-spacing:-1.8px;margin-top:24px;margin-bottom:30px}.case-context h3{font-size:11px;color:var(--project-accent);letter-spacing:.8px;margin-top:24px;text-transform:uppercase}.case-context>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#aab49b;margin-top:10px;max-width:480px}.case-outlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button-case{border:1px solid #5b674a;color:#e1e7d7;background:transparent;font-size:11px}.button-case:hover{background:var(--project-accent);color:#15200b}.case-decisions>.eyebrow{margin-bottom:15px}.case-decision{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.case-decision>span{font-size:11px;color:var(--project-accent);padding-top:4px}.case-decision h3{font-size:20px;letter-spacing:-.6px;line-height:1.5}.case-decision p{font-size:12px;color:#aab49b;line-height:1.9;margin-top:12px}.case-gallery{padding-top:30px;padding-bottom:65px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.case-figure{margin:0;min-width:0}.gallery-full{grid-column:1/-1}.zoom-image{position:relative;display:block;background:#070906;padding:0;border:0;width:100%;overflow:hidden}.zoom-image img{width:100%;height:auto;transition:transform .5s}.zoom-image:hover img{transform:scale(1.015)}.zoom-image>span{position:absolute;right:15px;bottom:15px;background:#1d241be0;border:1px solid #ffffff2b;border-radius:25px;padding:8px 14px;font-size:10px}.case-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:11px;color:#bcc5af;line-height:1.7}.case-figure figcaption small{font-size:8px;letter-spacing:.8px;color:#8b987b;white-space:nowrap}.case-playful .gallery-grid,.case-doric .gallery-grid,.case-food .gallery-grid{grid-template-columns:1fr}.case-process{border-top:1px solid var(--line);padding-top:35px;padding-bottom:65px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.process-grid>div{background:#20251b;border:1px solid #3b4531;padding:25px}.process-grid span{font-size:12px;color:var(--project-accent)}.process-grid h3{font-size:17px;margin-top:20px;font-weight:600}.comparison-section{padding-bottom:70px}.comparison-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:60px;align-items:center}.comparison-layout h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px}.comparison-layout>div>p{font-size:13px;color:#aab49b;margin-top:22px;line-height:1.9}.comparison-images{position:relative;aspect-ratio:1.5;overflow:hidden;background:#222}.comparison-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0)}.comparison-line{position:absolute;top:0;bottom:0;left:var(--compare,50%);width:2px;background:#eee;transform:translateX(-1px)}.comparison-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;background:var(--project-accent);color:#161b10;border:2px solid white;border-radius:50%;font-size:18px}.before-label,.after-label{position:absolute;bottom:14px;font-size:9px;background:#111b;padding:5px 10px;color:white}.before-label{right:14px}.after-label{left:14px}.comparison-control{display:flex;align-items:center;gap:20px;font-size:10px;margin-top:18px;color:#b8c3a9}.comparison-control input{padding:0;margin:0;accent-color:var(--project-accent);flex:1}.next-case{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:45px;padding-bottom:65px}.next-case h2{font-size:clamp(27px,3.5vw,46px);line-height:1.3;letter-spacing:-1.5px;margin-top:15px}.next-case .circle-link{border-color:var(--project-accent);color:var(--project-accent)}.next-case .circle-link:hover{color:#17200e}.case-cta{padding:45px 0;background:var(--project-accent);color:#17200e}.case-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.case-cta h2{font-size:32px;letter-spacing:-1px;line-height:1.3}.case-cta .button-dark{margin:0}#image-dialog{width:calc(100% - 36px);max-width:1450px;padding:38px 12px 16px;background:#0c1009}#lightbox-image{max-height:77vh;width:100%;object-fit:contain}#image-caption{font-size:11px;color:#ccd4c0;padding:12px 12px 0}#image-dialog .dialog-close{position:fixed;right:32px;top:20px;background:#17200e;z-index:10}
@media(min-width:1500px){.case-cover{height:700px}}
@media(max-width:1100px){.case-intro-bottom{gap:45px}.case-cover{height:510px}.case-story{gap:55px}.result-grid{grid-template-columns:repeat(2,1fr);gap:30px}.result-value{font-size:48px}.comparison-layout{gap:35px}.comparison-layout h2{font-size:32px}.case-context h2{font-size:37px}}
@media(max-width:800px){.hero h1{font-size:92px}.hero h1 em{font-size:15px}.case-story{gap:35px}.case-intro h1{font-size:52px}.case-intro-bottom{gap:30px}.case-intro-bottom>p{font-size:14px}.case-intro-bottom strong{font-size:11px}.case-cover{height:420px}.case-editorial .case-cover{height:530px}.case-figure figcaption{display:block}.case-figure figcaption small{display:block;margin-top:5px}.comparison-layout{grid-template-columns:1fr}.comparison-layout>div>p{max-width:500px}.gallery-grid{gap:30px 20px}.case-cta h2{font-size:28px}}
@media(max-width:600px){.hero h1{font-size:clamp(90px,24.2vw,145px);letter-spacing:-.07em}.hero h1 em{font-size:20px}.brand-name{font-size:10px}.brand-name>span{letter-spacing:1px}.hero-bottom h2{font-size:22px}.hero-bottom p{font-size:12px}.section-heading h2{font-size:38px;letter-spacing:-2px}.about-grid h2{font-size:42px}.contact-heading h2{font-size:36px}.contact-arrow{font-size:45px}.hero .portrait-frame{height:410px}.filter{font-size:10px;padding:9px 11px}.work-toolbar{gap:14px}.filters{gap:6px}.case-intro{padding-top:22px;padding-bottom:35px}.back-link{margin-bottom:27px;font-size:10px}.case-kicker{margin-bottom:20px}.case-kicker>.eyebrow{font-size:9px;letter-spacing:1.1px}.case-intro h1{font-size:38px;letter-spacing:-1.8px;line-height:1.18}.case-intro-bottom{grid-template-columns:1fr;gap:27px;margin-top:23px}.case-intro-bottom>p{font-size:13px}.case-intro-bottom>div{gap:8px 15px}.case-intro-bottom strong{font-size:11px}.case-intro-bottom span{font-size:8px}.case-cover{height:300px}.case-editorial .case-cover{height:400px}.cover-caption{left:20px;bottom:14px;font-size:7px;max-width:calc(100% - 40px)}.case-identity .case-intro{padding-left:15px}.case-results{padding-top:45px}.result-grid{gap:28px 18px}.result-value{font-size:clamp(24px,7.5vw,37px);letter-spacing:-1.3px;overflow-wrap:normal}.result-stat{padding-left:12px}.result-stat h3{font-size:11px;line-height:1.6;margin-top:12px}.result-stat p{font-size:8px}.result-value .number-unit{font-size:.45em}.source-note{font-size:9px}.case-story{grid-template-columns:1fr;gap:40px;padding-top:55px;padding-bottom:55px}.case-context h2{font-size:33px;margin-top:20px;margin-bottom:25px}.case-context>p:not(.eyebrow){font-size:12px}.case-decision h3{font-size:19px}.case-decision p{font-size:12px}.case-gallery{padding-top:20px;padding-bottom:45px}.gallery-grid{grid-template-columns:1fr;gap:30px}.gallery-full{grid-column:auto}.zoom-image>span{font-size:8px;padding:5px 9px;right:8px;bottom:8px}.case-figure figcaption{font-size:10px}.process-grid{grid-template-columns:1fr 1fr;gap:10px}.process-grid>div{padding:20px 15px}.process-grid h3{font-size:14px;margin-top:13px}.case-process{padding-bottom:40px}.comparison-section{padding-bottom:40px}.comparison-layout h2{font-size:31px}.comparison-layout>div>p{font-size:12px}.comparison-images{aspect-ratio:1.25}.next-case{padding-top:30px;padding-bottom:45px}.next-case h2{font-size:27px}.next-case .circle-link{min-width:48px;width:48px;height:48px;flex-basis:48px;font-size:27px}.case-cta>.wrap{display:block}.case-cta h2{font-size:28px}.case-cta .button-dark{margin-top:25px}#image-dialog{max-height:94vh;width:calc(100% - 16px);padding:40px 5px 10px}#image-dialog .dialog-close{right:17px;top:16px}#image-caption{font-size:10px}.reveal-pending{transform:translate3d(0,16px,0)}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1!important;transform:none!important;transition:none!important}[data-parallax]{transform:none!important;will-change:auto!important}}