:root {
  --detail-paper: #d7e1df;
  --detail-ink: #11191c;
  --detail-mist: #b9cbca;
  --detail-cream: #f4eadc;
  --detail-accent: #d89a3f;
}

body.detail-open { overflow: hidden; }
body.detail-open .site-header { opacity: 0; pointer-events: none; transition: opacity .45s ease; }

.detail-experience {
  position: fixed; inset: 0; z-index: 2000; visibility: hidden; overflow: hidden;
  clip-path: circle(0 at var(--detail-origin-x) var(--detail-origin-y));
  background: var(--detail-paper); opacity: 1; pointer-events: none;
  transition: clip-path 1.12s cubic-bezier(.76,0,.17,1), visibility 0s 1.12s;
  will-change: clip-path;
}
.detail-experience.is-active { visibility: visible; pointer-events: auto; transition-delay: 0s; }
.detail-experience.is-visible { clip-path: circle(155vmax at var(--detail-origin-x) var(--detail-origin-y)); }
.detail-experience.is-returning { clip-path: circle(0 at var(--detail-origin-x) var(--detail-origin-y)); pointer-events: none; }

.detail-origin-flare {
  position: fixed; z-index: 20; left: var(--detail-origin-x); top: var(--detail-origin-y);
  width: 28px; height: 28px; border: 1px solid rgba(255,236,206,.8); border-radius: 50%;
  transform: translate(-50%,-50%) scale(.15); opacity: 0; pointer-events: none;
  box-shadow: 0 0 0 12px rgba(245,175,25,.12),0 0 70px 28px rgba(245,175,25,.34);
}
.detail-experience.is-active .detail-origin-flare { animation: detailPortal 1.05s cubic-bezier(.2,.7,.1,1) both; }
@keyframes detailPortal { 0%{opacity:0;transform:translate(-50%,-50%) scale(.15)} 24%{opacity:1} 100%{opacity:0;transform:translate(-50%,-50%) scale(9)} }

.detail-scroll { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; overscroll-behavior: contain; }
.detail-back {
  position: fixed; z-index: 30; top: 34px; right: 42px; display: flex; align-items: center; gap: 13px;
  min-height: 42px; padding: 0 18px; border: 1px solid rgba(255,255,255,.38); border-radius: 999px;
  background: rgba(20,26,28,.18); color: #fff; cursor: pointer; letter-spacing: .24em; font-size: 9px;
  backdrop-filter: blur(18px) saturate(1.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.14);
  transition: background .3s,transform .3s,color .3s;
}
.detail-back i { position: relative; width: 18px; height: 1px; background: currentColor; }
.detail-back i::before { content:""; position:absolute; left:0; top:-3px; width:7px; height:7px; border-left:1px solid; border-bottom:1px solid; transform:rotate(45deg); }
.detail-back:hover { transform: translateX(-3px); background: rgba(255,255,255,.88); color:#172024; }

.detail-hero { position: relative; min-height: 100svh; overflow: hidden; color: #fff; background:#536168; isolation:isolate; }
.detail-hero-image { position:absolute; inset:-4%; z-index:-3; background-image:var(--hero-image); background-size:cover; background-position:center 36%; transform:scale(1.12); transition:transform 1.9s cubic-bezier(.18,.68,.18,1); }
.detail-experience.is-visible .detail-hero-image { transform:scale(1); }
.detail-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(9,16,19,.7) 0,rgba(13,19,21,.25) 48%,rgba(7,12,14,.22)),linear-gradient(180deg,rgba(6,11,13,.18),transparent 42%,rgba(4,8,10,.6)); }
.detail-hero-shade::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(255,226,185,.12),transparent 29%),linear-gradient(120deg,transparent 43%,rgba(255,255,255,.08) 51%,transparent 59%);mix-blend-mode:screen; }

