/* Original oversized Caslon typography behind the transparent interactive dish. */
.hero-heading{z-index:1;pointer-events:none}.hero .hero-viewer{z-index:2;background:transparent}.hero-viewer.orbit-active{background:transparent}.hero-viewer.orbit-active .poster{visibility:hidden}.hero-actions,.hero-tools,.hero-picker,.hero-interaction{z-index:4}
.hero h1{font-weight:600;letter-spacing:-.055em;text-wrap:initial}.headline-line{white-space:nowrap}
@media(min-width:701px){
.hero{display:block;position:relative;min-height:790px;padding:42px 0 30px;isolation:isolate}
.hero-heading{position:relative;padding:0}.hero h1{font-size:clamp(90px,10.3vw,148px);line-height:.94;margin:0;max-width:100%}
.hero .hero-viewer{position:absolute;left:18%;right:110px;top:36px;width:auto;height:650px;margin:0;overflow:hidden}
.hero-intro{position:absolute;top:350px;left:0;width:285px;max-width:none;margin:0;font:400 25px/1.36 var(--serif);letter-spacing:-.02em;z-index:3;pointer-events:none}
.hero-actions{position:absolute;top:540px;left:0;display:flex;flex-direction:column;margin:0;gap:12px}
.hero-picker{position:absolute;top:230px;right:0;width:108px;margin:0}.hero-choices{max-height:440px}
.hero-detail{position:absolute;left:0;top:700px;margin:0}.hero-tools{position:absolute;left:44%;top:690px;margin:0}.hero-interaction{position:absolute;right:125px;top:738px;margin:0}
}
@media(min-width:701px) and (max-width:1000px){.hero{min-height:710px}.hero h1{font-size:clamp(82px,10.3vw,103px)}.hero .hero-viewer{left:17%;right:86px;top:75px;height:530px}.hero-picker{top:210px;width:88px}.hero-choices{max-height:350px}.hero-intro{top:280px;width:225px;font-size:21px}.hero-actions{top:460px}.hero-tools{left:39%;top:600px}.hero-interaction{top:650px;right:95px}.hero-detail{top:620px;max-width:170px}}
@media(max-width:700px){.hero-heading{position:relative;grid-row:1}.hero h1{font-size:clamp(50px,13.8vw,82px);line-height:.98;letter-spacing:-.055em}.hero .hero-viewer{grid-row:2;height:clamp(285px,82vw,440px);margin-top:-55px;overflow:hidden}.hero-picker{grid-row:2;margin-top:16px}.hero-tools{position:relative}.hero-detail{position:relative}.hero-interaction{position:relative}.hero-actions{position:relative}.hero-intro{font:400 20px/1.4 var(--serif);letter-spacing:-.02em}}
@media(max-width:370px){.hero h1{font-size:clamp(44px,13.8vw,51px)}.hero .hero-viewer{margin-top:-45px;height:270px}.hero-intro{font-size:19px}}
h2{font-weight:600}.hero-viewer:not(.orbit-active){mix-blend-mode:multiply}
@media(max-width:700px){.hero .hero-viewer{margin-top:-100px}}
@media(max-width:370px){.hero .hero-viewer{margin-top:-80px}}
@media(max-width:700px){.hero-detail{top:auto;left:auto;right:auto}}
