500;600;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#29212d;--paper:#f0e9dd;--lime:#d7fb81;--pink:#f0aab0;--muted:#b8adbd;color-scheme:dark;font-family:'Space Grotesk','Noto Sans SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#302638;color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);color:var(--ink);padding:15px}.skip:focus{top:10px}header{position:fixed;inset:0 0 auto;height:90px;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(#302638b0,transparent)}.brand{font-size:24px;font-weight:700;letter-spacing:-2px}.brand span{color:var(--lime)}.brand small{font-size:9px;font-weight:400;letter-spacing:2px;margin-left:20px}nav{display:flex;gap:26px;font-size:11px;align-items:center}nav button{background:transparent;border:0;font-size:11px}.contact-link{border-bottom:1px solid #ffffff66;padding:9px 0;font-size:11px}#journey{height:1100svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#302638}.visual-layer{position:absolute;inset:0;overflow:hidden}.portrait-plane{position:absolute;will-change:transform;transform-origin:66% 43%}.portrait-plane>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;object-position:center}.stage .shade{position:absolute;inset:0;background:linear-gradient(90deg,#30263855,transparent 70%);pointer-events:none}#signals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-copy{position:absolute;left:6%;top:22%;z-index:4;width:43%;max-width:640px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:400}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d7fb8155}.hero-copy h1{font-size:clamp(44px,5.9vw,95px);font-weight:500;letter-spacing:-4px;line-height:1.18;margin:32px 0 24px}.hero-copy h1 em{font:italic 1.1em Georgia,serif;font-weight:400;letter-spacing:-5px;color:var(--pink)}.hero-copy p{font-size:13px;line-height:2;max-width:330px;color:#d1c7d4}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px}.primary{display:inline-flex;gap:35px;align-items:center;padding:16px 20px;background:var(--lime);color:var(--ink);font-size:12px;border:0}.text-link{font-size:11px;border-bottom:1px solid #ffffff50;padding:9px 0}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;z-index:4}.hero-bottom span:last-child{color:var(--pink)}.visor-screen{position:absolute;left:56.8%;top:38%;width:19.4%;height:9%;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);overflow:hidden;border-radius:15%;color:var(--lime);font-weight:700;letter-spacing:3px;text-shadow:0 0 15px #cafb8066;background:linear-gradient(90deg,#19072530,#28133d60);font-size:clamp(18px,2.4vw,42px);pointer-events:none}.visor-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);pointer-events:none}.visor-screen.glitch{animation:glitch .13s steps(2) infinite}.visor-next{position:absolute;left:78.4%;top:36.5%;width:3%;height:6.3%;padding:0;border-radius:50%;border:1px solid #d7fb8177;background:#b9ff7430;box-shadow:0 0 18px #caff7040;transform:rotate(-6deg);color:transparent}.visor-next:hover{background:#e2ff85a0;box-shadow:0 0 32px #d7fb81}.visor-hint{position:absolute;left:80%;top:48%;font-size:9px;letter-spacing:1px;color:var(--lime);transform:rotate(-6deg)}.face-tag{position:absolute;left:70%;top:64%;border:1px solid #f5c7b95c;border-radius:50%;padding:8px 16px;font-size:9px;transform:rotate(-14deg);color:#653a4b;background:#ffc8b045}.hero-skill-index{position:absolute;left:6%;bottom:105px;font-size:10px;color:var(--muted);z-index:4}.story-copy{position:absolute;left:6%;bottom:14%;width:43%;max-width:650px;z-index:5;opacity:0;pointer-events:none;will-change:opacity,transform}.story-copy .eyebrow{color:var(--lime)}.story-copy h2{font-size:clamp(30px,4.1vw,68px);line-height:1.28;letter-spacing:-2px;font-weight:500;margin:22px 0}.story-copy p{font-size:14px;line-height:1.95;max-width:440px;margin:20px 0;color:#eee5f0}.story-copy .sub{font-size:10px;letter-spacing:1px;color:var(--lime)}.story-backdrop{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,#1b122ce0,transparent 75%);pointer-events:none}.chapter-controls{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:15px}.chapter-controls button{width:7px;height:7px;border-radius:50%;padding:0;border:0;background:#e6d8ee50}.chapter-controls button[aria-current=true]{background:var(--lime);box-shadow:0 0 0 4px #d7fb8120}.reading-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--lime);transform-origin:left;transform:scaleX(0)}.playback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;border:0;background:var(--lime);color:var(--ink);padding:12px 20px;font-size:12px}.playback[hidden]{display:none}.video-notice{position:absolute;bottom:65px;right:6%;font-size:10px;color:var(--muted)}.works{position:relative;z-index:10;background:var(--paper);color:var(--ink);padding:100px 6%}.works .eyebrow{color:#797166}.works-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:25px 0 45px}.works-heading h2{font-weight:500;font-size:clamp(35px,4.5vw,72px);letter-spacing:-3px;margin:0}.works-heading h2 em{font-family:Georgia,serif;font-weight:400}.works-heading p{font-size:12px;line-height:1.9;color:#766b79}.work-filters{display:flex;gap:8px;flex-wrap:wrap}.work-filters button{border:1px solid #30263830;background:transparent;color:#56475b;border-radius:30px;padding:10px 17px;font-size:11px}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.works-status{font-size:10px;color:#8c818d;margin:24px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.work-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#413647}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.035)}.work-format,.work-placeholder{position:absolute;left:18px;top:18px;font-size:9px;color:#eee;background:#29212d99;padding:6px 9px}.work-placeholder{top:auto;bottom:18px}.work-symbol{position:absolute;right:18px;bottom:15px;color:#eee;font-size:27px}.work-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8c818d;margin:20px 0 10px}.work-card h3{font-size:22px;font-weight:500;margin:0 0 10px}.work-card p{font-size:12px;color:#857487}.cover-type{height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px;font-size:35px;line-height:1.1;color:#e0cee9}.cover-type b{font-size:1.3em}.work-1 .work-cover{background:#bab8a6}.work-1 .cover-type{color:#3c4334}.work-2 .work-cover{background:#7d5f94}.work-3 .work-cover{background:#c5876d}.about{background:#dfbad0;color:#3d2541;padding:100px 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.about h2{font-size:clamp(34px,4.5vw,70px);font-weight:500;line-height:1.3;letter-spacing:-2px;margin:25px 0}.about p{font-size:16px;line-height:2;margin:25px 0}.contact{padding:100px 6%;background:#2b2331}.contact h2{font-size:clamp(40px,5.5vw,82px);letter-spacing:-3px;font-weight:500;line-height:1.3}.contact p{font-size:13px;line-height:1.9;color:var(--muted)}.contact>a{color:var(--lime);font-size:12px;display:inline-block;margin-top:25px}footer{display:flex;justify-content:space-between;padding:30px 6%;background:#2b2331;border-top:1px solid #ffffff20;font-size:9px;color:var(--muted)}.reduced{scroll-behavior:auto}.reduced #journey{height:auto}.reduced .stage{height:100svh;position:relative}.reduced .chapter-controls{display:none}.static-story{display:none}.reduced .static-story{display:block;padding:60px 6%;background:#302638}.static-story article{padding:35px 0;border-top:1px solid #ffffff30}.static-story h2{font-size:30px}.static-story p{font-size:14px;line-height:2;max-width:700px}@keyframes glitch{0%{text-shadow:-4px 0 #ff849b,4px 0 #7dffff;filter:blur(.3px)}50%{text-shadow:6px 0 #ff849b,-3px 0 #7dffff;clip-path:inset(15% 0 8% 0)}100%{text-shadow:-2px 0 #ff849b,3px 0 #7dffff;clip-path:inset(0)}}
@media(max-width:760px){header{height:70px;padding:0 6%}.brand small,.contact-link{display:none}nav{gap:15px;font-size:10px}nav button{font-size:10px}.hero-copy{top:15%;width:76%;left:7%}.hero-copy h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2px;margin:24px 0 16px}.hero-copy p{max-width:260px;font-size:11px}.hero-actions{gap:15px;margin-top:23px}.primary{padding:13px 16px;font-size:10px;gap:20px}.text-link{font-size:10px}.hero-copy .eyebrow{font-size:8px}.hero-bottom{font-size:7px;left:7%;right:7%}.hero-bottom span:last-child{display:none}.hero-skill-index{bottom:72px;left:7%;font-size:8px}.story-copy{left:7%;bottom:13%;width:82%}.story-copy h2{font-size:34px}.story-copy p{font-size:13px;max-width:340px}.story-backdrop{background:linear-gradient(0deg,#21152be8,transparent 100%)}.chapter-controls{right:14px}.visor-hint,.face-tag{display:none}.works{padding:65px 7%}.works-heading{display:block}.works-heading h2{letter-spacing:-1px}.works-heading p{margin-top:20px}.work-grid{grid-template-columns:1fr;gap:30px}.work-filters button{font-size:10px;padding:9px 12px}.cover-type{font-size:30px}.about{display:block;padding:65px 7%}.about p{font-size:14px}.contact{padding:70px 7%}.contact h2{letter-spacing:-1px}.video-notice{bottom:46px;font-size:8px}.visor-screen{font-size:25px}}
nav,nav button,.contact-link,.primary,.text-link{font-size:12px}.hero-copy p,.story-copy p{font-size:16px}.work-card p,.works-heading p{font-size:14px}.eyebrow,.hero-skill-index,.hero-bottom,.work-meta,.works-status{font-size:12px}.visor-next{min-width:36px;min-height:36px}@media(max-width:760px){.hero-copy p{font-size:13px;max-width:260px}.story-copy p{font-size:15px}.hero-copy .eyebrow,.hero-bottom,.hero-skill-index{font-size:10px}.portrait-plane>img{mask-image:linear-gradient(0deg,#000 90%,transparent)}nav,nav button{font-size:12px}}
.visor-screen{left:54.8%;top:36.2%;width:20.2%;height:9.5%}.visor-next{left:77.3%;top:34.8%}.stage video{object-fit:fill}.visual-layer{pointer-events:none}.portrait-plane{pointer-events:auto}.face-tag{top:61%}
/* Real generated ambient film, composited around the portrait; mask protects the face. */
.ambient-window{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 24% 56% at 69% 77%,transparent 68%,#000 100%);opacity:.86}
.stage .ambient-window video{inset:-3%;width:106%;height:106%;opacity:1;object-fit:cover;will-change:transform;filter:saturate(.9)}
.reduced .ambient-window{opacity:.4}
@media(max-width:760px){.ambient-window{opacity:.75}}
.ambient-window{mask-image:url("assets/ambient-mask.svg");mask-size:100% 100%;mask-repeat:no-repeat}
.stage .shade{background:linear-gradient(90deg,#241b30b8 0%,#30263865 34%,transparent 63%)}
@media(max-width:760px){.portrait-plane{mask-image:linear-gradient(0deg,#000 84%,transparent 100%)}.portrait-plane>img{mask-image:none}}