/* The three-dimensional scene augments the original authored hero image. */
.hero-kicker time{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.hero-environment{display:none;position:absolute;inset:0;width:100%;height:100%;mask-image:radial-gradient(ellipse at 70% 44%,#000 8%,transparent 76%)}
.has-procedural-environment .hero-environment{display:block;opacity:.88}
.signature-art{isolation:isolate}
.signature-art::before{content:'';position:absolute;inset:12% 1%;border-radius:50%;background:radial-gradient(ellipse,#8b254650 0%,#510e2526 32%,transparent 70%);filter:blur(22px);pointer-events:none}
.hero-object{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:2;transition:opacity .5s ease;filter:drop-shadow(0 23px 26px #000a) drop-shadow(0 0 25px #7b234138)}
.is-3d-active .hero-object{opacity:1;pointer-events:auto;touch-action:none;cursor:grab}
.is-3d-active.is-dragging .hero-object{cursor:grabbing}
.is-3d-active picture{opacity:0;transition:opacity .35s ease}
.motion-enabled .signature-art.is-3d-active{transform:translate3d(0,var(--hero-scroll,0px),0)}
.scene-toggle{display:none;position:absolute;bottom:8%;right:5%;z-index:4;background:#1f111bd9;border:1px solid #ba8193;color:var(--ivory);padding:.7rem .9rem;min-height:44px;gap:1rem;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;align-items:center}
.scene-toggle span{font-size:1.1rem}
.scene-toggle:focus-visible,.study-open:focus-visible,.studies-controls button:focus-visible,.study-close:focus-visible{outline:2px solid #e3a4b5;outline-offset:3px}
.interaction-cursor{position:fixed;left:0;top:0;z-index:35;width:74px;height:74px;border-radius:50%;pointer-events:none;display:grid;place-items:center;background:#6b1d3be8;border:1px solid #eab8c8b8;color:#fff;font-size:.62rem;letter-spacing:.1em;white-space:nowrap;box-shadow:0 6px 32px #0009,0 0 0 6px #ae5a7320;backdrop-filter:blur(8px);opacity:0;transition:opacity .17s ease,background .17s ease,width .22s var(--ease),height .22s var(--ease),border-radius .22s var(--ease);will-change:transform}
.interaction-cursor.is-visible{opacity:1}
.interaction-cursor[data-state="view"]{width:112px;height:48px;border-radius:100px;background:#651f3cee}
.interaction-cursor[data-state="drag"]{background:#2c1025e8}
.interaction-cursor[data-state="explore"]{width:96px;height:44px;border-radius:100px;background:#f3efe9;color:#3c1425;border-color:#fff}
.has-interaction-cursor .study-open:hover,.has-interaction-cursor .is-3d-active .hero-object:hover,.has-interaction-cursor .primary:hover{cursor:none}
@media(hover:none),(pointer:coarse){.scene-available .scene-toggle{display:flex}}

/* A native horizontal gallery: wheel, swipe, scrollbar and keyboard all keep working. */
.studies-section{overflow:hidden}
.studies-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:1rem 0 1.6rem;gap:1rem}
.studies-toolbar p,.studies-disclosure{color:var(--grey);font-size:.78rem}
.studies-controls{display:flex;align-items:center;gap:.45rem;font-size:.72rem;letter-spacing:.06em}
.studies-controls span{margin-right:1rem;min-width:4rem;color:#cd99a9}
.studies-controls button{width:44px;height:44px;border:1px solid #78606a;background:none;color:var(--ivory);font-size:1.15rem;transition:background .2s,border-color .2s}
.studies-controls button:hover:not(:disabled){background:#54182c;border-color:#c08798}
.studies-controls button:disabled{opacity:.4;cursor:default}
.studies-track{display:flex;gap:clamp(1rem,2vw,2rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-inline:contain;padding:0 0 1.2rem;scrollbar-width:thin;scrollbar-color:#814052 #292026}
.studies-track::after{content:'';flex:0 0 max(0px,calc(100% - clamp(300px,58vw,780px) - 2rem))}
.study-card{flex:0 0 clamp(300px,58vw,780px);min-width:0;scroll-snap-align:start}
.study-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}
.study-info{padding:1.3rem 0 2rem;border-top:1px solid #b06d84;margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}
.study-info span{font-size:.7rem;color:#c58fa0;text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1}
.study-info h3{font-size:clamp(1.7rem,2.5vw,2.9rem);letter-spacing:-.04em;font-weight:400}
.study-info p{font-size:.85rem;color:var(--grey);justify-self:end;max-width:180px}
.studies-disclosure{margin-top:.5rem}

/* A quiet metallic form adds depth behind the studio mark without obscuring its copy. */
.studio-section{position:relative;isolation:isolate;overflow:hidden}
.studio-section>.section-index,.studio-copy,.studio-mark,.studio-bottom{position:relative;z-index:1}
.studio-object{position:absolute;z-index:0;width:clamp(240px,33vw,500px);aspect-ratio:1;right:4%;top:11%;pointer-events:none;border-radius:50%;opacity:.48;transform:translate3d(0,var(--orb-depth,0px),0) rotate(-22deg);background:radial-gradient(ellipse at 29% 23%,#f8d8df 0%,#d27f9c 5%,#82324f 17%,#250d20 35%,#a65b75 49%,#3d1028 67%,#0d0b13 86%);box-shadow:inset -24px -36px 55px #09030cbb,inset 10px 12px 22px #f5c9d331,0 35px 90px #72213a44}
.studio-object::before{content:'';position:absolute;inset:15% 1%;border-radius:50%;border:1px solid #e5a4b971;transform:rotate(-23deg) rotateX(66deg);box-shadow:0 0 20px #d4879d22}
.studio-object::after{content:'';position:absolute;left:21%;top:16%;width:49%;height:18%;border-radius:50%;background:linear-gradient(180deg,#f8d8dc8c,#e5a7b720,transparent);filter:blur(9px);transform:rotate(-28deg)}

.study-dialog{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:0;border:0;background:#0e0b0e;color:var(--ivory);overflow-y:auto}
.study-dialog::backdrop{background:#050305dd}
.study-dialog-inner{min-height:100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(1rem,4vw,4rem);position:relative}
.study-close{position:absolute;right:clamp(1rem,4vw,4rem);top:clamp(1rem,4vw,4rem);z-index:8;background:#1c1118;color:var(--ivory);border:1px solid #99677a;min-height:44px;padding:.5rem .8rem;display:flex;align-items:center;gap:1rem;font-size:.85rem}
.study-close span{font-size:1.5rem;line-height:1}
.study-dialog-art{min-width:0}
.study-dialog-art .study-art{width:100%;aspect-ratio:1.2;box-shadow:0 30px 100px #000a}
.study-dialog-copy{max-width:480px}
.study-dialog-copy>.micro{color:#c48ca0}
.study-dialog-copy h2{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.07em;line-height:1;margin:1.2rem 0 1.6rem}
.study-dialog-copy>p{font-size:clamp(1rem,1.3vw,1.3rem);max-width:31rem;line-height:1.5}
.study-dialog-copy .study-dialog-note{font-size:.75rem;color:#bcaab0;margin:2rem 0;border-top:1px solid var(--line);padding-top:1rem}
.study-dialog-copy .button{width:max-content}

/* The page is a single document, so this 24-cell wipe is reserved for deliberate navigation jumps. */
.route-wipe{position:fixed;inset:0;z-index:45;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none}
.route-wipe i{background:#270f1b;transform:scaleY(0);transform-origin:top}

@media(max-width:760px){
  .hero-kicker time{font-size:.68rem}
  .hero-environment,.interaction-cursor{display:none!important}
  .study-card{flex-basis:min(85vw,540px)}
  .studies-track::after{flex-basis:max(0px,calc(100% - min(85vw,540px) - 1rem))}
  .studies-toolbar p{font-size:.65rem}
  .studies-controls span{margin-right:.25rem}
  .study-art{aspect-ratio:.93}
  .study-dialog-inner{grid-template-columns:1fr;gap:1.5rem;align-content:start;padding:5.5rem 1.2rem 2rem}
  .study-dialog-art .study-art{aspect-ratio:1.3}
  .study-dialog-copy h2{font-size:3.2rem;margin:.8rem 0}
  .study-dialog-copy .study-dialog-note{margin:1.2rem 0}
  .studio-object{width:300px;right:-100px;top:22%;opacity:.18}
}
@media(prefers-reduced-motion:reduce){
  .hero-object,.study-art{transition:none!important}
  .hero-environment,.interaction-cursor{display:none!important}
  .route-wipe{display:none!important}
  .type-rail{transform:none!important;will-change:auto}
}