/* Davisville Labs • shared premium interiors, 2026-10-26.
   Supplements existing, legally/operationally reviewed templates. */
body.studio-interior{--studio-night:#061529;--studio-blue:#68bfff;--studio-ink:#102547;--studio-muted:#5b6f8d;background:#f4f6fb;color:var(--studio-ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.studio-interior .dl-top{background:#051326;border-bottom:1px solid #25405c;backdrop-filter:blur(18px)}
body.studio-interior .dl-top .dl-brand{color:#fff}
body.studio-interior .dl-top .dl-brand .brand-labs{color:#72bfff}
body.studio-interior .dl-top .dl-links a{color:#dfebfb}
body.studio-interior .dl-top .dl-links a[aria-current=page],body.studio-interior .dl-top .dl-links a:hover{color:#73caff}
body.studio-interior .dl-top .mobile-menu summary{background:#112942;border-color:#37536e;color:#f2f8ff}
body.studio-interior .dl-top .mobile-menu[open] summary{background:#193753}
body.studio-interior .dl-top .mobile-links{background:#0a2039;border-color:#37516a}
body.studio-interior .dl-top .mobile-links a{color:#eef5ff}
body.studio-interior .dl-top .mobile-links a:hover,body.studio-interior .dl-top .mobile-links a:focus-visible{background:#164061;color:#fff}
body.studio-interior a:focus-visible{outline:3px solid #ffb65c;outline-offset:4px}
body.studio-interior .dl-shell{width:min(1340px,calc(100% - 80px))}
body.studio-interior .dl-footer{background:#f1f4f7;border-color:#d9e1e9}
body.studio-interior .dl-footer .dl-foot{color:#647b93}
body.studio-interior .dl-footer a{color:#38516f}
body.studio-interior .dl-footer a:hover{color:#0756b6}
body.studio-interior .dl-footer nav{gap:18px}
body.studio-interior .dl-footer{position:relative}
body.studio-interior main{overflow:clip}
/* About: editorial hero, visible portfolio and deliberate contrasts. */
body.studio-interior.about-page .about-shell{width:min(1320px,calc(100% - 80px))}
body.studio-interior .about-hero{background:radial-gradient(ellipse at 80% 23%,rgba(54,118,195,.19),transparent 46%),linear-gradient(120deg,#061327,#0c2847 70%,#081b36);border-bottom:1px solid #214267}
body.studio-interior .about-hero:after{opacity:.36;background-size:82px 82px}
body.studio-interior .about-hero>.about-shell{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:8%;align-items:center;min-height:690px;padding:94px 0}
body.studio-interior .about-hero h1{font-size:clamp(54px,5.2vw,83px);line-height:1.015;letter-spacing:-.069em;max-width:730px}
body.studio-interior .about-hero h1 span{color:#80cfff}
body.studio-interior .about-hero .about-eyebrow{color:#a4d7ff;letter-spacing:.16em;font-size:12px}
body.studio-interior .about-lede{font-size:clamp(16px,1.4vw,19px);line-height:1.73;color:#d0ddee}
body.studio-interior .about-meta{color:#adc7df}
body.studio-interior .about-btn{transition:transform .2s ease}
body.studio-interior .about-btn:hover{transform:translateY(-2px)}
body.studio-interior .about-btn.primary{color:#032844;background:linear-gradient(110deg,#68e2f2,#519cf8)}
body.studio-interior .about-hero .about-btn.secondary{border-color:#42627d;color:#f4f9ff}
body.studio-interior .studio-feature-gallery{position:relative;display:grid;grid-template-rows:repeat(3,minmax(135px,1fr));gap:12px;max-width:630px;width:100%;justify-self:end}
body.studio-interior .studio-gallery-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:5px;align-content:center;position:relative;isolation:isolate;min-height:152px;padding:22px 26px;text-decoration:none;color:#fff;border-radius:18px;overflow:hidden;border:1px solid #385272;box-shadow:0 20px 45px rgba(0,0,0,.19);transition:transform .2s ease}
body.studio-interior .studio-gallery-card:hover{transform:translateY(-4px)}
body.studio-interior .studio-gallery-card .studio-gallery-index{grid-column:1;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;opacity:.81}
body.studio-interior .studio-gallery-card strong{grid-column:1;font:800 clamp(22px,2.1vw,32px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.045em}
body.studio-interior .studio-gallery-card>span:nth-last-child(2){grid-column:1;font-size:13px;line-height:1.4;color:#d4e0ee}
body.studio-interior .studio-gallery-card em{font-family:Georgia,serif;color:#ffc16b}
body.studio-interior .studio-gallery-card .studio-gallery-arrow{position:absolute;top:24px;right:22px;font-size:22px;color:#daecff}
body.studio-interior .studio-gallery-bitcoin{background:linear-gradient(92deg,#081728 16%,rgba(11,25,43,.72) 62%,rgba(9,19,34,.33)),url('/assets/golden-gate-night-original.avif') center 52%/cover}
body.studio-interior .studio-gallery-compass{background:radial-gradient(ellipse at 94% 90%,#799deb,transparent 65%),linear-gradient(125deg,#1f3e7e,#2c4e99);border-color:#6788db}
body.studio-interior .studio-gallery-analytics{background:radial-gradient(ellipse at 93% 65%,rgba(23,151,209,.47),transparent 55%),linear-gradient(125deg,#0a1d36,#0b335d);border-color:#276391}
body.studio-interior .about-section{padding:120px 0;border-color:#dfe7ed;background:#f6f8fc}
body.studio-interior .about-section:nth-of-type(3){background:linear-gradient(130deg,#09182c,#0d3153);color:white;border-color:#285579}
body.studio-interior .about-section:nth-of-type(3) .about-heading p{color:#c4d5e6}
body.studio-interior .about-section:nth-of-type(3) .about-eyebrow{color:#80cfff}
body.studio-interior .about-section:nth-of-type(3) .about-btn{color:#072240;border-color:#7cd5ec;background:#73ceeb}
body.studio-interior .about-heading{grid-template-columns:1fr .9fr;align-items:end;gap:8%;margin-bottom:47px}
body.studio-interior .about-heading h2{font-size:clamp(40px,4.4vw,67px);letter-spacing:-.065em}
body.studio-interior .about-heading p{font-size:18px;line-height:1.75}
body.studio-interior .about-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.studio-interior .about-focus-grid .analytics-panel{position:relative;display:flex;flex-direction:column;min-height:390px;padding:30px;background:#071d35;border-radius:22px;border:1px solid #274766;box-shadow:0 15px 40px rgba(19,40,71,.09)}
body.studio-interior .about-focus-grid .analytics-panel:nth-child(2){background:radial-gradient(ellipse at 90% 10%,rgba(112,127,228,.22),transparent 60%),linear-gradient(150deg,#233e7e,#101d44);border-color:#7583e4}
body.studio-interior .about-focus-grid .analytics-panel:nth-child(3){background:linear-gradient(145deg,rgba(12,20,35,.88),rgba(18,29,44,.58)),url('/assets/golden-gate-night-original.avif') center/cover;border-color:#ae7e45}
body.studio-interior .about-focus-grid .analytics-panel .about-eyebrow{font-size:12px;letter-spacing:.12em;color:#95c5ed}
body.studio-interior .about-focus-grid .analytics-panel:nth-child(3) .about-eyebrow{color:#ffc084}
body.studio-interior .about-focus-grid .analytics-panel h3{font-size:clamp(26px,2.3vw,36px);line-height:1.12;margin:25px 0 0;letter-spacing:-.05em}
body.studio-interior .about-focus-grid .analytics-panel p{font-size:15px;line-height:1.75;color:#d3deee}
body.studio-interior .about-focus-grid .analytics-panel .about-btn{align-self:flex-start;margin-top:auto;padding:12px 18px;background:rgba(255,255,255,.94);color:#0f2e52;border-radius:100px;border:0;font-size:12px}
/* Contact: no generic sales CTA; clear routes to email + products. */
body.studio-interior .intro.contact-intro{position:relative;overflow:hidden;padding:132px 0 144px;color:#fff;background:radial-gradient(ellipse at 90% 22%,rgba(45,126,212,.25),transparent 48%),linear-gradient(115deg,#061529,#0c2c51)}
body.studio-interior .contact-intro .shell{width:min(1320px,calc(100% - 80px));margin:auto}
body.studio-interior .contact-intro .eyebrow{color:#94d0ff;font-size:12px;letter-spacing:.17em}
body.studio-interior .contact-intro h1{font:800 clamp(54px,6vw,94px)/1.01 Manrope,Inter,sans-serif;letter-spacing:-.071em;max-width:900px}
body.studio-interior .contact-intro h1 span{color:#83cdff}
body.studio-interior .contact-intro .lede{font-size:19px;color:#c8dcee;max-width:660px;line-height:1.7}
body.studio-interior .contact-section{background:#f5f7fc;padding:108px 0}
body.studio-interior .contact-section .contact-grid{width:min(1320px,calc(100% - 80px));grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start}
body.studio-interior .contact-section .email-card{background:linear-gradient(145deg,#082442,#0a355b);color:#fff;border:1px solid #31658d;border-radius:25px;box-shadow:0 30px 66px rgba(23,63,105,.16)}
body.studio-interior .contact-section .email-card .eyebrow{color:#9bd5ff}
body.studio-interior .contact-section .email-card h2{color:#fff;font-size:clamp(32px,3.5vw,50px)}
body.studio-interior .contact-section .email-address{color:#bbebff;word-break:break-word}
body.studio-interior .contact-section .email-card p,body.studio-interior .contact-section .email-note,body.studio-interior .contact-section .email-company{color:#b8cde1}
body.studio-interior .contact-section .button-light{background:#71d6f1;color:#05243c}
body.studio-interior .contact-section .contact-topics>.eyebrow{color:#306197}
body.studio-interior .contact-section .contact-topics article{border-bottom:1px solid #dce5ef;padding-block:26px}
body.studio-interior .contact-section .contact-topics h2{color:#142e53}
body.studio-interior .contact-section .contact-topics p{color:#5b7290}
body.studio-interior .contact-section .contact-topics a{color:#145d9c}
body.studio-interior .contact-section .contact-topics .topic-number{color:#3d81b2}
body.studio-interior .resource-strip{width:min(1320px,calc(100% - 80px));border-color:#dce6ed;border-radius:25px;background:linear-gradient(125deg,#e9f0fc,#f8fafe)}
body.studio-interior .resource-strip .eyebrow{color:#416fa5}
body.studio-interior .resource-strip h2{color:#0d2a4c}
body.studio-interior .resource-links a{color:#285c93}
/* Agent directory and legal/policy pages preserve semantic copy + deep links. */
body.studio-interior.company-page .company-hero{position:relative;padding:96px 0 65px;background:radial-gradient(ellipse at 88% 20%,rgba(33,112,191,.22),transparent 47%),linear-gradient(117deg,#071629,#102f50)}
body.studio-interior.company-page .company-shell{width:min(1200px,calc(100% - 80px))}
body.studio-interior.company-page .company-hero-card{background:transparent;border:0;box-shadow:none;color:#fff;padding:0;max-width:1020px}
body.studio-interior.company-page .company-hero h1{max-width:940px;font-size:clamp(46px,5.8vw,82px);line-height:1.04;color:#fff}
body.studio-interior.company-page .company-lede{max-width:800px;color:#c2d7ea;font-size:19px;line-height:1.76}
body.studio-interior.company-page .company-pill{border-color:rgba(113,192,255,.32);background:rgba(16,55,87,.65);color:#b2e5ff;font-size:13px}
body.studio-interior.company-page .company-pill:before{background:#6bd6f2}
body.studio-interior.company-page .company-section{background:#f4f7fb;padding:38px 0}
body.studio-interior.company-page .company-section:last-of-type{padding-bottom:96px}
body.studio-interior.company-page .company-content-card{max-width:1200px;border-color:#dce6f0;border-radius:24px;box-shadow:0 22px 70px rgba(22,51,86,.065);background:#fff}
body.studio-interior.company-page .company-content-card h2{color:#152d50;letter-spacing:-.04em}
body.studio-interior.company-page .company-prose{color:#526987;line-height:1.8}
body.studio-interior.company-page .company-prose a{color:#155d9e;text-underline-offset:4px}
body.studio-interior.company-page .company-notice{background:#f0f6ff;border-color:#d4e6f8}
body.studio-interior.company-page .company-card{border-color:#dbe5f0;border-radius:18px;background:#f9fbff}
@media(max-width:1000px){
 body.studio-interior .about-hero>.about-shell{grid-template-columns:1fr;gap:45px;min-height:0}
 body.studio-interior .studio-feature-gallery{justify-self:stretch;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
 body.studio-interior .studio-gallery-card{padding:20px;min-height:190px}
 body.studio-interior .about-focus-grid{grid-template-columns:1fr}
 body.studio-interior .about-focus-grid .analytics-panel{min-height:250px}
 body.studio-interior .contact-section .contact-grid{grid-template-columns:1fr;gap:50px}
}
@media(max-width:700px){
 body.studio-interior .dl-shell,body.studio-interior.about-page .about-shell,body.studio-interior .contact-intro .shell,body.studio-interior .contact-section .contact-grid,body.studio-interior .resource-strip,body.studio-interior.company-page .company-shell{width:calc(100% - 36px)}
 body.studio-interior .about-hero>.about-shell{padding:73px 0;gap:34px}
 body.studio-interior .about-hero h1{font-size:clamp(43px,11vw,61px)}
 body.studio-interior .studio-feature-gallery{grid-template-columns:1fr;gap:10px}
 body.studio-interior .studio-gallery-card{min-height:130px;padding:20px}
 body.studio-interior .about-section{padding:77px 0}
 body.studio-interior .about-heading{grid-template-columns:1fr;gap:15px}
 body.studio-interior .about-heading h2{font-size:clamp(38px,9vw,55px)}
 body.studio-interior .about-heading p{font-size:16px}
 body.studio-interior .intro.contact-intro{padding:90px 0 100px}
 body.studio-interior .contact-intro h1{font-size:clamp(44px,11vw,65px)}
 body.studio-interior .contact-intro .lede{font-size:17px}
 body.studio-interior .contact-section{padding:75px 0}
 body.studio-interior.company-page .company-hero{padding:70px 0 52px}
 body.studio-interior.company-page .company-hero h1{font-size:clamp(40px,10vw,60px)}
 body.studio-interior.company-page .company-lede{font-size:16px}
 body.studio-interior.company-page .company-section{padding:24px 0}
 body.studio-interior.company-page .company-section:last-of-type{padding-bottom:75px}
}
@media(prefers-reduced-motion:reduce){body.studio-interior .about-btn,body.studio-interior .studio-gallery-card{transition:none}body.studio-interior .about-btn:hover,body.studio-interior .studio-gallery-card:hover{transform:none}}