:root{--ink: #0a0a0a;--paper: #f6f3ec;--accent-warm: #e85d2c;--accent-cool: #1f6f6a;--forest: #1f3d2e;--wall: #f2f0ea;--mat: #ffffff;--frame: #111111;--ink-soft: rgba(10, 10, 10, .62);--paper-soft: rgba(246, 243, 236, .88);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body: "Newsreader", "Iowan Old Style", Georgia, serif;--font-label: "IBM Plex Mono", "Menlo", "Consolas", monospace;--max: 68rem;--ease: cubic-bezier(.22, 1, .36, 1);--frame-w: clamp(.35rem, .9vw, .65rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.125rem;font-weight:400;line-height:1.65;background:var(--wall);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.18em}.site-nav{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1rem,3vw,2rem);pointer-events:none}.site-nav a{pointer-events:auto;font-family:var(--font-label);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--paper-soft);transition:color .25s var(--ease)}.site-nav a:hover{color:var(--mat)}.site-nav .nav-brand{font-weight:500;opacity:.85}.hero{position:relative;min-height:100svh;display:grid;place-items:end stretch;overflow:hidden;background:var(--forest);color:var(--paper);isolation:isolate}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.02);animation:hero-settle 1.6s var(--ease) both}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.28) 0%,transparent 32%),linear-gradient(0deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.18) 42%,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(2.5rem,7vh,4.5rem);animation:rise-in .9s var(--ease) .2s both}.hero-brand{margin:0;font-family:var(--font-display);font-size:clamp(3.4rem,11vw,7.5rem);font-weight:700;letter-spacing:-.03em;line-height:.92;color:var(--mat);text-shadow:0 2px 28px rgba(0,0,0,.35)}.hero-lead{margin:.85rem 0 0;max-width:28rem;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:400;line-height:1.4;color:var(--paper-soft)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.65rem 1.15rem;font-family:var(--font-label);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-ghost{color:var(--mat);border-color:#f6f3ec8c;background:#0a0a0a47;backdrop-filter:blur(6px)}.btn-ghost:hover{background:#0a0a0a80;border-color:var(--mat)}.btn-solid{color:var(--ink);background:var(--paper);border-color:var(--paper)}.btn-solid:hover{background:var(--mat)}.section{width:min(100%,var(--max));margin:0 auto;padding:clamp(3.5rem,9vw,6rem) clamp(1.25rem,4vw,3rem)}.section-label{margin:0 0 .65rem;font-family:var(--font-label);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.section h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.section .lede{margin:.9rem 0 0;max-width:36rem;font-size:1.15rem;color:var(--ink-soft)}.work{background:var(--paper);border-top:1px solid rgba(10,10,10,.06)}.work-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.75rem,4vw,2.75rem);margin-top:clamp(2rem,5vw,3rem)}@media(min-width:640px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid{grid-template-columns:repeat(3,1fr)}}.work-item{margin:0;opacity:0;transform:translateY(12px);animation:rise-in .7s var(--ease) both}.work-item:nth-child(1){animation-delay:.05s}.work-item:nth-child(2){animation-delay:.12s}.work-item:nth-child(3){animation-delay:.19s}.work-item:nth-child(4){animation-delay:.26s}.work-item:nth-child(5){animation-delay:.33s}.work-item:nth-child(6){animation-delay:.4s}.work-item:nth-child(7){animation-delay:.47s}.work-frame{background:var(--mat);border:var(--frame-w) solid var(--frame);box-shadow:0 10px 28px #0a0a0a14;overflow:hidden;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}.work-item:hover .work-frame{transform:translateY(-3px);box-shadow:0 16px 36px #0a0a0a1f}.work-frame img{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center}.work-cap{margin:.85rem 0 0;font-family:var(--font-label);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.about{background:radial-gradient(70% 50% at 8% 0%,rgba(31,61,46,.08),transparent 55%),radial-gradient(50% 40% at 100% 20%,rgba(232,93,44,.07),transparent 50%),var(--wall)}.about-body{margin:1.25rem 0 0;max-width:34rem;font-size:1.15rem}.about-body p+p{margin-top:1rem}.about .cta-row{margin-top:1.75rem}.btn-ink{color:var(--paper);background:var(--ink);border-color:var(--ink)}.btn-ink:hover{background:var(--forest);border-color:var(--forest);color:var(--paper)}.btn-outline{color:var(--ink);border-color:#0a0a0a59;background:transparent}.btn-outline:hover{border-color:var(--ink);background:#0a0a0a0a}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;padding:1.5rem clamp(1.25rem,4vw,3rem) 2rem;background:var(--ink);color:var(--paper-soft);font-family:var(--font-label);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.site-footer a{color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(246,243,236,.35);transition:border-color .25s var(--ease),color .25s var(--ease)}.site-footer a:hover{color:var(--accent-warm);border-color:var(--accent-warm)}.footer-mark{font-family:var(--font-display);font-size:1rem;letter-spacing:-.02em;text-transform:none;color:var(--mat)}@keyframes hero-settle{0%{transform:scale(1.06);opacity:.7}to{transform:scale(1.02);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media img,.hero-copy,.work-item{animation:none!important;opacity:1;transform:none}.btn:hover,.work-item:hover .work-frame{transform:none}}