/* Site motion/layout only. Published liquid-glass-react optics stay untouched. */
:root { --paper:#f5f7f5; --portfolio-base:#f5f7f5; --motion-ease:cubic-bezier(.2,.75,.2,1); }
body,.about-section,.works-section,.site-footer { background:var(--paper); }
.site-header { position:absolute;top:0;left:0;width:100%;pointer-events:none; }
.site-header .brand { pointer-events:auto; }
.home-section { min-height:100svh;padding-top:110px;max-width:none; }
.works-section[data-view="shelf"],.shelf-stage,.album-dialog,.settings-card { background:var(--paper); }
.works-section .shelf-stage { transition:height 850ms var(--motion-ease),min-height 850ms var(--motion-ease); }
.works-section[data-view="shelf"] .shelf-stage:after { background:linear-gradient(180deg,#f5f7f566,transparent 28%,transparent 64%,#f5f7f5dd); }
.about-section,.site-footer { border-color:var(--line); }
.brand img,.archive-brand img { transition:filter 650ms var(--motion-ease); }
body.hero-dark .brand img { filter:invert(1); }
body.hero-dark .liquid-portal-stage[data-kind="navigation"] { --glass-ink:#f4fbff; }
body.hero-dark .liquid-portal-stage[data-kind="navigation"] .liquid-item-small { color:#d3e9f2; }
body.hero-dark .utility-dock .relief-icon-shadow { stroke:#d8e7ee; }
body.hero-dark .utility-dock .relief-icon-highlight { stroke:#fff; opacity:.35; }
.liquid-items { position:relative; }
.liquid-selection-indicator { position:absolute;left:0;top:0;display:block;border-radius:999px;background:#124c62;pointer-events:none;transition:transform 460ms var(--motion-ease),width 460ms var(--motion-ease),height 460ms var(--motion-ease); }
.liquid-item { z-index:1;transition:color 280ms var(--motion-ease),opacity 180ms var(--motion-ease); }
.liquid-item.is-selected { background:transparent; }
button:not(.liquid-surface-actual),a,input,select { transition:color 220ms var(--motion-ease),border-color 220ms var(--motion-ease),opacity 220ms var(--motion-ease),box-shadow 300ms var(--motion-ease); }
.liquid-surface-actual { transition:opacity 180ms var(--motion-ease); }
.liquid-surface-actual:active,.liquid-item:active { opacity:.72; }
.round-button,.work-card { transition:transform 420ms var(--motion-ease),opacity 350ms var(--motion-ease),box-shadow 420ms var(--motion-ease); }
.round-button:active { transform:scale(.92); }
.work-card:hover,.work-card:focus-visible { transform:translateY(-8px); }
.work-card:active { transform:translateY(-3px) scale(.985); }
.shared-cover-flight { position:fixed;z-index:90;object-fit:cover;pointer-events:none;max-width:none;box-shadow:0 20px 50px #1a293322;will-change:left,top,width,height; }
.works-section[data-view="shelf"] .shelf-focus-info { --shelf-copy-size:clamp(24px,min(2.8vw,3.6svh),46px);bottom:calc(40px + env(safe-area-inset-bottom));max-width:min(35%,650px); }
.works-section[data-view="shelf"] .shelf-focus-info h3 { font-size:var(--shelf-copy-size); }
.works-section[data-view="shelf"] .shelf-focus-info .tiny-label { font-size:clamp(10px,calc(var(--shelf-copy-size)*.3),14px); }
.works-section[data-view="shelf"] .shelf-focus-info>p:last-of-type { font-size:clamp(12px,calc(var(--shelf-copy-size)*.35),16px); }
.works-section[data-view="shelf"] .shelf-row-control,.works-section[data-view="shelf"] .shelf-column-control { bottom:calc(40px + env(safe-area-inset-bottom));min-height:56px; }
.works-section[data-view="shelf"] .shelf-focus-info #shelf-open-album { min-height:56px;padding:16px 24px;font-size:clamp(12px,1vw,16px); }
.shelf-focus-info,.shelf-row-control,.shelf-column-control,.shelf-top-note,.archive-brand { transition:opacity 420ms var(--motion-ease); }
.works-section[data-detail] { position:relative;padding:0;min-height:100svh;overflow:visible;background:var(--paper); }
.works-section[data-detail] > .section-heading,.works-section[data-detail] > .works-title-row,.works-section[data-detail] > .archive-toolbar,.works-section[data-detail] > .archive-subbar,.works-section[data-detail] > .archive-footer,.works-section[data-detail] > .accessible-albums { position:absolute; }
.works-section[data-detail] > .section-heading,.works-section[data-detail] > .works-title-row,.works-section[data-detail] > .archive-toolbar,.works-section[data-detail] > .archive-subbar,.works-section[data-detail] > .archive-footer,.works-section[data-detail] .shelf-focus-info,.works-section[data-detail] .shelf-row-control,.works-section[data-detail] .shelf-column-control,.works-section[data-detail] .shelf-top-note,.works-section[data-detail] .archive-brand,.works-section[data-detail] .shelf-hover { opacity:calc(1 - var(--detail-progress,0));pointer-events:none; }
.works-section[data-detail="open"] > .archive-toolbar,.works-section[data-detail="open"] > .archive-subbar { visibility:hidden; }
.works-section[data-detail] .shelf-stage { width:100%;height:78svh;min-height:520px;max-height:none;border-radius:0;transition:height 850ms var(--motion-ease),min-height 850ms var(--motion-ease); }
.works-section[data-detail] .shelf-stage:after { background:linear-gradient(180deg,#f5f7f53d,transparent 20%,transparent 75%,var(--paper));pointer-events:none; }
.works-section > .album-topbar { position:sticky;top:calc(18px + env(safe-area-inset-top));height:0;padding:0;margin:0 calc(4.5% + 74px) 0 4.5%;z-index:30;pointer-events:none; }
.works-section[data-detail] > .album-topbar { opacity:var(--detail-progress,0); }
.album-topbar .liquid-layout-proxy { align-self:start; }
.works-section > .album-dialog { position:relative;inset:auto;width:100%;max-width:none;max-height:none;height:auto;border:0;border-radius:0;overflow:visible;margin:0;padding:0;background:transparent;opacity:var(--detail-progress,1);transform:translateY(calc((1 - var(--detail-progress,1))*20px)); }
.album-inner { width:100%;max-width:1560px;margin:0 auto;padding:0 4.5% 90px; }
.album-description { margin-top:30px;padding-top:26px; }
.album-description h2 { font-size:clamp(30px,3.5vw,58px);line-height:1.35; }
.album-end { margin-top:100px; }
.album-images-track { gap:20px;touch-action:pan-x; }
.render-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.render-grid figure { margin:0; }
.render-grid img { width:100%;height:auto;border-radius:14px; }
.album-image-hint { display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px; }
.model-topbar { display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;left:4.5%;right:4.5%;top:24px;z-index:5; }
.model-topbar>p { margin:0;text-align:center; }
.model-topbar strong { display:block;margin-top:8px;font-size:clamp(14px,1.4vw,22px); }
.model-topbar .text-button { padding:14px 20px;font-size:13px; }
.works-section[data-fullscreen="true"] .shelf-stage { position:fixed;inset:0;height:100svh;min-height:0;max-height:none;z-index:auto; }
.works-section[data-fullscreen="true"] > .album-topbar { visibility:hidden;opacity:0; }
.works-section[data-fullscreen="true"] > .album-dialog { opacity:0;pointer-events:none; }
body[data-model-fullscreen="true"] .site-header { visibility:hidden;opacity:0; }
body.archive-detail-active .site-header { opacity:0;pointer-events:none; }
body.archive-detail-active .liquid-portal-stage[data-kind="navigation"] { visibility:hidden!important;opacity:0!important;pointer-events:none!important; }
.works-section[data-detail] > .section-heading,.works-section[data-detail] > .works-title-row,.works-section[data-detail] > .archive-toolbar,.works-section[data-detail] > .archive-subbar,.works-section[data-detail] .archive-brand { opacity:0; }
body[data-model-fullscreen="true"] .utility-dock #back-to-top { display:none; }
body.archive-detail-active .utility-dock[data-context="page"] #back-to-top { bottom:calc(28px + env(safe-area-inset-bottom)); }
.settings-dialog::backdrop,.image-lightbox::backdrop { animation:backdrop-enter 350ms var(--motion-ease); }
.settings-card { transform-origin:center; }
@keyframes backdrop-enter { from {opacity:0}to{opacity:1} }
@media(max-width:1100px) and (orientation:landscape) {
  .works-section[data-view="shelf"] .shelf-focus-info { max-width:36%;bottom:calc(110px + env(safe-area-inset-bottom)); }
  .works-section[data-view="shelf"] .shelf-row-control { left:4.5%;transform:none; }
}
@media(max-width:720px),(max-width:900px) and (orientation:portrait) {
  .works-section[data-view="shelf"] .shelf-focus-info { --shelf-copy-size:clamp(24px,6.4vw,34px);bottom:calc(242px + env(safe-area-inset-bottom));max-width:74%; }
  .works-section[data-view="shelf"] .shelf-focus-info #shelf-open-album { min-height:48px;padding:13px 20px; }
  .works-section[data-view="shelf"] .shelf-row-control { bottom:calc(168px + env(safe-area-inset-bottom));min-height:55px; }
  .works-section[data-view="shelf"] .shelf-column-control { bottom:calc(102px + env(safe-area-inset-bottom));min-height:55px; }
  .works-section[data-detail] .shelf-stage { height:68svh;min-height:430px; }
  .works-section > .album-topbar { top:calc(14px + env(safe-area-inset-top));margin:0 calc(6% + 54px) 0 6%;gap:6px; }
  .works-section > .album-topbar #album-close,.works-section > .album-topbar #album-next { font-size:10px;padding:10px;gap:5px; }
  .works-section > .album-topbar #album-index { font-size:9px;padding:10px; }
  .album-inner { padding:0 6% 60px; }
  .album-description { margin-top:20px;gap:20px;flex-wrap:wrap; }
  .album-end { margin-top:70px; }
  .render-grid { grid-template-columns:1fr;gap:18px; }
  .model-topbar { top:calc(16px + env(safe-area-inset-top));left:5%;right:5%;gap:10px;flex-wrap:wrap; }
  .model-topbar>p { order:3;width:100%;text-align:left; }
  .model-topbar .text-button { padding:12px 15px;font-size:11px; }
}
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after { animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important; }