/* Editorial polish: reserve space for copy while motion stays inside media. */
h2,h3,h4{overflow-wrap:break-word;text-wrap:balance}
p{overflow-wrap:break-word}
.intro-grid{gap:clamp(35px,6vw,100px)}
.intro-grid>*{min-width:0}
.intro-grid h2{font-size:clamp(30px,3.1vw,54px);line-height:1.5;letter-spacing:-.035em}
.intro-copy p{line-height:1.95;max-width:34em}
.section-heading h2{font-size:clamp(29px,3.1vw,50px);line-height:1.5}
.hero-second-copy{line-height:1.9}
.card-concept-label{display:none}
.aviation-copy{bottom:100px}
.aviation-caption{gap:32px}
.aviation-caption p{max-width:36em}
.aviation-top{gap:30px}
.film-toggle{bottom:28px}
.scene-caption{display:none}
.vault-image img{filter:saturate(.75) brightness(.93)!important;object-position:50% 46%}
.vault-visual:after{background:linear-gradient(180deg,#10110e55,transparent 26%,transparent 64%,#0b0e0acc)}
.vault-visual-caption{gap:20px;align-items:start;line-height:1.7}
.vault-visual-footer{position:absolute;left:8%;right:8%;bottom:45px;display:grid;gap:15px}
.vault-visual-footer>span{font:italic clamp(28px,3.6vw,54px)/1.2 var(--serif);letter-spacing:-.02em}
.vault-visual-footer>small{font-size:11px;letter-spacing:.04em;color:#efeee1b8}
.vault-step p{max-width:29em;line-height:1.95;word-break:keep-all}
.vault-step h3{line-height:1.45;font-size:23px}
.perspectives-head{gap:55px}
.perspectives-head>p{max-width:35em}
.perspective-card{min-width:0}
.perspective-meta{position:relative;margin-top:25px;line-height:1.8;gap:16px}
.perspective-card h3{line-height:1.5;margin-top:16px;letter-spacing:-.025em}
.perspective-card p{line-height:1.9}
.perspective-card .photo-credit{display:block;line-height:1.7;margin-top:18px}
.photo-cursor{width:64px;height:64px;font-size:9px}
.motion-ready:not(.no-motion) .art-card .perspective-image,
.motion-ready:not(.no-motion) .tech-card .perspective-image{transform:none}
.motion-ready:not(.no-motion) .art-card .perspective-image img{transform:translateY(calc(var(--art-y,0px) * .3)) scale(1.12)}
.motion-ready:not(.no-motion) .tech-card .perspective-image img{transform:translateY(calc(var(--tech-y,0px) * .3)) scale(1.12)}
.private-sessions{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;padding:90px 0 100px;margin-top:75px;border-top:1px solid #20251830}
.sessions-heading .label{font-size:11px;color:#737765}
.sessions-heading h3{font-size:clamp(29px,3.3vw,49px);letter-spacing:-.035em;line-height:1.5;margin-top:24px}
.session-list article+article{border-top:1px solid #20251825;padding-top:30px;margin-top:30px}
.session-list .label{font-size:10px;color:#737765;letter-spacing:.1em}
.session-list h4{font-size:21px;line-height:1.6;font-weight:400;margin:13px 0 11px;letter-spacing:-.03em}
.session-list p{font-size:15px;line-height:1.95;color:#656b5c;max-width:35em}
.unlisted-content h2{letter-spacing:-.035em}
.invitation h2{font-size:clamp(32px,4.6vw,75px);letter-spacing:-.04em;line-height:1.55}
.invitation-button{gap:50px}
.dialog-content{min-width:0}
.dialog-content h2{font-size:clamp(26px,2.5vw,37px);line-height:1.5;letter-spacing:-.025em;padding-right:8px}
.dialog-content>p{line-height:1.95}
.dialog-detail p{margin:0;font-size:14px;line-height:1.85}
.dialog-image:has(img[src$="private-vault-suite.webp"]) img{object-position:center}

@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 .motion-ready:not(.no-motion) .hero-card{width:min(46vw,570px,68svh);top:34%!important}
 .motion-ready:not(.no-motion) .hero-title{top:16%}
 .hero-title h1{font-size:clamp(100px,15.5vw,280px)}
 .motion-ready:not(.no-motion) .hero-second{width:43%;inset:31% auto auto var(--gutter)}
 .motion-ready:not(.no-motion) .hero-second>p{font-size:clamp(50px,6.3vw,112px);line-height:1.02}
 .motion-ready:not(.no-motion) .hero-second>.label{font-size:10px;letter-spacing:.1em}
 .motion-ready:not(.no-motion) .hero-second-copy{font-size:16px;max-width:29em}
 .motion-ready:not(.no-motion) .vault-content{display:grid;grid-template-rows:auto minmax(215px,1fr) auto auto;gap:20px;padding:clamp(44px,7vh,80px) clamp(30px,4.5vw,85px) 45px;min-height:680px}
 .motion-ready:not(.no-motion) .vault-title h2{font-size:clamp(31px,2.9vw,47px);line-height:1.4;margin:0}
 .motion-ready:not(.no-motion) .vault-title>.label{margin-bottom:25px}
 .motion-ready:not(.no-motion) .vault-steps{position:relative;align-self:center;height:230px;min-width:0}
 .motion-ready:not(.no-motion) .vault-step{top:0;left:0;right:0;padding:25px 0;gap:18px}
 .motion-ready:not(.no-motion) .vault-step h3{font-size:23px;margin-bottom:18px}
 .motion-ready:not(.no-motion) .vault-step p{font-size:16px;line-height:1.95}
 .motion-ready:not(.no-motion) .vault-content>.text-link{position:static;margin:0;justify-self:start;max-width:100%}
 .motion-ready:not(.no-motion) .vault-progress{position:static;width:100%;margin-top:7px}
 .motion-ready:not(.no-motion) .membership-heading h2{font-size:clamp(43px,5vw,86px)}
 .motion-ready:not(.no-motion) .membership-row .tier-name h3{font-size:clamp(40px,4vw,62px)}
 .motion-ready:not(.no-motion) .membership-row>p{line-height:1.9;word-break:keep-all}
}
@media(min-width:701px) and (max-width:1100px){
 .hero-second-copy{font-size:15px}
 .perspectives-head{gap:30px}
 .perspectives-head>p{max-width:24em;font-size:15px}
 .private-sessions{gap:45px}
 .motion-ready:not(.no-motion) .vault-step p{font-size:15px}
 .motion-ready:not(.no-motion) .membership-row{padding:26px}
 .motion-ready:not(.no-motion) .tier-physical{max-width:235px}
 .motion-ready:not(.no-motion) .membership-row .tier-name h3{font-size:43px}
}
@media(max-width:700px){
 .hero-title{top:19%}
 .hero-card{top:30%!important}
 .hero-overline{font-size:10px;gap:22px;letter-spacing:.08em}
 .hero-overline>span{max-width:160px}
 .hero-bottom{bottom:72px}
 .hero-bottom>p{font-size:18px}
 .hero-bottom .explore{margin-top:18px}
 .intro-grid h2{font-size:clamp(27px,6.2vw,36px);line-height:1.55}
 .intro-copy p{font-size:16px}
 .intro-top{font-size:10px;line-height:1.8}
 .card-collection{margin-top:-2px}
 .section-heading h2{font-size:clamp(26px,5.8vw,34px)}
 .aviation-copy{bottom:108px}
 .aviation-copy h3{font-size:clamp(54px,14vw,83px);line-height:1.03}
 .aviation-caption{align-items:center;gap:22px}
 .aviation-caption p{font-size:15px;line-height:1.9}
 .film-toggle{bottom:35px;left:24px}
 .aviation-top{font-size:10px}
 .vault-visual{height:78svh;min-height:440px;max-height:660px}
 .vault-visual-caption{font-size:10px;letter-spacing:.1em}
 .vault-visual-caption span:last-child{font-size:10px;max-width:160px}
 .vault-visual-footer{left:24px;right:24px;bottom:30px;gap:10px}
 .vault-visual-footer>span{font-size:34px}
 .vault-visual-footer>small{font-size:10px}
 .vault-content{padding:50px 24px 60px}
 .vault-title h2{font-size:35px;line-height:1.45;margin-bottom:34px}
 .vault-step{gap:15px;padding:25px 0}
 .vault-step h3{font-size:21px}
 .vault-step p{font-size:15px;line-height:1.95}
 .vault-content>.text-link{margin-top:20px}
 .mojave-heading h2{font-size:clamp(63px,17vw,99px)}
 .mojave-bottom h3{font-size:22px;line-height:1.6}
 .mojave-bottom p{font-size:15px;line-height:1.95}
 .mojave-bottom{bottom:75px}
 .perspectives-head{margin-bottom:34px}
 .perspectives-head h2{font-size:32px;line-height:1.5}
 .perspectives-head>p{max-width:none;font-size:16px;line-height:1.9}
 .perspective-card h3{font-size:24px}
 .perspective-card p{font-size:15px}
 .perspective-card p br{display:none}
 .perspective-meta{font-size:10px;margin-top:20px}
 .perspective-card .photo-credit{font-size:10px}
 .private-sessions{display:block;margin-top:50px;padding:40px 0 60px}
 .sessions-heading h3{font-size:29px;margin:18px 0 30px}
 .sessions-heading h3 br{display:none}
 .session-list h4{font-size:21px}
 .session-list p{font-size:15px}
 .motion-ready:not(.no-motion) .membership-stage{gap:20px}
 .motion-ready:not(.no-motion) .membership-heading>p:last-child{margin-left:0;margin-right:0;max-width:none;width:100%;text-align:left;font-size:13px}
 .motion-ready:not(.no-motion) .membership-row>p{font-size:14px;line-height:1.9}
 .motion-ready:not(.no-motion) .membership-note{padding-right:40px}
 .invitation h2{font-size:clamp(29px,7vw,42px);line-height:1.55}
 .invitation>p:not(.label){font-size:15px}
 .invitation>p:not(.label) br{display:none}
 .invitation-button{font-size:14px}
 .footer-right{padding-bottom:42px}
 .footer-right #motion-toggle{width:38px;height:38px;padding:0;font-size:0;border-radius:50%;right:14px;bottom:14px;display:grid;place-items:center}
 .footer-right #motion-toggle:after{content:'Ⅱ';font:14px/1 var(--sans)}
 .no-motion .footer-right #motion-toggle:after{content:'▷'}
 .dialog-content{padding:30px 25px}
 .dialog-content h2{font-size:27px}
 .dialog-content>.label{font-size:10px}
}
/* Short landscape windows use the full readable composition, without pinning. */
@media(max-height:680px){
 .motion-ready:not(.no-motion) .hero{height:820px;min-height:820px;max-height:none}
 .motion-ready:not(.no-motion) .hero-canvas{position:relative;height:100%;min-height:0}
 .motion-ready:not(.no-motion) .hero-title,.motion-ready:not(.no-motion) .hero-bottom,.motion-ready:not(.no-motion) .hero-overline{opacity:1;transform:none}
 .motion-ready:not(.no-motion) .hero-second{display:none}
 .motion-ready:not(.no-motion) .hero-card{transform:translateX(-50%);width:min(65vw,470px);top:32%!important}
 .motion-ready:not(.no-motion) .membership{height:auto;min-height:0;padding:70px var(--gutter)}
 .motion-ready:not(.no-motion) .membership-stage{height:auto;min-height:0;position:relative;display:block;padding:0;overflow:visible}
 .motion-ready:not(.no-motion) .circles{height:auto;margin-top:40px;clip-path:none}
 .motion-ready:not(.no-motion) .membership-row{position:relative;inset:auto;transform:none;margin-top:22px;gap:20px;padding:28px;min-height:380px}
 .motion-ready:not(.no-motion) .membership-note{position:static;margin-top:30px;padding-right:45px}
 .motion-ready:not(.no-motion) .membership-note>.label{display:none}
 .motion-ready:not(.no-motion) .vault{height:auto;min-height:0}
 .motion-ready:not(.no-motion) .vault-visual{height:100%;min-height:780px;position:relative}
 .motion-ready:not(.no-motion) .vault-content{height:auto;min-height:0;position:relative;display:block;padding:45px 30px}
 .motion-ready:not(.no-motion) .vault-steps{height:auto;margin-top:30px}
 .motion-ready:not(.no-motion) .vault-step{position:relative;opacity:1;transform:none}
 .motion-ready:not(.no-motion) .vault-progress{display:none}
}
@media(prefers-reduced-motion:reduce){.perspective-image img{transform:none!important}}
/* The motion control belongs in the footer, never over a paragraph. */
.footer-right #motion-toggle{position:static;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:12px;line-height:1.4;border-radius:24px;backdrop-filter:none}
.footer-right #motion-toggle:after{display:none}
@media(max-width:700px){.footer-right{padding-bottom:0}}