/* Approved original cover. Scoped names prevent the new layout changing its crop. */
.site-header:has(.legacy-brand){height:89px;padding:0 clamp(24px,5vw,88px);background:#171815;border-bottom:1px solid #383932}
.legacy-brand{display:flex;gap:12px;align-items:center;flex-shrink:0;color:#eeeae1;font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px;line-height:1}
.legacy-brand-light{font-weight:400;margin-left:3px}
.legacy-brand small{display:block;font-size:7px;letter-spacing:.19em;font-weight:400;margin-top:7px}
.legacy-brand-picture{position:relative;display:block;width:70px;height:70px;flex:0 0 70px}
.legacy-brand-animation,.legacy-brand-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;pointer-events:none}
.legacy-brand-animation{opacity:0}
.legacy-brand-picture.is-playing .legacy-brand-animation{opacity:1}
.legacy-brand-picture.is-playing .legacy-brand-poster{opacity:0}
.legacy-hero{--cover-pad:clamp(24px,5vw,88px);position:relative;isolation:isolate;min-height:690px;height:min(790px,calc(100svh - 89px));overflow:hidden;background:#171815;color:#eeeae1;font-family:Manrope,Arial,sans-serif;line-height:normal;scroll-margin-top:0}
.legacy-hero-image{position:absolute;right:0;top:0;width:74%;height:100%;max-width:100%;object-fit:cover;object-position:right top;z-index:-3}
.legacy-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171815 0%,#171815ed 17%,#17181575 42%,#17181500 69%),linear-gradient(0deg,#171815bb 0%,transparent 28%,transparent 80%,#171815 100%)}
.legacy-hero-content{position:static;padding:60px var(--cover-pad) 110px;max-width:1300px}
.legacy-hero-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 40px;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.6}
.legacy-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff673b;box-shadow:0 0 14px #ff673b40;flex-shrink:0}
.legacy-hero-location{font-size:8px;font-weight:400;letter-spacing:.11em;padding-left:18px;margin-left:11px;border-left:1px solid #64665b;color:#aaad9f}
.legacy-hero h1{display:grid;margin:0;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(80px,9.4vw,151px);line-height:1.06;letter-spacing:-.04em;text-transform:uppercase;max-width:1050px;color:#eeeae1}
.legacy-hero .legacy-title-line{display:block;overflow:hidden;padding:.09em .035em;margin:-.09em -.035em;color:inherit}
.legacy-hero .legacy-title-inner{display:block;color:inherit}
.legacy-hero .legacy-title-accent{color:#ff673b}
.legacy-hero .legacy-intro-ready .legacy-title-inner{opacity:0;transform:translate3d(-105%,0,0)}
.legacy-hero .is-intro-playing .legacy-title-inner{animation:legacy-signature-entry 1.85s cubic-bezier(.3,.15,.3,1) .15s both,legacy-signature-opacity .4s linear .15s both}
.legacy-hero .is-intro-playing .legacy-title-line:nth-child(2) .legacy-title-inner{animation-delay:.45s}
@keyframes legacy-signature-entry{from{transform:translate3d(-105%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes legacy-signature-opacity{from{opacity:0}to{opacity:1}}
.legacy-hero-bottom{display:flex;align-items:center;gap:50px;margin-top:32px}
.legacy-hero-bottom p{margin:0;font-size:13px;line-height:1.7;min-width:185px}
.legacy-hero-bottom p>span{display:block;color:#aaa9a1;font-size:11px;margin-top:8px}
.legacy-hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:20px 25px;min-height:63px;font-size:13px;font-weight:700;line-height:normal;transition:background .2s,transform .2s,color .2s;align-self:flex-end;margin-bottom:3px;background:#ff673b;color:#171815}
.legacy-hero-button>span{font-size:26px;font-weight:400;line-height:1}
.legacy-hero-button:hover{transform:translateY(-3px);background:#ff805b}
.legacy-arrow{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.125em;pointer-events:none}
.legacy-hero-photo-link{position:absolute;right:var(--cover-pad);bottom:42px;display:flex;align-items:center;gap:16px;font-size:9px;font-weight:700;letter-spacing:.04em;line-height:normal}
.legacy-hero-photo-link small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px;color:#c2c1b8}
.legacy-photo-cross{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b1ab9b;border-radius:50%;font-size:23px;transition:background .2s}
.legacy-hero-photo-link:hover .legacy-photo-cross{background:#ff673b;color:#171815;border-color:#ff673b}
.legacy-hero-photo-link>span:last-child{margin-left:14px;font-size:22px}
.legacy-hero-coordinate{position:absolute;left:var(--cover-pad);bottom:42px;font-size:8px;letter-spacing:.15em;line-height:1.8;color:#92958c}
.legacy-hero-coordinate>span{display:block}
@media(min-width:1600px){.legacy-hero-content{padding-top:80px}.legacy-hero-bottom{margin-top:45px}.legacy-hero h1{font-size:151px}}
@media(max-width:1100px){.legacy-brand{font-size:17px}.legacy-hero{min-height:640px;max-height:730px}.legacy-hero-content{padding-top:55px}.legacy-hero h1{font-size:10.2vw}.legacy-hero-bottom{gap:30px}.legacy-hero-bottom p{min-width:160px;font-size:12px}.legacy-hero-location{display:none}}
@media(max-width:800px){
  .site-header:has(.legacy-brand){height:77px;padding:0 28px}
  .legacy-brand{gap:8px}.legacy-brand-picture{width:60px;height:60px;flex-basis:60px}
  .legacy-hero{--cover-pad:28px;min-height:650px;height:calc(100svh - 77px);max-height:800px}
  .legacy-hero-image{top:20px;width:100%;height:calc(100% - 20px);object-position:80% top}
  .legacy-hero-shade{background:linear-gradient(90deg,#171815e0,#17181561 65%,#17181511),linear-gradient(0deg,#171815de,transparent 60%,#17181544)}
  .legacy-hero-content{padding-top:60px}.legacy-hero h1{font-size:12vw;line-height:1.11}
  .legacy-hero-eyebrow{margin-bottom:45px;font-size:10px}.legacy-hero-bottom{margin-top:40px}
  .legacy-hero-coordinate,.legacy-hero-photo-link{bottom:32px}
}
@media(max-width:540px){
  .site-header:has(.legacy-brand){height:72px;padding:0 22px;gap:18px}
  .legacy-brand{gap:6px;font-size:15px}.legacy-brand small{font-size:6px;letter-spacing:.12em}
  .legacy-brand-picture{width:51px;height:51px;flex-basis:51px}
  .legacy-hero{--cover-pad:22px;min-height:740px;height:calc(100svh - 72px);max-height:850px}
  .legacy-hero-content{padding-top:37px}
  .legacy-hero-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:32px}
  .legacy-hero-image{top:180px;right:0;width:100%;height:auto;object-fit:contain;object-position:center;max-width:100%;mask-image:linear-gradient(0deg,transparent,#000 10%)}
  .legacy-hero-shade{background:linear-gradient(to bottom,#171815 0,#171815 150px,transparent 208px,transparent 440px,#171815 580px,#171815 100%)}
  .legacy-hero h1{font-size:14.7vw;line-height:1.13;letter-spacing:-.045em;white-space:nowrap}
  .legacy-hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:300px;position:relative;z-index:1}
  .legacy-hero-bottom p{font-size:13px;line-height:1.6}.legacy-hero-bottom p br:nth-of-type(2){display:none}
  .legacy-hero-bottom p>span{font-size:10px;margin-top:8px}
  .legacy-hero-button{align-self:flex-start;min-height:56px;padding:17px 20px;gap:40px;font-size:12px}
  .legacy-hero-coordinate{bottom:28px;font-size:6px;line-height:1.9;max-width:125px}
  .legacy-hero-photo-link{bottom:27px;right:24px;gap:9px;font-size:7px;max-width:180px}
  .legacy-hero-photo-link small{font-size:8px;margin-top:3px}.legacy-hero-photo-link>span:last-child{display:none}
  .legacy-photo-cross{height:34px;width:34px;flex-shrink:0;font-size:20px}
}
@media(max-width:359px){
  .site-header:has(.legacy-brand){padding:0 16px;gap:10px}.legacy-brand{font-size:13px;gap:4px}
  .legacy-brand small{font-size:5px}.legacy-brand-picture{width:44px;height:44px;flex-basis:44px}
  .legacy-hero{min-height:700px}.legacy-hero-image{top:172px}.legacy-hero-bottom{margin-top:270px}
  .legacy-hero-photo-link{right:22px;max-width:157px;font-size:6px}.legacy-hero-coordinate{max-width:105px}.legacy-hero-eyebrow{font-size:8px}
}
@media(min-width:431px) and (max-width:540px){.legacy-hero{min-height:830px}.legacy-hero-bottom{margin-top:330px}}
@media(min-width:541px) and (max-width:800px){
  .legacy-hero{height:920px;min-height:920px;max-height:none}
  .legacy-hero-image{top:235px;width:100%;height:auto;object-fit:contain;object-position:center}
  .legacy-hero-shade{background:linear-gradient(0deg,#171815 0%,#17181522 17%,transparent 42%,transparent 68%,#171815 86%)}
  .legacy-hero-content{padding-top:50px}.legacy-hero-bottom{margin-top:330px}
  .legacy-hero-photo-link,.legacy-hero-coordinate{bottom:35px}
}
@media(min-width:801px){
  .legacy-hero{height:clamp(760px,calc(100svh - 49px),920px);min-height:760px;max-height:none}
  .legacy-hero-image{top:-36px;width:auto;height:auto;max-width:82%;max-height:calc(100% + 36px);object-fit:contain;object-position:right top;mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(0deg,transparent,#000 9%);mask-composite:intersect}
  .legacy-hero-shade{background:linear-gradient(90deg,#171815 0%,#171815ed 17%,#17181566 40%,transparent 65%),linear-gradient(0deg,#17181580 0%,transparent 20%,transparent 88%,#17181566 100%)}
}
@media(min-width:801px) and (max-width:1100px){
  .legacy-hero{height:760px;min-height:760px}.legacy-hero h1{font-size:8.7vw}
  .legacy-hero-image{top:-24px;width:86%;max-width:86%;height:calc(100% + 24px);max-height:none;object-fit:cover}
}
/* The studio invitation shares the introduction row on phones and tablets. */
@media(max-width:800px){
  .legacy-hero{min-height:0;height:auto;max-height:none}
  .legacy-hero-content{padding-bottom:76px}
  .legacy-hero-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 16px;align-items:center;position:relative}
  .legacy-hero-bottom p{grid-column:1;min-width:0;font-size:12px;line-height:1.6}
  .legacy-hero-bottom p>span{font-size:9px;margin-top:7px;white-space:nowrap}
  .legacy-hero-photo-link{position:static;grid-column:2;align-self:center;justify-self:end;max-width:none;gap:8px;min-height:44px;font-size:7px;letter-spacing:0;line-height:1.5}
  .legacy-hero-photo-link small{font-size:7px;line-height:1.5;margin-top:3px}
  .legacy-hero-photo-link>span:last-child{display:none}
  .legacy-photo-cross{height:29px;width:29px;flex-shrink:0;font-size:19px}
  .legacy-hero-button{grid-column:1 / -1;justify-self:start;min-height:52px;padding:15px 20px;font-size:12px;margin:0}
  .legacy-hero-coordinate{bottom:25px;max-width:none;white-space:nowrap;font-size:7px;letter-spacing:.08em;line-height:1.5}
  .legacy-hero-coordinate>span{display:inline}
  .legacy-hero-coordinate>span+span{margin-left:9px}
}
@media(max-width:540px){
  .legacy-hero-bottom{margin-top:clamp(220px,61vw,320px)}
  .legacy-hero-bottom p{font-size:11px}
  .legacy-hero-bottom p>span{font-size:8px}
  .legacy-hero-photo-link{gap:7px;font-size:6.8px}
  .legacy-hero-photo-link small{font-size:6.8px}
}
@media(max-width:359px){
  .legacy-hero-bottom{gap:18px 10px;margin-top:205px}
  .legacy-hero-bottom p{font-size:10px}
  .legacy-hero-photo-link{font-size:6px;gap:5px}
  .legacy-hero-photo-link small{font-size:6px}
  .legacy-photo-cross{width:25px;height:25px}
  .legacy-hero-coordinate{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .legacy-brand-picture.is-playing .legacy-brand-animation{opacity:0}.legacy-brand-picture.is-playing .legacy-brand-poster{opacity:1}
  .legacy-hero .legacy-intro-ready .legacy-title-inner,.legacy-hero .is-intro-playing .legacy-title-inner{opacity:1;transform:none;animation:none}
  .legacy-hero-button{transition:none}.legacy-hero-button:hover{transform:none}
}
