:root{--paper:#fffefd;--ink:#181818;--hot-pink:#ff3f93;--font-display:Georgia, "Times New Roman", serif;--font-sans:"Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline:2px solid var(--hot-pink);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.coast-page{background:var(--paper);isolation:isolate;width:100%;min-width:320px;height:100svh;position:relative;overflow:hidden}.coast-experience,.coast-canvas{position:absolute;inset:0}.coast-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.coast-canvas canvas{width:100%;height:100%;display:block}.room-reticle{z-index:7;opacity:0;pointer-events:none;border:1.5px solid #fffefdeb;border-radius:50%;width:1.45rem;height:1.45rem;transition:opacity .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #181818c7,0 0 18px #3bd7d0db}.room-reticle:before,.room-reticle:after{content:"";background:#3bd7d0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff3f93f2}.room-reticle:before{width:1.95rem;height:1px}.room-reticle:after{width:1px;height:1.95rem}.room-reticle.is-visible{opacity:1}.coast-css3d{pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio-video-screen{opacity:0;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#140d27;border-radius:10px;transition:opacity .26s;overflow:hidden;box-shadow:0 0 28px #3bd7d03d}.studio-video-screen iframe{touch-action:manipulation;background:#140d27;border:0;width:100%;height:100%;display:block}.coast-header{z-index:12;pointer-events:none;grid-template-columns:auto 1fr auto;align-items:start;gap:1.8rem;padding:clamp(1rem,2.7vw,2.5rem) clamp(1rem,3.5vw,3.7rem);display:grid;position:absolute;inset:0 0 auto}.coast-header>*{pointer-events:auto}.coast-wordmark{width:min-content;color:var(--ink);font-family:var(--font-mono);letter-spacing:.18em;flex-direction:column;font-size:.72rem;font-weight:700;line-height:1.05;text-decoration:none;display:inline-flex}.coast-wordmark strong{letter-spacing:-.06em;font-family:Arial Black,Impact,sans-serif;font-size:1.28rem;font-weight:900}.coast-edition{font-family:var(--font-mono);letter-spacing:.08em;margin:.05rem 0 0;font-size:.67rem;line-height:1.45}.menu-button{border:1.5px solid var(--ink);min-height:2.5rem;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffefdd1;border-radius:999px;align-items:center;gap:.55rem;padding:.48rem .76rem;font-size:.78rem;font-weight:700;display:inline-flex}.menu-button svg{width:1.05rem;height:1.05rem}.coast-intro{z-index:4;pointer-events:none;max-width:min(33rem,52vw);opacity:calc(1 - min(var(--journey,0) * 2.6, 1));transform:translateY(calc(var(--journey,0) * -2.5rem));position:absolute;top:clamp(7.5rem,21vh,13rem);left:clamp(1rem,4vw,4.2rem)}.coast-intro>p{font-family:var(--font-display);margin:0 0 .8rem;font-size:clamp(1rem,1.5vw,1.35rem);font-style:italic}.coast-intro h1{font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(2.6rem,6.6vw,7.6rem);font-weight:400;line-height:.82}.coast-intro h1 span{color:var(--hot-pink);font-style:italic;position:relative}.coast-intro h1 span:after{content:"";background:currentColor;border-radius:50%;height:.07em;position:absolute;bottom:-.08em;left:.03em;right:-.04em;transform:rotate(-2deg)}.coast-instruction{z-index:6;font-family:var(--font-mono);letter-spacing:.08em;opacity:calc(1 - min(var(--journey,0) * 3, 1));flex-direction:column;align-items:center;gap:.45rem;font-size:.67rem;font-weight:700;display:flex;position:absolute;bottom:clamp(6.5rem,14vh,9rem);right:clamp(1rem,3.5vw,3.7rem)}.mouse-mark{border:1.4px solid var(--ink);border-radius:1rem;width:1.35rem;height:2.05rem;display:block;position:relative}.mouse-mark i{background:var(--ink);border-radius:1px;width:2px;height:.42rem;animation:1.5s ease-in-out infinite wheel;position:absolute;top:.32rem;left:50%;transform:translate(-50%)}.touch-mark,.touch-copy{display:none}.touch-mark{border:1.4px solid var(--ink);border-radius:.8rem .8rem .6rem .6rem;width:1.25rem;height:1.9rem;position:relative;transform:rotate(-8deg)}.touch-mark i{background:var(--hot-pink);border-radius:50%;width:.28rem;height:.28rem;animation:1.5s ease-in-out infinite touch-swipe;position:absolute;top:.28rem;left:50%}@keyframes wheel{0%,to{opacity:.25;transform:translate(-50%)}45%{opacity:1;transform:translate(-50%,.45rem)}}@keyframes touch-swipe{0%,to{opacity:.25;transform:translate(-50%,.65rem)}48%{opacity:1;transform:translate(-50%)}}.touch-guide{z-index:7;font-family:var(--font-mono);letter-spacing:.035em;opacity:0;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffefdd6;border:1px solid #18181880;border-radius:999px;align-items:center;gap:.55rem;padding:.48rem .7rem;font-size:.6rem;font-weight:700;transition:opacity .18s,transform .18s;display:none;position:absolute;bottom:7.2rem;left:50%;transform:translate(-50%,.5rem)}.touch-guide i{background:var(--hot-pink);border-radius:50%;width:2px;height:2px}.touch-guide.is-visible{opacity:1;transform:translate(-50%)}.journey-control{z-index:8;pointer-events:none;grid-template-columns:minmax(8rem,1fr) auto;align-items:center;gap:.4rem 1.2rem;display:grid;position:absolute;bottom:clamp(1rem,2.8vw,2.5rem);left:clamp(1rem,3.5vw,3.7rem);right:clamp(1rem,3.5vw,3.7rem)}.journey-labels{font-family:var(--font-mono);letter-spacing:.07em;grid-column:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-size:.66rem;font-weight:700;display:grid}.journey-labels span:nth-child(2){font-variant-numeric:tabular-nums}.journey-labels span:last-child{text-align:right}.journey-range{pointer-events:auto;cursor:ew-resize;width:100%;height:1.2rem;accent-color:var(--hot-pink);grid-column:1;margin:0}.journey-actions{pointer-events:auto;grid-area:1/2/span 2;gap:.55rem;display:flex}.journey-control button{border:1.5px solid var(--ink);min-height:2.55rem;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffefdd6;border-radius:999px;align-items:center;gap:.45rem;padding:.54rem .72rem;font-size:.72rem;font-weight:700;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.journey-control button svg{width:1rem;height:1rem}.journey-control button.is-sound-on{border-color:var(--hot-pink);color:#c51c66;background:#fff5fae6}.journey-control button:disabled{cursor:wait;opacity:.58}.scene-loading{z-index:2;background:var(--paper);font-family:var(--font-mono);letter-spacing:.1em;place-content:center;justify-items:center;gap:.75rem;font-size:.72rem;display:grid;position:absolute;inset:0}.scene-loading span{background:var(--ink);transform-origin:0;width:3rem;height:1px;animation:1s ease-in-out infinite alternate draw}@keyframes draw{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}.site-index{z-index:10;visibility:hidden;pointer-events:none;background:#fffefd00;place-items:stretch end;transition:background .45s,visibility .45s;display:grid;position:absolute;inset:0}.site-index.is-open{visibility:visible;pointer-events:auto;background:#fffefd9e}.index-inner{border-left:1.5px solid var(--ink);background:var(--paper);width:min(42rem,92vw);height:100%;padding:clamp(6.8rem,13vh,8.5rem) clamp(1.5rem,4vw,4rem) 2rem;transition:transform .52s cubic-bezier(.2,.8,.2,1);overflow-y:auto;transform:translate(102%)}.site-index.is-open .index-inner{transform:translate(0)}.index-kicker{font-family:var(--font-mono);letter-spacing:.12em;font-size:.7rem;font-weight:700}.index-inner h2{max-width:8ch;font-family:var(--font-display);letter-spacing:-.075em;margin:1.1rem 0 1.5rem;font-size:clamp(2.8rem,6vw,5.7rem);font-weight:400;line-height:.88}.index-about{max-width:34rem;margin:0 0 2.5rem;font-size:1rem;line-height:1.78}.index-projects{border-top:1.5px solid var(--ink)}.index-projects a{border-bottom:1px solid #18181880;grid-template-columns:2.3rem 1fr auto auto;align-items:center;gap:.8rem;padding:1.05rem 0;text-decoration:none;display:grid}.index-projects a:hover strong{color:var(--hot-pink);font-style:italic}.index-projects span,.index-projects small{font-family:var(--font-mono);letter-spacing:.06em;font-size:.66rem}.index-projects strong{font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.75rem);font-weight:400;transition:color .18s}.index-projects svg{width:1rem;height:1rem}.index-links{gap:1rem;margin-top:1.8rem;display:flex}.index-links a{border-bottom:1px solid var(--ink);align-items:center;gap:.4rem;padding-bottom:.25rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.index-links svg{width:.95rem;height:.95rem}@media (max-width:720px){.coast-header{padding-top:max(1rem, env(safe-area-inset-top));padding-right:max(1rem, env(safe-area-inset-right));padding-left:max(1rem, env(safe-area-inset-left));grid-template-columns:auto 1fr auto;gap:.75rem}.coast-edition{display:none}.coast-intro{max-width:82vw;top:8.5rem}.coast-intro h1{font-size:clamp(2.9rem,15vw,5.2rem)}.coast-instruction{bottom:7.1rem;right:1rem}.journey-control{grid-template-columns:minmax(0,1fr) auto}.journey-labels span:first-child,.journey-labels span:last-child,.journey-control button span{display:none}.journey-labels{grid-template-columns:1fr}.journey-labels span:nth-child(2){justify-self:end}.journey-control{right:max(.85rem, env(safe-area-inset-right));bottom:max(.85rem, env(safe-area-inset-bottom));left:max(.85rem, env(safe-area-inset-left));gap:.45rem .7rem}.journey-range{height:2rem}.journey-control button{justify-content:center;width:3rem;min-height:3rem;padding:0}.menu-button{justify-content:center;min-width:3rem;min-height:3rem}.index-projects a{grid-template-columns:2rem 1fr auto}.index-projects small{display:none}}@media (any-pointer:coarse){.coast-canvas{cursor:default!important}.mouse-mark,.pointer-copy{display:none}.touch-mark,.touch-copy,.touch-guide{display:flex}.touch-guide{bottom:calc(7.4rem + env(safe-area-inset-bottom))}.menu-button,.journey-control button{min-height:3rem}.journey-range{height:2rem}.menu-button,.journey-control button,.journey-range{-webkit-tap-highlight-color:transparent}}@media (any-pointer:coarse) and (max-height:560px){.touch-guide{bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}