/* RichScripts Image Studio: warm dark theme shared by the AI image generator pages. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body.studio-dark{--bg:#1b1410;--surface:#261d17;--surface-2:#30251d;--surface-3:#3a2d24;--line:#45362b;--line-soft:#382b22;--ink:#f7efe6;--muted:#bba896;--faint:#8d7b6b;--amber:#fbbf24;--orange:#f97316;--accent:#f59e0b;--glow:#f59e0b33;--soft:#3a2a1a;
 margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65;
 background:radial-gradient(900px 480px at 50% -120px,#f59e0b24,transparent 70%),radial-gradient(700px 420px at 100% 30%,#f9731612,transparent 70%),var(--bg);background-attachment:fixed}
body.studio-dark *{box-sizing:border-box}
body.studio-dark a{color:inherit;text-decoration:none}
body.studio-dark ::selection{background:#f59e0b55}
.studio-dark .grad{background:linear-gradient(90deg,#fcd34d,#fb923c 55%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header */
.studio-dark .landing-header,.studio-dark>header.landing-header{position:sticky;top:0;z-index:20;max-width:none;min-height:0;margin:0;padding:14px max(24px,calc((100vw - 1320px)/2));background:#1b1410cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);box-shadow:none;transform:none}
.studio-dark .landing-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:21px!important;font-weight:800;letter-spacing:-.5px}
.studio-dark .landing-brand span{color:var(--muted);border-color:var(--line)}
.studio-dark .image-nav a{color:var(--muted);font-weight:500}
.studio-dark .image-nav a:hover,.studio-dark .image-nav a[aria-current=page]{color:var(--amber)}
.studio-dark .pill{background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#1b1410!important;font-weight:700;border:0;box-shadow:0 8px 28px #f9731640}
.studio-dark .pill:hover{filter:brightness(1.07);background:linear-gradient(135deg,#fcd34d,#fb923c)!important}
.studio-dark .text-link{color:var(--amber);border-bottom-color:#f59e0b66}
.studio-dark .eyebrow,.studio-dark .image-eyebrow{color:var(--amber);letter-spacing:2px}

/* Landing */
.studio-dark main{max-width:1320px}
.studio-dark .hero-copy h1{color:var(--ink);letter-spacing:-3px}
.studio-dark .hero-copy h1 em{font-family:Inter,system-ui,sans-serif;font-style:normal;font-weight:900;background:linear-gradient(90deg,#fcd34d,#fb923c 60%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio-dark .hero-copy>p,.studio-dark .page-intro p,.studio-dark .page-intro small{color:var(--muted)}
.studio-dark .hero-benefits span{background:#f59e0b14;border:1px solid #f59e0b40;color:#fcd9a0;padding:5px 12px;border-radius:30px}
.studio-dark .art-main{box-shadow:0 30px 90px #f9731630,0 0 0 1px #ffffff14}
.studio-dark .art-float{border-color:var(--surface-2);box-shadow:0 20px 50px #0008}
.studio-dark .art-label{background:#261d17ee;border-color:var(--line);color:var(--muted);backdrop-filter:blur(8px)}
.studio-dark .art-label strong{color:var(--ink)}
.studio-dark .feature-strip{border-color:var(--line-soft)}
.studio-dark .feature-strip span{color:var(--amber)}
.studio-dark .feature-strip h2,.studio-dark .feature-strip h3{color:var(--ink)}
.studio-dark .feature-strip p{color:var(--muted)}
.studio-dark .landing-more .feature-strip{gap:18px;border:0;padding:10px 0}
.studio-dark .landing-more .feature-strip>div{background:linear-gradient(180deg,var(--surface),#221a14);border:1px solid var(--line-soft);border-radius:18px;padding:24px;transition:border-color .2s,transform .2s}
.studio-dark .landing-more .feature-strip>div:hover{border-color:#f59e0b66;transform:translateY(-3px)}
.studio-dark .story-section img{box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff12}
.studio-dark .story-section p{color:var(--muted)}
.studio-dark .landing-faq details{border-color:var(--line-soft)}
.studio-dark .landing-faq p{color:var(--muted)}
.studio-dark .landing-cta{background:radial-gradient(600px 240px at 50% 0,#f59e0b30,transparent),var(--surface);border:1px solid var(--line);color:var(--ink)}
.studio-dark .landing-cta p{color:var(--muted)}
.studio-dark h1,.studio-dark h2,.studio-dark h3{color:var(--ink)}
.studio-dark summary{color:var(--ink)}
.studio-dark summary::marker{color:var(--amber)}
.studio-dark footer{border-top:1px solid var(--line-soft);color:var(--faint);background:transparent}
.studio-dark footer a:hover{color:var(--amber)}

/* Gallery and pricing cards */
.studio-dark .explore-card,.studio-dark .prompt-card,.studio-dark .pricing-grid>section,.studio-dark .pricing-note{background:linear-gradient(180deg,var(--surface),#211913);border:1px solid var(--line-soft);color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}
.studio-dark .explore-card:hover,.studio-dark .prompt-card:hover{border-color:#f59e0b77;transform:translateY(-4px);box-shadow:0 20px 50px #f973161f}
.studio-dark .explore-card span,.studio-dark .prompt-card span{color:var(--amber)}
.studio-dark .explore-card p,.studio-dark .prompt-card p,.studio-dark .pricing-grid li,.studio-dark .pricing-note p{color:var(--muted)}
.studio-dark .explore-card strong,.studio-dark .prompt-card strong{color:#fb923c}
.studio-dark .explore-card>img{transition:transform .5s}
.studio-dark .explore-card{overflow:hidden}
.studio-dark .explore-card:hover>img{transform:scale(1.04)}
.studio-dark .prompt-library>p{color:var(--muted)}
.studio-dark .pricing-grid>section:last-child{border-color:#f59e0b88;box-shadow:0 0 0 1px #f59e0b44,0 20px 60px #f9731620}
.studio-dark .price{color:var(--ink)}
.studio-dark .pricing-grid>section:last-child .price{background:linear-gradient(90deg,#fcd34d,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Studio (create page) */
body.studio-dark.rs-tools-ui{--ink:#f7efe6;--muted:#bba896;--line:#45362b;--accent:#f59e0b;--green:#f59e0b;--soft:#3a2a1a;--surface:#261d17}
.studio-dark.rs-tools-ui>main{max-width:1320px;padding-top:10px}
.studio-hero{text-align:center;padding:38px 0 30px}
.studio-hero h1{font-size:clamp(34px,5vw,60px)!important;line-height:1.08!important;letter-spacing:-2px!important;margin:0 0 12px!important;font-weight:900!important}
.studio-hero p{color:var(--muted);font-size:18px;margin:0 0 18px}
.studio-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.studio-badges span{font-size:12px;font-weight:600;color:#fcd9a0;background:#f59e0b14;border:1px solid #f59e0b55;border-radius:30px;padding:4px 12px}
.studio-dark .image-studio{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:22px;align-items:start}
.studio-dark .image-card{background:linear-gradient(180deg,#2a2019f2,#221a14f2);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px #00000055,inset 0 1px 0 #ffffff0d;color:var(--ink)}
.studio-dark .image-card:first-child{box-shadow:0 30px 80px #00000055,0 0 0 1px #f59e0b22,0 0 60px #f59e0b14,inset 0 1px 0 #ffffff0d}
.studio-dark .image-card h2{color:var(--ink)}
.studio-dark .image-badge{color:#fcd9a0;background:#f59e0b1a;border:1px solid #f59e0b44}
.studio-dark.rs-tools-ui #prompt{background:#1b1410;border:1px solid var(--line);color:var(--ink);font:15px/1.7 Inter,system-ui,sans-serif;border-radius:16px;min-height:170px;transition:border-color .2s,box-shadow .2s}
.studio-dark.rs-tools-ui #prompt::placeholder{color:#8d7b6b}
.studio-dark.rs-tools-ui #prompt:focus{outline:0;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}
.studio-dark .prompt-help,.studio-dark .prompt-ideas,.studio-dark .note,.studio-dark .image-consent,.studio-dark.rs-tools-ui #human-status{color:var(--muted)}
.studio-dark.rs-tools-ui button{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-family:inherit;transition:background .15s,border-color .15s,transform .15s}
.studio-dark.rs-tools-ui button:hover:not(:disabled){background:var(--surface-3);border-color:#f59e0b66}
.studio-dark.rs-tools-ui button:disabled{opacity:.5}
.studio-dark.rs-tools-ui .prompt-ideas button{border-radius:30px;background:#1f1812;color:#e9d9c6}
.studio-dark .creative-styles legend{color:var(--ink)}
.studio-dark .style-grid span{color:var(--amber)}
.studio-dark.rs-tools-ui .style-grid button{background:#1f1812;padding:14px 4px;border-radius:14px}
.studio-dark.rs-tools-ui .style-grid button[aria-pressed=true]{background:linear-gradient(180deg,#f59e0b2e,#f973161a);border-color:#f59e0b;color:#fde6c2;box-shadow:0 0 0 1px #f59e0b,0 8px 24px #f973162e}
.studio-dark .creative-options{background:#1f1812;border-color:var(--line)}
.studio-dark .creative-options summary{color:var(--ink)}
.studio-dark.rs-tools-ui select,.studio-dark.rs-tools-ui input:not([type=checkbox]),.studio-dark .creative-options input,.studio-dark .creative-options select{background:#1b1410;color:var(--ink);border:1px solid var(--line);border-radius:10px}
.studio-dark.rs-tools-ui input[type=checkbox]{accent-color:#f59e0b}
.studio-dark .settings{background:transparent;border:0;padding:0}
.studio-dark .settings label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}
.studio-dark.rs-tools-ui #generate{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;border:0;border-radius:14px;font-size:16px;font-weight:800;padding:15px;box-shadow:0 12px 30px #f9731640}
.studio-dark.rs-tools-ui #generate:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px);background:linear-gradient(135deg,#fcd34d,#fb923c)}
.studio-dark.rs-tools-ui #generate:disabled{background:linear-gradient(135deg,#fbbf2466,#f9731666);color:#1b1410aa;box-shadow:none}
.studio-dark.rs-tools-ui #working{background:#1f1812;border:1px solid var(--line);border-radius:12px;padding:12px}
.studio-dark progress{accent-color:#f59e0b}
.studio-dark .image-canvas{background:radial-gradient(circle at 50% 40%,#f59e0b12,transparent 60%),repeating-conic-gradient(#221a14 0 25%,#1d1611 0 50%) 0 0/28px 28px;border:1px dashed #5a4636;border-radius:18px;min-height:420px}
.studio-dark .image-canvas #result-empty{color:var(--amber)}
.studio-dark .image-canvas h3{color:var(--ink)}
.studio-dark .image-canvas p{color:var(--muted)}
.studio-dark .image-canvas img{border-radius:12px;box-shadow:0 20px 60px #0009}
.studio-dark .image-upgrade{border-color:var(--line);background:linear-gradient(135deg,#f59e0b14,transparent);border:1px solid #f59e0b33;border-radius:16px;padding:16px}
.studio-dark .image-upgrade span{color:var(--muted)}
.studio-dark.rs-tools-ui #download{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;border:0;font-weight:800}
.studio-dark .image-status #status{color:var(--muted)}
.studio-dark .related{border-color:var(--line-soft)}
.studio-dark .related a{color:var(--amber)}
.studio-dark.rs-tools-ui .guide{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:30px;padding:36px;border:1px solid var(--line-soft);border-radius:24px;background:#211913}
.studio-dark .guide>*{grid-column:1/-1}
.studio-dark .guide>h2{font-size:28px;letter-spacing:-.8px;margin:28px 0 12px}
.studio-dark .guide>h2:first-child{margin-top:0}
.studio-dark .guide li,.studio-dark .guide p{color:var(--muted)}
.studio-dark .guide li strong{color:var(--ink)}
.studio-dark .guide>details{grid-column:auto;border-bottom:1px solid var(--line-soft);padding:14px 0}
.studio-dark .guide details p{margin:8px 0 0}
.studio-dark .guide a{color:var(--amber)}
.studio-dark #creative-dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}
.studio-dark.rs-tools-ui>footer{border-top:1px solid var(--line-soft);color:var(--faint);background:transparent;text-align:center;padding:26px}
@media(max-width:900px){.studio-dark .image-studio{grid-template-columns:1fr}.studio-dark.rs-tools-ui .guide{grid-template-columns:1fr;padding:22px}.studio-dark .image-canvas{min-height:300px}}
@media(max-width:600px){.studio-dark .landing-header{padding:12px 16px}.studio-hero{padding:24px 0 20px}.studio-hero p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.studio-dark *{transition:none!important}}
body.studio-dark select,body.studio-dark input:not([type=checkbox]):not([type=radio]){background-color:#1b1410!important;color:#f7efe6!important;border:1px solid #45362b!important;border-radius:10px!important;color-scheme:dark}
body.studio-dark select option{background:#261d17;color:#f7efe6}
body.studio-dark .settings select{padding:9px 12px;min-width:190px}
.studio-dark .pricing-note{padding:28px 32px;border-radius:20px;margin-top:22px}
.studio-dark .pricing-grid>section{border-radius:22px}

/* Overview quick start (Raphael-style first screen) */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qs-hero{text-align:center;padding:34px 0 22px}
.qs-hero h1{font-size:clamp(32px,4.6vw,56px);line-height:1.08;letter-spacing:-2px;font-weight:900;margin:0 0 10px}
.qs-hero p{color:var(--muted);font-size:18px;margin:0 0 16px}
.qs-composer{max-width:1160px;margin:0 auto;background:linear-gradient(180deg,#3a2d24,#30251d);border:1px solid #574536;border-radius:22px;box-shadow:0 30px 80px #0007,0 0 0 1px #f59e0b1c,0 0 80px #f59e0b12;overflow:hidden}
.qs-composer textarea{display:block;width:100%;min-height:140px;resize:vertical;border:0;background:transparent;color:var(--ink);font:17px/1.6 Inter,system-ui,sans-serif;padding:22px 24px;outline:0}
.qs-composer textarea::placeholder{color:#a8927f}
.qs-composer:focus-within{border-color:#f59e0b99;box-shadow:0 30px 80px #0007,0 0 0 3px #f59e0b33}
.qs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid #4a3a2e;background:#2a2019}
.qs-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qs-seg{display:flex;background:#1f1812;border:1px solid #4a3a2e;border-radius:12px;padding:3px}
.qs-seg input{position:absolute;opacity:0;pointer-events:none}
.qs-seg span{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer}
.qs-seg input:checked+span{background:#f59e0b26;color:#fde6c2;box-shadow:inset 0 0 0 1px #f59e0b88}
.qs-seg input:focus-visible+span{outline:2px solid #f59e0b}
.qs-seg i{display:inline-block;border:1.6px solid currentColor;border-radius:2px}
.qs-r11{width:12px;height:12px}.qs-r23{width:10px;height:14px}.qs-r32{width:15px;height:10px}
body.studio-dark .qs-select select{padding:8px 12px!important;font-size:13px;font-weight:600;border-radius:12px!important;background-color:#1f1812!important;cursor:pointer}
.qs-chip{background:#1f1812;color:var(--ink);border:1px solid #4a3a2e;border-radius:12px;padding:8px 12px;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
.qs-chip:hover{border-color:#f59e0b88}
.qs-generate{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;border:0;border-radius:13px;padding:12px 22px;font:800 16px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 26px #f9731644;white-space:nowrap}
.qs-generate:hover{filter:brightness(1.07);transform:translateY(-1px)}
.qs-row{max-width:1160px;margin:26px auto 0}
.qs-row-head{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 14px}
.qs-row-head h2{font-size:24px;letter-spacing:-.5px;margin:0}
.qs-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qs-card{position:relative;display:block;border-radius:18px;overflow:hidden;background:#221a14;border:1px solid #3d3027;transition:transform .2s,border-color .2s,box-shadow .2s}
.qs-card img,.qs-pixel{display:block;width:100%;height:190px;object-fit:cover;transition:transform .5s}
.qs-pixel{background:linear-gradient(#0000 60%,#2d5a27 60%),repeating-linear-gradient(90deg,#3f7d34 0 16px,#356b2c 16px 32px) bottom/100% 40% no-repeat,radial-gradient(circle at 70% 30%,#ffe08a 0 18px,#0000 19px),linear-gradient(#5b8def,#9ec5ff);image-rendering:pixelated}
.qs-card:hover{transform:translateY(-4px);border-color:#f59e0b88;box-shadow:0 20px 50px #f973162a}
.qs-card:hover img{transform:scale(1.05)}
.qs-card-overlay{position:absolute;inset:0 0 44px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:linear-gradient(transparent 45%,#000b)}
.qs-card-overlay strong{font-size:20px;font-weight:900;line-height:1.1;color:#fff;text-shadow:0 2px 12px #000}
.qs-tag{align-self:flex-start;font-size:11px;font-weight:700;background:#f59e0b;color:#1b1410;border-radius:6px;padding:2px 7px;margin-bottom:6px}
.qs-card-foot{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:13px;font-weight:600;color:var(--ink)}
.qs-card-foot em{font-style:normal;font-size:11px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;border-radius:6px;padding:3px 8px}
.qs-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.qs-tool{display:flex;flex-direction:column;gap:2px}
.qs-tool-img{border-radius:14px;overflow:hidden;border:1px solid #3d3027;height:120px;margin-bottom:8px;background:#221a14;transition:border-color .2s}
.qs-tool img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.qs-tool:hover .qs-tool-img{border-color:#f59e0b88}.qs-tool:hover img{transform:scale(1.06)}
.qs-tool strong{font-size:14px;color:var(--ink)}.qs-tool span{font-size:12px;color:var(--muted)}
.qs-cutout .qs-tool-img{background:repeating-conic-gradient(#3a2d24 0 25%,#2a2019 0 50%) 0 0/16px 16px}
.qs-cutout img{object-fit:contain;mix-blend-mode:normal;-webkit-mask-image:radial-gradient(ellipse 45% 55% at 50% 55%,#000 70%,#0000 72%);mask-image:radial-gradient(ellipse 45% 55% at 50% 55%,#000 70%,#0000 72%)}
.qs-pixelated img{image-rendering:pixelated}
.studio-dark .qs-row+.feature-strip,.studio-dark .qs-row+section{margin-top:40px}
@media(max-width:1000px){.qs-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.qs-toolbar{flex-direction:column;align-items:stretch}.qs-generate{width:100%}.qs-hero p{font-size:16px}.qs-card img,.qs-pixel{height:150px}.qs-card-overlay strong{font-size:16px}.qs-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-composer textarea{min-height:120px;font-size:16px}}
.qs-card img.qs-pixelated-img{image-rendering:pixelated;object-position:50% 30%}.qs-card-foot span{color:var(--muted);font-weight:500}

/* Tabbed showcase + before/after (BeautyPlus-inspired) */
.sc{max-width:1160px;margin:56px auto 20px}
.sc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.sc-tabs button{background:#261d17;color:var(--muted);border:1px solid #45362b;border-radius:30px;padding:9px 18px;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.sc-tabs button[aria-selected=true]{background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;border-color:transparent;box-shadow:0 8px 22px #f9731633}
.sc-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;background:linear-gradient(135deg,#2a2019,#211913);border:1px solid #3d3027;border-radius:26px;padding:22px 40px 22px 22px;animation:scIn .35s ease}
@keyframes scIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sc-media img{display:block;width:100%;height:440px;object-fit:cover;border-radius:18px}
.sc-copy h3{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-1px;margin:10px 0 16px}
.sc-copy blockquote{margin:0 0 24px;padding:16px 18px;border-left:3px solid #f59e0b;background:#1b1410;border-radius:0 12px 12px 0;color:#e9d9c6;font-size:15px;line-height:1.7}
.sc-copy p{color:var(--muted);margin:0 0 24px}
.ba{position:relative;height:440px;border-radius:18px;overflow:hidden;user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.ba-after{clip-path:inset(0 0 0 var(--pos));image-rendering:pixelated}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px #0008;pointer-events:none}
.ba-handle::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);color:#1b1410;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 18px #0007}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-range:focus-visible+*{outline:2px solid #f59e0b}
.ba-label{position:absolute;top:12px;font-size:12px;font-weight:700;background:#000a;color:#fff;border-radius:6px;padding:3px 9px;pointer-events:none}
.ba-l{left:12px}.ba-r{right:12px}
/* Big footer */
.studio-dark footer.studio-footer{display:block;max-width:none;margin-top:60px;padding:56px max(24px,calc((100vw - 1160px)/2)) 24px;border-top:1px solid #382b22;background:linear-gradient(180deg,transparent,#140f0c);text-align:left;overflow:hidden}
.sf-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:30px}
.sf-brand strong{font-size:20px;color:var(--ink)}
.sf-brand p{color:var(--muted);font-size:14px;max-width:260px}
.studio-footer h4{margin:0 0 12px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink)}
.studio-footer nav{display:flex;flex-direction:column;gap:8px}
.studio-footer nav a{color:var(--muted);font-size:14px}
.studio-footer nav a:hover{color:var(--amber)}
.sf-wordmark{margin:40px 0 0;font-size:clamp(64px,15vw,210px);font-weight:900;letter-spacing:-.05em;line-height:.9;text-align:center;background:linear-gradient(180deg,#f59e0b40,#f59e0b05);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.sf-copy{text-align:center;color:var(--faint);font-size:12px;margin:14px 0 0}
@media(max-width:900px){.sc-panel{grid-template-columns:1fr;padding:18px;gap:22px}.sc-media img,.ba{height:340px}.sf-grid{grid-template-columns:1fr 1fr}.sf-brand{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.sc-panel{animation:none}}
.sc-panel[hidden]{display:none!important}
