:root{--dark:#12150e;--dark-2:#1e2417;--cream:#f2f1e5;--cream-2:#e8e6d5;--ink:#1e2116;--ink-muted:#6e6c5c;--paper-text:#f5f4e9;--paper-muted:#a2a594;--lime:#b9f27c;--lime-deep:#6f9a45;--line-dark:#f5f4e924;--line-cream:#1e211624}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Inter,sans-serif}.serif{font-family:Fraunces,serif}.mono{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}.wrap{max-width:1280px;margin:0 auto;padding:0 48px}section{scroll-margin-top:76px}.reveal{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(28px)}.reveal.in{opacity:1;transform:translateY(0)}.site-nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark);color:var(--paper-text);background:#12150ed1;position:sticky;top:0}.site-nav .wrap{justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;display:flex}.logo-block .logo{font-size:19px;font-style:italic;font-weight:500}.logo-block .logo-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--paper-muted);margin-top:2px;font-size:10px}.nav-row{align-items:center;gap:36px;display:flex}nav ul{color:#f5f4e9b8;gap:32px;font-size:14px;list-style:none;display:flex}nav a:hover{color:var(--paper-text)}.nav-cta{background:var(--paper-text);color:var(--dark);border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600}.hero{min-height:92vh;color:var(--paper-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(60% 50% at 68% 30%,#b9f27c29,#0000 60%),radial-gradient(70% 60% at 30% 70%,#6f9a4538,#0000 65%),linear-gradient(#171b10 0%,#12150e 55%,#0d0f0a 100%);position:absolute;inset:0}.hero-scrim{background:linear-gradient(#0000 35%,#0d0f0a1a 55%,#0d0f0abf 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;flex:1;display:flex;position:relative}.hero-sub{text-align:right;color:#f5f4e9b3;max-width:260px;font-size:15px;line-height:1.6;position:absolute;top:60px;right:48px}.tag-box{color:var(--ink);background:#f2f1e5f0;border-radius:6px;min-width:170px;padding:16px 20px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #00000059}.tag-box .k{color:var(--ink-muted);margin-bottom:6px;font-size:11px;display:block}.tag-box .v{color:var(--lime-deep);font-family:Fraunces,serif;font-size:19px;font-style:italic}.hero-bottom{margin-top:auto;padding-top:60px;padding-bottom:90px}h1{letter-spacing:-.01em;margin-bottom:40px;font-family:Fraunces,serif;font-size:84px;font-weight:400;line-height:.98}h1 em{color:var(--lime);font-style:italic;font-weight:500}.hero-ctas{align-items:center;gap:26px;display:flex}.btn-solid{background:var(--paper-text);color:var(--dark);border-radius:999px;padding:16px 30px;font-size:14px;font-weight:600}.btn-line-dark{border:1px solid var(--ink);color:var(--ink);border-radius:999px;padding:15px 29px;font-size:14px;font-weight:600}.link-arrow{color:#f5f4e9d9;font-size:14px;font-weight:500}.pad{padding:130px 0}.on-dark{background:var(--dark);color:var(--paper-text)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:24px;font-size:12px}.on-dark .eyebrow{color:var(--paper-muted)}.eyebrow.center{text-align:center}.philosophy{padding:140px 0;position:relative}.philosophy h2{text-align:center;letter-spacing:-.01em;max-width:900px;margin:0 auto;font-family:Fraunces,serif;font-size:50px;font-weight:400;line-height:1.2}.philosophy h2 em{color:var(--lime-deep);font-style:italic;font-weight:500}.philosophy-manifesto{text-align:center;max-width:620px;color:var(--ink-muted);margin:56px auto 0;font-family:Fraunces,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.45}.philosophy-manifesto span{color:var(--lime-deep)}.collage-photo{border-radius:4px;width:150px;height:150px;position:absolute;box-shadow:0 20px 40px #1e211624}.cp1{background:linear-gradient(150deg,#dce3c7,#c6d2a3);bottom:14%;left:8%;transform:rotate(-4deg)}.cp2{background:linear-gradient(150deg, var(--dark-2), var(--dark));top:10%;right:9%;transform:rotate(5deg)}.process h2{letter-spacing:-.01em;max-width:700px;margin-bottom:90px;font-family:Fraunces,serif;font-size:46px;font-weight:400;line-height:1.2}.process h2 em{color:var(--lime);font-style:italic;font-weight:500}.step-row{border-top:1px solid var(--line-dark);grid-template-columns:220px 1fr 1.2fr;align-items:center;gap:48px;padding:44px 0;display:grid}.step-row:last-child{border-bottom:1px solid var(--line-dark)}.step-img{background:linear-gradient(150deg, var(--dark-2), #2a331e);border-radius:4px;width:220px;height:160px}.step-name{margin-bottom:10px;font-family:Fraunces,serif;font-size:30px;font-style:italic;font-weight:500}.step-count{color:var(--paper-muted);font-size:12px}.step-desc{color:var(--paper-muted);max-width:420px;font-size:16px;line-height:1.65}.work h2{max-width:620px;margin-bottom:64px;font-family:Fraunces,serif;font-size:42px;font-weight:400;line-height:1.2}.work h2 em{color:var(--lime-deep);font-style:italic;font-weight:500}.work-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.work-thumb{aspect-ratio:4/3;background:linear-gradient(150deg, var(--cream-2), #d3d0b9);border-radius:4px;margin-bottom:18px}.work-tag{color:var(--ink-muted);margin-bottom:6px;font-size:12px}.work-name{font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:500}.work-item{display:block}.work-item:hover .work-name{text-underline-offset:3px;text-decoration:underline}.work-thumb.live-preview{border:1px solid var(--line-cream);background:#fff;position:relative;overflow:hidden}.work-thumb.live-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:400%;height:400%;position:absolute;top:0;left:0;transform:scale(.25)}.services h2{max-width:620px;margin-bottom:64px;font-family:Fraunces,serif;font-size:42px;font-weight:400;line-height:1.2}.services h2 em{color:var(--lime);font-style:italic;font-weight:500}.price-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.price-card{border:1px solid var(--line-dark);border-radius:6px;padding:34px 28px}.price-card.featured{border-color:var(--lime);background:var(--dark-2)}.price-card .tag{color:var(--lime);margin-bottom:18px;font-size:12px;display:block}.price-card h4{margin-bottom:12px;font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:500}.price-card .price{margin-bottom:18px;font-size:26px;font-weight:600}.price-card .price span{color:var(--paper-muted);font-size:13px;font-weight:400}.price-card ul{color:var(--paper-muted);font-size:14px;line-height:2;list-style:none}.price-card li:before{content:"— ";color:var(--lime)}.about-grid{max-width:720px}.about-lead{margin-bottom:22px;font-family:Fraunces,serif;font-size:28px;font-style:italic;font-weight:400;line-height:1.5}.about-lead em{color:var(--lime-deep);font-style:italic}.about-copy p.body{color:var(--ink-muted);font-size:16px;line-height:1.75}.testi-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:20px;display:grid}.testi-card{border:1px solid var(--line-dark);border-radius:6px;padding:34px}.testi-card blockquote{margin-bottom:22px;font-family:Fraunces,serif;font-size:21px;font-style:italic;font-weight:400;line-height:1.5}.testi-card cite{color:var(--paper-muted);font-size:13px;font-style:normal}.contact{text-align:center}.contact h2{max-width:620px;margin:0 auto 40px;font-family:Fraunces,serif;font-size:48px;font-weight:400;line-height:1.15}.contact h2 em{color:var(--lime-deep);font-style:italic;font-weight:500}footer{background:var(--dark);color:var(--paper-muted);padding:44px 0}footer .wrap{justify-content:space-between;align-items:center;font-size:13px;display:flex}footer nav ul{gap:26px}footer .logo-block .logo{color:var(--paper-text)}@media (max-width:900px){.wrap{padding:0 28px}h1{font-size:46px}nav ul{display:none}.hero-sub{text-align:left;max-width:100%;margin:20px 0 0;position:static}.tag-box{display:none}.philosophy h2,.process h2,.work h2,.services h2,.contact h2{font-size:28px}.collage-photo{display:none}.step-row{grid-template-columns:1fr;gap:16px}.step-img{width:100%}.work-grid,.price-grid,.testi-grid{grid-template-columns:1fr}footer .wrap{flex-direction:column;gap:16px}}
