.detail-rail{position:fixed;right:28px;top:50%;z-index:4;display:grid;gap:12px;transform:translateY(-50%);pointer-events:none}.detail-rail i{display:block;width:8px;height:8px;border:1px solid rgba(247,242,235,.34);border-radius:50%;background:#f7f2eb14;transition:transform .24s ease,background .24s ease,border-color .24s ease}.detail-rail i.is-active{transform:scale(1.55);border-color:#d83a58eb;background:#86e6d3;box-shadow:0 0 18px #86e6d3b8}.frame-controls{position:fixed;right:22px;bottom:92px;z-index:6;display:grid;gap:10px}.frame-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(247,242,235,.24);border-radius:50%;background:#0505069e;box-shadow:0 18px 38px #00000057;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;backdrop-filter:blur(12px)}.frame-controls button:before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent}.frame-controls button.frame-prev:before{border-bottom:9px solid #f7f2eb;transform:translateY(-1px)}.frame-controls button.frame-next:before{border-top:9px solid #f7f2eb;transform:translateY(1px)}.frame-controls button:hover:not(:disabled){transform:translateY(-1px);border-color:#86e6d3c7;background:#1e2626c7}.frame-controls button:disabled{cursor:default;opacity:.28}.status{position:fixed;right:28px;bottom:28px;z-index:5;width:min(380px,calc(100% - 56px));color:#f7f2eba8;font-size:13px;line-height:1.45;text-align:right;pointer-events:none;transition:opacity .32s ease}.status.is-ready{opacity:0}.progress{position:fixed;left:28px;bottom:28px;z-index:5;width:min(300px,calc(100% - 56px));height:2px;background:#f7f2eb24;pointer-events:none}.progress span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#86e6d3,#d83a58);box-shadow:0 0 24px #86e6d3b8}.error{position:fixed;inset:auto 28px 84px auto;z-index:6;max-width:460px;display:none;padding:16px;border:1px solid rgba(255,120,120,.45);background:#1e080ad6;color:#ffd8d8;font-size:13px;line-height:1.5}@media (max-width: 900px){.detail-rail,.status{display:none}.frame-controls{right:18px;bottom:58px}.frame-controls button{width:42px;height:42px}.progress{left:18px;bottom:18px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:560vh;color:#f7f2eb;background:#050506;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.reveal{transform:translateY(20px);transition:transform .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{transform:translateY(0)}.reveal-child{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal.is-visible .reveal-child{opacity:1;transform:translateY(0)}.reveal.is-visible .reveal-child:nth-child(1){transition-delay:calc(var(--cards-delay, .7s))}.reveal.is-visible .reveal-child:nth-child(2){transition-delay:calc(var(--cards-delay, .7s) + .07s)}.reveal.is-visible .reveal-child:nth-child(3){transition-delay:calc(var(--cards-delay, .7s) + .14s)}.reveal.is-visible .reveal-child:nth-child(4){transition-delay:calc(var(--cards-delay, .7s) + .21s)}.reveal.is-visible .reveal-child:nth-child(5){transition-delay:calc(var(--cards-delay, .7s) + .28s)}.reveal.is-visible .reveal-child:nth-child(6){transition-delay:calc(var(--cards-delay, .7s) + .35s)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.reveal-child,.desc-reveal,.action-reveal,.split-title .char{opacity:1!important;transform:none!important;transition:none!important}.eyebrow-type{width:auto!important;border-right:none!important;animation:none!important}.cursor-glow,.grain{display:none!important}.tag-list li{animation:none!important}}.eyebrow-type{display:inline-block;overflow:hidden;white-space:nowrap;width:0;border-right:2px solid rgba(134,230,211,.7)}.is-visible .eyebrow-type{animation:typing var(--type-dur, .8s) steps(var(--chars, 16),end) .08s forwards,blink-caret .55s step-end infinite .08s}@keyframes typing{to{width:calc(var(--chars, 16) * 1ch)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#86e6d3b3}}.split-title .word-wrap{display:inline-block}.split-title .char{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 25ms + .28s)}.is-visible .split-title .char{opacity:1;transform:translateY(0)}.desc-reveal{opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--desc-delay, .8s)}.is-visible .desc-reveal{opacity:1;transform:translateY(0)}.action-reveal{opacity:0;transform:translateY(8px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--action-delay, 1s)}.is-visible .action-reveal{opacity:1;transform:translateY(0)}.tilt-card{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}.tilt-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(220px circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(134,230,211,.12),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.tilt-card:hover:after{opacity:1}.text-button{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease}@keyframes tag-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.is-visible .tag-list li{animation:tag-float 3s ease-in-out infinite;animation-delay:calc(var(--tag-i, 0) * .35s + 2s)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-button:hover{background-image:linear-gradient(110deg,transparent 30%,rgba(134,230,211,.1) 46%,transparent 62%);background-size:200% 100%;animation:shimmer 1.6s ease infinite}.chapter>span{color:#86e6d3;font-family:Courier New,monospace;font-size:13px;letter-spacing:.13em;text-transform:uppercase}h1,h2{max-width:640px;color:#fff8ee;font-size:clamp(46px,8vw,108px);line-height:.92;letter-spacing:0;font-weight:760;text-shadow:0 18px 46px rgba(0,0,0,.7)}p{max-width:420px;color:#f7f2ebb8;font-size:clamp(17px,2vw,21px);line-height:1.48;text-shadow:0 10px 28px rgba(0,0,0,.7)}.action-row,.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.text-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(247,242,235,.18);border-radius:999px;color:#fff8ee;background:#f7f2eb14;font-size:13px;font-weight:650;text-decoration:none;backdrop-filter:blur(12px)}.text-button.primary{border-color:#86e6d380;background:#86e6d329;color:#dbfff6}.meta-list,.skill-grid,.work-grid{display:grid;gap:10px;max-width:520px}.meta-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.meta-item,.skill-item,.work-card{border:1px solid rgba(247,242,235,.12);border-radius:8px;background:#0a0a0c75;box-shadow:0 18px 40px #00000038;backdrop-filter:blur(14px)}.meta-item{padding:12px}.meta-item small,.skill-item small,.work-card small{display:block;color:#86e6d3bd;font-family:Courier New,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.meta-item strong,.skill-item strong,.work-card strong{display:block;margin-top:5px;color:#fff8eeeb;font-size:14px;line-height:1.35}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-item{padding:14px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;max-width:460px;margin-top:2px;list-style:none}.tag-list li{padding:7px 10px;border:1px solid rgba(247,242,235,.12);border-radius:999px;color:#f7f2ebb8;background:#f7f2eb0f;font-size:12px}.work-grid{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.work-card:hover{transform:translate(3px);border-color:#86e6d375;background:#101214a8}.work-card span{align-self:center;color:#f7f2eb7a;font-size:18px}.contact-line{max-width:460px;padding:16px;border:1px solid rgba(216,58,88,.34);border-radius:8px;background:#d83a581a;color:#fff8eedb;font-size:17px;line-height:1.45}.site-footer{position:relative;z-index:2;padding:24px clamp(24px,6vw,86px) 28px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#f7f2eb5c;font-size:12px;letter-spacing:.04em;pointer-events:auto}.site-footer a{color:#86e6d394;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:#86e6d3}@media (max-width: 900px){.meta-list,.skill-grid,.work-card{grid-template-columns:1fr}.site-footer{padding-left:18px;padding-right:18px;flex-direction:column;gap:4px}}@media (min-width: 1400px){h1,h2{max-width:720px}p{max-width:480px;font-size:19px}.chapter>span{font-size:14px}.meta-list,.skill-grid,.work-grid{max-width:580px;gap:12px}.meta-item{padding:14px 16px}.skill-item{padding:16px 18px}.tag-list{max-width:540px}.text-button{min-height:46px;padding:0 20px;font-size:14px}.contact-line{max-width:520px;padding:18px}.site-footer{padding-left:clamp(86px,8vw,180px);padding-right:clamp(86px,8vw,180px)}}@media (min-width: 1800px){h1,h2{font-size:clamp(72px,6vw,120px)}p{max-width:520px;font-size:20px}.meta-list,.skill-grid,.work-grid{max-width:640px}.tag-list{max-width:600px}.site-footer{padding-left:clamp(140px,10vw,280px);padding-right:clamp(140px,10vw,280px)}}#stage{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 72% 38%,rgba(200,44,72,.2),transparent 30%),radial-gradient(circle at 62% 66%,rgba(92,214,196,.1),transparent 34%),linear-gradient(180deg,#0b0a0b,#070708 48%,#020203)}#stage canvas{display:block;width:100%;height:100%}.cursor-glow{position:fixed;top:0;left:0;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(134,230,211,.13) 0%,rgba(134,230,211,.05) 35%,transparent 70%);pointer-events:none;z-index:1;will-change:transform;mix-blend-mode:screen}.grain{position:fixed;inset:-10%;z-index:10;pointer-events:none;opacity:.03;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grain-drift .6s steps(4) infinite}@keyframes grain-drift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,4%)}to{transform:translate(3%,-1%)}}.shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#050506f0,#050506b3 34%,#05050614 76%),radial-gradient(circle at 72% 45%,transparent 30%,rgba(5,5,6,.36) 78%)}.topbar{position:fixed;top:24px;left:28px;right:28px;z-index:4;display:flex;justify-content:space-between;gap:18px;color:#f7f2ebbd;font-size:12px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.topbar strong:last-child{color:#86e6d3;font-family:Courier New,monospace;text-align:right}.copy{position:relative;z-index:2;width:min(510px,calc(100% - 48px));margin-left:clamp(24px,6vw,86px);padding-top:8vh;padding-bottom:18vh;pointer-events:auto}.chapter{min-height:108vh;display:grid;align-content:center;gap:18px}@media (min-width: 1400px){.copy{width:min(600px,calc(100% - 64px));margin-left:clamp(86px,8vw,180px)}.chapter{gap:22px}}@media (min-width: 1800px){.copy{width:min(680px,calc(100% - 80px));margin-left:clamp(140px,10vw,280px)}}@media (min-width: 2200px){#stage,.shade{max-width:2400px;margin-left:auto;margin-right:auto}.copy{margin-left:max(calc((100vw - 2400px)/2 + 240px),240px)}}@media (max-width: 900px){body{min-height:540vh}.shade{background:linear-gradient(180deg,#05050647,#0505061a 52%,#050506c2),linear-gradient(90deg,#050506d6,#0505061a 72%)}.copy{width:calc(100% - 36px);margin-left:18px;padding-top:6vh}.chapter{min-height:104vh;align-content:end;padding-bottom:12vh}.topbar{left:18px;right:18px}}