.detail-hero-copy { position:absolute; left:clamp(38px,7vw,112px); top:50%; width:min(660px,76vw); transform:translateY(-48%); }
.detail-overline { margin:0 0 27px; color:rgba(255,245,230,.78); font-size:9px; font-weight:600; letter-spacing:.34em; }
.detail-hero h1 { margin:0; text-transform:uppercase; }
.detail-hero h1 span,.detail-hero h1 strong { display:block; }
.detail-hero h1 span { font:500 clamp(78px,11vw,168px)/.72 "Cormorant Garamond",Georgia,serif; letter-spacing:-.035em; text-shadow:0 14px 46px rgba(0,0,0,.22); }
.detail-hero h1 strong { margin-top:27px; color:rgba(255,255,255,.92); font-size:clamp(19px,2vw,29px); font-weight:500; letter-spacing:.55em; }
.detail-cn { margin:21px 0 0; font:400 20px/1.3 var(--font-zh-serif); letter-spacing:.3em; }
.detail-intro { max-width:560px; margin:34px 0 0; color:rgba(255,255,255,.82); font:400 clamp(16px,1.5vw,20px)/1.65 "Cormorant Garamond",Georgia,serif; letter-spacing:.03em; }
.detail-intro-cn { max-width:560px; margin:8px 0 0; color:rgba(255,255,255,.58); font-size:11px; line-height:1.8; letter-spacing:.12em; }

