:root{--paper: #f2f1eb;--paper-dim: #e8e6db;--paper-raised: #ffffff;--ink: #15161b;--ink-soft: #5a5b63;--ink-faint: #8d8e95;--line: #d9d6ca;--line-strong: #b7b3a4;--blue: #2f52e0;--violet: #7a49d6;--magenta: #d92c85;--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container: 78rem;--gutter: clamp(1.25rem, 4vw, 3.5rem);--section-pad: clamp(4rem, 10vw, 7.5rem)}@media (prefers-color-scheme: dark){:root{--paper: #131317;--paper-dim: #1b1b20;--paper-raised: #1c1c22;--ink: #efeee8;--ink-soft: #a7a6ad;--ink-faint: #77767e;--line: #2c2c32;--line-strong: #45454d;--blue: #7d97ff;--violet: #a486ee;--magenta: #ec5ea3}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html.reduced-motion{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,dl,dd,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}img,svg{display:block;max-width:100%}.mark{width:1.9rem;height:auto;color:var(--ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{background:color-mix(in srgb,var(--blue) 25%,transparent)}.reduced-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}.plate{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;background:var(--paper-dim);border:1px solid var(--line);padding:1rem 1.1rem;width:100%;height:100%}.plate--portrait{aspect-ratio:3 / 4}.plate--landscape{aspect-ratio:4 / 3}.plate--square{aspect-ratio:1 / 1}.plate__index{position:absolute;top:.8rem;right:.9rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.plate__name{font-family:var(--font-display);font-style:italic;font-size:1.15rem;line-height:1.15}.plate__category{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;color:var(--ink-faint);text-transform:uppercase}.plate--image{overflow:hidden;background:#0c0d10;color:#fff;isolation:isolate}.plate__media{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.2,.65,.3,1)}.plate__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04060a0a 26%,#04060ad1)}.plate--image .plate__index,.plate--image .plate__category{color:#ffffffbd}.plate--image .plate__name{text-shadow:0 1px 18px rgba(0,0,0,.28)}.piece:hover .plate--image .plate__media,.piece.is-hovering .plate--image .plate__media,.piece:focus-visible .plate--image .plate__media{transform:scale(1.035)}.plate--brand-cover{overflow:hidden;display:grid;place-items:center;padding:1.2rem;background:#07090c;border-color:#14120a2e}.plate__brand-logo{display:block;width:min(84%,15rem);height:auto;max-height:58%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.65,.3,1),opacity .3s ease}.piece:hover .plate--brand-cover .plate__brand-logo,.piece.is-hovering .plate--brand-cover .plate__brand-logo,.piece:focus-visible .plate--brand-cover .plate__brand-logo{transform:scale(1.035)}@media (prefers-reduced-motion: reduce){.plate__media,.plate__brand-logo{transition:none}}.hero,.work,.about,.contact,.positioning,.preview,.case{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);padding:1.1rem var(--gutter);background:transparent;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease}.nav.is-scrolled{background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:none;border-color:var(--line)}.nav__mark{flex-shrink:0}.nav__links{display:flex;gap:clamp(1rem,2.5vw,2rem);margin-left:auto;font-size:.92rem;color:var(--ink-soft)}.nav__links a{position:relative;transition:color .2s ease}.nav__links a:hover{color:var(--blue)}.nav__links a.is-active{color:var(--ink)}.nav__links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:1px;background:var(--blue)}.nav__progress{position:absolute;left:0;bottom:-1px;height:2px;width:0%;background:var(--blue)}@media (max-width: 480px){.nav{gap:.85rem;padding:1rem var(--gutter)}.nav__links{gap:.85rem;font-size:.82rem}}.eyebrow,.work__eyebrow,.about__eyebrow,.hero__eyebrow,.preview__eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.page-transition{position:fixed;inset:0;z-index:900;background:var(--paper);opacity:0;pointer-events:none;display:flex;align-items:center}.page-transition__line{display:block;width:100%;height:1px;background:var(--blue);transform:scaleX(0)}.footer{padding:clamp(3rem,7vw,4.5rem) var(--gutter) clamp(2rem,5vw,3rem);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.footer__mark{width:clamp(1.6rem,3vw,2rem);height:auto;color:var(--ink)}.footer__mark svg{width:100%;height:auto}.footer__links{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.76rem;color:var(--ink-faint)}.footer__links a:hover{color:var(--blue)}.footer__meta{font-family:var(--font-mono);font-size:.68rem;color:var(--ink-faint)}