*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}:root{--bg:#f1ebdf;--bg-warm:#e9e1d0;--bg-ink:#ecdfc4;--ink:#2a211c;--ink-soft:#4a3c33;--ink-mute:#6e5e52;--rule:#cfc3ac;--accent:#d48f3b;--accent-dark:#a86d22;--paper:#faf5ea;--shadow:0 1px 2px #2a211c0f, 0 8px 24px #2a211c14;--shadow-soft:0 1px 1px #2a211c0d, 0 4px 12px #2a211c0f;--radius:6px;--max:1180px;--scroll-progress:0}h1,h2,h3,h4{letter-spacing:-.018em;color:var(--ink);font-family:Inter,sans-serif;font-weight:600;line-height:1.12}h1{letter-spacing:-.028em;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700}h2{letter-spacing:-.02em;font-size:clamp(1.6rem,3.4vw,2.4rem)}h3{font-size:1.2rem;font-weight:600}h4{font-size:1rem;font-weight:600}.italic-accent{color:var(--accent-dark);letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500}p{color:var(--ink-soft)}p+p{margin-top:.8em}strong{color:var(--ink);font-weight:600}.mono{letter-spacing:.01em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.82em}.container{max-width:var(--max);margin:0 auto;padding:0 24px}section{padding:96px 0;position:relative}section+section{border-top:1px solid var(--rule)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;display:inline-block}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(10px);background:#f1ebdfdb;border-bottom:1px solid #0000;transition:border-color .3s,background .3s;position:sticky;top:0}.nav.is-scrolled{border-bottom-color:var(--rule)}.nav-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:16px 24px;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);align-items:baseline;gap:10px;font-family:Inter,sans-serif;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand .dot{background:var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block;transform:translateY(-1px)}.nav-links{gap:22px;font-size:14px;display:flex}.nav-links a{color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent-dark)}.nav-cta{background:var(--ink);color:var(--paper);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}@media (width<=720px){.nav-links{display:none}}.hero{background:linear-gradient(#efe7d4 0%,#f1ebdf 80%);border-top:none;min-height:92vh;padding:0;position:relative;overflow:hidden}.hero-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-content{z-index:10;max-width:var(--max);pointer-events:none;margin:0 auto;padding:140px 24px 120px;position:relative}.hero-content>*{pointer-events:auto}.hero h1{max-width:18ch;margin-bottom:22px;font-size:clamp(2.4rem,5.6vw,4rem);line-height:1.05}.hero-lede{max-width:42ch;color:var(--ink-soft);margin-bottom:32px;font-size:clamp(1.05rem,1.4vw,1.18rem)}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translate(3px)}.layer{will-change:transform;position:absolute;inset:0;transform:translate(0,0)}.layer svg{width:100%;height:100%;display:block}.pxl-hotspot{cursor:pointer;pointer-events:auto;transition:transform .2s;position:absolute}.pxl-hotspot:after{content:"";border:1.5px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;animation:3.6s ease-out infinite pulse;position:absolute;inset:-12px}.pxl-hotspot:hover{transform:scale(1.06)}@keyframes pulse{0%{opacity:.7;transform:scale(.7)}70%{opacity:0;transform:scale(1.4)}to{opacity:0;transform:scale(1.4)}}.hotspot-tooltip{background:var(--ink);color:var(--paper);max-width:260px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:20;border-radius:6px;padding:12px 16px;font-size:13.5px;line-height:1.45;transition:opacity .18s,transform .18s;position:absolute;transform:translateY(6px)}.hotspot-tooltip.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hotspot-tooltip em{color:var(--accent);font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500}.scroll-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);z-index:10;opacity:.75;flex-direction:column;align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint .line{background:var(--ink-mute);width:1px;height:24px;animation:2.2s ease-in-out infinite line-grow}@keyframes line-grow{0%,to{opacity:.3;transform-origin:top;transform:scaleY(.2)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}}.empathy{background:var(--bg-warm)}.empathy-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:64px;display:grid}.empathy h2{max-width:20ch;font-size:clamp(1.5rem,2.8vw,2rem)}.empathy p{max-width:58ch;font-size:1.06rem}@media (width<=820px){.empathy-grid{grid-template-columns:1fr;gap:28px}}.frames-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;display:grid}.frame-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:12px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.frame-card:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-3px)}.frame-card .num{color:var(--accent-dark);font-family:Fraunces,Georgia,serif;font-size:1.1rem;font-style:italic;font-weight:500}.frame-card h3{font-size:1.15rem;line-height:1.25}.frame-card p{color:var(--ink-soft);font-size:.96rem;line-height:1.55}@media (width<=980px){.frames-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.frames-grid{grid-template-columns:1fr}}.engagements{background:var(--bg-warm)}.engagements-list{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:40px;display:grid}.eng-row{border-top:1px solid var(--rule);grid-template-columns:56px 1fr;align-items:start;gap:20px;padding:22px 0;display:grid}.eng-row:first-child,.eng-row:nth-child(2){border-top:none;padding-top:0}.eng-shape{width:44px;height:44px;color:var(--accent-dark);place-items:center;display:grid}.eng-shape svg{width:100%;height:100%}.eng-body h3{margin-bottom:4px}.eng-body .len{letter-spacing:.08em;color:var(--ink-mute);margin-bottom:6px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.eng-body p{font-size:.95rem}@media (width<=760px){.engagements-list{grid-template-columns:1fr}.eng-row:nth-child(2){border-top:1px solid var(--rule);padding-top:22px}}.proof-grid{grid-template-columns:1fr 1fr;gap:36px;margin-top:40px;display:grid}.proof-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:28px}.proof-card .tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;display:inline-block}.proof-card h3{margin-bottom:8px;font-size:1.12rem}.proof-card p{font-size:.96rem}.proof-card ul{gap:6px;margin-top:14px;list-style:none;display:grid}.proof-card li{color:var(--ink-soft);padding-left:18px;font-size:.94rem;position:relative}.proof-card li:before{content:"→";color:var(--accent-dark);position:absolute;left:0}@media (width<=800px){.proof-grid{grid-template-columns:1fr}}.faq-list{border-top:1px solid var(--rule);margin-top:32px}.faq-item{border-bottom:1px solid var(--rule)}.faq-item summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:1.05rem;font-weight:500;list-style:none;transition:color .2s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--accent-dark)}.faq-item summary .plus{width:22px;height:22px;color:var(--accent-dark);flex-shrink:0;transition:transform .2s;position:relative}.faq-item summary .plus:before,.faq-item summary .plus:after{content:"";background:currentColor;position:absolute}.faq-item summary .plus:before{height:1.5px;top:50%;left:2px;right:2px;transform:translateY(-50%)}.faq-item summary .plus:after{width:1.5px;transition:transform .2s;top:2px;bottom:2px;left:50%;transform:translate(-50%)}.faq-item[open] summary .plus:after{transform:translate(-50%)scaleY(0)}.faq-item .faq-body{max-width:72ch;color:var(--ink-soft);padding:0 4px 22px;font-size:1rem}.about{background:var(--bg-ink)}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;display:grid}.about-portrait{aspect-ratio:4/5;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);background:var(--paper);overflow:hidden}.about-portrait svg{width:100%;height:100%;display:block}.about-copy h2{margin-bottom:18px}.about-copy p{font-size:1.02rem}.about-facts{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:22px;display:grid}.about-facts dt{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.about-facts dd{color:var(--ink);font-size:.98rem;font-weight:600}@media (width<=820px){.about-grid{grid-template-columns:1fr;gap:28px}.about-portrait{max-width:340px}}.cta{background:var(--ink);color:var(--paper);text-align:center}.cta h2{color:var(--paper);max-width:22ch;margin:0 auto 16px}.cta h2 .italic-accent{color:var(--accent)}.cta p{color:#faf5eabd;max-width:52ch;margin:0 auto 28px}.cta .btn-primary{background:var(--accent);color:var(--ink)}.cta .btn-primary:hover{background:var(--paper);color:var(--ink)}.cta .btn-ghost{color:var(--paper);border-color:#faf5ea66}.cta .btn-ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.footer{background:var(--bg-warm);border-top:1px solid var(--rule);padding:48px 0 40px}.footer-inner{max-width:var(--max);color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0 auto;padding:0 24px;font-size:13.5px;display:flex}.footer a{color:var(--ink-soft);margin-right:18px;text-decoration:none}.footer a:hover{color:var(--accent-dark)}.page{padding:140px 0 80px}.page h1{margin-bottom:18px}.page h2{margin-top:40px;margin-bottom:10px;font-size:1.4rem}.page p{max-width:70ch}.page .container>section{border:none;padding:0}.page ul{color:var(--ink-soft);margin:8px 0 8px 22px}@media (prefers-reduced-motion:reduce){.layer{transform:none!important}.pxl-hotspot:after,.scroll-hint .line{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1023px),(pointer:coarse){.layer{transform:none!important}.pxl-hotspot{cursor:default}.pxl-hotspot:after{animation:none}}
