/* Approved A composition. No liquid-glass or added cloud treatment. */
[hidden]{display:none!important}

.content-scroll-cue{position:fixed;bottom:30px;right:32px;z-index:5;display:flex;align-items:center;gap:16px;max-width:calc(100vw - 40px);padding:13px 20px;border:1px solid rgba(185,178,255,.4);border-radius:16px;background:rgba(3,17,38,.65);color:var(--white);font-size:clamp(17px,1.2vw,23px);font-weight:600;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .3s}
body.is-entered[data-active-view=home] .content-scroll-cue{opacity:1}.content-scroll-cue .scroll-cue-arrow{display:block;color:var(--accent);font-size:32px;line-height:1}.content-scroll-cue.is-guiding{border-color:var(--accent)}
body:not([data-active-view=home]) .content-scroll-cue{opacity:0}
@media(min-width:801px){
  .portfolio-shell{zoom:.9}
  .content-scroll-cue{transform:scale(.9);transform-origin:bottom right}
}
/* Scrolling is controlled per gesture; native snapping has no stops inside projects. */
.portfolio-stage{scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior:contain}
.project-detail{overscroll-behavior-y:contain;transition:opacity 180ms ease,transform 320ms cubic-bezier(.22,.61,.36,1)}
.welcome-screen{transition:opacity 500ms ease,transform 500ms cubic-bezier(.65,0,.35,1)}
.welcome-screen h1{animation-duration:500ms;animation-delay:100ms}
.portfolio-shell{transition:opacity 500ms ease,transform 500ms cubic-bezier(.22,.61,.36,1)}
body.is-entering .portfolio-shell{opacity:1;transform:none}
@media(max-width:800px){.content-scroll-cue{bottom:64px;right:20px;padding:10px 14px;gap:12px;font-size:16px}.content-scroll-cue .scroll-cue-arrow{font-size:26px}}
@media(prefers-reduced-motion:reduce){.welcome-screen h1{animation:none;opacity:1;transform:none}.content-scroll-cue{transition:none}}
.site-sidebar{top:22px}.primary-nav{gap:28px}
.nav-link{font-size:clamp(19px,2vw,34px);padding:8px 16px;background:rgba(247,248,245,.035);border-color:rgba(247,248,245,.1)}
.nav-link:hover,.nav-link.is-active{transform:none;background:rgba(185,178,255,.13);border-color:rgba(185,178,255,.62)}
.home-photo-slot{top:53.5%;left:max(5vw,calc(50% - 660px));width:min(660px,43vw);aspect-ratio:4/3;border-radius:14px;transform:translateY(-50%);filter:brightness(.91) saturate(.94)}
.home-copy{position:absolute;top:53.5%;right:max(5vw,calc(50% - 660px));width:min(600px,40vw);margin:0;transform:translateY(-50%)}
.home-copy h2{font-size:clamp(32px,3.54vw,68px);line-height:1.015;font-weight:800;letter-spacing:-.062em}
.home-links{gap:20px;margin-top:34px}.home-links .text-action{min-height:52px;padding:0 22px;font-size:17px;border-color:rgba(247,248,245,.38)}
.project-scroll-frame{padding-right:clamp(28px,3.2vw,64px)}
.project-layout{grid-template-columns:300px minmax(0,1fr);gap:54px}
.project-list{gap:10px}.project-tab{min-height:54px;padding:10px 14px;border-radius:16px;background:rgba(247,248,245,.045);border-color:rgba(247,248,245,.08)}
.project-tab strong{font-size:clamp(15px,1.25vw,19px);text-align:left}.project-tab span{font-size:10px}
.project-tab:hover,.project-tab.is-active{transform:none;border-color:rgba(185,178,255,.58);background:rgba(185,178,255,.13)}
.project-detail{padding:144px 0 34px;border:0;overflow-y:auto;max-height:100svh}
.content-head h3{margin:0 0 8px;font-size:42px;line-height:1.1;letter-spacing:-.04em}
.content-subtitle{margin:0;color:var(--accent);font-size:14px;font-weight:700}
.content-description{max-width:1250px;margin:22px 0 0;font-size:19px;line-height:1.6;font-weight:600;white-space:pre-line}
.content-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:15px}
.content-results>div{padding:12px 20px;border-block:1px solid var(--line)}
.content-results strong{display:block;color:var(--accent);font-size:36px;line-height:1}.content-results span{display:block;margin-top:6px;color:var(--muted);font-size:15px}
.content-accounts{margin-top:16px}.content-works{margin-top:16px} .project-detail h4{margin:0 0 12px;font-size:17px;line-height:1;color:rgba(247,248,245,.78)}
.content-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.content-channel{display:flex;align-items:center;gap:12px;min-height:64px;padding:0 18px;border:1px solid rgba(247,248,245,.23);border-radius:12px;background:rgba(247,248,245,.05);font-size:17px;font-weight:700}
.content-channel img{width:30px;height:30px;border-radius:7px}.content-channel i{margin-left:auto;font-size:15px;white-space:nowrap;color:var(--accent);font-style:normal}
.content-channel:hover{border-color:var(--accent)}.content-channel[aria-disabled]{opacity:.7;cursor:default}
.content-work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.content-work{display:block;min-width:0;padding:0;background:none;text-align:left;color:inherit}
.content-cover{position:relative}.content-cover>img,.content-placeholder{display:block;width:100%;aspect-ratio:3/4;border:1px solid rgba(247,248,245,.14);border-radius:10px;background:rgba(0,0,0,.2)}
.content-placeholder{display:grid;place-items:center;color:var(--quiet);font-size:13px}
.content-work b{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:15px;font-weight:600;color:rgba(247,248,245,.7)}
.content-play{position:absolute;bottom:12px;right:12px;padding:7px 11px;border-radius:99px;background:rgba(3,17,38,.8);font-size:13px;color:white;pointer-events:none}
.content-note{margin-left:12px;color:var(--muted)}.content-details{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.content-details p{white-space:pre-line;line-height:1.65}
.project-detail[data-layout=personal]{display:flex;flex-direction:column;min-height:min(946px,100svh);padding-top:152px}
[data-layout=personal] .content-head{padding-bottom:24px;border-bottom:1px solid var(--line)}
[data-layout=personal] h3{font-size:46px;margin-bottom:10px}
[data-layout=personal] .content-description{font-size:24px;font-weight:500;margin-top:0;max-width:1100px}
[data-layout=personal] .content-channels{display:flex;gap:16px;margin-top:22px;flex-wrap:wrap}
[data-layout=personal] .content-channel{border-radius:999px;min-height:58px;font-size:18px;padding:0 22px}
[data-layout=personal] .content-works{width:min(100%,640px);margin:64px auto 0}
[data-layout=personal] .content-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
[data-layout=pair] .content-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-layout=pair] .content-cover>img,[data-layout=pair] .content-placeholder{aspect-ratio:16/9;max-height:48svh;object-fit:contain}
[data-layout=single] .content-work-grid{display:block;max-width:720px;margin:auto}
[data-layout=single] .content-cover>img,[data-layout=single] .content-placeholder{aspect-ratio:1600/806;max-height:42svh;object-fit:contain}
.contact-copy{width:min(760px,80vw);margin:auto}.contact-channel{grid-template-columns:160px minmax(0,1fr);padding:22px 0}.contact-channel>span,.contact-value{font-size:clamp(20px,2vw,34px)}
#work-player{width:min(950px,90vw);max-height:92svh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#071a35;color:var(--white);padding:24px}
#work-player::backdrop{background:rgba(0,6,18,.85)}#work-player video{display:block;max-width:100%;max-height:70svh;margin:auto}.player-close{float:right;background:none;font-size:16px}.player-message{color:#f6c9b6}
@media(max-width:1500px){.project-layout{grid-template-columns:260px minmax(0,1fr);gap:32px}.project-tab{grid-template-columns:20px minmax(0,1fr) 18px;gap:6px}.project-tab strong{font-size:15px}.project-detail{padding-top:112px}.content-description{font-size:17px}.content-channel{padding:0 10px;font-size:14px;gap:8px}.content-channel i{font-size:12px}.content-channel img{width:24px;height:24px}.project-detail[data-layout=personal]{padding-top:112px}[data-layout=personal] .content-works{width:500px;margin-top:36px}.content-results strong{font-size:30px}}
@media(max-width:800px){.primary-nav{gap:12px}.project-layout{grid-template-columns:1fr;gap:14px}.project-list{flex-direction:row;align-self:start;overflow:auto;margin-top:100px;padding:0 18px}.project-tab{flex:0 0 180px}.project-scroll-frame{padding-right:0}.project-detail,.project-detail[data-layout=personal]{padding:0 20px 60px;min-height:0;max-height:calc(100svh - 175px)}.project-layout{grid-template-rows:auto minmax(0,1fr)}.content-head h3,[data-layout=personal] h3{font-size:30px}.content-description,[data-layout=personal] .content-description{font-size:17px}.content-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.content-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-work b{font-size:12px}[data-layout=personal] .content-works{width:100%;margin-top:30px}[data-layout=personal] .content-work-grid{gap:18px}.home-photo-slot{top:22%;left:20%;width:60vw;transform:none}.home-copy{top:57%;right:10%;width:80vw;transform:none}.home-copy h2{font-size:30px}.home-links .text-action{font-size:14px;min-height:44px}.contact-channel{grid-template-columns:1fr;gap:12px}.content-channel{min-height:54px}}