/*
Theme Name: Belle Stephan — Studio Lite
Theme URI: https://studio.stepholt.com/
Author: Stepholt
Description: Cinematic, one-screen performer portfolio for Belle Stephan.
Version: 1.1.0
Requires PHP: 8.0
Text Domain: belle-stephan
*/
:root{color-scheme:dark;--white:#fff;--muted:rgba(255,255,255,.75)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#08090a;color:#fff;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}.screen{position:relative;min-height:100svh;height:100svh;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center}.backdrop,.shade,.yt-background{position:absolute;inset:0}.backdrop{z-index:-4;background:#151719 center/cover no-repeat}.yt-background{z-index:-3;pointer-events:none;overflow:hidden}.yt-background iframe{position:absolute;left:50%;top:50%;width:max(100vw,177.7778vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:0;filter:grayscale(100%) contrast(1.12) brightness(.72)}.shade{z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.12) 38%,rgba(0,0,0,.6))}.wordmark{position:relative;text-align:center;padding:0 24px;margin-top:-1.5vh}.wordmark h1{margin:0;font-weight:700;font-size:clamp(3.4rem,11.8vw,13rem);letter-spacing:-.085em;line-height:.9;white-space:nowrap;text-shadow:0 8px 60px rgba(0,0,0,.18)}.eyebrow{font-size:clamp(.55rem,.8vw,.8rem);letter-spacing:.55em;font-weight:600;margin:0 0 26px;text-transform:uppercase}.socials{position:absolute;left:clamp(20px,3.6vw,70px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:24px;z-index:4}.socials a{width:30px;height:30px;display:grid;place-items:center;opacity:.86;transition:opacity .2s,transform .2s}.socials a:hover{opacity:1;transform:scale(1.15)}.socials svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom{position:absolute;bottom:clamp(25px,4vw,65px);left:clamp(22px,3.6vw,70px);right:clamp(22px,3.6vw,70px);display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.showreels{display:flex;align-items:center;gap:clamp(14px,2.25vw,40px);flex-wrap:wrap;max-width:85%}.showreels button{padding:5px 0;border:0;background:none;color:#fff;text-transform:uppercase;letter-spacing:.11em;font-size:clamp(.58rem,.7vw,.8rem);font-weight:700;cursor:pointer;transition:opacity .2s}.showreels button:hover{opacity:.6}.location{white-space:nowrap;letter-spacing:.16em;font-size:clamp(.58rem,.75vw,.8rem);font-weight:700;opacity:.85;padding-bottom:5px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.94);display:grid;place-items:center;padding:64px 7vw}.modal-inner{width:min(1100px,100%);aspect-ratio:16/9;background:#111;box-shadow:0 10px 100px #000}.modal iframe{width:100%;height:100%;border:0}.modal-close{position:absolute;right:clamp(20px,4vw,65px);top:clamp(20px,4vw,55px);background:none;border:0;color:#fff;font-size:36px;line-height:1;cursor:pointer}.modal-external{position:absolute;bottom:22px;color:#ddd;font-size:12px;text-decoration:underline;letter-spacing:.06em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.wordmark h1{font-size:clamp(2.5rem,11vw,7rem)}.socials{left:22px;top:28px;transform:none;flex-direction:row;gap:18px}.bottom{flex-direction:column;align-items:flex-start;bottom:32px}.showreels{max-width:100%;gap:12px 22px}.location{order:-1;margin-bottom:10px}.eyebrow{letter-spacing:.35em}}@media(max-width:540px){.wordmark{padding:0 12px}.wordmark h1{font-size:clamp(2.25rem,11.2vw,4.6rem);letter-spacing:-.085em}.eyebrow{font-size:.55rem;margin-bottom:15px}.bottom{left:22px;right:22px;bottom:max(22px,env(safe-area-inset-bottom));gap:14px}.showreels{gap:13px 18px}.showreels button{font-size:.61rem}.location{font-size:.61rem}.socials svg{width:21px;height:21px}.modal{padding:58px 12px}.modal-close{top:18px;right:18px}}@media(max-height:520px){.socials{top:16px}.bottom{bottom:14px}.wordmark h1{font-size:9vw}.eyebrow{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.yt-background{display:none}}