*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#171511;color:#fff4d8}.studio{position:relative;width:100%;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:url('studio.png') center center/cover no-repeat}.studio:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0005,transparent 40%,#0003)}h1{position:absolute;z-index:3;top:1vh;left:50%;transform:translateX(-50%);margin:0;width:min(91vw,1150px);font:600 96px Georgia,serif;letter-spacing:1px}h1 svg{display:block;overflow:visible;width:100%;fill:#fff1cf;filter:drop-shadow(0 3px 7px #0009)}.announcement{position:absolute;z-index:3;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 3px 12px #0009;white-space:nowrap}.coming{font:400 clamp(42px,5.4vw,86px)/1.1 Georgia,serif;margin:0 0 20px}.date{font:400 clamp(13px,1.3vw,21px)/1.5 Arial,sans-serif;letter-spacing:3px;margin:0;color:#f4ddac}.pip{position:absolute;bottom:0;right:1%;width:auto;max-width:45%;height:78%;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 96%,transparent 100%);z-index:2}@media(max-width:650px){.studio{min-height:600px;background-position:42% center}h1{top:5vh;width:98vw;font-size:98px}.announcement{top:34%;left:50%;}.coming{font-size:43px;margin-bottom:15px}.date{font-size:12px;letter-spacing:2px}.pip{width:auto;max-width:86%;height:60%;right:0;}}@media(max-height:600px) and (min-width:651px){.studio{min-height:430px}h1{width:75vw;top:-4vh}.announcement{top:53%}.pip{height:76%}}