.studio-home{--studio-green:#263e33;--studio-gold:#a5814f;color:var(--studio-green)}
.studio-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(26px,6vw,94px);padding:clamp(25px,5vw,75px) 0}
.studio-intro h1{font:400 clamp(40px,6vw,88px)/1.13 'Cormorant Garamond',Amiri,serif;margin:24px 0}.studio-intro h1:lang(ar){font-family:Amiri,serif;font-size:clamp(39px,5.8vw,80px);line-height:1.25}
.studio-intro h1 em{color:#80643d;font-weight:400}.studio-intro p,.studio-lab p{max-width:47ch;line-height:1.9}.studio-facts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;font-size:12px;color:#516653}.studio-facts span+span{border-inline-start:1px solid #c9cdbf;padding-inline-start:15px}
.studio-stage{display:grid;justify-items:center;align-content:center;min-height:470px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#e8e9df,#cdd6c4);border-radius:190px 190px 12px 12px;padding:54px 25px 30px}.studio-stage::before{content:'';position:absolute;inset:17px;border:1px solid #a9b49c;border-radius:inherit;z-index:-1}.studio-stage-caption{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:9px;letter-spacing:.14em;margin:0 0 16px}
.studio-stage .design-sample,.studio-live .design-sample{width:min(100%,280px);margin:auto;min-height:315px}.studio-home .template[hidden]{display:none!important}.studio-home .template{scroll-margin-top:22px}.studio-home .template:target{outline:2px solid #a5814f;outline-offset:5px}.studio-permalink{display:inline-block;font-size:11px;color:#53634c;text-underline-offset:3px}.studio-search{max-width:420px;margin:20px 0}.studio-search p{font-size:12px;color:#53634c;margin:7px 0;min-height:1.4em}
.studio-home .template-preview{background:linear-gradient(150deg,#eeede2,#deded1)}.studio-lab{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,5vw,70px);background:#ecece1;padding:clamp(24px,5vw,65px);border-radius:16px}.studio-lab h2{font:400 clamp(30px,4vw,57px)/1.2 'Cormorant Garamond',Amiri,serif}.studio-lab h2:lang(ar){font-family:Amiri,serif}.studio-lab button{margin-top:16px}.studio-live{background:#d8dfd0;padding:20px;border-radius:140px 140px 9px 9px}.studio-live .sample-names,.studio-live .calla-script{overflow-wrap:anywhere}
@media(max-width:760px){.studio-hero,.studio-lab{grid-template-columns:1fr}.studio-stage{min-height:410px}.studio-hero{gap:26px}.studio-intro .actions{flex-wrap:wrap}.studio-stage .design-sample{max-width:235px}}