:root{--ink:#171a1a;--ink-soft:#2b302f;--paper:#f5f1ea;--paper-2:#ece5d9;--paper-3:#e3dccd;--line:#d8cfbe;--muted:#6a685f;--muted-2:#8b887c;--sage:#7c8a6b;--clay:#ab6a4f;--slate:#566871;--sand:#c2a06a;--forest:#3c4b3a;--maxw:1200px;--measure:44rem;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--step-0:1rem;--step-1:1.15rem;--step-2:1.45rem;--step-3:1.9rem;--step-4:2.6rem;--step-5:clamp(2.6rem, 6vw, 4.6rem);--step-6:clamp(3.2rem, 9vw, 7rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:var(--step-0);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;font-weight:400;line-height:1.05}.serif-italic{font-style:italic}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.6rem)}.measure{max-width:var(--measure)}.eyebrow{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--clay);font-size:.72rem;font-weight:600}.nav{z-index:50;background:color-mix(in oklab, var(--paper) 82%, transparent);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem clamp(1.1rem,4vw,2.6rem);transition:border-color .3s;display:flex;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--line)}.brand{font-family:var(--serif);letter-spacing:.02em;align-items:baseline;gap:.5rem;font-size:1.35rem;display:flex}.brand b{font-weight:600}.brand .dot{background:var(--clay);border-radius:50%;width:7px;height:7px;display:inline-block;transform:translateY(-2px)}.nav-links{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);gap:1.6rem;font-size:.82rem;display:flex}.nav-links a{padding-bottom:2px;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--ink);width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}@media (width<=720px){.nav-links{display:none}}.foot{border-top:1px solid var(--line);color:var(--muted);margin-top:5rem;padding:3rem 0 2rem;font-size:.85rem}.foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.foot .brand{color:var(--ink);font-size:1.1rem}.demo-ribbon{background:var(--ink);color:var(--paper);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:.45rem 1rem;font-size:.72rem}.demo-ribbon b{color:var(--sand);font-weight:600}.panel{color:#fff;border-radius:2px;align-items:flex-end;min-height:340px;display:flex;position:relative;overflow:hidden}.panel[data-height=tall]{min-height:78vh}.panel[data-height=standard]{min-height:46vh}.panel[data-tone=sage]{background:linear-gradient(135deg, #2f3a2b, var(--sage))}.panel[data-tone=clay]{background:linear-gradient(135deg, #3a251c, var(--clay))}.panel[data-tone=slate]{background:linear-gradient(135deg, #212b30, var(--slate))}.panel[data-tone=sand]{background:linear-gradient(135deg, #4a3c22, var(--sand))}.panel[data-tone=forest]{background:linear-gradient(135deg, #1c261b, var(--forest))}.panel:before{content:"";mix-blend-mode:screen;background:radial-gradient(120% 90% at 80% 15%,#ffffff29,#0000 55%),repeating-linear-gradient(135deg,#ffffff08 0 2px,#0000 2px 6px);position:absolute;inset:0}.panel .cap{z-index:1;letter-spacing:.06em;color:#ffffffd9;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.78rem;display:flex;position:relative}.panel .cap:before{content:"";background:#fff9;width:22px;height:1px}.tile{min-height:220px}.section{padding-block:clamp(2.5rem,6vw,5rem)}.section-intro .eyebrow{margin-bottom:.9rem}.section-intro h2{font-size:var(--step-4);margin-bottom:1.1rem}.section-intro p{color:var(--ink-soft);font-size:var(--step-1)}.twoup{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.twoup.flip .twoup-media{order:2}.twoup h3{font-size:var(--step-3);margin-bottom:.9rem}.twoup p{color:var(--ink-soft)}@media (width<=760px){.twoup{grid-template-columns:1fr}.twoup.flip .twoup-media{order:0}}.stats{border-block:1px solid var(--line);padding-block:clamp(2rem,5vw,3.5rem)}.stats .stats-intro{color:var(--muted);max-width:30rem;margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem 2rem;display:grid}.stat .v{font-family:var(--serif);font-size:var(--step-4);line-height:1}.stat .l{color:var(--muted);letter-spacing:.02em;margin-top:.5rem;font-size:.85rem}.quote{text-align:center}.quote blockquote{font-family:var(--serif);font-style:italic;font-size:var(--step-3);max-width:34rem;color:var(--ink);margin-inline:auto;line-height:1.25}.quote cite{font-style:normal;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:1.4rem;font-size:.8rem;display:block}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=760px){.gallery-grid{grid-template-columns:1fr 1fr}}.phero .eyebrow{margin-bottom:1rem}.phero h1{font-size:var(--step-6);margin-bottom:1rem}.phero .sub{font-size:var(--step-2);color:var(--ink-soft);max-width:40rem}.meta{flex-wrap:wrap;gap:1.6rem 2.5rem;margin-top:2rem;display:flex}.meta .k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.3rem;font-size:.7rem}.meta .val{font-size:.98rem}.tags{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.tag{letter-spacing:.04em;border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:.2rem .7rem;font-size:.74rem}.layout-badge{z-index:60;background:var(--ink);color:var(--paper);letter-spacing:.1em;text-transform:uppercase;border-radius:30px;padding:.5rem .85rem;font-size:.72rem;position:fixed;bottom:14px;right:14px;box-shadow:0 6px 24px #0000002e}.layout-badge b{color:var(--sand)}.layout-editorial .phero{text-align:center;padding-block:clamp(3rem,8vw,6rem) clamp(1.5rem,4vw,3rem)}.layout-editorial .phero .sub{margin-inline:auto}.layout-editorial .phero .meta{justify-content:center}.layout-editorial .section-intro,.layout-editorial .quote,.layout-editorial .stats{text-align:center}.layout-editorial .section-intro h2,.layout-editorial .section-intro p,.layout-editorial .stats .stats-intro{margin-inline:auto}.layout-editorial .stats-grid{justify-items:center;max-width:52rem;margin-inline:auto}.layout-editorial .content{max-width:var(--measure);margin-inline:auto}.layout-editorial .panel{border-radius:3px}.layout-immersive{background:var(--ink);color:var(--paper)}.layout-immersive .nav{background:color-mix(in oklab, var(--ink) 70%, transparent)}.layout-immersive .nav .brand{color:var(--paper)}.layout-immersive .nav-links{color:#f5f1ea99}.layout-immersive .nav-links a:hover{color:var(--paper)}.layout-immersive .nav-links a:after{background:var(--paper)}.layout-immersive .phero{align-items:flex-end;min-height:92vh;padding:0;display:flex;position:relative}.layout-immersive .phero .phero-bg{z-index:0;position:absolute;inset:0}.layout-immersive .phero .phero-bg .panel{border-radius:0;height:100%;min-height:100%}.layout-immersive .phero .phero-bg:after{content:"";background:linear-gradient(#0a0c0c66 0%,#0a0c0c26 45%,#0a0c0cd9 100%);position:absolute;inset:0}.layout-immersive .phero .wrap{z-index:1;padding-bottom:clamp(2.5rem,6vw,5rem);position:relative}.layout-immersive .phero h1{color:#fff}.layout-immersive .phero .sub{color:#f5f1ead1}.layout-immersive .meta .val{color:var(--paper)}.layout-immersive .meta .k{color:#f5f1ea80}.layout-immersive .tag{color:#f5f1eab3;border-color:#f5f1ea40}.layout-immersive .section-intro p{color:#f5f1eacc}.layout-immersive .twoup p{color:#f5f1eac7}.layout-immersive .stats{border-color:#f5f1ea26}.layout-immersive .stat .l,.layout-immersive .stats .stats-intro{color:#f5f1ea99}.layout-immersive .quote blockquote{color:#fff}.layout-immersive .foot{color:#f5f1ea8c;border-color:#f5f1ea26}.layout-immersive .foot .brand{color:var(--paper)}.layout-immersive .panel{border-radius:0}.layout-immersive .content>.section:nth-child(2n){background:#ffffff05}.layout-grid .phero{padding-block:clamp(2.5rem,6vw,4rem) 0}.layout-grid .phero h1{font-size:var(--step-5)}.layout-grid .project-grid{grid-template-columns:300px 1fr;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.layout-grid .sidebar{position:sticky;top:84px}.layout-grid .sidebar .meta{flex-direction:column;gap:1.4rem;margin-top:0}.layout-grid .sidebar .summary{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:1.6rem;padding-top:1.6rem;font-size:.95rem}.layout-grid .section{padding-block:clamp(1.6rem,4vw,3rem)}.layout-grid .section-intro h2{font-size:var(--step-3)}.layout-grid .gallery-grid{grid-template-columns:repeat(2,1fr)}.layout-grid .quote{text-align:left}.layout-grid .quote blockquote{margin-inline:0}@media (width<=860px){.layout-grid .project-grid{grid-template-columns:1fr}.layout-grid .sidebar{position:static}}.hero-home{padding-block:clamp(3.5rem,9vw,7rem) clamp(2rem,5vw,4rem)}.hero-home h1{font-size:var(--step-6);max-width:16ch;margin-bottom:1.5rem}.hero-home .lede{font-size:var(--step-2);color:var(--ink-soft);max-width:42rem}.work-list{gap:clamp(2rem,5vw,3.5rem);display:grid}.work-card{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr;align-items:stretch;gap:clamp(1.2rem,3vw,2.5rem);padding-block:clamp(1.5rem,4vw,2.5rem);display:grid}.work-card:hover h3{color:var(--clay)}.work-card .panel{min-height:300px}.work-card .wc-body{flex-direction:column;justify-content:center;display:flex}.work-card h3{font-size:var(--step-4);margin-bottom:.6rem;transition:color .2s}.work-card .wc-sub{color:var(--ink-soft);margin-bottom:1rem}.work-card .wc-meta{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;gap:1.2rem;font-size:.82rem;display:flex}.work-card .wc-variant{letter-spacing:.1em;text-transform:uppercase;color:var(--clay);margin-top:1.2rem;font-size:.74rem}.work-card .wc-variant b{color:var(--ink)}@media (width<=760px){.work-card{grid-template-columns:1fr}.work-card .panel{min-height:220px}}.how{background:var(--paper-2);border-radius:4px;margin-top:4rem;padding:clamp(1.6rem,4vw,2.6rem)}.how .eyebrow{margin-bottom:1rem}.how h2{font-size:var(--step-3);max-width:30ch;margin-bottom:1rem}.how p{color:var(--ink-soft);max-width:60ch}.how ul{gap:.7rem;margin-top:1.4rem;list-style:none;display:grid}.how li{color:var(--ink-soft);padding-left:1.4rem;position:relative}.how li:before{content:"";background:var(--clay);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.section-lead{margin-bottom:2.5rem}.section-lead .eyebrow{margin-bottom:.8rem}.section-lead h2{font-size:var(--step-4)}