:root{--mine-shaft:#2e2e2d;--white-rock:#eae7d9;--akaroa:#cbb897;--barley:#a1814e;--gallery:#a59b88;--gold-hi:#e8b84b;--gold:#c9a227;--gold-deep:#8f6f1c;--bg:#16171a;--content-bg:#1d1b18;--ink:var(--white-rock);--ink-dim:#b3ac9a;--bone-dim:#a7a299;--ease-door:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{color:var(--ink);font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.display{font-family:var(--font-display),sans-serif;font-weight:900;letter-spacing:-.02em;line-height:.98}.eyebrow{font-weight:800;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.eyebrow,.kintsugi{color:var(--akaroa)}.kintsugi{font-family:var(--font-jp),sans-serif;font-weight:400;letter-spacing:.12em}.skip-link{position:fixed;left:1rem;top:-100px;z-index:100;background:var(--gold);color:#1a1410;padding:.6rem 1rem;border-radius:2px;font-weight:700;text-decoration:none;transition:top .25s var(--ease-door)}.skip-link:focus{top:1rem}.nav{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(1rem,4vw,2.6rem);mix-blend-mode:difference}.nav-brand{font-weight:900;letter-spacing:.04em;font-size:.95rem;color:#fff;text-decoration:none}.nav-links{display:flex;gap:clamp(.9rem,2.5vw,2rem);align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:600;font-size:.86rem;letter-spacing:.02em}.nav-cta{border-bottom:1px solid transparent;transition:border-color .3s var(--ease-door)}.nav-cta:hover,.nav-links a:hover{border-bottom:1px solid}.hero-poster{position:fixed;inset:0;z-index:0;background:#16171a 50%/cover no-repeat;background-image:url(/temper-poster.png);background-image:-webkit-image-set(url("/temper-poster.avif") type("image/avif"),url("/temper-poster.webp") type("image/webp"),url("/temper-poster.png") type("image/png"));background-image:image-set(url("/temper-poster.avif") type("image/avif"),url("/temper-poster.webp") type("image/webp"),url("/temper-poster.png") type("image/png"))}.hero-canvas-fixed{position:fixed;inset:0;z-index:1}.hero-canvas-fixed canvas{display:block;width:100%!important;height:100%!important}.hero-overlay{position:fixed;inset:0;z-index:2;pointer-events:none;display:grid;place-items:center;padding:1.5rem}.hero-overlay>*{grid-area:1/1}.cue{align-self:end;justify-self:center;margin-bottom:2.4rem;font-size:.72rem;letter-spacing:.4em;font-weight:700;color:var(--ink-dim)}.cue-text{display:inline-block;animation:cuePulse 2.6s var(--ease-door) infinite}@keyframes cuePulse{0%,to{opacity:.35}50%{opacity:.9}}.thesis-line{max-width:16ch;text-align:center;font-size:clamp(2rem,6.5vw,5rem);color:var(--white-rock);text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.6),0 6px 36px rgba(0,0,0,.55)}.gallery-caption{align-self:end;justify-self:center;margin-bottom:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.gallery-caption .eyebrow{color:var(--white-rock)}.hero-spacer{height:600vh}.hero-static-section{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:6rem 1.5rem 4rem}.hero-poster-static{position:absolute;inset:0;background:#16171a 50%/cover no-repeat;background-image:url(/temper-poster.png);background-image:-webkit-image-set(url("/temper-poster.avif") type("image/avif"),url("/temper-poster.webp") type("image/webp"),url("/temper-poster.png") type("image/png"));background-image:image-set(url("/temper-poster.avif") type("image/avif"),url("/temper-poster.webp") type("image/webp"),url("/temper-poster.png") type("image/png"));filter:brightness(.55) saturate(.9)}.hero-static{position:relative;z-index:1;max-width:30ch;text-align:center}.hero-static .thesis-line{font-size:clamp(2rem,7vw,4.2rem)}.static-sub{margin:1.4rem auto 1.8rem;max-width:42ch;font-size:1.05rem;line-height:1.55;color:var(--ink-dim)}.static-link{color:var(--white-rock);text-decoration:none;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:2px;transition:color .3s var(--ease-door)}.static-link:hover{color:var(--gold-hi)}.content{position:relative;z-index:5;background:var(--content-bg)}.work-empty{height:0}section{padding:clamp(5rem,14vh,11rem) clamp(1.25rem,6vw,5rem);max-width:1180px;margin:0 auto}.work-grid{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem)}.work-card{background:#16140f;border:1px solid #2a261e;border-radius:2px;overflow:hidden;transition:transform .4s var(--ease-door),box-shadow .4s var(--ease-door)}.work-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}.work-link{text-decoration:none;color:inherit;display:block}.work-img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.work-meta{padding:1.2rem 1.3rem 1.5rem}.work-title{margin:0 0 .5rem;font-weight:800;font-size:1.1rem;letter-spacing:-.01em}.work-line{margin:0;font-size:.92rem;line-height:1.5;color:var(--ink-dim)}.work-line .seam{color:var(--gold);font-weight:700}.studio-kicker{margin:0 0 1.4rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;color:var(--akaroa)}.studio-body{max-width:60ch;font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:300;line-height:1.5;color:var(--white-rock)}.cta{text-align:center}.cta-heading{font-size:clamp(2.4rem,8vw,6rem);color:var(--white-rock)}.cta-sub{margin:1.2rem auto 2rem;max-width:42ch;color:var(--ink-dim);font-size:1.05rem;line-height:1.55}.cta-link{font-size:1.2rem;font-weight:600;color:var(--white-rock);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s var(--ease-door),border-color .3s var(--ease-door)}.cta-link:hover{color:var(--gold-hi);border-bottom-color:var(--gold)}.footer{position:relative;z-index:5;background:var(--content-bg);border-top:1px solid #2a261e;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:baseline;justify-content:space-between;padding:2.4rem clamp(1.25rem,6vw,5rem) 3rem}.footer-mark{font-weight:900;letter-spacing:.06em}.footer-fine{color:var(--ink-dim);font-size:.85rem}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}@media (max-width:640px){.nav{padding:.85rem 1rem}.nav-brand{font-size:.78rem}.nav-links{gap:1rem}.nav-links a:not(.nav-cta){display:none}.nav-cta{font-size:.78rem}.studio-body{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-canvas-fixed{transition:filter .5s var(--ease-door)}.hero-canvas-fixed.is-dimmed{filter:brightness(.42) saturate(.85)}.station-cue{align-self:end;justify-self:center;margin-bottom:5.4rem;pointer-events:auto;cursor:pointer;background:rgba(22,20,15,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold-deep);color:var(--white-rock);font:inherit;font-weight:600;letter-spacing:.01em;padding:.66rem 1.15rem;border-radius:2px;transition:border-color .3s var(--ease-door),color .3s var(--ease-door),transform .3s var(--ease-door);animation:cueRise .5s var(--ease-door) both}.station-cue:hover{border-color:var(--gold-hi);color:var(--gold-hi);transform:translateY(-2px)}.station-cue span{color:var(--gold)}@keyframes cueRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.station-index{align-self:end;justify-self:center;margin-bottom:4.6rem;pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:min(680px,92vw);animation:cueRise .5s var(--ease-door) both}.station-chip{cursor:pointer;background:rgba(22,20,15,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3a342a;color:var(--ink-dim);font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:.5rem .95rem;border-radius:2px;transition:border-color .3s var(--ease-door),color .3s var(--ease-door),transform .3s var(--ease-door)}.station-chip:hover{color:var(--white-rock);border-color:var(--gold-deep);transform:translateY(-2px)}.station-chip.is-near{color:var(--white-rock);border-color:var(--gold)}.station-chip.is-near:before{content:"→ ";color:var(--gold)}.hero-overlay:has(.station-cue) .gallery-caption,.hero-overlay:has(.station-index) .gallery-caption{opacity:0!important;transition:opacity .4s var(--ease-door)}.station-overlay{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:clamp(1.25rem,5vw,4rem);background:radial-gradient(ellipse at center,rgba(8,8,9,.42),rgba(8,8,9,.82));animation:scrimIn .4s var(--ease-door) both}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.station-panel{position:relative;width:min(960px,100%);max-height:86svh;overflow:auto;background:var(--content-bg);border:1px solid #2a261e;border-top:2px solid var(--gold);border-radius:2px;padding:clamp(1.75rem,4.5vw,3.25rem);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);animation:panelRise .45s var(--ease-door) both}.station-panel:focus{outline:none}@keyframes panelRise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.station-panel .cta-heading,.station-panel .cta-link,.station-panel .cta-sub,.station-panel .studio-body,.station-panel .studio-kicker{margin-left:0;margin-right:0}.station-close{position:absolute;top:.6rem;right:.6rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:2px;color:var(--ink-dim);font-size:1rem;cursor:pointer;transition:color .3s var(--ease-door),border-color .3s var(--ease-door)}.station-close:hover{color:var(--gold-hi);border-color:var(--gold-deep)}.panel-project{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:clamp(1.5rem,4vw,2.75rem);gap:clamp(1.5rem,4vw,2.75rem);align-items:center}.panel-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px;border:1px solid #2a261e}.panel-copy{display:flex;flex-direction:column;gap:.9rem}.panel-title{font-size:clamp(1.8rem,4.5vw,3rem);line-height:1;color:var(--white-rock)}.panel-line{font-size:1.06rem;line-height:1.5}.panel-line .constraint{color:var(--ink-dim)}.panel-line .seam{color:var(--gold);font-weight:700}.panel-line .strength,.panel-link{color:var(--white-rock)}.panel-link{margin-top:.4rem;align-self:start;text-decoration:none;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:2px;transition:color .3s var(--ease-door)}.panel-link:hover{color:var(--gold-hi)}@media (max-width:720px){.panel-project{grid-template-columns:1fr}.station-cue{margin-bottom:4.2rem}}