/* DELCOM Brandbook v1, 05.11.2026. Public-site layer; approved logo is never redrawn/recoloured. */
.storefront{--brand:#005B96;--brand-h:#004878;--acc:#005B96;--bg:#FFFFFF;--surface:#FFFFFF;--surface2:#EFF4F8;--text:#102A43;--mut:#52677B;--dim:#61768A;--line:#D8E3EC;--line2:#C0D0DE;--font:Arial,Helvetica,sans-serif;background:#FFFFFF;color:#102A43;letter-spacing:normal}
.storefront h1,.storefront h2,.storefront h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.025em}
.storefront .hdr{background:#FFFFFF;border-color:#D8E3EC;backdrop-filter:none}
.storefront .logo.brand-signature{display:inline-flex;background:#FFFFFF;padding:0;flex:none;box-shadow:none;border-radius:0;min-width:180px}
.storefront .logo.brand-signature img{width:240px;min-width:180px;height:auto;max-height:none;object-fit:contain;filter:none;border-radius:0}
.storefront .nav a,.storefront .hdr .phone{color:#102A43;font-weight:400}
.storefront .nav a:hover,.storefront .nav a.on{color:#005B96;background:#EFF4F8}
.storefront .langsw{background:#EFF4F8;border-color:#D8E3EC}
.storefront .langsw a{color:#52677B}.storefront .langsw a.on{background:#005B96;color:#FFFFFF}
.storefront .iconbtn{color:#005B96;border-color:#C0D0DE;background:#FFFFFF}
.storefront .btn{border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-weight:700;box-shadow:none}
.storefront .btn-p{background:#005B96;border-color:#005B96;color:#FFFFFF}.storefront .btn-p:hover{background:#004878;border-color:#004878}
.storefront .btn-o{color:#005B96;border-color:#C0D0DE;background:#FFFFFF}.storefront .btn-o:hover{border-color:#005B96;background:#EFF4F8}
.storefront .text-action,.storefront .text-action:hover{color:#005B96}
.storefront .overline{color:#52677B;font-weight:700;letter-spacing:.09em}.storefront .overline i{background:#00A7C8}
.storefront .section-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:700;letter-spacing:-.025em}
.storefront .section-heading>p{font-size:16px;color:#52677B;line-height:1.7}
.storefront .light-section{background:#FFFFFF;color:#102A43}
/* One genuine product on a quiet stage, separated from text and logo. */
.studio-hero{background:#FFFFFF;min-height:585px;border-bottom:1px solid #D8E3EC}
.studio-hero:before{display:none}
.hero-picture{inset:42px 40px 64px 49%;background:#EFF4F8;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}
.hero-picture:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,transparent 62%,#005B9606 62%,#005B9606 68%,transparent 68%)}
.hero-picture img{width:90%;height:85%;object-fit:contain;object-position:center;mask-image:none;filter:none}
.hero-content{padding-top:96px;padding-bottom:110px}
.hero-content h1{font-size:48px;line-height:1.1;max-width:480px;font-weight:700;letter-spacing:-.025em;color:#102A43}
.hero-content>.overline{color:#005B96;margin-bottom:25px}
.hero-description{color:#52677B;max-width:410px;font-size:18px;line-height:1.7}
.hero-location{color:#61768A;font-size:12px}.hero-bottom,.hero-bottom a,.hero-bottom>span{color:#52677B}.hero-bottom a{font-size:12px}.hero-bottom>span{font-size:11px}
/* Restrained blue brand navigation; model photos remain inside their own cards. */
.studio-brands{background:#005B96;border:0}.brand-caption-new{color:#DCEAF5}
.brand-names a{color:#FFFFFF;font-weight:700;border-right-color:#FFFFFF30;font-size:18px}
.brand-names a:hover{background:#FFFFFF0A;color:#FFFFFF}.brand-names a[aria-current=true]{color:#FFFFFF;border-right-color:#FFFFFF30}
.brand-link-arrow,.brand-names a:hover .brand-link-arrow{color:#DCEAF5}.brand-names a[aria-current=true]:after{background:#00A7C8}
/* Light product staging and consistent information hierarchy. */
.direction-tile,.tile-gaming,.tile-creative,.tile-everyday{background:#EFF4F8;color:#102A43;border:1px solid #D8E3EC;box-shadow:none}
.direction-tile:hover{box-shadow:none;border-color:#9FB8CD}
.direction-tile h3{font-weight:700;font-size:28px}.direction-tile>p{color:#52677B;font-size:16px}.tile-top{color:#61768A}.tile-action{color:#005B96;border-color:#C0D0DE;font-weight:700;font-size:14px}
.storefront .showroom{background:#FFFFFF}
.showroom-card,.product-gigabyte5080,.product-a4fg20,.product-tplinkax55,.product-bloodyb975{background:#EFF4F8;color:#102A43;border:1px solid #D8E3EC;box-shadow:none}
.product-image img{filter:none}.product-bloodyb975 .product-image{background:#14171D;border-radius:6px}.product-bloodyb975 .product-image img{mix-blend-mode:normal}
.product-info h3{font-size:24px;font-weight:700;letter-spacing:-.02em}.product-gigabyte5080 h3{font-size:32px}.product-tplinkax55 h3{font-size:28px}
.product-top,.product-top>span:last-child,.product-bloodyb975 .product-top{color:#52677B;font-size:11px}
.product-info li,.product-bloodyb975 li{font-size:13px;color:#52677B}.product-info p,.product-bloodyb975 p{font-size:16px;color:#52677B}
.product-info>a,.product-bloodyb975 .product-info>a{font-size:14px;color:#005B96;font-weight:700;border-color:#C0D0DE}.product-info>a:hover{color:#004878}
.brand-tabs button{background:#FFFFFF;color:#52677B;border-color:#D8E3EC;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px}
.brand-tabs button[aria-pressed=true]{background:#005B96;color:#FFFFFF;border-color:#005B96}
.showroom-note{color:#52677B;font-size:14px}.showroom-note>a{color:#005B96}
/* Navy supports the white/blue system; cyan is decorative, never small body text. */
.build-story{background:#102A43;color:#FFFFFF}.build-story-copy>.overline{color:#D2E1EF}.build-story-copy h2{font-weight:700;font-size:48px;letter-spacing:-.025em}.build-story-copy>p{color:#D2E1EF;font-size:18px}.story-small,.story-caption{color:#C6D6E5;font-size:12px}
.storefront .process-section{background:#FFFFFF}.process-grid>div{border-color:#C0D0DE}.process-number{color:#005B96;font-size:14px}.process-grid h3{font-size:24px;font-weight:700}.process-grid p{color:#52677B;font-size:16px}
.studio-connect{background:#005B96}.studio-connect .overline{color:#DCEAF5}.connect-row h2{font-size:44px;font-weight:700;letter-spacing:-.025em}.studio-connect p{color:#FFFFFF;font-size:16px}.storefront .btn-white{color:#005B96;background:#FFFFFF;border-color:#FFFFFF}
.storefront .ftr{background:#102A43;color:#D2E1EF}.storefront .ftr h4{color:#FFFFFF;font-size:12px}.storefront .footer-line{color:#FFFFFF;font-weight:700;font-size:22px}.storefront .footer-phone{color:#FFFFFF}.storefront .ftr li{font-size:14px}.footer-brand>p:last-child{font-size:14px}.storefront .ftr .footer-bottom{font-size:12px;color:#C6D6E5}
/* Quotes and contact retain their existing submission and validation logic. */
.builder-page #main,.contact-page #main{--surface:#FFFFFF;--surface2:#EFF4F8;--line:#D8E3EC;--line2:#C0D0DE;--text:#102A43;--mut:#52677B;--dim:#61768A;--acc:#005B96;background:#EFF4F8;color:#102A43}
.storefront .page-heading .overline{color:#005B96}.page-heading h1{font-size:48px;font-weight:700;color:#102A43}.page-heading p{color:#52677B}.builder-page .page-heading>p{color:#102A43;font-weight:700}
.builder-page .qf{border-color:#D8E3EC;box-shadow:none}.builder-page .qf h1{font-size:36px;font-weight:700}.builder-page .qf h2{font-weight:700}.builder-page .qf-sub,.builder-page .qf-note,.builder-page .qf .fine{color:#52677B}.builder-page .lbl{color:#102A43;font-size:16px}
.builder-page .inp{background:#FFFFFF;border-color:#C0D0DE;color:#102A43}.builder-page .inp::placeholder{color:#61768A}.builder-page .inp:focus{border-color:#005B96;box-shadow:0 0 0 3px #005B9610}
.builder-page .pills label,.builder-page .seg label{color:#52677B}.builder-page .pills label:has(input:checked),.builder-page .seg label:has(input:checked){background:#005B96;color:#FFFFFF;border-color:#005B96}
.builder-page .toggle{background:#EFF4F8;color:#005B96;border-color:#C0D0DE}.contact-page .ci{border-color:#D8E3EC}.contact-page .ci b{color:#102A43;font-weight:700}.contact-page .ci small{color:#52677B;font-size:14px}.contact-page .ci .ic{background:#EFF4F8;color:#005B96}.contact-page .faq summary{color:#102A43;font-weight:700}.contact-page .faq p{color:#52677B}
.storefront .mmenu{background:#FFFFFF;color:#102A43;border-color:#D8E3EC}.storefront .mmenu nav a{border-color:#D8E3EC;color:#102A43;font-weight:700}.storefront .mmenu .mcontact .btn-o{color:#005B96;background:#EFF4F8}
.storefront .mbar{background:#FFFFFF;border-color:#D8E3EC;box-shadow:0 -2px 10px #102A4308}.storefront .mbar a{color:#52677B}.storefront .mbar a.tgbar{background:#005B96;color:#FFFFFF}
.storefront .sheet-bg .sheet{background:#FFFFFF;color:#102A43;border-color:#C0D0DE}.storefront .sheet-bg .inp{color:#102A43;background:#FFFFFF;border-color:#C0D0DE}.storefront .sheet-bg .lbl{color:#102A43}.storefront .sheet-bg .btn-o{color:#005B96}
@media(max-width:1200px){.storefront .logo.brand-signature img{width:210px}.hero-content h1{font-size:46px;max-width:420px}.hero-description{max-width:360px}.hero-picture{left:48%;right:30px}}
@media(max-width:800px){.storefront .logo.brand-signature img{width:205px}.studio-hero{min-height:0;padding-bottom:26px}.hero-content{padding-top:45px;padding-bottom:0}.hero-content h1{font-size:44px;max-width:580px}.hero-description{font-size:17px;max-width:520px}.hero-picture{inset:auto;position:relative;margin:25px 24px 10px;min-height:300px;height:300px}.hero-picture img{width:88%;height:85%;mask-image:none;object-fit:contain}.hero-bottom{margin-top:5px}.brand-names a{font-size:17px}.storefront .section-heading h2{font-size:36px}.build-story-copy h2{font-size:40px}.connect-row h2{font-size:38px}.page-heading h1{font-size:40px}}
@media(max-width:600px){.storefront .hdr>.wrap{padding-left:12px;padding-right:12px;gap:8px}.storefront .logo.brand-signature,.storefront .logo.brand-signature img{width:200px;min-width:180px}.storefront .hdr-tg{padding:0 10px;min-width:42px}.hero-content h1{font-size:36px;max-width:390px;line-height:1.13}.hero-content>.overline{font-size:10px}.hero-description{font-size:16px;max-width:100%}.hero-picture{margin:24px 20px 6px;min-height:230px;height:230px}.hero-picture img{width:92%;height:88%}.hero-bottom>span{max-width:145px;font-size:10px}.hero-location{font-size:10px}.storefront .section-heading h2{font-size:32px}.direction-tile h3{font-size:28px}.product-info h3{font-size:20px}.product-info li{font-size:12px}.product-info>a{font-size:13px}.product-gigabyte5080 .product-info h3{font-size:28px}.product-tplinkax55 h3{font-size:26px}.brand-tabs button{font-size:14px}.build-story-copy h2{font-size:36px}.build-story-copy>p{font-size:16px}.connect-row h2{font-size:34px}.studio-connect p{font-size:16px}.storefront .ftr .footer-main{grid-template-columns:1fr;gap:32px}.storefront .ftr li{font-size:15px}.storefront .footer-phone{font-size:22px}.storefront .ftr .footer-bottom{font-size:10px}.builder-page .qf h1{font-size:32px}.page-heading h1{font-size:36px}.contact-page .ci b{font-size:21px}}
@media(max-width:360px){.storefront .logo.brand-signature,.storefront .logo.brand-signature img{width:180px;min-width:180px}.storefront .hdr>.wrap{gap:7px}.brand-names a{font-size:16px}}

.product-info li,.product-bloodyb975 li{font-size:14px}
@media(max-width:360px){.storefront .logo.brand-signature,.storefront .logo.brand-signature img{width:200px;min-width:200px}}