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