.detail-coordinates { position:absolute; right:clamp(42px,6vw,94px); bottom:70px; display:grid; justify-items:end; gap:8px; color:rgba(255,255,255,.72); }
.detail-coordinates span { font-size:8px; letter-spacing:.36em; }
.detail-coordinates strong { font:400 14px/1 Montserrat,sans-serif; letter-spacing:.15em; }
.detail-coordinate-scale { position:absolute; z-index:2; top:50%; display:grid; gap:18px; transform:translateY(-50%);opacity:.48; }
.detail-coordinate-scale-left { left:21px; }.detail-coordinate-scale-right { right:21px; }
.detail-coordinate-scale i { width:9px;height:1px;background:#fff; }.detail-coordinate-scale i:nth-child(3){width:20px;}
.detail-scroll-cue { position:absolute; left:50%; bottom:34px; display:grid; justify-items:center; gap:12px; padding:0; transform:translateX(-50%); border:0; background:transparent; color:#fff; cursor:pointer; }
.detail-scroll-cue span { font-size:8px; letter-spacing:.3em; }
.detail-scroll-cue i { width:1px;height:35px;background:linear-gradient(#fff,transparent);animation:detailCue 1.8s ease-in-out infinite; }
@keyframes detailCue { 0%,100%{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1} }

.detail-media { min-height:100svh; padding:clamp(34px,6vw,84px); color:var(--detail-ink); background:linear-gradient(135deg,#dbe5e2,#b8cccb 56%,#9fbab8); }
.detail-media-frame { width:min(1320px,100%); min-height:calc(100svh - clamp(68px,12vw,168px)); margin:auto; padding:clamp(30px,4vw,58px); overflow:hidden; border:1px solid rgba(255,255,255,.58); border-radius:34px; background:rgba(244,248,246,.33); box-shadow:0 36px 90px rgba(30,57,58,.2),inset 0 1px 0 rgba(255,255,255,.65); backdrop-filter:blur(26px) saturate(1.05); }
.detail-media-header { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:35px; }
.detail-media-header p { margin:0;color:rgba(18,30,33,.62);font-size:9px;line-height:1.7;letter-spacing:.22em; }
.detail-media-header h2 { margin:10px 0 0; font:500 clamp(42px,5vw,74px)/.88 "Cormorant Garamond",Georgia,serif; letter-spacing:-.025em; }
.detail-media-header > p { max-width:370px;text-align:right;letter-spacing:.08em; }
.detail-media-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr); grid-template-rows:repeat(3,minmax(145px,1fr)); gap:14px; min-height:570px; }
.detail-media-card { position:relative; min-height:0; overflow:hidden; border-radius:20px; color:#fff; box-shadow:0 20px 44px rgba(19,39,41,.2); isolation:isolate; }
.detail-media-card.is-featured { grid-row:1 / 4; }
.detail-media-image { position:absolute;inset:0;z-index:-3;background-image:var(--card-image);background-size:cover;background-position:center;transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .6s; }
.detail-media-overlay { position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,12,15,.02),rgba(6,14,17,.15) 48%,rgba(4,11,13,.84)); }
.detail-media-card::after { content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);border-radius:inherit;pointer-events:none; }
.detail-media-card:hover .detail-media-image { transform:scale(1.055);filter:saturate(1.08); }
.detail-media-number { position:absolute;right:20px;top:-14px;color:rgba(255,255,255,.72);font:400 clamp(62px,7vw,108px)/1 "Cormorant Garamond",Georgia,serif; }
.detail-play { position:absolute;left:24px;top:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(0,0,0,.18);transition:transform .35s; }
.detail-play i { position:absolute;left:18px;top:14px;border-left:11px solid #21363a;border-top:8px solid transparent;border-bottom:8px solid transparent; }
.detail-media-card:hover .detail-play { transform:scale(1.1); }
.detail-media-copy { position:absolute;left:24px;right:20px;bottom:20px;display:grid;gap:5px; }
.detail-media-copy small { font-size:8px;letter-spacing:.26em;color:rgba(255,255,255,.7); }
.detail-media-copy strong { font:500 clamp(22px,2.4vw,38px)/1 "Cormorant Garamond",Georgia,serif; }
.detail-media-card:not(.is-featured) .detail-media-copy strong { font-size:clamp(19px,1.8vw,28px); }
.detail-media-copy em { font-size:9px;font-style:normal;letter-spacing:.08em;color:rgba(255,255,255,.7); }

.map-experience.detail-departing .map-layer { filter:brightness(.36) saturate(.55) blur(2px); transform:scale(.985); transition:filter .75s,transform .95s; }
.map-experience.detail-departing .trip-marker:not(.is-active) { opacity:.08; transition:opacity .55s; }
.map-experience.detail-departing .trip-marker.is-active .marker-light::after { animation:none;transform:scale(3.8);opacity:0;transition:transform .75s,opacity .75s; }

@media (max-width: 820px) {
  .detail-back { top:20px;right:18px; }
  .detail-hero-copy { left:28px;top:47%;width:calc(100vw - 56px); }
  .detail-hero h1 span { font-size:clamp(72px,23vw,122px); }
  .detail-intro { max-width:88vw; }
  .detail-coordinates { right:24px;bottom:92px; }
  .detail-media { padding:18px; }
  .detail-media-frame { padding:26px 18px;border-radius:25px; }
  .detail-media-header { display:block; }
  .detail-media-header > p { margin-top:18px;text-align:left; }
  .detail-media-layout { grid-template-columns:1fr;grid-template-rows:420px repeat(3,210px); }
  .detail-media-card.is-featured { grid-row:auto; }
  .detail-coordinate-scale { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .detail-experience { transition-duration:.01s; }
  .detail-hero-image,.detail-media-image { transition:none; }
  .detail-scroll-cue i { animation:none; }
}

/* Paris detail v2 — one continuous cinematic language across both screens. */
.detail-scroll { scroll-snap-type:y proximity; }
.detail-hero,.detail-media { scroll-snap-align:start; }
.detail-hero-image { transform:scale(1.08); transition:none; animation:detailHeroDrift 22s linear infinite; will-change:transform; backface-visibility:hidden; }
.detail-experience.is-visible .detail-hero-image { transform:scale(1.045); }
@keyframes detailHeroDrift {
  0%,100% { transform:translate3d(-1.15%,.15%,0) scale(1.075); }
  25% { transform:translate3d(0,-.55%,0) scale(1.105); }
  50% { transform:translate3d(1.2%,-.1%,0) scale(1.085); }
  75% { transform:translate3d(.05%,.5%,0) scale(1.115); }
}
.detail-hero-shade::before { content:"";position:absolute;inset:-22%;background:radial-gradient(ellipse at 62% 40%,rgba(255,230,196,.24),transparent 31%),radial-gradient(ellipse at 35% 70%,rgba(175,210,214,.12),transparent 34%);mix-blend-mode:screen;animation:detailLightBreath 7s ease-in-out infinite alternate;will-change:transform,opacity; }
@keyframes detailLightBreath { from{transform:translate3d(-3%,2%,0) scale(.96);opacity:.38}to{transform:translate3d(3.5%,-2.5%,0) scale(1.08);opacity:1} }
.detail-hero-copy { width:min(500px,42vw); }
.detail-inline-coordinates { display:grid;gap:7px;margin:27px 0 0;color:rgba(255,255,255,.72); }
.detail-inline-coordinates span { font-size:7px;letter-spacing:.36em; }
.detail-inline-coordinates strong { font-size:11px;font-weight:500;letter-spacing:.17em; }
.detail-more { display:inline-flex;align-items:center;gap:20px;margin-top:27px;padding:12px 17px 12px 19px;border:1px solid rgba(255,255,255,.44);border-radius:999px;color:#fff;font-size:8px;font-weight:600;letter-spacing:.3em;background:rgba(8,14,17,.13);backdrop-filter:blur(12px);transition:background .3s,color .3s,transform .3s; }
.detail-more i { position:relative;width:24px;height:1px;background:currentColor; }
.detail-more i::after { content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg); }
.detail-more:hover { background:rgba(255,255,255,.9);color:#172024;transform:translateX(3px); }
.detail-more.is-placeholder { opacity:.68; }

.detail-hero-gallery { position:absolute;z-index:4;right:3.8vw;bottom:8vh;width:min(54vw,700px);overflow:hidden; }
.detail-hero-gallery-track { display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:grab; }
.detail-hero-gallery-track::-webkit-scrollbar { display:none; }
.detail-hero-gallery-track.is-dragging { cursor:grabbing;scroll-behavior:auto; }
.detail-hero-gallery-card { position:relative;flex:0 0 clamp(135px,13vw,178px);height:clamp(176px,25vh,238px);margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.12);box-shadow:0 20px 42px rgba(0,0,0,.22); }
.detail-hero-gallery-card img { width:100%;height:100%;object-fit:cover;transition:transform .65s ease; }
.detail-hero-gallery-card::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,10,12,.66)); }
.detail-hero-gallery-card:hover img { transform:scale(1.055); }
.detail-hero-gallery-card figcaption { position:absolute;z-index:2;left:14px;bottom:13px;color:#fff;font-size:7px;letter-spacing:.18em; }
.detail-hero-gallery-card::after { display:none; }
.detail-hero-gallery-nav { display:flex;align-items:center;gap:10px;margin-top:14px;color:rgba(255,255,255,.76); }
.detail-hero-gallery-nav button { width:35px;height:35px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(4,10,12,.15);color:#fff;cursor:pointer;backdrop-filter:blur(10px);transition:background .3s,transform .3s; }
.detail-hero-gallery-nav button:hover { background:rgba(255,255,255,.24);transform:translateY(-2px); }
.detail-hero-gallery-nav span { margin-left:auto;font-size:8px;letter-spacing:.2em; }
.detail-hero-gallery-nav b { color:#fff;font-size:15px;font-weight:500; }
.detail-scroll-cue { left:27%; }

.detail-media { position:relative;min-height:105svh;margin-top:-6vh;padding:0;overflow:hidden;color:#fff;background:#8da09f;clip-path:polygon(0 6vh,100% 0,100% 100%,0 100%);isolation:isolate;box-shadow:0 -16px 45px rgba(213,229,226,.12); }
.detail-media::before { content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:10vh;background:linear-gradient(176.5deg,rgba(236,242,238,.2),rgba(180,201,198,.06) 36%,transparent 72%);pointer-events:none; }
.detail-media::after { display:none; }
.detail-media-background { position:absolute;inset:-5%;z-index:-4;overflow:hidden; }
.detail-media-background-image { position:absolute;inset:0;background-image:var(--preview-image);background-size:cover;background-position:center;opacity:1;transform:scale(1.06);transition:opacity .55s ease;background-color:#263a3e;animation:detailPreviewMotion 12s ease-in-out infinite alternate; }
@keyframes detailPreviewMotion { from{transform:scale(1.045) translate3d(-.5%,0,0)}to{transform:scale(1.1) translate3d(.7%,-.5%,0)} }
.detail-media-background video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease; }
.detail-media-background.has-video video { opacity:1; }
.detail-media-background.has-video .detail-media-background-image { opacity:0; }
.detail-media-background.is-switching .detail-media-background-image,.detail-media-background.is-switching video { opacity:.18; }
.detail-media-shade { position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,24,27,.48) 0,rgba(8,20,23,.28) 40%,rgba(9,20,22,.12) 68%,rgba(12,23,24,.2)),linear-gradient(180deg,rgba(238,241,232,.06),transparent 44%,rgba(7,16,18,.24)); }
.detail-media-shade::after { content:"";position:absolute;inset:0;background:radial-gradient(circle at 29% 55%,rgba(199,226,220,.2),transparent 38%),linear-gradient(115deg,transparent 46%,rgba(250,237,210,.08) 56%,transparent 69%);mix-blend-mode:screen; }
.detail-media-heading { position:absolute;z-index:3;left:clamp(38px,6vw,92px);top:clamp(82px,13vh,126px); }
.detail-media-heading p { margin:0;color:rgba(255,255,255,.58);font-size:8px;letter-spacing:.3em; }
.detail-media-heading h2 { margin:16px 0 0;font:500 clamp(48px,6vw,88px)/.86 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;text-shadow:0 15px 40px rgba(0,0,0,.22); }
.detail-media-feature { position:absolute;z-index:3;left:clamp(38px,6vw,92px);bottom:clamp(50px,9vh,88px);width:min(42vw,520px);display:grid;gap:8px; }
.detail-media-feature > span { color:rgba(255,255,255,.25);font:400 clamp(74px,9vw,132px)/.62 "Cormorant Garamond",Georgia,serif; }
.detail-media-feature p { margin:18px 0 0;color:rgba(255,255,255,.65);font-size:8px;letter-spacing:.28em; }
.detail-media-feature h3 { margin:0;font:500 clamp(24px,2.6vw,30px)/1.02 "Cormorant Garamond","Noto Serif SC Variable",Georgia,serif; }
.detail-media-feature small { color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.08em; }
.detail-media-feature em { margin-top:13px;color:rgba(255,255,255,.42);font-size:8px;font-style:normal;letter-spacing:.16em; }
.detail-video-list { position:absolute;z-index:4;right:clamp(28px,5vw,76px);top:50%;width:min(39vw,480px);max-height:78vh;display:grid;gap:12px;transform:translateY(-48%);overflow-y:auto;padding:3px 5px 3px 3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.65) rgba(255,255,255,.08); }
.detail-video-card { position:relative;flex:none;height:clamp(118px,17vh,158px);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:17px;cursor:pointer;opacity:.78;transform:translateX(8px);transition:opacity .35s,transform .35s,border-color .35s,box-shadow .35s;box-shadow:0 14px 30px rgba(0,0,0,.14); }
.detail-video-card:hover,.detail-video-card.is-active { opacity:1;transform:none;border-color:rgba(255,255,255,.56);box-shadow:0 20px 38px rgba(0,0,0,.22); }
.detail-video-card-image { position:absolute;inset:0;background-image:var(--card-image);background-size:cover;background-position:center;transition:transform .65s ease; }
.detail-video-card:hover .detail-video-card-image,.detail-video-card.is-active .detail-video-card-image { transform:scale(1.045); }
.detail-video-card-shade { display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,11,14,.06) 0,rgba(3,9,11,.12) 48%,rgba(3,9,11,.38) 100%); }
.detail-video-number { position:absolute;right:14px;top:-12px;color:rgba(255,255,255,.68);font:400 clamp(58px,6vw,86px)/1 "Cormorant Garamond",Georgia,serif;text-shadow:0 3px 18px rgba(15,28,30,.3); }
.detail-video-copy { position:absolute;z-index:2;left:18px;right:76px;bottom:14px;display:grid;gap:3px;color:#fff;text-shadow:0 2px 13px rgba(4,12,14,.58); }
.detail-video-copy small { color:rgba(255,255,255,.78);font-size:7px;letter-spacing:.24em; }
.detail-video-copy strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 clamp(15px,1.35vw,21px)/1.05 "Cormorant Garamond","Noto Serif SC Variable",Georgia,serif; }
.detail-video-copy em { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.76);font-size:8px;font-style:normal;letter-spacing:.06em; }
.detail-video-play { position:absolute;z-index:5;left:14px;top:13px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 7px 17px rgba(0,0,0,.18);transition:transform .3s,background .3s,box-shadow .3s; }
.detail-video-play i { position:absolute;left:50%;top:50%;width:0;height:0;border-left:7px solid #263a3d;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translate(-38%,-50%); }
.detail-video-play:hover { transform:scale(1.08);background:#fff;box-shadow:0 9px 20px rgba(0,0,0,.24); }
.detail-experience.is-media-view .detail-back { background:rgba(4,12,14,.42); }

@media (max-width: 900px) {
  .detail-hero-copy { width:calc(100vw - 56px); }
  .detail-hero-gallery { left:28px;right:28px;bottom:8vh;width:auto; }
  .detail-hero-gallery-card { flex-basis:132px;height:168px; }
  .detail-scroll-cue { display:none; }
  .detail-media { min-height:1180px;margin-top:-4vh;clip-path:polygon(0 3vh,100% 0,100% 100%,0 100%); }
  .detail-media-heading { top:85px; }
  .detail-media-feature { top:280px;bottom:auto;width:calc(100vw - 56px); }
  .detail-video-list { left:28px;right:28px;top:550px;width:auto;max-height:none;transform:none;overflow:visible; }
  .detail-video-card { height:135px; }
}

@media (prefers-reduced-motion: reduce) {
  .detail-hero-image,.detail-hero-shade::before,.detail-media-background-image { animation:none; }
}

/* Soft editorial dissolve between the cover and the moving archive. */
.detail-scroll { overflow:hidden;scroll-snap-type:none; }
.detail-card-sheet { position:relative;width:100%;height:100%;background:#263639; }
.detail-card-sheet::after { content:"";position:absolute;z-index:12;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,rgba(232,240,235,.12),rgba(12,22,24,.2));opacity:0;transition:opacity .44s ease; }
.detail-experience.is-card-turning .detail-card-sheet::after { opacity:.48; }
.detail-card-sheet > .detail-hero,.detail-card-sheet > .detail-media { position:absolute;inset:0;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;scroll-snap-align:none;transition:opacity .92s cubic-bezier(.4,0,.2,1),transform 1.08s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform; }
.detail-card-sheet > .detail-hero { z-index:2;opacity:1;transform:scale(1);pointer-events:auto; }
.detail-card-sheet > .detail-media { z-index:1;opacity:0;clip-path:none;border-radius:0;transform:scale(.975);pointer-events:none; }
.detail-card-sheet.is-flipped > .detail-hero { opacity:0;transform:scale(1.025);pointer-events:none; }
.detail-card-sheet.is-flipped > .detail-media { z-index:3;opacity:1;transform:scale(1);pointer-events:auto;transition-delay:.08s,.08s; }
.detail-card-sheet > .detail-media::before,.detail-card-sheet > .detail-media::after { display:none; }
.detail-experience.is-media-view .detail-back { background:rgba(4,12,14,.36); }

@media (max-width:900px) {
  .detail-card-sheet > .detail-media { min-height:100%; }
  .detail-video-list { max-height:52vh; }
}

@media (prefers-reduced-motion:reduce) {
  .detail-card-sheet > .detail-hero,.detail-card-sheet > .detail-media { transition-duration:.01s; }
}