.hero{display:grid;grid-template-columns:1fr 1fr;min-height:1050px;padding:3rem 6vw 5rem;overflow:hidden;align-items:end;gap:2rem;background:radial-gradient(ellipse at 55% 35%,#f5dfd8 0,transparent 55%),#f6f0e7}
.experience-mast{grid-column:1/-1;text-align:center;align-self:start;position:relative;z-index:0;transform:translateY(calc(var(--journey,0) * 130px));will-change:transform}
.experience-mast>span{font-size:.8rem;letter-spacing:.5em;display:block;margin:1rem 0 2rem}.experience-mast strong{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.08em;font-size:clamp(5rem,15.5vw,19rem);line-height:.85;display:block;color:#493c34}.experience-mast i{display:block;font-family:Italiana,serif;font-size:clamp(2rem,4vw,4.5rem);color:#a36f78;text-align:right;margin:1rem 7% 0 0}
.hero-copy{z-index:3;max-width:620px;padding-top:2rem}.hero h1{font-size:clamp(2.8rem,4.6vw,5rem)}.hero-images{margin-top:-190px;height:660px;transform:translateY(calc(var(--journey,0) * -80px)) rotate(calc(var(--journey,0) * -5deg));z-index:2}.portrait-main{height:85%;top:0;border-radius:180px 180px 22px 22px}.portrait-small{bottom:2%}.hero .social-proof{top:24%;left:-6%}.hero .note{bottom:0}.experience-scroll{grid-column:1/-1;justify-self:center;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;padding:1rem;border-bottom:1px solid #b39680}
.format-studio{padding:7rem 1.5rem 5rem;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 65%,#e7d4c1 0,transparent 60%),#f2e9dd;scroll-margin-top:90px}.studio-heading h2{font-family:Italiana,serif;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:400;margin:1rem auto;max-width:850px}.fan-stage{position:relative;height:520px;max-width:1100px;margin:1rem auto 0;perspective:1400px;touch-action:pan-y}.fan-card{position:absolute;left:50%;top:55px;width:280px;height:395px;border:8px solid #fffbf4;border-radius:18px;background:#eee2d3;padding:0;cursor:pointer;box-shadow:0 25px 55px #6e49302c;transform:translateX(calc(-50% + var(--offset) * 215px * var(--spread,1))) translateY(calc(var(--offset) * var(--offset) * 25px)) rotate(calc(var(--offset) * 13deg));transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .4s;overflow:hidden;color:#fff;text-align:left}.fan-card[aria-pressed=true]{transform:translateX(-50%) translateY(-6px) rotate(-3deg) scale(1.06);box-shadow:0 35px 70px #6e493049}.fan-card img{width:100%;height:100%;object-fit:cover}.fan-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#352a25c9)}.fan-card strong{position:absolute;bottom:25px;left:18px;right:35px;font-family:Italiana,serif;font-size:2.2rem;font-weight:400;z-index:1;line-height:1.1}.fan-card-number{position:absolute;top:15px;left:15px;border-radius:50%;background:#fffaf1;color:#58473e;width:34px;height:34px;display:grid;place-items:center;font-size:.75rem;z-index:1}.fan-play{position:absolute;right:14px;bottom:24px;font-size:1.5rem;z-index:1}.fan-tools{display:flex;justify-content:center;align-items:center;gap:2rem}.fan-tools button{width:48px;height:48px;border:1px solid #bda28c;border-radius:50%;background:transparent;font-size:1.5rem;cursor:pointer;color:var(--ink)}.fan-tools button:hover{background:#fff9ef}.fan-counter{font-size:.75rem;letter-spacing:.18em}.fan-caption h3{font-family:Italiana,serif;font-weight:400;font-size:2.5rem;margin:1.3rem 0 .5rem}.fan-caption p{font-size:.9rem;color:var(--muted)}.fan-watch{cursor:pointer;margin:1rem auto;background:#fff9ef;display:inline-flex;color:var(--ink)}
.cinema-dialog{padding:1rem;max-width:min(90vw,800px);width:max-content;border:1px solid #e1cfbd;border-radius:22px;background:#fff9ef;color:var(--ink);max-height:94dvh;overflow:auto}.cinema-dialog::backdrop{background:#30271fee;backdrop-filter:blur(16px)}.cinema-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 .3rem .7rem;font-size:.9rem}.cinema-top button{width:44px;height:44px;border:1px solid #ccb9a7;border-radius:50%;background:transparent;font-size:1.8rem;cursor:pointer;color:var(--ink)}.cinema-dialog video{display:block;height:75dvh;max-width:100%;width:auto;border-radius:12px;background:#27211d}
@media(min-width:901px){.intro-section h2{font-size:clamp(3rem,5vw,6rem)}.service-list article:hover{padding-left:2.5rem}.contact-intro h2{font-size:clamp(4rem,7vw,7rem)}}
@media(max-width:900px){.hero{min-height:auto;grid-template-columns:1fr;padding:2rem 1.3rem 3rem;gap:0}.experience-mast{grid-row:1}.experience-mast>span{font-size:.65rem;letter-spacing:.3em;margin:0 0 1.5rem}.experience-mast strong{font-size:15.5vw}.experience-mast i{font-size:7vw;margin-top:.8rem}.hero-images{grid-row:2;margin:-1.5rem auto 0;width:min(100%,520px);height:530px}.hero-copy{grid-row:3;padding-top:2rem;max-width:620px;margin:auto}.hero h1{font-size:clamp(3rem,9vw,4.7rem)}.hero .social-proof{left:0;top:20%}.hero .portrait-main{right:15%;width:60%}.hero .dream-preview{right:1%}.experience-scroll{margin-top:1.5rem}.format-studio{padding:4.5rem 1rem}.fan-stage{height:440px}.fan-card{width:220px;height:320px;top:45px;transform:translateX(calc(-50% + var(--offset) * 125px * var(--spread,1))) translateY(calc(var(--offset) * var(--offset) * 25px)) rotate(calc(var(--offset) * 14deg))}.fan-card strong{font-size:1.8rem}.fan-caption h3{font-size:2rem}.cinema-dialog{max-width:95vw;padding:.7rem}.cinema-dialog video{height:auto;max-height:76dvh;width:100%}}
@media(max-width:400px){.hero-images{height:430px}.fan-card{width:195px;height:290px}.fan-stage{height:400px}}
.experience-mast{z-index:3;transform:none;will-change:auto}
.experience-mast i{margin:.65rem 0 0;text-align:center;line-height:1.25}
.hero-images{margin-top:1rem;transform:none}
.dream-preview{margin:0}
.dream-preview img{object-position:58% 45%}
.hero .social-proof{top:2%;bottom:auto}
@media(max-width:900px){.experience-mast i{margin:.5rem 0 0}.hero-images{margin:1.5rem auto 0}}
@media(prefers-reduced-motion:reduce){.experience-mast,.hero-images{transform:none!important}.fan-card{transition:none}.fan-stage{--spread:1!important}}
