body.project-page main{padding:clamp(96px,11vh,124px) 0 0}.project[data-accent=amber]{--accent: var(--c-amber)}.project[data-accent=paprika]{--accent: var(--c-paprika)}.project[data-accent=aqua]{--accent: var(--c-aqua)}.project{--accent: var(--c-amber)}.project{color:var(--ink)}.project__col{max-width:880px;margin:0 auto;padding:0 var(--gutter)}.case-header{margin:0;border:var(--bw) solid var(--c-taupe);background:var(--c-white);box-shadow:var(--shadow-2)}.case-header__bar{height:12px;background:var(--accent)}.case-header__body{padding:24px clamp(20px,4vw,28px) 26px}.case-header__eyebrow{font-family:var(--ff-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-muted)}.case-header__title{font-family:var(--ff-display);font-size:clamp(48px,10vw,88px);line-height:.92;letter-spacing:-.01em;text-transform:uppercase;margin:12px 0 0}.case-header__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;border-top:2px solid var(--c-taupe);padding-top:18px}.case-header__tags{font-family:var(--ff-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-muted)}.case-intro{margin:36px 0 0;font-size:20px;line-height:1.5;max-width:640px}.case-screens{margin:40px 0 0}.case-screen{margin:0;border:var(--bw) solid var(--c-taupe);background:var(--c-white);box-shadow:var(--shadow-2)}.case-screen__frame{border-bottom:var(--bw) solid var(--c-taupe);font-size:0}.case-screen__frame picture{display:block}.case-screen__frame img{display:block;width:100%;height:auto}.case-screen__cap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 18px}.case-screen__title{font-weight:700;font-size:18px}.case-screen__meta{font-family:var(--ff-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-muted)}.case-screens__grid{display:grid;grid-template-columns:var(--cols, 1fr 1fr);align-items:start;gap:24px;margin-top:24px}.case-screens__grid .case-screen{box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.case-screens__grid .case-screen:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-2)}.case-screens__grid .case-screen__title{font-size:16px}.case-screens__grid .case-screen__cap{padding:12px 14px}@media(max-width:700px){.case-screens__grid{grid-template-columns:1fr}}.case-approach{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin:56px 0 0;border-top:var(--bw) solid var(--c-taupe);padding-top:28px}.case-approach__label{font-family:var(--ff-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--c-ink-muted)}.case-approach__text{font-size:19px;line-height:1.5;margin:0;max-width:560px}@media(max-width:700px){.case-approach{grid-template-columns:1fr;gap:12px}}.case-cta{margin-top:80px;background:var(--accent);border-top:var(--bw) solid var(--c-taupe)}.case-cta__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:880px;margin:0 auto;padding:48px var(--gutter)}.case-cta h2{font-family:var(--ff-display);font-size:clamp(24px,4vw,30px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;margin:0;max-width:440px;color:var(--c-black)}.case-cta__btn{font-family:var(--ff-mono);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:16px 22px;background:var(--c-black);color:var(--c-paper);border:var(--bw) solid var(--c-black);box-shadow:4px 4px 0 0 var(--c-white);white-space:nowrap;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.case-cta__btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--c-white);border-bottom-color:var(--c-black)}.project-nav{position:sticky;top:70px;z-index:50;background:var(--c-paper);border-bottom:var(--bw) solid var(--c-taupe)}.project-nav__inner{max-width:var(--max-w);margin:0 auto;padding:12px var(--gutter);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.project-nav__crumb{font-family:var(--ff-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-taupe);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-nav__title{font-weight:700}.project-nav__sep{margin:0 8px;opacity:.5}.project-nav__siblings{display:flex;gap:16px;align-items:center}.project-nav__siblings a{font-family:var(--ff-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--c-taupe);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:2px solid transparent;transition:border-color var(--dur-fast) var(--ease)}.project-nav__siblings a:hover{border-color:var(--c-taupe)}.project-nav__sibling-title{display:none}@media(min-width:700px){.project-nav__sibling-title{display:inline}}@media(max-width:700px){.project-nav__crumb{font-size:11px}.project-nav__siblings{gap:8px}}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}