:root{color-scheme:dark;--bg:#10110f;--panel:#191b17;--ink:#f2f0e8;--muted:#aaa99e;--line:#ffffff24;--acid:#d8ff59;--acid-ink:#171a10;--book:#e9e2cf;--serif:Georgia,'Times New Roman',serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace;scroll-behavior:smooth}
:root[data-theme=light]{color-scheme:light;--bg:#efeee7;--panel:#e6e4db;--ink:#1c1c17;--muted:#73746b;--line:#15150f27;--acid:#526a00;--acid-ink:#fff;--book:#eee9dc}
*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--acid);color:var(--acid-ink)}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.mono{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#book-canvas{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none;opacity:.83;transition:opacity .35s}html[data-theme=light] #book-canvas{opacity:.48}.film-grain{position:fixed;z-index:1;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.chapter-marker{position:fixed;z-index:8;right:5vw;bottom:36px;display:flex;align-items:center;gap:12px;pointer-events:none;color:var(--muted);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.chapter-marker span:first-child{color:var(--acid)}.chapter-marker i{width:32px;height:1px;background:var(--muted)}
.topbar{position:fixed;z-index:20;inset:0 0 auto;height:72px;padding:0 5.3vw;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 79%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.wordmark{font-size:13px;font-weight:800;letter-spacing:-.05em}.wordmark span{font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:27px}.nav a,.nav button{padding:10px 0;border:0;background:none;color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s}.nav a:hover,.nav button:hover{color:var(--ink)}.nav .nav-cta{padding:11px 16px;border:1px solid var(--line);border-radius:30px;color:var(--ink)}.menu-button{display:none;border:1px solid var(--line);border-radius:24px;background:none;padding:10px 14px;font:9px var(--mono)}
main{position:relative;z-index:2}.chapter{position:relative;isolation:isolate;background:transparent}.hero{min-height:100svh;padding:132px 9vw 80px;display:flex;align-items:center}.hero-copy{max-width:760px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px color-mix(in srgb,var(--acid) 60%,transparent);animation:signal 2.8s ease-in-out infinite}.hero h1{margin:27px 0 25px;font-size:clamp(66px,10vw,142px);line-height:.82;letter-spacing:-.105em;font-weight:600}.hero h1 em{font:italic 400 1.01em/.9 var(--serif);letter-spacing:-.09em}.hero h1 span{font-weight:500;color:transparent;-webkit-text-stroke:1px var(--ink)}.hero-copy>p{max-width:360px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 19px;background:var(--acid);color:var(--acid-ink);border-radius:30px;font-size:11px;font-weight:700;transition:transform .22s,box-shadow .22s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 26px color-mix(in srgb,var(--acid) 22%,transparent)}.text-link{color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.text-link:hover{color:var(--ink)}.hero-footer{position:absolute;left:5.3vw;right:5.3vw;bottom:30px;display:flex;justify-content:space-between}.hero-footer b{display:inline-block;margin-left:7px;color:var(--acid);animation:arrow 1.8s ease-in-out infinite}
.story{padding:142px 8vw 110px;min-height:205vh}.chapter-heading{max-width:1240px;margin:0 auto 70px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.chapter-heading h2,.note h2{margin:15px 0 0;font-size:clamp(48px,7vw,91px);line-height:.91;letter-spacing:-.09em;font-weight:500}.chapter-heading h2 em,.note h2 em,.contact h2 em{font-family:var(--serif);font-weight:400}.intro{max-width:330px;margin:0 0 5px;color:var(--muted);font-size:13px;line-height:1.85}.reading-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:9vw}.story-steps{padding-bottom:8vh}.story-step{min-height:59vh;padding:45px 0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);opacity:.52;transform:translateY(0);transition:opacity .45s,transform .45s}.story-step.active{opacity:1;transform:translateY(-4px)}.step-index{color:var(--acid)}.story-step h3{margin:22px 0 16px;font-size:clamp(36px,5vw,62px);line-height:.96;letter-spacing:-.075em;font-weight:500}.story-step h3 em{font-family:var(--serif);font-weight:400}.story-step p{max-width:370px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.margin-note{position:sticky;top:48vh;height:max-content;display:grid;gap:11px;text-align:right}.margin-note span+span{color:var(--ink);line-height:1.8}
.work{padding:135px 7vw 132px;border-top:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 79%,transparent),color-mix(in srgb,var(--bg) 96%,transparent))}.work .chapter-heading{margin-bottom:52px}.work-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px;align-items:stretch}.project{min-width:0}.project-art{position:relative;isolation:isolate;overflow:hidden;display:block;height:clamp(350px,54vw,585px);border:1px solid #ffffff2c;box-shadow:0 20px 80px #0002;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.project-art:hover{transform:translateY(-7px);box-shadow:0 32px 90px #0004}.project-art:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#0b0b0b15,transparent 33%,#0809097a)}.project-temple .project-art{background:radial-gradient(ellipse at 54% 44%,#ad7047 0,#68472f 39%,#30251e 100%)}.project-gym .project-art{background:radial-gradient(ellipse at 68% 20%,#a8bd62 0,#455535 30%,#17211a 75%)}.project-croxy .project-art{background:radial-gradient(ellipse at 50% 40%,#c8b6dc 0,#806799 42%,#33263c 100%)}.project-top{position:absolute;top:18px;left:19px;color:#fff9;font-size:9px}.project-bottom{position:absolute;left:21px;right:20px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;color:white}.project-name{font-size:clamp(21px,3.2vw,41px);font-weight:600;line-height:.92;letter-spacing:-.075em}.visit{padding:9px 12px;border:1px solid #ffffff70;border-radius:24px;background:#10110f50;color:white;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}.project-art:hover .visit{background:var(--acid);color:var(--acid-ink);border-color:var(--acid)}.project-caption{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.project-caption span:first-child{color:var(--ink)}
.temple-illustration{position:absolute;left:15%;right:15%;top:18%;height:55%;filter:drop-shadow(0 25px 30px #24190e70);animation:temple-float 7s ease-in-out infinite}.temple-illustration:before{content:"";position:absolute;inset:0 8% 0;background:linear-gradient(90deg,#e1bd91,#a46842 49%,#e7c79c);clip-path:polygon(50% 0,100% 36%,87% 36%,87% 100%,13% 100%,13% 36%,0 36%)}.temple-illustration i{position:absolute;z-index:1;bottom:0;height:39%;width:8%;left:28%;background:#513b2b}.temple-illustration i:nth-child(2){left:46%}.temple-illustration i:nth-child(3){left:64%}.temple-illustration b{position:absolute;top:37%;left:46%;width:8%;height:13%;background:#d9b687}.gym-illustration{position:absolute;inset:18% 12% 23%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f6f5e8}.gym-illustration .sun{position:absolute;top:0;right:0;width:31%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,#f1ffbd,#a9c751 36%,#536835 77%);box-shadow:0 0 60px #dfff5c34;animation:slow-pulse 5s ease-in-out infinite}.barbell{position:relative;z-index:1;display:flex;align-items:center;width:78%;height:22px;filter:drop-shadow(0 12px 12px #0b1008aa)}.barbell:before{content:"";height:9px;width:100%;background:linear-gradient(#f4efdd,#aaa88f 52%,#494b40);border-radius:5px}.barbell i{position:absolute;width:17%;height:63px;border:8px solid #dedfce;border-radius:6px;background:linear-gradient(90deg,#677759,#b1bf86,#364631)}.barbell i:first-child{left:5%}.barbell i:last-child{right:5%}.barbell b{position:absolute;width:3px;height:24px;background:#e7e6d8;left:25%}.gym-illustration>span{align-self:flex-start;margin-top:39px;font-size:clamp(20px,4vw,46px);font-weight:800;line-height:.82;letter-spacing:-.08em}.croxy-illustration{position:absolute;inset:13% 9% 19%;display:grid;place-items:center}.orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 20px #ffffff08,0 0 0 52px #ffffff08}.orbit-one{transform:rotateX(66deg) rotateZ(-25deg);animation:orbit-turn 16s linear infinite}.orbit-two{width:64%;transform:rotateY(64deg) rotateZ(36deg);border-color:#fff9;animation:orbit-turn 23s linear infinite reverse}.prism{position:relative;width:36%;aspect-ratio:.76;background:linear-gradient(135deg,#fff,#d8cce5 26%,#967dad 60%,#42334e);clip-path:polygon(25% 0,100% 24%,76% 100%,0 75%);filter:drop-shadow(15px 28px 26px #25152f99);animation:prism-hover 5s ease-in-out infinite}.croxy-illustration>span{position:absolute;right:0;bottom:0;color:#fff9;font:9px var(--mono);letter-spacing:.2em}.work-foot{max-width:1320px;margin:25px auto 0;display:flex;align-items:center;gap:11px}.work-foot i,.fold-hint i{width:25px;height:1px;background:var(--acid)}
.note{min-height:100svh;padding:138px 9vw 120px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:10vw;background:color-mix(in srgb,var(--panel) 92%,transparent);border-block:1px solid var(--line)}.note-copy{max-width:530px}.note h2{font-size:clamp(52px,8vw,100px)}.note-copy>p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.9;margin:24px 0 0}.fold-hint{display:flex;align-items:center;gap:10px;margin-top:25px}.paper-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:.78;width:min(100%,350px);min-height:410px;padding:9%;margin:auto;border:0;background:var(--book);color:#24231d;text-align:left;box-shadow:20px 27px 70px #0003;transform:rotate(3deg);cursor:grab;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.72,.2,1),box-shadow .65s;animation:paper-breathe 7s ease-in-out infinite}.paper-card:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 34px,#7775681a 35px,#7775681a 36px);pointer-events:none}.paper-card>*{position:relative;z-index:1}.paper-rule{height:1px;width:100%;background:#9a9588}.paper-meta{font-size:8px;color:#69675d}.paper-title{font:clamp(26px,3.3vw,39px)/.98 var(--serif);letter-spacing:-.055em}.paper-sign{align-self:flex-end;font:italic 18px var(--serif);color:#62604f}.paper-corner{position:absolute!important;z-index:3!important;right:0;top:0;width:0;height:0;border-top:90px solid #d4cdbd;border-left:90px solid transparent;filter:drop-shadow(-3px 4px 3px #38372e30);transform-origin:top right;transition:transform .6s}.paper-card:hover{box-shadow:28px 37px 82px #0004}.paper-card.is-folded{transform:rotateX(14deg) rotateY(-20deg) rotateZ(-7deg) scale(.92);cursor:grabbing;box-shadow:12px 19px 49px #0005}.paper-card.is-folded .paper-corner{transform:rotateY(90deg) rotateX(-20deg)}.paper-card:active{cursor:grabbing}
.contact{min-height:100svh;padding:140px 8vw 34px;display:flex;align-items:flex-end}.contact-content{max-width:1200px;width:100%;margin:0 auto}.contact h2{margin:18px 0 35px;font-size:clamp(70px,13vw,158px);line-height:.82;letter-spacing:-.11em;font-weight:500}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:100px}.contact-row>p{max-width:330px;margin:0;color:var(--muted);font-size:13px;line-height:1.9}.contact-actions{display:flex;align-items:center;gap:22px}.contact footer{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.contact footer div{display:flex;gap:20px}.contact footer a:hover{color:var(--ink)}.floating-chat{position:fixed;z-index:15;right:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:28px;background:var(--acid);color:var(--acid-ink);box-shadow:0 8px 28px #0003;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .2s}.floating-chat:hover{transform:translateY(-3px)}.floating-chat i{height:7px;width:7px;border-radius:50%;background:currentColor;animation:signal 2s infinite}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.story-step.reveal.visible:not(.active){opacity:.52}
@keyframes signal{50%{opacity:.42;box-shadow:0 0 3px transparent}}@keyframes arrow{50%{transform:translateY(4px)}}@keyframes temple-float{50%{transform:translateY(-8px)}}@keyframes slow-pulse{50%{transform:scale(1.045);filter:brightness(1.12)}}@keyframes orbit-turn{to{rotate:360deg}}@keyframes prism-hover{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes paper-breathe{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}
@media(max-width:800px){.topbar{height:65px;padding-inline:6vw}.menu-button{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:8px;padding:17px 6vw 22px;background:var(--bg);border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav .nav-cta{padding:10px 14px}.hero{min-height:92svh;padding:115px 7vw 75px}.hero h1{font-size:clamp(64px,14vw,112px)}.hero-footer{left:7vw;right:7vw}.hero-footer span:last-child{display:none}.story{padding:110px 7vw 80px;min-height:auto}.chapter-heading{align-items:flex-start;flex-direction:column;margin-bottom:48px}.chapter-heading h2{font-size:clamp(47px,10vw,74px)}.reading-layout{grid-template-columns:1fr}.story-step{min-height:58vh}.margin-note{position:relative;top:auto;display:flex;justify-content:space-between;text-align:left;padding-top:18px;border-top:1px solid var(--line)}.work{padding:105px 6vw 95px}.work-grid{grid-template-columns:1fr 1fr;gap:8px}.project:first-child{grid-column:1/-1}.project-art{height:clamp(245px,64vw,410px)}.project:first-child .project-art{height:62vw;max-height:480px}.project-name{font-size:clamp(23px,5.5vw,38px)}.note{grid-template-columns:1fr;gap:44px;padding:105px 7vw}.paper-card{width:min(74vw,330px);min-height:390px}.contact{min-height:90svh;padding:110px 7vw 28px}.contact-row{align-items:flex-start;flex-direction:column;margin-bottom:74px}.contact-actions{flex-wrap:wrap}.contact footer{align-items:flex-start;flex-direction:column}.contact footer div{flex-wrap:wrap}.chapter-marker{right:6vw;bottom:18px;font-size:8px}.floating-chat{right:13px;bottom:58px}}
@media(max-width:450px){.hero h1{font-size:clamp(58px,15vw,72px)}.hero-copy>p{max-width:310px}.hero-actions{gap:16px}.button{padding:14px 16px}.chapter-heading h2{font-size:49px}.story-step{min-height:54vh}.work-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project-art,.project:first-child .project-art{height:105vw;max-height:460px}.project-name{font-size:34px}.note h2{font-size:58px}.paper-card{min-height:360px}.contact h2{font-size:clamp(65px,16vw,90px)}.contact-actions .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.work{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 65%,transparent),color-mix(in srgb,var(--bg) 78%,transparent))}.note{background:color-mix(in srgb,var(--panel) 76%,transparent)}
.opening{position:fixed;z-index:40;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#100f0d;color:#eee9dc;transition:opacity .75s ease,visibility .75s}.opening.is-gone{opacity:0;visibility:hidden;pointer-events:none}.opening-brand,.opening-line{font:10px var(--mono);letter-spacing:.16em}.opening-brand i{font-style:normal;color:var(--acid)}.opening-word{font:italic 24px var(--serif)}.opening-line{width:110px;height:1px;background:#ffffff30;overflow:hidden}.opening-line i{display:block;width:45%;height:100%;background:var(--acid);animation:loading 1s ease-in-out infinite alternate}@keyframes loading{to{transform:translateX(125%)}}
.is-fallback #book-canvas,.is-fallback .film-grain{display:none}