*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;color-scheme:light dark}body{margin:0;background:#f3f0e8;color:#222b24;font:16px/1.8 Arial,Helvetica,sans-serif;--bg:#f3f0e8;--ink:#222b24;--soft:#586458;--line:#d0d4c7;--accent:#a44830;--panel:#e7e8dd}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#d2ef9a;color:#17211a}header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px)}header nav,main,footer{max-width:1180px;margin:auto;padding-inline:6%}header nav{height:84px;display:flex;gap:32px;align-items:center;font-size:13px}.brand{margin-right:auto;font-size:32px;font-weight:700;letter-spacing:-3px}.brand span{color:var(--accent);margin-left:8px}.contact-link{padding:8px 20px;background:#d2ef9a;color:#17211a;border-radius:30px}.skip{position:absolute;top:-100px;background:var(--bg);padding:12px;z-index:10}.skip:focus{top:12px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--soft);padding-top:38px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.case-hero{padding-block:60px 54px;max-width:920px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--soft);line-height:1.7}h1{font-size:clamp(44px,6.2vw,78px);line-height:1.06;font-weight:500;letter-spacing:-.05em;margin:26px 0}.intro{font-size:19px;line-height:1.8;max-width:720px;color:var(--soft)}.case-media{margin:0 0 50px;max-width:720px;border-radius:18px;overflow:hidden;background:var(--panel)}.case-media img{width:100%;height:auto;display:block}.case-media figcaption{padding:16px 22px;font-size:12px}.case-content{max-width:800px;padding-bottom:35px}.case-content .project-meta{display:none}.case-content>p:first-of-type{font-size:12px}.case-content>p:nth-of-type(2){padding:24px 30px;background:var(--panel);border:1px solid var(--line);border-radius:16px;line-height:1.7}.case-content>p:nth-of-type(2) strong{display:block;font-size:52px;letter-spacing:-2px;font-weight:500;color:var(--accent);margin-bottom:5px}.case-content h2{margin:40px 0 12px;font-size:29px;letter-spacing:-.8px;font-weight:500;line-height:1.2}.case-content p{color:var(--soft);max-width:72ch}.case-content .dialog-source{font-size:12px;padding-top:18px;border-top:1px solid var(--line)}.case-content>a{display:inline-block;margin-top:14px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.related{border-top:1px solid var(--line);padding-block:48px}.related h2,.closing h2{font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-1.7px;line-height:1.15}.related>a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);transition:color .2s}.related>a:hover{color:var(--accent)}.closing{margin-block:30px 80px;border-radius:22px;background:var(--panel);padding:45px}.closing p{max-width:630px;color:var(--soft)}.button{display:inline-block;background:#d2ef9a;color:#17211a;border-radius:30px;padding:12px 25px;font-size:14px;margin-top:14px}.text-link{display:inline-block;font-size:13px;margin-left:25px;text-decoration:underline;text-underline-offset:4px}footer{padding-block:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--soft);font-size:11px}footer div{display:flex;gap:25px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.process span{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:15px;font-size:12px;color:var(--accent)}.process strong{display:block;font-size:18px;color:var(--ink);font-weight:500}
@media(prefers-color-scheme:dark){body{--bg:#131c18;--ink:#e9ede3;--soft:#b9c3bb;--line:#34443a;--accent:#ed9e83;--panel:#1c2b22;background:var(--bg);color:var(--ink)}}
@media(prefers-reduced-motion:no-preference){.case-hero{animation:arrive .8s cubic-bezier(.22,1,.36,1) both}.case-media,.process{animation:arrive 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:650px){header nav{height:70px;gap:20px;font-size:11px}.contact-link{padding:8px 13px}.brand{font-size:29px}.breadcrumb{padding-top:25px;font-size:10px}.case-hero{padding-block:30px 28px}h1{font-size:clamp(39px,10.5vw,56px)}.intro{font-size:16px}.case-content>p:nth-of-type(2){padding:22px}.case-content h2{font-size:26px}.case-content p{font-size:15px}.closing{padding:28px;margin-bottom:40px}.text-link{margin:20px 0 0;display:block}.process{grid-template-columns:1fr;gap:10px}.process span{padding:16px 22px}.process strong{display:inline;margin-left:12px;font-size:16px}.process br{display:none}footer{flex-wrap:wrap}.related>a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}