/* Art-directed hero scenes: the studio and its design output lead. */
.home-page .hero-image:after{display:none}.home-page .hero-image .studio-frame{background:#c82032;padding:0;object-fit:initial;display:block;position:absolute;inset:0;width:100%;height:100%;transform:none}
.home-page .hero-image[data-project="1"] .studio-frame.active{width:100%;height:100%;inset:0;background:#c82032;padding:0}
.hero-art{position:absolute;left:52%;right:5%;top:12%;bottom:25%;display:flex;flex-direction:column;justify-content:center;gap:25px}
.art-label,.art-note{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f5efce}.art-note{letter-spacing:.04em;color:#c4bdab}.identity-sheet{background:#f5efce;transform:rotate(-8deg);padding:40px;aspect-ratio:1.22;box-shadow:24px 24px 0 #7e1420;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.identity-sheet img{width:34%;height:auto;object-fit:contain}.identity-sheet>span{font-family:var(--display);font-size:clamp(18px,2.4vw,38px);color:#c82032;line-height:1.05;text-align:center}.browser-sheet{background:#f5efce;border:8px solid #f5efce;border-radius:6px;transform:rotate(5deg);box-shadow:22px 22px 0 #7e1420;overflow:hidden}.browser-sheet img{display:block;width:100%;height:auto}.browser-bar{display:flex;justify-content:space-between;gap:12px;color:#c82032;font-size:10px;padding:9px 6px 14px}.title-scene .browser-sheet{transform:rotate(-5deg)}.type-sheet{position:relative;transform:rotate(-5deg);font-family:var(--display);font-size:clamp(55px,7.5vw,115px);line-height:.98;letter-spacing:-.07em;color:#f5efce}.type-sheet>span{display:block}.type-sheet>span:nth-child(2){color:#f5efce}.type-outline{color:transparent;-webkit-text-stroke:1.5px #f5efce}.type-sheet img{position:absolute;right:0;bottom:8px;width:14%;height:auto;filter:brightness(0) invert(92%)}
.home-page .hero-message{max-width:51%;padding-top:110px}.home-page .hero h1{font-size:clamp(65px,6.8vw,106px)}.home-page .hero-image .image-caption{background:transparent;border:0;padding:0;right:5%;bottom:23%;top:auto;color:#f5efce;font-size:12px}.home-page .hero-controls{bottom:145px}.hero-image.is-playing .studio-frame.active .identity-sheet,.hero-image.is-playing .studio-frame.active .browser-sheet{animation:studio-float 6500ms ease-in-out both}@keyframes studio-float{from{translate:0 10px}to{translate:0 -8px}}
@media(max-width:800px){.home-page .hero{min-height:900px}.home-page .hero-message{max-width:100%;padding:35px 24px 0}.home-page .hero h1{font-size:60px}.hero-art{left:10%;right:10%;top:43%;bottom:23%;gap:15px}.art-label,.art-note{font-size:9px}.identity-sheet{padding:20px;aspect-ratio:1.5;gap:12px;box-shadow:12px 12px 0 #7e1420}.identity-sheet img{width:22%}.identity-sheet>span{font-size:20px}.browser-sheet{box-shadow:12px 12px 0 #7e1420}.browser-bar{font-size:9px;padding:5px}.type-sheet{font-size:68px}.home-page .hero-image .image-caption{left:24px;right:auto;bottom:19%;font-size:11px;max-width:85%}.home-page .hero-controls{bottom:105px}.home-page .hero-wordmark{bottom:25px}.hero-intro{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.studio-frame *{animation:none!important}}.reduce-motion .studio-frame *{animation:none!important}

.identity-scene .art-note{visibility:hidden}.identity-sheet{width:90%;align-self:center}