/* Approved transparent logo: metal and red sit directly on the site background. */
.brand-logo{width:64px;height:48px;background:none;border:0;border-radius:0;overflow:visible}
.hero-visual.official-visual{background:none;border:0;box-shadow:none;min-height:0;aspect-ratio:1;overflow:visible}
.official-visual:before{display:none}
.official-visual .official-logo-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;z-index:0}
.aside-logo{background:none;border:0;border-radius:0;overflow:visible;width:86px;height:65px}
.gallery-art-bottom svg{filter:none!important;background:none;border-radius:0;overflow:visible}
.nav{gap:23px}.nav-cta{gap:20px;padding:12px 16px}
.premium{background:radial-gradient(ellipse at 12% 40%,#252528 0%,#151515 63%)}
.premium-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:start}
.premium-label{display:block;font-size:10px;letter-spacing:.16em;color:#c0c0c4;margin-bottom:25px}
.premium h2{font-family:var(--body);font-size:clamp(40px,4.1vw,65px);font-weight:400;line-height:1.12;letter-spacing:-.05em}
.premium-intro>p{font-size:15px;line-height:1.8;max-width:520px;margin-top:20px}
.premium-intro .premium-lead{font-size:20px;line-height:1.5;color:#e2e2e2;margin-top:30px}
.premium-intro .button{margin-top:30px;font-weight:400;gap:26px}
.premium-roadmap article{padding:24px 0;border-top:1px solid #505054}
.premium-roadmap article:first-child{padding-top:0;border-top:0}
.premium-roadmap article>span{font-size:10px;color:#e9787c;letter-spacing:.12em}
.premium-roadmap h3{font-size:21px;font-weight:400;margin:15px 0 12px}
.premium-roadmap p{font-size:14px;line-height:1.8;max-width:440px}
.premium-delivery{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:55px;padding-top:25px;border-top:1px solid #464649}
.premium-delivery span{font-size:10px;letter-spacing:.1em;color:#d7d7db}
.premium-delivery p{font-size:13px;line-height:1.8;margin-top:12px;max-width:520px}
.scope-field{margin:26px 0;padding:23px 0;border:0;border-top:1px solid #444;border-bottom:1px solid #444;min-width:0}
.scope-field legend{font-size:14px;color:#e4e4e4;padding-right:15px}
.scope-field legend span{font-size:11px;color:#b6b6b6}.scope-field>p{font-size:12px;margin:0 0 20px}
.live-project{font-size:12px;margin:0 0 28px}.live-project>div{padding:10px 0;border-bottom:1px solid #404040}
.live-project dt{color:#adadb2;font-size:10px;margin-bottom:5px}.live-project dd{margin:0;color:#e2e2e2;overflow-wrap:anywhere}
.contact-section{padding-top:40px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}
.contact-section h2{font-size:clamp(48px,5.5vw,80px);margin:24px 0}.contact-section p{font-size:14px;max-width:440px;line-height:1.8}
.contact-links>a{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:23px 0;border-bottom:1px solid #494949}
.contact-links>a>span{grid-column:1;font-size:10px;color:#aaa;letter-spacing:.1em}
.contact-links>a>strong{font-size:clamp(16px,1.6vw,24px);font-weight:400;overflow-wrap:anywhere;min-width:0;grid-column:1}
.contact-links>a>b{grid-column:2;grid-row:1/3;color:var(--red);font-size:26px;font-weight:400;align-self:center}
.contact-links>a:hover>strong{color:var(--red)}.contact-links>p{font-size:12px;margin-top:22px}
.footer{min-height:0;padding-top:34px;padding-bottom:34px;flex-wrap:wrap}.footer .brand-logo{width:58px;height:44px}
.company-details{width:100%;border-top:1px solid #353535;padding-top:22px;color:#a8a8ad;font-size:11px;line-height:1.9;letter-spacing:0}
.company-details a{text-decoration:underline;text-underline-offset:3px}
.modal-open{overflow:hidden}
/* Body copy and controls remain readable in the dark palette. */
.service-content>p,.method-grid p,.step-title p{color:#b6b6ba}.field small,.aside-footer p{color:#b2b2b8}
.choice small{color:#b7b7bc}.choice-index{color:#b2b2b8}.gallery-demo-note,.gallery-footnote{color:#a9a9b0}
.gallery-dialog-copy .gallery-dialog-disclaimer{color:#aaaab2}
.channel-choices span{min-height:44px}.subtle-button{min-height:44px}.text-link{min-height:44px}
@media(min-width:801px) and (max-width:1020px){
.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100px;padding:20px var(--pad);background:#161616;border-bottom:1px solid #555;box-shadow:0 15px 25px #0008;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav>a:not(.nav-cta){display:block;padding:13px 0;font-size:16px;border-bottom:1px solid #353535}.nav .nav-cta{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;padding:15px}}
@media(max-width:800px){.nav{gap:0}.premium-layout{gap:40px;grid-template-columns:1fr 1fr}.premium h2{font-size:40px}.premium-roadmap h3{font-size:19px}.premium-intro>p{font-size:14px}.premium-intro .premium-lead{font-size:18px}.premium-delivery{gap:40px}.contact-section{gap:40px}.live-project{grid-column:1/-1}.contact-links>a>strong{font-size:18px}.official-visual .art-meta{padding:15px;font-size:7px}}
@media(max-width:600px){
.brand-logo{width:58px;height:44px}.hero-visual.official-visual{height:auto;aspect-ratio:1;min-height:0}.official-visual .official-logo-art{width:100%;height:100%}.official-visual .art-meta{font-size:7px;padding:14px}.official-visual .art-footer{font-size:7px;padding:12px 14px}
.premium-layout{grid-template-columns:minmax(0,1fr);gap:36px}.premium h2{font-size:clamp(35px,10vw,49px)}.premium-label{font-size:9px;margin-bottom:22px}.premium-intro .premium-lead{font-size:19px}.premium-intro>p{font-size:14px}.premium-roadmap h3{font-size:21px}.premium-roadmap p{font-size:14px}.premium-delivery{grid-template-columns:1fr;gap:24px;margin-top:30px}.premium-intro .button{width:100%;justify-content:space-between;font-size:12px;padding:15px}
.contact-section{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:0;padding-bottom:60px}.contact-section h2{font-size:58px}.contact-links>a>strong{font-size:clamp(15px,4.6vw,23px)}.contact-section .eyebrow{font-size:9px}
.config-aside{grid-template-columns:1fr}.config-aside>h3{display:none}.config-aside ul{margin:15px 0}.live-project{margin:0 0 15px}.live-project>div{display:grid;grid-template-columns:85px 1fr;gap:10px}.live-project dt{font-size:11px}.aside-footer{margin-top:0}
.scope-field .field select{font-size:16px}.scope-field legend{font-size:13px}.scope-field legend span{font-size:10px}.field-error{scroll-margin-top:100px}
.footer{min-height:0;padding-top:30px;padding-bottom:30px;align-items:center;gap:20px}.footer-company{text-align:right}.footer-right{width:100%;text-align:left}.footer-right>button{margin-left:0}.company-details{font-size:10px;padding-top:20px}
.gallery-grid{gap:24px}.gallery-card .gallery-poster{aspect-ratio:4/3;padding:22px}.gallery-card .gallery-art-title{font-size:clamp(43px,13.8vw,70px);padding:16px 0}.gallery-card .gallery-poster[data-art="ads"] .gallery-art-title{font-size:clamp(37px,12vw,60px)}
}
@media print{.premium,.contact-section,.scope-field,.live-project{display:none!important}}
/* Let concept artwork grow with its content on narrow screens. */
@media(max-width:600px){.gallery-card .gallery-poster,.gallery-dialog-art .gallery-poster{aspect-ratio:auto;min-height:320px;height:auto}.gallery-card .gallery-art-title{font-size:clamp(40px,13.8vw,70px)}.gallery-art-bottom{margin-top:12px}}