.studio-page{background:#080b0b;color:#f1eee7}.studio-page small{color:#c79645;letter-spacing:.16em}.studio-hero{min-height:86vh;position:relative;display:flex;align-items:flex-end;padding:10rem 7vw 7rem;overflow:hidden}.studio-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,7,.96) 0%,rgba(5,7,7,.78) 48%,rgba(5,7,7,.22) 100%),url('assets/time-traveler/andalus.jpg') center/cover}.studio-hero-copy{position:relative;max-width:780px}.studio-hero h1,.studio-belief h2,.studio-section-head h2,.studio-contact h2{font-size:clamp(3.6rem,7.5vw,8rem);line-height:.86;margin:1.2rem 0 2rem;font-weight:500;letter-spacing:-.06em}.studio-hero h1 span,.studio-belief h2 span,.studio-section-head h2 span,.studio-contact h2 span{color:#777}.studio-hero p{max-width:580px;font-size:1.15rem;line-height:1.7;color:#c7c4bd}.studio-belief{padding:10rem 7vw;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.studio-belief p{font-size:1.15rem;line-height:1.8;color:#aaa;max-width:560px}.studio-create{padding:9rem 7vw;background:#e8e2d6;color:#111}.studio-create small{color:#a8762e}.studio-section-head h2{font-size:clamp(3rem,6vw,6.4rem)}.create-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid #aaa}.create-grid article{padding:2rem 2rem 3rem 0;border-right:1px solid #bbb;min-height:250px}.create-grid article+article{padding-left:2rem}.create-grid article:last-child{border-right:0}.create-grid b,.method-row b{font-size:.7rem;color:#a8762e}.create-grid h3,.method-row h3{font-size:1rem;margin:3rem 0 1rem}.create-grid p,.method-row p{font-size:.9rem;line-height:1.65;color:#666}.studio-method{padding:10rem 7vw}.studio-method>h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:400;margin:1rem 0 5rem}.method-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.method-row>div{padding:2rem 2rem 3rem 0;border-right:1px solid #282b2b}.method-row>div+div{padding-left:2rem}.method-row>div:last-child{border-right:0}.studio-worlds{padding:7rem 7vw 9rem}.world-links{margin-top:2rem;border-top:1px solid #292c2c}.world-links a{display:grid;grid-template-columns:70px 1fr 40px;align-items:center;padding:2rem 0;border-bottom:1px solid #292c2c;color:#f1eee7;text-decoration:none}.world-links strong{font-size:clamp(1.8rem,4vw,4.5rem);font-weight:400;letter-spacing:-.04em}.world-links span{color:#c79645}.world-links i{font-style:normal}.studio-contact{padding:10rem 7vw;text-align:center;border-top:1px solid #202323}.studio-contact h2{font-size:clamp(3.2rem,7vw,7rem)}.studio-contact p{max-width:650px;margin:0 auto 3rem;color:#999;line-height:1.7}.studio-page footer{display:flex;justify-content:space-between;align-items:end;padding:3rem 7vw;border-top:1px solid #202323}.studio-page footer>div{display:flex;flex-direction:column}.studio-page footer .mark{color:#c79645;font-size:1.4rem}.studio-page footer small{color:#777;letter-spacing:.08em}
html[dir="rtl"] .studio-page{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}.arabic .studio-hero-copy,.arabic .studio-belief,.arabic .studio-section-head,.arabic .studio-contact{text-align:right}.arabic .studio-hero h1,.arabic .studio-belief h2,.arabic .studio-section-head h2,.arabic .studio-contact h2{letter-spacing:0;line-height:1.22;font-weight:500}.arabic .studio-hero h1{font-size:clamp(3.2rem,6.6vw,6.8rem)}.arabic .studio-belief h2,.arabic .studio-section-head h2{font-size:clamp(2.8rem,5.2vw,5.5rem)}.arabic .studio-contact h2{font-size:clamp(2.8rem,5.5vw,5.8rem)}.arabic .create-grid article,.arabic .method-row>div{text-align:right;line-height:1.8}.arabic .create-grid h3,.arabic .method-row h3{line-height:1.6}.arabic .world-links{direction:rtl}.arabic .world-links a{grid-template-columns:70px 1fr 40px}.arabic .studio-page small{letter-spacing:0}
@media(max-width:760px){.studio-hero{min-height:760px;padding:7rem 1.4rem 4rem;align-items:flex-end}.studio-hero-bg{background:linear-gradient(0deg,rgba(5,7,7,.96) 0%,rgba(5,7,7,.25) 65%,rgba(5,7,7,.18) 100%),url('assets/time-traveler/andalus.jpg') 58% center/cover}.studio-hero h1{font-size:3.25rem;line-height:.9}.studio-hero p{font-size:.92rem}.studio-belief{padding:6rem 1.4rem;grid-template-columns:1fr;gap:2rem}.studio-belief h2,.studio-section-head h2{font-size:2.8rem;line-height:.92}.studio-create,.studio-method,.studio-worlds,.studio-contact{padding:5rem 1.4rem}.create-grid,.method-row{grid-template-columns:1fr}.create-grid article,.create-grid article+article,.method-row>div,.method-row>div+div{padding:1.6rem 0 2.3rem;border-right:0;border-bottom:1px solid #bbb;min-height:0}.method-row>div,.method-row>div+div{border-bottom-color:#282b2b}.create-grid h3,.method-row h3{margin:1.3rem 0 .7rem}.studio-method>h2{font-size:2rem;line-height:1.1}.world-links a{grid-template-columns:42px 1fr 25px}.world-links strong{font-size:1.45rem}.studio-contact h2{font-size:2.8rem;line-height:.95}.studio-page footer{padding:2rem 1.4rem;gap:1rem;flex-wrap:wrap}.arabic .studio-hero h1{font-size:2.85rem;line-height:1.25}.arabic .studio-belief h2,.arabic .studio-section-head h2,.arabic .studio-contact h2{font-size:2.45rem;line-height:1.35}.arabic .studio-belief p,.arabic .studio-hero p,.arabic .studio-contact p{line-height:2}.arabic .world-links strong{font-size:1.3rem}}


/* V6.2 — Studio mobile typography and overflow polish */
.studio-page{overflow-x:hidden}
.studio-page h1,.studio-page h2,.studio-page h3,.studio-page p,.world-links strong{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:760px){
 .studio-hero,.studio-belief,.studio-create,.studio-method,.studio-worlds,.studio-contact{overflow:hidden}
 .studio-hero-copy,.studio-section-head,.studio-belief>div,.studio-belief>p{min-width:0;max-width:100%}
 .studio-hero h1{font-size:clamp(2.7rem,13vw,3.25rem);line-height:.94;letter-spacing:-.045em}
 .studio-belief h2,.studio-section-head h2{font-size:clamp(2.35rem,11vw,2.8rem);line-height:.98;letter-spacing:-.04em}
 .studio-section-head h2 br{display:none}
 .studio-method>h2{font-size:clamp(1.45rem,7vw,2rem);line-height:1.25;overflow-wrap:anywhere}
 .studio-contact h2{font-size:clamp(2.25rem,10.5vw,2.8rem);line-height:1.02;letter-spacing:-.04em}
 .studio-contact h2 br{display:none}
 .world-links a{grid-template-columns:34px minmax(0,1fr) 20px;gap:8px;padding:1.5rem 0}
 .world-links strong{font-size:clamp(1.08rem,5.2vw,1.4rem);line-height:1.25;letter-spacing:-.02em}
 .arabic .studio-hero h1{font-size:clamp(2.45rem,11.5vw,2.9rem);line-height:1.32}
 .arabic .studio-belief h2,.arabic .studio-section-head h2,.arabic .studio-contact h2{font-size:clamp(2.05rem,9.5vw,2.5rem);line-height:1.42}
 .arabic .studio-section-head h2 br,.arabic .studio-contact h2 br{display:none}
 .arabic .studio-method>h2{font-size:clamp(1.45rem,6.6vw,1.9rem);line-height:1.7}
 .arabic .world-links strong{font-size:1.1rem;line-height:1.7}
}


/* V6.6 — Studio Ident */
.studio-ident{padding:2rem 7vw 10rem;border-top:1px solid #202323}
.studio-ident-head{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:end;margin-bottom:3.5rem}
.studio-ident-head small{grid-column:1/-1}
.studio-ident-head h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.9;margin:.5rem 0 0;font-weight:500;letter-spacing:-.055em}
.studio-ident-head h2 span{color:#777}
.studio-ident-head p{max-width:560px;color:#aaa;font-size:1.05rem;line-height:1.8;margin:0 0 .5rem}
.studio-ident-frame{position:relative;overflow:hidden;background:#050606;border:1px solid #252828;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.studio-ident-frame:before{content:"";display:block;padding-top:56.25%}
.studio-ident-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050606}
.arabic .studio-ident-head{text-align:right;direction:rtl}
.arabic .studio-ident-head h2{letter-spacing:0;line-height:1.35;font-size:clamp(2.8rem,5.2vw,5.4rem)}
.arabic .studio-ident-head p{line-height:2}
@media(max-width:760px){
 .studio-ident{padding:1rem 1.4rem 6rem}
 .studio-ident-head{display:block;margin-bottom:2rem}
 .studio-ident-head h2{font-size:clamp(2.35rem,11vw,2.8rem);line-height:1;margin:1rem 0 1.5rem}
 .studio-ident-head p{font-size:.92rem;line-height:1.75}
 .studio-ident-frame{margin:0 -.35rem}
 .arabic .studio-ident-head h2{font-size:clamp(2.1rem,9.5vw,2.5rem);line-height:1.45}
}


/* V6.7 — Ident playback + final responsive polish */
.studio-ident-frame .ident-sound{position:absolute;right:18px;top:18px;z-index:4;border:1px solid rgba(215,174,105,.55);background:rgba(5,6,6,.76);backdrop-filter:blur(8px);color:#e3bb78;padding:.7rem .9rem;font:500 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.14em;cursor:pointer;transition:.25s ease}
.studio-ident-frame .ident-sound:hover{background:rgba(199,150,69,.14);border-color:#c79645}
.studio-ident-frame .ident-sound.is-on{opacity:.55;pointer-events:none}
.arabic .studio-ident-frame .ident-sound{right:auto;left:18px;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;letter-spacing:0}
@media(max-width:760px){
 .studio-ident{padding-top:2.2rem}
 .studio-ident-head{margin-bottom:2.4rem}
 .studio-ident-frame .ident-sound{top:10px;right:10px;padding:.58rem .68rem;font-size:.6rem}
 .arabic .studio-ident-frame .ident-sound{right:auto;left:10px}
}