/* Look 2 ("studio lights"): page-level overrides from graphic-design-2's DES-08 option 2 (build/make_option2.py),
   applied site-wide by tools/build-site.mjs --look=2. The reusable layer is studio-signature-night.css. */
/* ===== Option 2 ("studio lights"): page-level overrides. Reusable part: studio-signature-night.css ===== */
.opt2 .sd-frame{color:var(--sd-ink)}
.opt2 .sd-frame :focus-visible{outline-color:var(--sd-ink)}
.opt2 .sd-frame .sd-btn--ghost{background:var(--sd-paper);color:var(--sd-ink);border-color:var(--sd-ink);box-shadow:2px 2px 0 var(--sd-ink)}
/* Header */
.opt2 .site-head{background:rgba(16,26,23,.95);border-bottom-color:rgba(255,253,247,.08)}
.opt2 .head-nav a,.opt2 .head-actions .login{color:var(--sd-on-night)}
.opt2 .head-nav a:hover{background:linear-gradient(transparent 64%,rgba(234,197,27,.45) 64%)}
.opt2 .site-head .sd-brand>span,.opt2 .site-foot .sd-brand>span{color:var(--sd-on-night)}
.opt2 .menu-btn{background:transparent;color:var(--sd-on-night);border-color:var(--sd-on-night);box-shadow:2px 2px 0 rgba(255,253,247,.35)}
.opt2 .menu-panel{background:var(--sd-night);border-bottom-color:var(--sd-night-line)}
.opt2 .menu-panel a{color:var(--sd-on-night);border-bottom-color:var(--sd-night-line)}
.opt2 .menu-panel .sd-btn{color:var(--sd-ink)}
/* The stage: hero and Creative Studio read as one dark room, each lit where the work sits */
.opt2 .hero{--spot-x:74%;--spot-y:38%;padding-bottom:8px}
.opt2 .hero-small{color:var(--sd-on-night-faint)!important}
.opt2 .channels img{width:30px;height:30px;padding:5px;border-radius:8px;background:var(--sd-on-night)}
.opt2 .cube-stage{position:relative}
.opt2 .cube-face{color:var(--sd-ink);border-color:rgba(255,253,247,.7);box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.opt2 .cube-ground{background:radial-gradient(ellipse at center,rgba(234,197,27,.32),transparent 70%);height:40px;bottom:-34px}
.opt2 .round-btn{background:transparent;color:var(--sd-on-night);border-color:var(--sd-on-night);box-shadow:2px 2px 0 rgba(255,253,247,.35)}
.opt2 .round-btn:hover{box-shadow:3px 3px 0 rgba(255,253,247,.5)}
.opt2 .cube-current span,.opt2 .cube-hint{color:var(--sd-on-night-faint)!important}
.opt2 .cube-current small{color:var(--sd-on-night-soft)}
.opt2 .designs{border-top-color:rgba(255,253,247,.18);padding-bottom:40px}
.opt2 .hero .chip{background:transparent;color:var(--sd-on-night);border-color:rgba(255,253,247,.55);box-shadow:none}
.opt2 .hero .chip[aria-pressed="true"]{background:var(--sd-gold);color:var(--sd-night);border-color:var(--sd-gold)}
.opt2 .creative{border:0;padding-top:72px;box-shadow:inset 0 1px 0 rgba(255,253,247,.06);background-color:var(--sd-night);background-image:radial-gradient(ellipse 46% 60% at 70% 48%,var(--sd-spot),transparent 70%),radial-gradient(ellipse 90% 70% at 50% 120%,rgba(0,0,0,.35),transparent 70%)}
.opt2 .creative .price-note{color:var(--sd-on-night-soft)}
.opt2 .creative-note{color:var(--sd-on-night-faint)!important}
.opt2 .dot{background:transparent;border-color:var(--sd-on-night)}
.opt2 .dot[aria-pressed="true"]{background:var(--sd-gold);border-color:var(--sd-gold)}
.opt2 .deck::before{background:radial-gradient(circle,rgba(234,197,27,.22),rgba(234,197,27,0) 66%)}
.opt2 .sd-phone{background:#1f2b27;box-shadow:0 0 0 1.5px rgba(255,253,247,.22),0 34px 60px -28px rgba(0,0,0,.9)}
.opt2 .phone-card figcaption span{color:var(--sd-on-night-faint)}
.opt2 .playing{border-color:var(--sd-gold)}
/* The wall: ivory paper, no grid; two dark work cards */
.opt2 .wall{background:var(--sd-canvas)}
.opt2 .work.sd-night h2 span{color:#b9d6c8}
.opt2 .work.sd-night .label-sm,.opt2 .work.sd-night .work-foot small{color:var(--sd-on-night-faint)}
.opt2 .work.sd-night .fine{color:var(--sd-on-night-faint)!important}
.opt2 .work.sd-night .flow-status p{color:var(--sd-on-night-soft)}
.opt2 .work.sd-night .flow-status .on-note{color:#a6e3c4!important}
.opt2 .work.sd-night .sd-frame{border-color:rgba(255,253,247,.6);box-shadow:3px 4px 0 rgba(0,0,0,.35)}
.opt2 .work.sd-night .flow-canvas{border-color:rgba(255,253,247,.6)}
/* Closing card: near-black, no grid */
.opt2 .cta-card{background:var(--sd-night)}
.opt2 .cta-card::before{display:none}
.opt2 .cta-card .sd-btn{box-shadow:3px 3px 0 rgba(255,253,247,.38)}
/* Footer */
.opt2 .site-foot{background:var(--sd-night-deep);border-top:0}
.opt2 .foot-grid p{color:var(--sd-on-night-soft)}
.opt2 .foot-nav a{color:var(--sd-on-night-soft)}
.opt2 .foot-nav a:hover{color:var(--sd-on-night)}
.opt2 .foot-base{border-top-color:rgba(255,253,247,.14);color:var(--sd-on-night-faint)}

/* ===== Site-wide additions for look 2 (marketing, MKT-11) ===== */
.opt2 .head-nav a[aria-current="page"]{background:linear-gradient(transparent 64%,rgba(234,197,27,.45) 64%)}
.opt2 .menu-panel a[aria-current="page"]{text-decoration-color:var(--sd-gold)}
.opt2 .sd-night .hero-small,.opt2 .sd-night .hero-small a{color:var(--sd-on-night-soft)!important}
/* Pricing: the paint-chip fan under the spotlight */
.opt2 .pr-hero{--spot-x:72%;--spot-y:55%}
.opt2 .fan-chip{border-color:rgba(255,253,247,.7);box-shadow:0 26px 50px -24px rgba(0,0,0,.85)}
.opt2 .sd-page .fan-chip[data-shade="4"],.opt2 .fan-chip[data-shade="4"]{background:#1e5a4f}
.opt2 .fan-rivet{box-shadow:inset 0 0 0 5px var(--sd-night),0 0 0 1.5px var(--sd-gold)}