:root{--bg:oklch(15.5% .004 70);--bg-2:oklch(18.5% .005 70);--ink:oklch(93.5% .01 80);--ink-soft:oklch(72% .01 80);--ink-mute:oklch(56% .008 80);--ink-faint:oklch(40% .006 80);--accent:oklch(74% .115 150);--accent-dim:oklch(62% .09 150);--hair:color-mix(in oklch, var(--ink) 12%, transparent);--hair-soft:color-mix(in oklch, var(--ink) 7%, transparent);--serif:"Cormorant Garamond", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--pad:clamp(1.4rem, 5vw, 6.5rem);--measure:38rem;--section-gap:clamp(7rem, 14vh, 12rem);--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300;line-height:1.62;overflow-x:hidden}body:after{content:"";z-index:9000;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}.cursor-dot{z-index:9999;pointer-events:none;background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px color-mix(in oklch, var(--accent) 60%, transparent);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.cursor-on,body.cursor-on *{cursor:none!important}@media (pointer:coarse){.cursor-dot{display:none!important}}.kicker{font-family:var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:.9rem;font-size:.72rem;font-weight:400;display:flex}.kicker:before{content:"";background:var(--hair);width:2.2rem;height:1px}.kicker--center{justify-content:center}.kicker--center:before{display:none}.lede--center{text-align:center;max-width:36ch;margin-inline:auto}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;font-weight:300;line-height:1.04}.display{font-size:clamp(2.7rem,7.8vw,7.2rem);line-height:1.02}.display em{color:var(--accent);font-style:italic}.lede{font-family:var(--serif);color:var(--ink);max-width:32ch;font-size:clamp(1.6rem,3.2vw,2.7rem);font-weight:300;line-height:1.28}.lede em{color:var(--accent);font-style:italic}p.body{color:var(--ink-soft);max-width:var(--measure);font-size:clamp(1.02rem,1.25vw,1.18rem)}p.body+p.body{margin-top:1.1em}section{padding-inline:var(--pad);padding-top:calc(var(--section-gap) * .5);padding-bottom:calc(var(--section-gap) * .5);position:relative}.wrap{max-width:74rem;margin:0 auto}header.nav{z-index:200;padding:1.5rem var(--pad);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--mono);letter-spacing:.02em;color:#fff;flex:none;align-items:baseline;gap:.05em;font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.brand .b{color:#fff;opacity:.55}.nav-cta{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#fff;white-space:nowrap;align-items:center;padding-bottom:3px;font-size:.74rem;line-height:1;text-decoration:none;display:inline-flex;position:relative}.nav-cta:after{content:"";transform-origin:100%;background:#fff;width:100%;height:1px;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-cta:hover:after{transform-origin:0;transform:scaleX(1)}.nav-end{align-items:center;gap:clamp(1.2rem,3vw,2.4rem);min-width:0;display:flex}.nav-link{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#fff;opacity:.82;white-space:nowrap;align-items:center;padding-bottom:3px;font-size:.74rem;line-height:1;text-decoration:none;transition:opacity .3s;display:inline-flex;position:relative}.nav-link:after{content:"";transform-origin:100%;background:#fff;width:100%;height:1px;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover{opacity:1}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.hero{min-height:100svh;padding-top:max(8rem, calc(var(--section-gap) * .65));padding-bottom:var(--section-gap);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.hero-watermark{z-index:0;font-family:var(--serif);color:color-mix(in oklch, var(--bg-2) 55%, var(--accent) 8%);-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;font-size:min(52vw,42rem);font-weight:300;line-height:.7;position:absolute;top:50%;right:-2vw;transform:translateY(-50%)}.hero-layout{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(8rem,.9fr);align-items:center;min-height:calc(100svh - 14rem);display:grid;position:relative}.hero-copy{max-width:40rem;padding-right:clamp(1rem,4vw,3rem)}.hero .display{max-width:20ch}.hero .display.reveal{clip-path:inset(0 0 100%);transition:opacity 1.05s var(--ease-out), transform 1.05s var(--ease-out), clip-path 1.15s var(--ease-out);transform:translateY(1.2rem)}.hero .display.reveal.in{clip-path:inset(0);transform:none}.hero .display em{text-shadow:0 0 1.4rem color-mix(in oklch, var(--accent) 18%, transparent)}.hero-sub{max-width:36ch;color:var(--ink-soft);margin-top:2.2rem;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.55}.hero-sub strong{color:var(--ink);font-weight:500}.cta-row{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:3rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bg);background:var(--accent);border:0;border-radius:0;align-items:center;gap:.8rem;padding:1.15rem 2rem;font-size:.8rem;text-decoration:none;transition:background .3s,gap .3s;display:inline-flex}.btn:hover{background:var(--ink);gap:1.2rem}.btn .arr{transition:transform .3s}.btn:hover .arr{transform:translate(4px)}.scroll-cue{z-index:2;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:.8rem;font-size:.68rem;display:flex;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.scroll-cue .ln{background:var(--hair);width:1px;height:3rem;display:block;position:relative;overflow:hidden}.scroll-cue .ln:after{content:"";background:var(--accent);width:100%;height:60%;animation:2.4s cubic-bezier(.7,0,.3,1) infinite drip;position:absolute;top:-100%;left:0}@keyframes drip{0%{top:-60%}60%,to{top:120%}}@keyframes proof-scan{0%{opacity:0;transform:translate(-115%)skew(-10deg)}22%{opacity:1}to{opacity:0;transform:translate(115%)skew(-10deg)}}@keyframes sent-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.mirror-head{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(2rem,5vw,4rem);margin-bottom:clamp(2rem,5vh,3.5rem);display:grid}.mirror-head .lede{text-align:right;grid-column:2;max-width:24ch;margin-left:auto}.works-head{margin-inline:0 auto;text-align:left;max-width:44ch;margin-bottom:clamp(3.5rem,8vh,5.5rem)}.work{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vh,5.5rem) 0;display:grid}.work+.work{border-top:1px solid var(--hair-soft)}.work.flip .work-media{order:2}.work-tag{font-family:var(--mono);letter-spacing:.16em;color:var(--ink-mute);align-items:center;gap:.8rem;margin-bottom:1.4rem;font-size:.74rem;display:flex}.work-tag .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.work h3{margin-bottom:1.5rem;font-size:clamp(2rem,3.4vw,3.1rem)}.work .body{max-width:40ch}.work-quote{font-family:var(--serif);color:var(--ink);max-width:30ch;margin-top:1.6rem;font-size:clamp(1.3rem,2vw,1.7rem);font-style:italic;line-height:1.3}.ph{aspect-ratio:4/3;background:repeating-linear-gradient(135deg, var(--bg-2) 0 11px, transparent 11px 22px), var(--bg);border:1px solid var(--hair);transform-origin:50%;width:100%;transition:transform 1.1s var(--ease-out), border-color .8s ease, box-shadow .8s ease;justify-content:flex-start;align-items:flex-end;display:flex;position:relative;overflow:hidden;transform:translateY(1.1rem)scale(.985)}.work.in .ph{border-color:color-mix(in oklch, var(--ink) 26%, transparent);transform:translateY(-.45rem)scale(1);box-shadow:0 1.2rem 3rem oklch(0% none none/.16)}.ph--has-image{background:var(--bg-2)}.ph-img{z-index:0;object-fit:contain;object-position:top center;width:calc(100% - 1.4rem);height:calc(100% - 4.95rem);position:absolute;inset:.7rem .7rem 4.25rem}.ph:before{content:"";z-index:1;background:linear-gradient(100deg, transparent 0 30%, color-mix(in oklch, var(--accent) 36%, transparent) 48%, transparent 66% 100%);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)skew(-10deg)}.ph:after{content:"";background:radial-gradient(circle at 24% 18%, color-mix(in oklch, var(--ink) 8%, transparent), transparent 34rem);opacity:0;pointer-events:none;transition:opacity 1s;position:absolute;inset:0}.work.in .ph:before{animation:proof-scan 1.45s var(--ease-out) .22s both}.work.in .ph:after{opacity:1}.ph .cap{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);background:color-mix(in oklch, var(--bg) 80%, transparent);border-top:1px solid var(--hair);border-right:1px solid var(--hair);z-index:2;opacity:0;width:100%;transition:opacity .75s var(--ease-out) .28s, transform .75s var(--ease-out) .28s;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font-size:.72rem;display:flex;position:relative;transform:translateY(1rem)}.work.in .ph .cap{opacity:1;transform:none}.ph .cap span:last-child{color:var(--ink-faint)}@media (width<=780px){.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:none;padding-right:0}.hero-watermark{opacity:.55;font-size:72vw;right:-18vw}.hero .display{max-width:18ch}.mirror-head{grid-template-columns:1fr}.mirror-head .lede{text-align:right;grid-column:1;max-width:28ch;margin-inline-start:auto}.truth,.truth:nth-child(2n){max-width:none;margin-left:0;padding-left:0}.work,.work.flip{grid-template-columns:1fr;gap:2rem}.work.flip .work-media{order:0}}.display--center{margin-top:0;margin-bottom:clamp(3.5rem,9vh,6rem);text-align:center;max-width:22ch;margin-inline:auto;font-size:clamp(2.45rem,6.6vw,6.1rem)}.truths{gap:0;width:100%;max-width:58rem;margin-inline:auto;display:grid}.truth{grid-template-columns:1fr;max-width:50rem;padding:clamp(2.2rem,5vh,3.2rem) 0;display:grid;position:relative}.truth:before,.truth:last-child:after{content:"";background:var(--hair-soft);transform-origin:0;width:100%;height:1px;transition:transform 1.05s var(--ease-out);position:absolute;left:0;transform:scaleX(0)}.truth:before{top:0}.truth:last-child:after{bottom:0}.truth.in:before,.truth.in:last-child:after{transform:scaleX(1)}.truth:nth-child(2n){margin-left:auto;padding-left:clamp(1rem,6vw,5rem)}.truth h3{color:var(--ink);margin-bottom:1rem;font-size:clamp(1.5rem,2.4vw,2.1rem)}.mono-brace{font-family:var(--mono);color:var(--accent)}.contact{background:var(--bg)}.contact .wrap{flex-direction:column;align-items:center;display:flex}.contact-lede{max-width:34ch;margin-bottom:clamp(2.5rem,6vh,4rem)}.contact-detail-link{color:var(--accent);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, var(--accent) 50%, transparent);text-decoration-color:color-mix(in oklch, var(--accent) 50%, transparent);cursor:pointer;font-family:inherit;font-style:italic;transition:color .35s,text-decoration-color .35s}.contact-detail-link:hover{color:var(--ink);-webkit-text-decoration-color:color-mix(in oklch, var(--ink) 55%, transparent);text-decoration-color:color-mix(in oklch, var(--ink) 55%, transparent)}.contact-detail-link .link-icon{stroke-width:1.7px;vertical-align:.04em;width:.74em;height:.74em;transition:transform .35s var(--ease-out);margin-left:.12em}.contact-detail-link:hover .link-icon{transform:translate(.1em,-.1em)}.form{width:100%;max-width:52rem}.form--center{margin-inline:auto}.form--center .form-foot{justify-content:center}.form--center .direct{text-align:center}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1.3rem,3vw,2rem);display:grid}.field--message,.form-grid+.field{margin-top:clamp(1.3rem,3vw,2rem)}.form-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.field{padding-bottom:1.35rem;position:relative}.field:before,.field:after{content:"";pointer-events:none;height:1px;position:absolute;bottom:1.35rem;left:0;right:0}.field:before{background:var(--hair)}.field:after{background:var(--accent);box-shadow:0 0 1.4rem color-mix(in oklch, var(--accent) 24%, transparent);transform-origin:50%;transition:transform .55s var(--ease-out);transform:scaleX(0)}.field.focus:after,.field:focus-within:after{transform:scaleX(1)}.field--error:before,.field--error:after{background:oklch(68% .095 28)}.field input,.field textarea{resize:none;width:100%;color:var(--ink);font-family:var(--serif);background:0 0;border:0;outline:none;min-height:3rem;padding:.4rem 0 1.4rem;font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:300;line-height:1.4;overflow:hidden}.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint);transition:opacity .35s}.field.focus textarea::placeholder,.field:focus-within input::placeholder,.field:focus-within textarea::placeholder{opacity:.42}.field-error{font-family:var(--mono);letter-spacing:.06em;color:oklch(74% .09 28);font-size:.7rem;position:absolute;bottom:0;left:0}.form .btn{opacity:.72;transition:background .3s ease, gap .3s ease, opacity .35s ease, transform .35s var(--ease-out);transform:translateY(.2rem)}.form.has-value .btn,.form .btn:focus-visible{opacity:1;transform:none}.form .btn:disabled{opacity:.55;cursor:not-allowed}.form .btn:disabled:hover{background:var(--accent);gap:.8rem}.form-submit-error{font-family:var(--mono);letter-spacing:.04em;color:oklch(74% .09 28);text-align:center;margin-top:1.4rem;max-width:36rem;margin-inline:auto;font-size:.74rem}.form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:2.4rem;display:flex}.direct{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-mute);font-size:.82rem}.direct a{color:var(--ink-soft);border-bottom:1px solid var(--hair);padding-bottom:2px;text-decoration:none;transition:color .3s,border-color .3s}.direct a:hover{color:var(--accent);border-color:var(--accent)}.sent,.form.done .form-grid,.form.done .field,.form.done .form-foot{display:none}.form.done .sent{animation:sent-in .7s var(--ease-out) both;display:block}.sent .lede{max-width:24ch}.sent .lede em{font-style:italic}footer{padding:calc(var(--section-gap) * .5) var(--pad);border-top:1px solid var(--hair-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}footer .brand{font-size:1.4rem}footer .brand .b{color:var(--ink-faint)}.foot-meta{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-faint);text-align:right;font-size:.72rem;line-height:1.8}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.reveal[data-d="1"]{transition-delay:80ms}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}.reveal.section-title.reveal-from-right{transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1);transform:translate(clamp(2.5rem,6vw,5.5rem))}.reveal.section-title.reveal-from-left{transition:opacity 1.05s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1);transform:translate(calc(-1*clamp(2.5rem,6vw,5.5rem)))}.reveal.section-title.reveal-from-right.in,.reveal.section-title.reveal-from-left.in{transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transition:none;transform:none}.reveal.section-title.reveal-from-right,.reveal.section-title.reveal-from-left{transform:none}.hero .display.reveal{clip-path:inset(0)}.work.in .ph:before{animation:none}.truth:before,.truth:last-child:after{transition:none;transform:scaleX(1)}.work.in .ph{transform:none}.work.in .ph:after{opacity:1}.work.in .ph .cap{opacity:1;transform:none}.form.done .sent,.scroll-cue .ln:after{animation:none}.hero-watermark{transform:translateY(-50%)!important}.choice:before{opacity:0;transform:none}.choice:hover .choice-title,.choice:focus-visible .choice-title{text-shadow:none;transform:none}}.choices{grid-template-columns:repeat(3,1fr);margin-top:0;display:grid}@media (width<=599px){.choices{grid-template-columns:1fr}}@media (width>=600px) and (width<=920px){.choices{grid-template-columns:1fr}}.choice{padding:var(--pad);cursor:pointer;min-height:clamp(18rem,38vh,30rem);color:inherit;-webkit-tap-highlight-color:transparent;isolation:isolate;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:relative;overflow:hidden}.choice:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 46%, color-mix(in oklch, var(--accent) 11%, transparent), transparent 56%), linear-gradient(180deg, color-mix(in oklch, var(--ink) 4%, transparent), transparent 70%);opacity:0;transition:opacity .65s ease, transform .8s var(--ease-out);position:absolute;inset:8%;transform:translateY(1.4rem)scale(.92)}.choice:focus-visible{outline:1px solid var(--accent)}.choice-title{font-family:var(--serif);color:var(--ink-mute);text-align:center;max-width:12ch;transition:color .5s var(--ease-out), transform .7s var(--ease-out), text-shadow .7s ease;pointer-events:none;font-size:clamp(2rem,4.2vw,4rem);font-style:italic;font-weight:300;line-height:1.1}.choice-hint{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);opacity:.72;transition:color .35s ease, opacity .35s ease, transform .35s var(--ease-out);pointer-events:none;font-size:.66rem;transform:translateY(.4rem)}.choice-hint:after{content:" →";color:var(--accent)}.choice:hover:before,.choice:focus-visible:before{opacity:1;transform:none}.choice:hover .choice-title,.choice:focus-visible .choice-title{color:var(--ink);text-shadow:0 0 1.8rem color-mix(in oklch, var(--accent) 13%, transparent);transform:translateY(-.35rem)}.choice:hover .choice-hint,.choice:focus-visible .choice-hint{color:var(--ink-soft);opacity:1;transform:none}.story-overlay{z-index:400;background:radial-gradient(circle at 18% 22%, color-mix(in oklch, var(--accent) 13%, transparent), transparent 32rem), linear-gradient(135deg, var(--bg), oklch(10.5% .006 70));opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.2,.7,.2,1),visibility .45s;position:fixed;inset:0;overflow:hidden}.story-overlay.open{opacity:1;visibility:visible}.story-close{z-index:10;width:100%;padding:1.1rem var(--pad);background:color-mix(in oklch, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);border:none;border-bottom:1px solid var(--hair-soft);cursor:pointer;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);-webkit-tap-highlight-color:transparent;align-items:center;gap:.6rem;min-height:3rem;font-size:.72rem;transition:color .3s;display:flex;position:fixed;top:0;left:0}.story-close:hover{color:var(--ink)}.story-close-arr{color:var(--accent)}.story-stage{isolation:isolate;min-height:100svh;padding:clamp(5rem, 10vh, 7rem) var(--pad) clamp(6rem, 12vh, 8rem);position:relative}.story-stage:before,.story-stage:after{content:"";z-index:-2;pointer-events:none;position:absolute;inset:0}.story-stage:before{opacity:.22;background-image:linear-gradient(var(--hair-soft) 1px, transparent 1px), linear-gradient(90deg, var(--hair-soft) 1px, transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle,#000 0 48%,#0000 74%);mask-image:radial-gradient(circle,#000 0 48%,#0000 74%)}.story-stage:after{z-index:-1;background:linear-gradient(90deg, var(--bg) 0 26%, transparent 50%, var(--bg) 100%);opacity:.7}.traitor-ui{inset:12vh var(--pad) 14vh;z-index:-1;pointer-events:none;transform-origin:50%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s,opacity .7s;display:none;position:absolute}.story-overlay[data-story=process] .traitor-ui-process,.story-overlay[data-story=template] .traitor-ui-template,.story-overlay[data-story=idea] .traitor-ui-idea{display:block}.traitor-window{border:1px solid var(--hair);background:linear-gradient(180deg, color-mix(in oklch, var(--bg-2) 82%, transparent), color-mix(in oklch, var(--bg) 86%, transparent));-webkit-backdrop-filter:blur(18px);position:absolute;box-shadow:0 2rem 6rem oklch(0% none none/.5)}.traitor-window-main{width:min(54rem,58vw);min-height:27rem;top:7vh;left:5vw}.traitor-window-ghost{opacity:.48;width:min(26rem,30vw);min-height:15rem;bottom:3vh;right:2vw;transform:rotate(-3deg)}.traitor-bar{border-bottom:1px solid var(--hair-soft);min-height:3.2rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);align-items:center;gap:.55rem;padding:0 1rem;font-size:.68rem;display:flex}.traitor-bar span{border:1px solid var(--hair);border-radius:50%;width:.5rem;height:.5rem}.traitor-bar strong{color:var(--ink-faint);margin-left:.8rem;font-weight:400}.traitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;display:grid}.traitor-card{background:color-mix(in oklch, var(--bg) 78%, transparent);border:1px solid #0000;min-height:10rem;padding:1.4rem;transition:transform .7s cubic-bezier(.2,.7,.2,1),background .7s,opacity .7s,border-color .7s}.traitor-card span,.traitor-notice,.traitor-palette span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem}.idea-board{gap:1px;padding:1px;display:grid}.idea-field{background:color-mix(in oklch, var(--bg) 78%, transparent);border:1px solid #0000;min-height:8rem;padding:1.4rem;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,border-color .7s,background .7s}.idea-field span,.idea-fragments span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem}.idea-field strong{font-family:var(--serif);color:var(--ink-soft);margin-top:1.9rem;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:300;line-height:1;display:block}.idea-fragments{width:min(28rem,34vw);min-height:24rem;position:absolute;top:14vh;right:5vw}.idea-fragments span{border:1px solid var(--hair-soft);background:color-mix(in oklch, var(--bg) 76%, transparent);padding:.75rem .9rem;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,color .7s,border-color .7s,background .7s;display:inline-block;position:absolute}.idea-fragments span:first-child{top:8%;left:4%}.idea-fragments span:nth-child(2){top:20%;right:2%}.idea-fragments span:nth-child(3){top:46%;left:18%}.idea-fragments span:nth-child(4){bottom:20%;right:14%}.idea-fragments span:nth-child(5){bottom:4%;left:0}.traitor-card strong{font-family:var(--serif);color:var(--ink-soft);margin-top:2rem;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:300;line-height:1;display:block}.traitor-card-primary strong,.traitor-card-alert strong{color:var(--accent)}.traitor-lines{gap:.9rem;padding:2rem;display:grid}.traitor-lines span{background:var(--hair);height:1px;display:block}.traitor-lines span:nth-child(2){width:72%}.traitor-lines span:nth-child(3){width:46%}.traitor-lines span:nth-child(4){width:84%}.traitor-notice{border:1px solid color-mix(in oklch, var(--accent) 35%, transparent);color:var(--accent);background:color-mix(in oklch, var(--bg) 78%, transparent);box-shadow:0 0 2.5rem color-mix(in oklch, var(--accent) 12%, transparent);padding:.8rem 1rem;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s;position:absolute;top:18vh;right:9vw}.template-preview{gap:1rem;padding:1.2rem;display:grid}.template-hero,.template-block,.template-cta{border:1px solid var(--hair-soft);background:color-mix(in oklch, var(--ink) 5%, transparent);transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,filter .7s,border-color .7s,background .7s}.template-hero{background:linear-gradient(90deg, color-mix(in oklch, var(--ink) 10%, transparent) 0 28%, transparent 28%), color-mix(in oklch, var(--ink) 4%, transparent);min-height:12rem}.template-block{height:4.5rem}.template-block.is-short{width:62%}.template-cta{background:color-mix(in oklch, var(--accent) 23%, transparent);width:12rem;height:3.4rem}.traitor-palette{gap:.8rem;display:grid;position:absolute;top:15vh;right:6vw}.traitor-palette span{border:1px solid var(--hair-soft);background:color-mix(in oklch, var(--bg) 76%, transparent);padding:.75rem .9rem;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s,color .7s,border-color .7s,background .7s;display:block}.story-copy{z-index:2;align-items:center;max-width:52rem;min-height:calc(100svh - 11rem);display:grid;position:relative}.story-pane[hidden]{display:none}.story-pane:not([hidden]){min-height:inherit;align-items:center;display:grid}.story-beat{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),visibility .55s;transform:translateY(1.4rem)scale(.985)}.story-beat.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}.story-beat-inner{width:100%;max-width:44rem}.story-title{font-family:var(--serif);letter-spacing:-.02em;color:#fff;text-shadow:0 .08em .12em oklch(0% none none/.86),0 .22em .45em oklch(0% none none/.76),0 0 2.8rem oklch(0% none none/.7);font-size:clamp(3.2rem,8vw,8rem);font-style:italic;font-weight:300;line-height:.96}.story-p{font-family:var(--serif);color:#fff;text-shadow:0 .08em .14em oklch(0% none none/.88),0 .24em .52em oklch(0% none none/.78),0 0 2.6rem oklch(0% none none/.74);max-width:23ch;font-size:clamp(1.55rem,3vw,3.25rem);line-height:1.2}.story-pivot{font-family:var(--serif);color:var(--accent);max-width:20ch;text-shadow:0 .08em .14em oklch(0% none none/.88), 0 .24em .52em oklch(0% none none/.78), 0 0 2.4rem color-mix(in oklch, var(--accent) 24%, transparent);font-size:clamp(1.9rem,4.2vw,4.4rem);font-style:italic;line-height:1.08}.story-pivot span{color:var(--accent)}.story-cta{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bg);background:var(--accent);-webkit-tap-highlight-color:transparent;cursor:pointer;border:0;align-items:center;gap:.8rem;padding:1.15rem 2rem;font-size:.8rem;text-decoration:none;transition:background .3s,gap .3s;display:inline-flex}.story-cta:hover{background:var(--ink);gap:1.2rem}.story-cta .arr{transition:transform .3s}.story-cta:hover .arr{transform:translate(4px)}.story-scroll-cue{right:var(--pad);z-index:12;font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:.8rem;font-size:.68rem;transition:opacity .35s;display:flex;position:fixed;bottom:2rem}.story-scroll-cue .ln{background:var(--hair);width:1px;height:2.8rem;display:block;position:relative;overflow:hidden}.story-scroll-cue .ln:after{content:"";background:var(--accent);width:100%;height:55%;animation:2.1s cubic-bezier(.7,0,.3,1) infinite drip;position:absolute;top:-70%;left:0}.story-overlay[data-step="5"] .story-scroll-cue{opacity:0}.story-overlay[data-step="1"] .traitor-card:first-child,.story-overlay[data-step="2"] .traitor-card:first-child,.story-overlay[data-step="3"] .traitor-card:first-child{border-color:color-mix(in oklch, var(--accent) 25%, transparent);transform:translate(1.2rem,-.7rem)rotate(-2deg)}.story-overlay[data-step="2"] .traitor-card:nth-child(2),.story-overlay[data-step="3"] .traitor-card:nth-child(2){opacity:.72;transform:translate(-.9rem,1rem)rotate(2deg)}.story-overlay[data-step="2"] .traitor-window-ghost,.story-overlay[data-step="3"] .traitor-window-ghost{opacity:.72;transform:translate(-3rem,-1rem)rotate(4deg)}.story-overlay[data-step="3"] .traitor-card-alert{background:color-mix(in oklch, var(--accent) 12%, var(--bg));transform:translate(.6rem,.8rem)scale(1.04)}.story-overlay[data-step="4"] .traitor-ui{filter:saturate(1.35)contrast(1.08);transform:scale(.94)}.story-overlay[data-step="4"] .traitor-card,.story-overlay[data-step="4"] .traitor-window-ghost,.story-overlay[data-step="4"] .traitor-palette span{opacity:.24}.story-overlay[data-step="5"] .traitor-ui{opacity:.18;filter:blur(2px);transform:scale(.9)translateY(1rem)}.story-overlay[data-story=template][data-step="1"] .template-preview,.story-overlay[data-story=template][data-step="2"] .template-preview{filter:grayscale(.8)}.story-overlay[data-story=template][data-step="1"] .traitor-palette span:first-child,.story-overlay[data-story=template][data-step="2"] .traitor-palette span:first-child{color:var(--ink);border-color:color-mix(in oklch, var(--accent) 24%, transparent);transform:translate(-2.2rem)}.story-overlay[data-story=template][data-step="1"] .template-hero,.story-overlay[data-story=template][data-step="2"] .template-hero{filter:grayscale();border-color:color-mix(in oklch, var(--ink) 14%, transparent)}.story-overlay[data-story=template][data-step="2"] .traitor-palette span:nth-child(2),.story-overlay[data-story=template][data-step="3"] .traitor-palette span:nth-child(2){color:var(--ink);border-color:color-mix(in oklch, var(--accent) 28%, transparent);transform:translate(-4rem)}.story-overlay[data-story=template][data-step="3"] .template-hero{transform-origin:0;transform:scaleX(.84)}.story-overlay[data-story=template][data-step="3"] .template-block{opacity:.5}.story-overlay[data-story=template][data-step="3"] .traitor-palette span:nth-child(3){color:var(--accent);border-color:color-mix(in oklch, var(--accent) 36%, transparent);background:color-mix(in oklch, var(--accent) 8%, var(--bg));transform:translate(-3rem)translateY(.8rem)}.story-overlay[data-story=template][data-step="3"] .template-cta{border-color:color-mix(in oklch, var(--accent) 38%, transparent);transform:translate(2.4rem)scaleX(1.2)}.story-overlay[data-story=template][data-step="4"] .template-preview{filter:none}.story-overlay[data-story=template][data-step="4"] .traitor-palette span:nth-child(4){opacity:1;color:var(--ink);border-color:color-mix(in oklch, var(--accent) 32%, transparent);transform:translate(-2.6rem)translateY(-.7rem)}.story-overlay[data-story=template][data-step="4"] .template-block.is-short{transform-origin:0;opacity:.9;border-color:color-mix(in oklch, var(--accent) 30%, transparent);transform:scaleX(1.42)}.story-overlay[data-story=idea][data-step="1"] .idea-field:first-child,.story-overlay[data-story=idea][data-step="2"] .idea-field:first-child{border-color:color-mix(in oklch, var(--accent) 24%, transparent);transform:translate(1.4rem)}.story-overlay[data-story=idea][data-step="2"] .idea-field:nth-child(2),.story-overlay[data-story=idea][data-step="3"] .idea-field:nth-child(2){background:color-mix(in oklch, var(--accent) 7%, var(--bg));transform:translate(-1rem)}.story-overlay[data-story=idea][data-step="2"] .idea-fragments span:first-child,.story-overlay[data-story=idea][data-step="2"] .idea-fragments span:nth-child(2){color:var(--ink);transform:translate(-2rem,1rem)rotate(-3deg)}.story-overlay[data-story=idea][data-step="3"] .idea-fragments span{opacity:.72;border-color:color-mix(in oklch, var(--accent) 20%, transparent)}.story-overlay[data-story=idea][data-step="3"] .idea-fragments span:nth-child(3){color:var(--accent);transform:translate(-3rem,-1rem)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span{opacity:1;color:var(--accent);border-color:color-mix(in oklch, var(--accent) 36%, transparent)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span:first-child{transform:translate(5rem,4rem)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span:nth-child(2){transform:translate(-5rem,2rem)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span:nth-child(3){transform:translate(1rem,-1rem)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span:nth-child(4){transform:translate(-3rem,-4rem)}.story-overlay[data-story=idea][data-step="4"] .idea-fragments span:nth-child(5){transform:translate(4rem,-6rem)}.story-overlay[data-story=idea][data-step="4"] .idea-field{opacity:.38}.story-overlay[data-story=idea][data-step="5"] .idea-fragments span,.story-overlay[data-story=idea][data-step="5"] .idea-field{opacity:.18}@media (width<=860px){.traitor-ui{inset:18vh var(--pad) 18vh;opacity:.5}.traitor-window-main{width:100%;left:0}.traitor-window-ghost,.traitor-palette,.idea-fragments{display:none}.story-copy{min-height:calc(100svh - 12rem)}.story-title{font-size:clamp(2.9rem,13vw,5.2rem)}.story-p,.story-pivot{max-width:100%}.story-scroll-cue{right:var(--pad);bottom:1.2rem}}@media (prefers-reduced-motion:reduce){.story-overlay{transition:none}.story-scroll-cue .ln:after{animation:none}.story-beat,.traitor-ui,.traitor-card,.traitor-window-ghost,.traitor-palette span,.template-preview,.template-hero,.template-block{transition:none!important;transform:none!important}}.seo-page{padding-top:6rem}.seo-hero{min-height:auto;padding-top:max(7rem, calc(var(--section-gap) * .55));padding-bottom:calc(var(--section-gap) * .45)}.seo-hero-title{max-width:22ch;margin-top:1.6rem;font-size:clamp(2.4rem,6.2vw,5.4rem)}.seo-hero-lead{max-width:42rem;margin-top:2rem;font-size:clamp(1.05rem,1.35vw,1.22rem)}.seo-hero-cta{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:2.8rem;display:flex}.seo-back{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);border-bottom:1px solid var(--hair);padding-bottom:2px;font-size:.74rem;text-decoration:none;transition:color .3s,border-color .3s}.seo-back:hover{color:var(--accent);border-color:var(--accent)}.not-found{min-height:100svh;padding-top:max(8rem, calc(var(--section-gap) * .55));padding-bottom:calc(var(--section-gap) * .6);align-items:center;display:grid;overflow:hidden}.not-found-mark{z-index:0;font-family:var(--serif);color:var(--accent);opacity:.12;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(12rem,34vw,34rem);font-weight:300;line-height:.75;position:absolute;top:50%;right:clamp(-3rem,4vw,5rem);transform:translateY(-50%)}.not-found-layout{z-index:1;position:relative}.not-found-title{max-width:12ch;margin-top:1.6rem}.not-found-lead{max-width:38rem;margin-top:2rem}.not-found-actions{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:3rem;display:flex}.seo-section+.seo-section{border-top:1px solid var(--hair-soft)}.seo-h2{font-family:var(--serif);max-width:20ch;margin-bottom:clamp(2.5rem,5vh,3.5rem);font-size:clamp(2rem,4vw,3.2rem);font-weight:300;line-height:1.08}.seo-h2 em{color:var(--accent);font-style:italic}.seo-h2--compact{max-width:none;margin-bottom:clamp(2rem,4vh,2.8rem)}.seo-list{gap:clamp(2rem,4vh,3rem);list-style:none;display:grid}.seo-card{border-top:1px solid var(--hair-soft);max-width:44rem;padding-top:clamp(1.6rem,3vh,2.2rem)}.seo-card h3{font-family:var(--serif);color:var(--ink);margin-bottom:.9rem;font-size:clamp(1.5rem,2.4vw,2rem)}.seo-steps{gap:clamp(2.2rem,4vh,3rem);max-width:48rem;list-style:none;display:grid}.seo-step{border-top:1px solid var(--hair-soft);grid-template-columns:auto 1fr;align-items:start;gap:clamp(1.2rem,3vw,2rem);padding-top:clamp(1.4rem,3vh,2rem);display:grid}.seo-step-n{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);padding-top:.35rem;font-size:.72rem}.seo-step h3{font-family:var(--serif);color:var(--ink);margin-bottom:.75rem;font-size:clamp(1.4rem,2.2vw,1.85rem)}.seo-cases{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(2rem,4vw,3rem);list-style:none;display:grid}.seo-case{border:1px solid var(--hair-soft);background:color-mix(in oklch, var(--bg-2) 40%, transparent);padding:clamp(1.6rem,3vh,2.2rem)}.seo-case-tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.8rem;font-size:.7rem}.seo-case h3{font-family:var(--serif);margin-bottom:.9rem;font-size:clamp(1.6rem,2.4vw,2.1rem)}.seo-cases-note{max-width:40rem;margin-top:2.4rem}.seo-cases-note a,.seo-page a:not(.btn):not(.brand):not(.nav-cta):not(.nav-link):not(.seo-back){color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);transition:color .3s,text-decoration-color .3s}.seo-cases-note a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.seo-faq-list{gap:clamp(1.8rem,3vh,2.6rem);max-width:46rem;display:grid}.seo-faq-item{border-top:1px solid var(--hair-soft);padding-top:clamp(1.4rem,2.5vh,1.8rem)}.seo-faq-item dt{font-family:var(--serif);color:var(--ink);margin-bottom:.65rem;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:400}.seo-faq-item dd{margin:0}footer .foot-meta a{color:inherit;text-decoration:none;transition:color .3s}footer .foot-meta a:hover{color:var(--accent)}.foot-seo-link{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);margin-top:.6rem;display:inline-block}.foot-seo-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.works-more{border-top:1px solid var(--hair-soft);text-align:center;margin-top:clamp(3rem,7vh,4.5rem);padding-top:clamp(2rem,4vh,2.8rem)}.works-more-link{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);transition:color .35s ease, gap .35s var(--ease-out);align-items:center;gap:.5rem;padding-bottom:3px;font-size:.74rem;text-decoration:none;display:inline-flex;position:relative}.works-more-link:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.works-more-link:hover{color:var(--ink);gap:.75rem}.works-more-link:hover:after{transform-origin:0;transform:scaleX(1)}.works-more-link .arr{color:var(--accent);transition:transform .35s var(--ease-out)}.works-more-link:hover .arr{transform:translate(3px)}.projects-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.5vw,1.8rem);list-style:none;display:grid}.project-card{border:1px solid var(--hair-soft);background:color-mix(in oklch, var(--bg-2) 35%, transparent);flex-direction:column;gap:.65rem;min-height:100%;padding:clamp(1.4rem,2.5vh,1.8rem);display:flex}.project-card--featured{border-color:color-mix(in oklch, var(--accent) 28%, var(--hair-soft));background:color-mix(in oklch, var(--bg-2) 55%, transparent)}.project-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.project-card-actions{align-items:flex-start;gap:.75rem;margin-left:auto;display:inline-flex}.project-card h3{font-family:var(--serif);color:var(--ink);font-size:clamp(1.35rem,2vw,1.7rem);font-weight:400;line-height:1.1}.project-type{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap;padding-top:.25rem;font-size:.62rem}.project-link{border:1px solid var(--hair);width:1.75rem;height:1.75rem;color:var(--ink-soft);transition:color .3s ease, border-color .3s ease, background .3s ease, transform .35s var(--ease-out);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.project-link svg{stroke-width:1.8px;width:.9rem;height:.9rem}.project-link:hover,.project-link:focus-visible{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent);transform:translate(.12rem,-.12rem)}.project-sector{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:.68rem}.project-summary{flex:1;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.55}.project-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:auto;padding-top:.4rem;font-size:.62rem}@media (width<=900px){.projects-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){header.nav{align-items:flex-start;gap:1rem;padding-top:1.15rem}.brand{white-space:nowrap;padding-top:.08rem;font-size:.86rem}.brand .b{line-height:1;display:inline-block}.nav-end{flex-wrap:wrap;justify-content:flex-end;gap:.65rem .9rem;max-width:min(68vw,17rem)}.nav-link,.nav-cta{letter-spacing:.1em;font-size:.62rem;line-height:1.1}.seo-hero-title{max-width:none}.projects-index{grid-template-columns:1fr}}