:root{color-scheme:light;--ink: #17130f;--muted: #5d5750;--soft: #f4efe7;--paper: #fffaf2;--panel: #ffffff;--charcoal: #131313;--line: rgba(23, 19, 15, .13);--line-dark: rgba(255, 250, 242, .2);--teal: #14766f;--amber: #b86f14;--blue: #2f5f9e;--red: #9d3d32;--max: 1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid currentColor;outline-offset:4px}.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}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:66px;padding:0 clamp(18px,4vw,44px);border-bottom:1px solid rgba(255,255,255,.14);background:#131313eb;color:var(--paper);backdrop-filter:blur(18px)}.brand-lockup,.site-nav,.hero-actions,.site-footer{display:flex;align-items:center}.brand-lockup{gap:10px;font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(244,239,231,.38);border-radius:6px;background:#f0b35b;color:#21160a;font-size:.72rem;font-weight:900;letter-spacing:0}.site-nav{gap:clamp(12px,2vw,26px);color:#fffaf2b8;font-size:.9rem}.site-nav a{transition:color .16s ease,transform .16s ease}.site-nav a:hover{color:#fff;transform:translateY(-1px)}.menu-button{display:none;width:42px;height:42px;place-items:center;border:1px solid var(--line-dark);border-radius:6px;background:transparent;color:var(--paper)}.menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.hero-section{position:relative;display:grid;align-items:center;min-height:min(720px,78svh);overflow:hidden;background:#15120f;color:var(--paper)}.hero-image,.hero-scrim{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover}.hero-scrim{background:linear-gradient(90deg,#131313eb,#131313c2 42%,#13131329),linear-gradient(0deg,#13131385,#13131314 38%)}.hero-inner,.section-shell{width:min(100% - 36px,var(--max));margin-inline:auto}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.48fr);gap:clamp(28px,6vw,76px);align-items:center;padding:clamp(72px,10vw,112px) 0 clamp(54px,8vw,88px)}.section-kicker{margin:0 0 14px;color:#d98b34;font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.hero-inner h1,.section-heading h2,.principles-layout h2,.studio-layout h2,.contact-layout h2{margin:0;font-weight:850;letter-spacing:0}.hero-inner h1{max-width:760px;font-size:clamp(4.2rem,13vw,8.6rem);line-height:.86}.hero-lede{max-width:650px;margin:28px 0 0;color:#fffaf2d1;font-size:clamp(1.05rem,2.1vw,1.35rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.hero-logo-card{display:grid;gap:16px;justify-items:center;border:1px solid rgba(255,250,242,.22);border-radius:8px;background:#fffaf2eb;box-shadow:0 22px 70px #00000047;color:#17130f;padding:clamp(18px,3vw,28px)}.hero-logo-card img{display:block;width:min(100%,360px);height:auto}.hero-logo-card span{color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-align:center;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:6px;font-size:.8rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.button-primary{background:#f0b35b;color:#201407}.button-secondary{border-color:#fffaf24d;color:var(--paper)}.principles-section,.work-section,.studio-section,.contact-section{border-bottom:1px solid var(--line)}.principles-section{background:var(--paper)}.principles-layout,.studio-layout,.contact-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:clamp(28px,6vw,72px);align-items:start;padding:clamp(54px,7vw,88px) 0}.principles-layout h2,.section-heading h2,.studio-layout h2,.contact-layout h2{font-size:clamp(2rem,4.8vw,4.1rem);line-height:1}.principles-layout p,.section-heading p,.studio-layout p,.contact-layout p,.lane-card p,.contact-panel p{color:var(--muted);line-height:1.68}.principle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.principle-list li{min-height:94px;padding:18px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:1.02rem;font-weight:800}.work-section{background:#f2eee6}.work-section .section-shell{padding:clamp(58px,8vw,104px) 0}.section-heading{max-width:780px}.lane-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}.lane-card{position:relative;display:flex;min-height:430px;flex-direction:column;gap:20px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:22px}.lane-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.lane-card-teal{--accent: var(--teal)}.lane-card-amber{--accent: var(--amber)}.lane-card-blue{--accent: var(--blue)}.lane-card-red{--accent: var(--red)}.lane-card .section-kicker{margin:0;color:var(--accent)}.lane-media{display:grid;min-height:112px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent),transparent 72%);border-radius:6px;background:#0c1126;padding:14px}.lane-media img{display:block;width:100%;max-height:126px;object-fit:contain}.lane-media-photo{aspect-ratio:16 / 9;padding:0}.lane-media-photo img{height:100%;max-height:none;object-fit:cover}.lane-card-top{display:grid;gap:10px}.lane-card-top span{width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--accent),transparent 58%);border-radius:999px;color:var(--accent);padding:6px 9px;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.lane-card h3{margin:0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.04}.lane-card p{margin:0}.lane-card ul{display:grid;gap:10px;margin:auto 0 0;padding:0;list-style:none}.lane-card li{display:grid;grid-template-columns:10px 1fr;gap:10px;color:#312b25;font-size:.93rem;line-height:1.35}.lane-card li:before{content:"";width:8px;height:8px;margin-top:.42em;border-radius:2px;background:var(--accent)}.studio-section{background:#161616;color:var(--paper)}.studio-layout p{margin:0;color:#fffaf2bd;font-size:clamp(1.08rem,2vw,1.3rem)}.contact-section{background:var(--paper)}.contact-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:clamp(22px,4vw,34px)}.contact-panel span{color:var(--red);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.contact-panel strong{display:block;margin-top:12px;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.03}.contact-panel p{margin:18px 0 0}.site-footer{justify-content:space-between;gap:16px;min-height:84px;padding:24px clamp(18px,4vw,44px);background:var(--charcoal);color:#fffaf2ad;font-size:.74rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}@media(max-width:1060px){.lane-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.menu-button{display:grid}.site-nav{position:absolute;top:66px;right:18px;left:18px;display:none;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line-dark);border-radius:8px;background:#151515}.site-nav.is-open{display:flex}.site-nav a{padding:16px;border-bottom:1px solid var(--line-dark)}.site-nav a:last-child{border-bottom:0}.principles-layout,.hero-inner,.studio-layout,.contact-layout{grid-template-columns:1fr}.hero-logo-card{max-width:430px}.hero-section{min-height:690px}.hero-scrim{background:linear-gradient(180deg,#131313f0,#131313bd 58%,#1313136b),linear-gradient(90deg,#131313b8,#1313132e)}}@media(max-width:620px){.brand-lockup{font-size:.68rem}.hero-inner,.section-shell{width:min(100% - 28px,var(--max))}.hero-inner h1{font-size:clamp(3.5rem,21vw,5.2rem)}.principle-list,.lane-grid{grid-template-columns:1fr}.lane-card{min-height:auto}.button{width:100%}.site-footer{align-items:flex-start;flex-direction:column}}
