@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Manrope:wght@300;400;500;600&display=swap";:root{--bg: #0a0908;--bg-soft: #131210;--fg: #ece8df;--fg-dim: rgba(236, 232, 223, .52);--accent: #b5986c;--rule: rgba(236, 232, 223, .09);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--display-size: clamp(54px, 9.6vw, 160px);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;width:100%;height:100%;mix-blend-mode:overlay;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem;mix-blend-mode:difference;transition:padding .4s var(--ease-out)}.nav--scrolled{padding:1rem 2.5rem}.nav__brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}.nav__logo{width:auto;height:1.15em;flex:none;color:var(--accent);transition:color .3s var(--ease-out)}.nav__brand:hover .nav__logo{color:var(--fg)}.nav__links{display:flex;gap:2rem;list-style:none}.nav__link{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);opacity:.7;transition:opacity .2s;position:relative}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out)}.nav__link:hover,.nav__link.active{opacity:1}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__status{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;letter-spacing:.06em;color:var(--fg);opacity:.85}.status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@media (max-width: 768px){.nav__links{display:none}.nav{padding:1.25rem 1.5rem}}.hero{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.hero__topbar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:7rem 2.5rem 0}.hero__coords{font-size:.7rem;letter-spacing:.1em;color:var(--fg-dim);font-weight:400;line-height:1.8}.hero__index{text-align:right}.hero__index-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.hero__counter{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--accent);line-height:1}.hero__core{position:relative;z-index:2;padding:0 2.5rem;pointer-events:none}.hero__eyebrow{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-weight:500}.hero__title{font-family:var(--font-display);font-size:var(--display-size);line-height:.96;letter-spacing:-.018em;font-weight:300}.hero__title-line{display:block}.hero__title-line--italic{font-style:italic;color:var(--accent)}.hero__bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;padding:0 2.5rem 2.5rem}.hero__caption{max-width:280px;font-size:.8rem;line-height:1.7;color:var(--fg-dim);font-weight:400}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--fg-dim)}.scroll-cue__label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-cue__line{width:1px;height:48px;background:linear-gradient(to bottom,var(--fg-dim),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%,to{transform:scaleY(1);opacity:.5}50%{transform:scaleY(.5);opacity:1}}.page-stack{position:relative;z-index:2;background:var(--bg)}.section{padding:8rem 2.5rem;border-top:1px solid var(--rule);max-width:1400px;margin:0 auto}.section__inner{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.section__meta{position:sticky;top:8rem}.section-chapter{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500;margin-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.1;letter-spacing:-.01em;color:var(--fg)}.section-title em{font-style:italic;color:var(--accent)}.section__content{display:flex;flex-direction:column;gap:2rem}@media (max-width: 900px){.section__inner{grid-template-columns:1fr;gap:2rem}.section__meta{position:static}.section{padding:5rem 1.5rem}}.manifesto__lead{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:300;line-height:1.5;color:var(--fg)}.manifesto__lead em{font-style:italic;color:var(--accent)}.manifesto__body{font-size:.9rem;line-height:1.85;color:var(--fg-dim);max-width:600px}.manifesto__body p+p{margin-top:1rem}.manifesto__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--rule);padding:.35rem .8rem;border-radius:100px;font-weight:500;transition:border-color .2s,color .2s}.tag:hover{border-color:var(--accent);color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:0}.project-card{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid var(--rule);transition:background .3s;position:relative;cursor:pointer}.project-card:first-child{border-top:1px solid var(--rule)}.project-card__num{font-family:var(--font-display);font-size:1rem;color:var(--fg-dim);font-weight:300;min-width:2rem;padding-top:.2rem}.project-card__body{flex:1}.project-card__name{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:400;line-height:1.2;margin-bottom:.5rem;transition:color .2s}.project-card:hover .project-card__name{color:var(--accent)}.project-card__desc{font-size:.82rem;color:var(--fg-dim);line-height:1.7;margin-bottom:.75rem}.project-card__stack{display:flex;flex-wrap:wrap;gap:.4rem}.stack-tag{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(181,152,108,.25);padding:.2rem .6rem;border-radius:100px}.project-card__actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;padding-top:.2rem}.project-link{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:.3rem;transition:color .2s;white-space:nowrap}.project-link:hover{color:var(--accent)}.project-link__arrow{font-size:.8rem;transition:transform .2s}.project-link:hover .project-link__arrow{transform:translate(2px,-2px)}@media (max-width: 640px){.project-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.project-card__actions{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}.field-item{background:var(--bg);padding:2.5rem;transition:background .3s;position:relative;overflow:hidden}.field-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(181,152,108,.03),transparent);opacity:0;transition:opacity .3s}.field-item:hover{background:var(--bg-soft)}.field-item:hover:before{opacity:1}.field-item__icon{font-size:1.5rem;margin-bottom:1rem;display:block}.field-item__name{font-family:var(--font-display);font-size:1.2rem;font-weight:400;margin-bottom:.5rem;color:var(--fg)}.field-item__desc{font-size:.78rem;line-height:1.7;color:var(--fg-dim)}.field-item__link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.7;transition:opacity .2s}.field-item__link:hover{opacity:1}@media (max-width: 640px){.field-grid{grid-template-columns:1fr}}.approach__text{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:300;line-height:1.6;color:var(--fg)}.approach__text em{font-style:italic;color:var(--accent)}.approach__pillars{display:flex;flex-direction:column;gap:0;margin-top:1rem}.pillar{display:flex;align-items:baseline;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--rule)}.pillar:first-child{border-top:1px solid var(--rule)}.pillar__num{font-family:var(--font-display);font-size:.8rem;color:var(--accent);min-width:1.5rem}.pillar__title{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--fg);min-width:160px}.pillar__desc{font-size:.82rem;color:var(--fg-dim);line-height:1.7}@media (max-width: 640px){.pillar{flex-direction:column;gap:.5rem}}.conversation-wrap{max-width:720px}.chat__prompt{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:300;font-style:italic;line-height:1.2;color:var(--fg);margin-bottom:.5rem}.chat__subtitle{font-size:.8rem;color:var(--fg-dim);margin-bottom:2.5rem;line-height:1.6}.chat__subtitle a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.chat-form{display:flex;flex-direction:column;gap:1rem}.chat-form__row{display:flex;gap:1rem;align-items:flex-end}#chat-input{flex:1;background:var(--bg-soft);border:1px solid var(--rule);color:var(--fg);font-family:var(--font-body);font-size:.9rem;line-height:1.6;padding:1rem 1.25rem;border-radius:4px;resize:none;min-height:56px;max-height:200px;transition:border-color .2s;outline:none}#chat-input::placeholder{color:var(--fg-dim)}#chat-input:focus{border-color:#b5986c66}#chat-send{background:var(--accent);color:var(--bg);border:none;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:0 1.75rem;height:56px;border-radius:4px;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap}#chat-send:hover{opacity:.85}#chat-send:active{transform:scale(.98)}#chat-send:disabled{opacity:.5;cursor:not-allowed}.chat__hint{font-size:.7rem;color:var(--fg-dim);letter-spacing:.04em}.chat__answer{margin-top:2rem;padding:2rem;background:var(--bg-soft);border-left:2px solid var(--accent);font-size:.9rem;line-height:1.8;color:var(--fg);display:none;border-radius:0 4px 4px 0}.chat__answer--visible{display:block;animation:fade-in-up .4s var(--ease-out)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--rule);padding:3rem 2.5rem;max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__brand{font-family:var(--font-display);font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim)}.footer__links{display:flex;gap:1.5rem}.footer__link{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);transition:color .2s}.footer__link:hover{color:var(--accent)}.footer__copy{font-size:.7rem;color:var(--fg-dim);opacity:.5}.reveal-text,.reveal-card{opacity:0}.notebook-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--rule);padding:.25rem .6rem;border-radius:4px;transition:border-color .2s,color .2s;font-weight:500}.notebook-badge:hover{border-color:#b5986c66;color:var(--accent)}.notebook-badge__dot{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.6}.divider{width:40px;height:1px;background:var(--accent);opacity:.4;margin:1rem 0}::selection{background:#b5986c40;color:var(--fg)}.project-status{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.project-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.75}