@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/offline-fonts/dm-sans-0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/offline-fonts/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/offline-fonts/dm-sans-2.ttf) format('truetype');
}
:root{--paper:#fff;--ink:#171717;--soft:#f7f7f7;--muted:#777;--gap:10px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:55px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #666;outline-offset:3px}.topbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap);padding:8px 10px 0;align-items:start}.brand-bar,.nav-pill,.pill{height:34px;background:var(--soft);border-radius:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:14px;letter-spacing:.02em}.wordmark{font-size:23px;font-weight:700;letter-spacing:-1.9px;line-height:1}.registered{display:inline-block;font-size:11px;letter-spacing:0;vertical-align:top;margin:1px 0 0 2px}.topbar .nav-pill,.detail-nav .nav-pill{font-size:12px}.nav-pill{width:100%;text-align:left;transition:background .25s}.nav-pill:hover{background:#eee}.chevron{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #dedede}.back-arrow{transform:rotate(90deg)}main{padding:0 10px;margin-top:max(110px,calc(31.5svh - 42px))}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}.project{position:relative;display:block;overflow:hidden;border-radius:22% / 17.5%;aspect-ratio:.79;background:var(--soft);isolation:isolate;animation:card-enter 1s var(--ease) both}.project:nth-child(2){animation-delay:70ms}.project:nth-child(3){animation-delay:140ms}.project:nth-child(4){animation-delay:210ms}.project img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s var(--ease)}.project:hover img{transform:scale(1.035)}.project-label{position:absolute;inset:auto 24px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;border-radius:30px;background:#fffffff0;font-size:14px;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s var(--ease)}.project:hover .project-label,.project:focus-visible .project-label{opacity:1;transform:none}footer{padding:25px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dialog{border:0;background:#fff;color:var(--ink);width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:8px 10px 20px;overflow:auto;overscroll-behavior:contain}dialog[open]{animation:enter .6s var(--ease)}dialog.is-closing{animation:leave .3s ease forwards}dialog::backdrop{background:#fff}.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);width:calc(50% - 5px);margin-left:auto;margin-bottom:22px}.project-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:start}.project-info{position:sticky;top:0}.pill{width:100%;gap:12px}.pill h2{font:inherit;margin:0}.back-column{position:sticky;top:0}.back-column .close{text-align:left;transition:background .2s}.back-column .close:hover{background:#eee}.info-card{background:var(--soft);border-radius:18px;padding:24px 22px 34px;margin-top:10px;font-size:14px;line-height:1.35}.info-card section+section{margin-top:36px}.info-card h3{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid #eee;font-size:12px;color:var(--muted);font-weight:400;text-transform:uppercase;letter-spacing:.03em}.info-card p{margin:0}.info-card dl{display:grid;grid-template-columns:1.1fr 1fr;gap:3px 10px;margin:0}.info-card dd{margin:0;overflow-wrap:anywhere}.info-card a{display:inline-block;margin-top:10px;border-bottom:1px solid #bbb;font-size:12px}.info-card .sample-note{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.4}.detail-gallery{grid-column:3/5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.detail-gallery figure{margin:0;min-width:0}.detail-frame{border-radius:22% / 17.5%;aspect-ratio:.8;background:var(--soft);overflow:hidden}.detail-frame img{display:block;width:100%;height:100%;object-fit:cover}.detail-frame.crop img{transform:scale(1.7);object-position:35% 40%}.detail-frame.full img{object-fit:contain}.detail-frame.crop-right img{transform:scale(1.45);object-position:70% 60%}.next-project{display:flex;justify-content:space-between;margin:28px 0 0 auto;width:calc(50% - 5px);padding:12px 22px;background:var(--soft);border-radius:30px;font-size:14px}.about-shell{width:calc(25% - 7.5px);min-width:360px;margin-left:auto}.about-copy{font-size:16px;line-height:1.6}.about-copy p+p{margin-top:24px}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(14px)}}@keyframes card-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@media(max-width:1100px){.brand-bar,.nav-pill,.pill{padding:0 16px}.info-card{padding:20px 16px;font-size:14px}.info-card dl{grid-template-columns:1fr;gap:4px}.info-card dt{color:var(--muted);font-size:12px}.info-card dd+dt{margin-top:8px}.project-label{inset:auto 12px 15px;padding:10px 14px}}@media(max-width:760px){.topbar{grid-template-columns:2fr 1fr 1fr;padding:8px 8px 0;gap:8px}.brand-bar,.nav-pill,.pill{min-height:44px;height:auto;padding:12px 14px}.wordmark{font-size:21px;letter-spacing:-1.7px}.registered{font-size:10px}.nav-pill{font-size:14px}.chevron{border-left-width:4px;border-right-width:4px;border-top-width:6px}main{padding:0 8px;margin-top:105px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-label{display:none}footer{padding:24px 16px}.detail-nav{width:100%;margin-bottom:14px;gap:8px}.project-layout{grid-template-columns:1fr 1fr;gap:8px}.project-info{position:static;grid-column:1/-1;grid-row:2}.back-column{position:static;grid-column:1/-1;grid-row:1}.detail-gallery{grid-column:1/-1;gap:8px;margin-top:8px}.info-card{padding:22px;margin-bottom:0}.info-card dl{grid-template-columns:1fr 1fr;gap:4px}.info-card dt{font-size:14px;color:var(--ink)}.info-card dd+dt{margin:0}.info-card section+section{margin-top:25px}.next-project{width:100%;margin-top:20px}.about-shell{width:100%;min-width:0;max-width:540px}.project-dialog{padding:8px}.detail-frame{aspect-ratio:.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.project.scroll-reveal{animation:none;opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.project.scroll-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.project.scroll-reveal{opacity:1;transform:none}}
/* Motion and disclosure navigation */
.topbar{position:sticky;top:0;z-index:30}.detail-nav{position:relative;z-index:30}.chevron{transition:transform .45s var(--ease),border-top-color .3s}.nav-pill[aria-expanded=true]{background:#efefef}.nav-pill[aria-expanded=true] .chevron{transform:rotate(180deg);border-top-color:#171717}
.dropdown-panel{position:absolute;top:calc(100% + 10px);right:10px;padding:22px;background:rgba(246,246,246,.88);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:20px;max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-12px);filter:blur(6px);clip-path:inset(0 0 12% 0 round 20px);transition:opacity .34s ease,transform .6s var(--ease),filter .5s ease,clip-path .6s var(--ease);pointer-events:none}.dropdown-panel[hidden]{display:none}.dropdown-panel.is-open{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 round 20px);pointer-events:auto}.work-panel{width:calc(50% - 15px)}.about-panel{width:calc(25% - 12.5px)}.detail-nav .work-panel{right:0;width:100%}.detail-nav .about-panel{right:0;width:calc(50% - 5px)}
.dropdown-panel table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;text-align:left}.dropdown-panel th{font-size:12px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#777}.dropdown-panel td,.dropdown-panel th{padding:12px 8px;border-bottom:1px solid #dedede90;vertical-align:middle}.dropdown-panel td:first-child,.dropdown-panel th:first-child{padding-left:0;width:9%}.dropdown-panel td:nth-child(2){width:38%}.dropdown-panel td:last-child,.dropdown-panel th:last-child{padding-right:0;text-align:right;width:12%}.dropdown-panel tbody tr{cursor:pointer;transition:background .25s,color .25s}.dropdown-panel tbody tr:hover,.dropdown-panel tbody tr:focus-within{background:#dfdfdf70}.dropdown-panel td button{font:inherit;text-align:left;display:block;width:100%;padding:3px 0}.about-panel h2{font-size:12px;text-transform:uppercase;font-weight:400;letter-spacing:.035em;color:#777;border-bottom:1px solid #dedede90;padding:0 0 10px;margin:0 0 12px}.about-panel p,.about-panel ul{font-size:16px;line-height:1.45;margin:0;padding:0;list-style:none}.about-panel section+section{margin-top:42px}.about-panel{padding-bottom:30px}
.project{animation:none}.project img{transition:transform 1.25s var(--ease)}.project:hover img{transform:scale(1.045)}.project .project-label{display:block;inset:auto;left:50%;top:50%;width:max-content;max-width:85%;padding:12px 24px;text-align:center;background:rgba(190,190,195,.88);color:#101010;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:40px;opacity:0;filter:blur(5px);transform:translate(-50%,-35%) scale(.96);transition:opacity .35s,transform .65s var(--ease),filter .45s;pointer-events:none;line-height:1.35;letter-spacing:.025em}.project:hover .project-label,.project:focus-visible .project-label{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}
.blur-reveal{opacity:0;filter:blur(12px);transform:translateY(38px) scale(.98);transition:opacity 1s var(--ease),filter 1.15s var(--ease),transform 1.25s var(--ease);transition-delay:var(--reveal-delay,0ms)}.blur-reveal.is-visible{opacity:1;filter:blur(0);transform:none}dialog[open]{animation:project-in .65s var(--ease)}dialog.is-closing{animation:project-out .35s ease forwards}@keyframes project-in{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes project-out{to{opacity:0;transform:translateY(12px);filter:blur(4px)}}
@media(max-width:1100px) and (min-width:761px){.work-panel{width:calc(66.66% - 14px)}.about-panel{width:calc(40% - 14px)}.detail-nav .work-panel{width:min(90vw,740px)}.detail-nav .about-panel{width:min(55vw,450px)}}
@media(max-width:760px){.dropdown-panel{right:8px;padding:18px;max-height:calc(100dvh - 82px)}.work-panel,.about-panel{width:calc(100% - 16px)}.detail-nav .work-panel,.detail-nav .about-panel{width:100%;right:0}.dropdown-panel table{font-size:12px}.dropdown-panel td,.dropdown-panel th{padding:11px 5px}.dropdown-panel th{font-size:12px}.dropdown-panel td:nth-child(2){width:40%}.about-panel section+section{margin-top:32px}.project .project-label{font-size:12px;padding:10px 16px}.blur-reveal{filter:blur(8px);transform:translateY(24px) scale(.985)}}
@media(hover:none){.project .project-label{opacity:1;filter:none;transform:translate(-50%,-50%);background:rgba(215,215,219,.9)}}
@media(prefers-reduced-motion:reduce){.blur-reveal{opacity:1;filter:none;transform:none}.dropdown-panel{filter:none;transform:none;clip-path:none}.project .project-label{filter:none}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Media loading polish */
.media-loading{opacity:0;filter:blur(14px);transition:opacity .8s var(--ease),filter 1s var(--ease)}
.media-loading.is-loaded{opacity:1;filter:blur(0)}
.project.landscape-card{grid-column:span 2}
.project.landscape-card>img,.project.landscape-card>video{object-fit:cover}
@media(max-width:760px){.project.landscape-card{grid-column:1/-1}}
.project:has(.media-loading:not(.is-loaded)){background:linear-gradient(110deg,#f7f7f7 8%,#ededed 18%,#f7f7f7 33%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.media-loading{opacity:1;filter:none}.project:has(.media-loading:not(.is-loaded)){animation:none}}
.project,.detail-frame,.project.video-card,.detail-frame.native-video{border-radius:clamp(30px,5.8vw,92px);overflow:hidden}
@media(max-width:760px){.project,.detail-frame,.project.video-card,.detail-frame.native-video{border-radius:28px}}

/* Premium structural polish */
.project-grid{content-visibility:auto;contain-intrinsic-size:900px}
.project,.detail-gallery figure{contain:layout paint}
::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:var(--ease)}
::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}
@keyframes fade-in{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@keyframes fade-out{to{opacity:0;filter:blur(4px)}}
@media(max-width:760px){.project-grid{contain-intrinsic-size:1200px}}

.project>video{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.25s var(--ease)}.project:hover>video{transform:scale(1.045)}.detail-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#111}#portfolio-status{font-size:14px;color:#777;padding:25px}#portfolio-status button{text-decoration:underline}.sample-note[hidden],#detail-source[hidden]{display:none}
/* Persistent identity and natural-ratio media */
.brand-tagline{font-size:11px;letter-spacing:.035em;font-weight:400;margin-left:18px;white-space:nowrap}.brand-bar{gap:14px}.topbar{background:rgba(255,255,255,.93);backdrop-filter:blur(18px);padding-bottom:8px}.project-grid{align-items:start}.project.video-card{aspect-ratio:16/9;border-radius:clamp(22px,4vw,85px)}.project.video-card>video{height:auto;min-height:0;object-fit:contain}.detail-nav{position:sticky;top:-8px;display:grid;grid-template-columns:2fr 1fr 1fr;width:calc(100% + 20px);margin:-0px -10px 22px;padding:8px 10px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);z-index:40}.detail-nav .work-panel{width:calc(50% - 15px);right:10px}.detail-nav .about-panel{width:calc(25% - 12.5px);right:10px}.project-info,.back-column{top:54px}.detail-gallery{align-items:start}.detail-gallery .landscape-media{grid-column:1/-1}.detail-frame.native-video{aspect-ratio:16/9;border-radius:clamp(22px,4vw,85px);background:#111;min-height:0}.detail-frame.native-video video{width:100%;height:auto;display:block;object-fit:contain}.about-panel p{white-space:pre-line}.about-panel section>a{display:block;width:fit-content;line-height:1.6}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:0;margin:90px 10px 0;color:#171717}.site-footer>span,.site-footer>a{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:9px 22px;border-radius:40px;background:#f7f7f7;font-size:11px;letter-spacing:.035em}.site-footer>.footer-copyright{justify-content:center}.footer-arrow{transform:rotate(-90deg)}.site-footer>a:hover{background:#eee}.site-footer>[aria-disabled=true]{color:#aaa;cursor:default}.footer-meta{display:flex;justify-content:space-between;gap:20px;padding:16px 22px 24px;font-size:12px;color:#888}.footer-meta [hidden]{display:none}.footer-meta>a{margin-left:auto}.detail-nav .nav-pill{font-size:12px}
@media(max-width:1100px){.brand-tagline{font-size:10px;letter-spacing:0}.detail-nav .work-panel{width:calc(66.66% - 14px)}.detail-nav .about-panel{width:calc(40% - 14px)}}
@media(max-width:760px){.topbar,.detail-nav{grid-template-columns:2fr 1fr 1fr;gap:8px}.brand-bar{position:relative;min-width:0;align-items:flex-start;justify-content:center;flex-direction:column;gap:3px;padding:8px 12px}.brand-tagline{font-size:8px;line-height:1.2;letter-spacing:0;white-space:normal;margin:0;max-width:100%;}.detail-nav{top:-8px;width:calc(100% + 20px);padding:8px 10px}.detail-nav .work-panel,.detail-nav .about-panel{width:calc(100% - 20px);right:10px}.project-info,.back-column{top:auto}.site-footer{grid-template-columns:1fr 1fr;gap:8px;margin:60px 8px 0}.site-footer>.footer-copyright{grid-column:1/-1;order:2}.site-footer>span,.site-footer>a{min-height:44px;padding:12px 16px;font-size:12px}.footer-meta{padding:16px}.detail-frame.native-video{border-radius:24px}.project.video-card{border-radius:24px}}
.brand-tagline{font-size:12px}@media(max-width:760px){.topbar,.detail-nav{grid-template-columns:1fr 1fr}.topbar>.brand-bar,.detail-nav>.brand-bar{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.brand-tagline{font-size:12px;line-height:1.3;max-width:75%;text-align:right}.dropdown-panel{max-height:calc(100dvh - 125px)}}

/* Fast project entry: preserve the previous motion without heavy blur. */
dialog[open]{animation:project-in-fast .22s var(--ease)}
dialog.is-closing{animation:project-out-fast .16s ease forwards}
@keyframes project-in-fast{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes project-out-fast{to{opacity:0;transform:translateY(4px)}}
.detail-gallery .blur-reveal{filter:none;transform:translateY(10px);transition:opacity .28s var(--ease),transform .32s var(--ease)}
.detail-gallery .blur-reveal.is-visible{transform:none}

/* Yuri-style motion: restrained, immediate, and media-first. */
.blur-reveal{filter:none!important;transform:translateY(10px);transition:opacity .24s var(--ease),transform .28s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.blur-reveal.is-visible{filter:none!important;transform:none}
.media-loading{filter:none!important;transition:opacity .24s var(--ease)}
.media-loading.is-loaded{filter:none!important}
.project:has(.media-loading:not(.is-loaded)){animation:none;background:var(--soft)}
dialog[open]{animation:project-in-fast .22s var(--ease)}
dialog.is-closing{animation:project-out-fast .16s ease forwards}
.project img,.project>video{transition:transform .45s var(--ease)}
.project:hover img,.project:hover>video{transform:scale(1.02)}

/* Restore the progressive detail-gallery reveal without slowing project entry. */
.detail-gallery .blur-reveal{filter:blur(10px)!important;transform:translateY(24px) scale(.985);transition:opacity .62s var(--ease),filter .72s var(--ease),transform .72s var(--ease);will-change:opacity,filter,transform}
.detail-gallery .blur-reveal.is-visible{filter:blur(0)!important;transform:none}
.media-pending{display:block;width:100%;height:100%;min-height:240px;background:linear-gradient(145deg,#171717,#292929 55%,#101010);}
.detail-frame:has(.media-pending){aspect-ratio:4/5;}

/* Keep empty projects identifiable and long content inside its layout. */
.project:has(.media-pending) .project-label{opacity:1;filter:none;transform:translate(-50%,-50%);overflow-wrap:anywhere;}
.project-label,.pill h2,.info-card p,.next-project,.dropdown-panel td{overflow-wrap:anywhere;}
.brand-bar,.nav-pill,.pill,.project-info,.back-column{min-width:0;}
.pill{height:auto;min-height:34px;padding-top:8px;padding-bottom:8px;}
.media-failed{opacity:1;filter:none;background:#eee;color:#333;}
@media(prefers-reduced-motion:reduce){.detail-gallery .blur-reveal,.detail-gallery .blur-reveal.is-visible{opacity:1;filter:none!important;transform:none;}}

/* Red editorial opening, transitioning into the portfolio on scroll. */
:root{--intro-progress:0;--hero-red:#f22b0c;}
body{background:color-mix(in srgb,var(--hero-red) calc((1 - var(--intro-progress))*100%),var(--paper));transition:background-color .18s linear;}
.topbar{background:color-mix(in srgb,var(--hero-red) calc((1 - var(--intro-progress))*93%),rgba(255,255,255,.93));transition:background-color .18s linear,color .25s ease,opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);color:color-mix(in srgb,#fff calc((1 - var(--intro-progress))*100%),var(--ink));}
.topbar .brand-bar,.topbar .nav-pill{background:color-mix(in srgb,rgba(255,255,255,.17) calc((1 - var(--intro-progress))*100%),var(--soft));color:inherit;}
.topbar .nav-pill:hover,.topbar .nav-pill[aria-expanded=true]{background:color-mix(in srgb,rgba(255,255,255,.28) calc((1 - var(--intro-progress))*100%),#efefef);}
.topbar .chevron{border-top-color:color-mix(in srgb,#fff calc((1 - var(--intro-progress))*100%),#dedede);}
.intro-panel{min-height:100svh;padding:24px;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .35s ease,transform .55s cubic-bezier(.22,1,.36,1);}
.intro-mark{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-size:clamp(58px,10vw,145px);font-weight:500;letter-spacing:-.085em;line-height:.8;white-space:nowrap;}
.intro-mark sup{font-size:.16em;letter-spacing:0;vertical-align:top;margin:.1em 0 0 .08em;}
.intro-mark>.intro-wordmark{position:relative;display:inline-block;font-size:inherit;font-weight:500;letter-spacing:inherit;line-height:.8;text-transform:none;margin:0;}
.intro-mark>.intro-wordmark sup{position:absolute;left:100%;top:.03em;margin-left:.12em;font-size:.16em;line-height:1;vertical-align:baseline;}
.intro-mark>span:last-child{font-size:clamp(10px,1.15vw,16px);font-weight:400;letter-spacing:.02em;text-transform:uppercase;margin-top:clamp(18px,2.2vw,30px);}
.intro-panel+.main{}
body:not(.intro-past) .topbar{opacity:0;transform:translateY(-20px);pointer-events:none;}
body.intro-past .intro-panel{opacity:.16;transform:translateY(-8vh) scale(.98);pointer-events:none;}
main{background:var(--paper);position:relative;margin-top:0;padding-top:clamp(70px,10vw,150px);}
#work{padding-top:0;}
#portfolio-status{background:var(--paper);}
@media(max-width:760px){.intro-panel{min-height:100svh;padding:20px}.intro-mark{top:50%;font-size:clamp(64px,20vw,110px)}.intro-mark>span:last-child{font-size:11px;margin-top:20px}.topbar{color:color-mix(in srgb,#fff calc((1 - var(--intro-progress))*100%),var(--ink));}}
@media(prefers-reduced-motion:reduce){body,.topbar,.intro-panel{transition:none}.intro-panel{opacity:1;transform:none}}

/* Editorial opening: keep the handoff crisp and never cover the work. */
body{transition:none;background:var(--hero-red);}
.intro-panel{position:relative;z-index:1;background:var(--hero-red);transition:none;}
body.intro-past .intro-panel{opacity:1;transform:none;pointer-events:auto;}
main{background:var(--paper);z-index:2;}

/* Final intro lockup: viewport-centered, white and typographic. */
body{background:#fff;color:#171717;}
.intro-panel{min-height:100svh;background:#fff;color:#171717;display:grid;place-items:center;padding:24px;}
.intro-mark{position:static;inset:auto;transform:none;color:#171717;text-align:center;}
.intro-mark>.intro-wordmark{color:#171717;}
.intro-mark>span:last-child{color:#171717;}
body.intro-past .intro-panel{opacity:1;transform:none;}

/* No red tint anywhere in the white version. */
.topbar,
.topbar .brand-bar,
.topbar .nav-pill,
.topbar .nav-pill:hover,
.topbar .nav-pill[aria-expanded=true]{
  background:#fff !important;
  color:#171717 !important;
}
.topbar .chevron{border-top-color:#dedede !important;}
main,#work,#portfolio-status{background:#fff !important;color:#171717;}

/* Original-quality media, with lightweight scrolling and casual-save deterrents. */
.project img,.detail-frame img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.project.blur-reveal,.detail-gallery .blur-reveal{filter:none!important;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;will-change:auto}
.project.blur-reveal.is-visible,.detail-gallery .blur-reveal.is-visible{transform:none}
@media(prefers-reduced-motion:reduce){.project.blur-reveal,.detail-gallery .blur-reveal{transform:none;transition:none;opacity:1}}