/* Editorial rhythm and small-screen clarity across the existing dark site. */
html body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-rendering:optimizeLegibility}
html h1,html h2,html h3{font-kerning:normal}
html .container{max-width:1120px}
html section{padding-block:clamp(42px,5vw,72px)}
html .hero{padding-top:clamp(24px,4vw,52px)}
html .hero .lead{max-width:38ch}
html .hero .button{max-width:340px}
html body{padding-bottom:env(safe-area-inset-bottom)}
html .bottom-bar{display:none!important}
html #lines>h2,html #proof>h2,html #gallery>h2,html #request h2{max-width:23ch}
html #proof{background:linear-gradient(145deg,#0e1722 0%,#0a1017 58%,#070a0e 100%);padding-inline:clamp(18px,3vw,34px);border:1px solid #243346;margin-block:30px}
html #proof>p:not(.eyebrow){max-width:60ch;color:var(--soft-ink)}
html #proof .ribbon-title{font-size:1.23rem;margin-top:28px}
html #proof .small{max-width:67ch}
html .product-lines .line-card{transition:border-color .18s ease,transform .18s ease}
html .price-section{padding:clamp(26px,4vw,48px);margin-block:28px;background:linear-gradient(150deg,#101b2b,#0b111b 70%);border:1px solid #2c405c;border-radius:22px}
html .price-section>p:not(.eyebrow){max-width:72ch}
html .price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
html .price-card{min-width:0;padding:20px;background:#0b121c;border:1px solid #293c56;border-radius:17px;display:flex;flex-direction:column;gap:15px}
html .price-card-head{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;align-items:baseline}
html .price-card h3{font-size:1.25rem;margin:0}
html .price-card-head>span{font-size:.86rem;color:#9ec5fa;white-space:nowrap}
html .price-options{display:grid;gap:7px}
html .price-size{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-align:left;color:#e5efff;background:#101c2b;border:1px solid #30445e;border-radius:10px;cursor:pointer;font:inherit;line-height:1.25}
html .price-size small{font-size:.8em;color:#a2b3c7}
html .price-size strong{font-size:.95rem;white-space:nowrap;font-variant-numeric:tabular-nums}
html .price-size:hover,html .price-size.is-selected{border-color:#67a8ff;background:#17345c}
html .price-more{border-top:1px solid #273b52;padding-top:12px}
html .price-more summary{cursor:pointer;color:#a9ceff;font-weight:600;list-style:none;padding:4px 0}
html .price-more summary::-webkit-details-marker{display:none}
html .price-more summary:after{content:'＋';float:right}
html .price-more[open] summary:after{content:'−'}
html .price-more summary span{font-weight:400;opacity:.72}
html .price-more .price-options{max-height:390px;overflow-y:auto;overscroll-behavior:contain;margin-top:11px;padding-right:3px}
html .price-selection{margin-top:auto;border-top:1px solid #273b52;padding-top:12px}
html .price-selection .small{line-height:1.45;margin:0 0 12px}
html .price-selection label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#dce8fa}
html .price-selection input{width:92px;min-height:44px;padding:7px 10px;color:#fff;background:#101c2b;border:1px solid #516986;border-radius:9px;font:inherit}
html .price-inquiry{display:flex;min-width:0;width:100%;justify-content:center;text-align:center;padding:12px 10px;line-height:1.25;font-size:.9rem}
html .price-note{margin-top:17px;color:var(--soft-ink)}
@media(max-width:920px){html .price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html .price-card:first-child{grid-column:1/-1}}
@media(max-width:620px){html .price-section{padding:23px 15px;margin-inline:-4px}html .price-cards{grid-template-columns:1fr}html .price-card:first-child{grid-column:auto}html .price-card{padding:16px}html .price-size{min-height:46px}html .price-inquiry{min-height:48px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html .product-lines .line-card:hover{border-color:#426da2;transform:translateY(-2px)}}
html .line-card img,html .gallery-card-photo{aspect-ratio:1.4}
html .button:focus-visible,html a:focus-visible,html button:focus-visible{outline:3px solid #91bdff;outline-offset:3px}
html .mascot-contact{display:flex;align-items:center;gap:clamp(18px,3vw,34px);padding-inline:clamp(16px,3vw,32px);background:linear-gradient(120deg,#101b2b,#0b1019);border:1px solid #263a56;border-radius:22px;margin-block:30px}
html .mascot-contact__image{display:block;width:clamp(112px,13vw,148px);height:auto;flex:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.22))}
html .mascot-contact__copy{min-width:0;flex:1}
html .mascot-contact__copy h2{margin-top:0}
html .mascot-contact__copy p{max-width:50ch}
@media(min-width:700px){html .hero-layout{align-items:start}}
@media(max-width:699px){
 html .mascot-contact{flex-direction:column;gap:13px;align-items:flex-start;padding:22px 17px}
 html .mascot-contact__image{width:92px}
 html .mascot-contact__copy h2{font-size:clamp(1.35rem,5.6vw,1.85rem);line-height:1.16}
 html .mascot-contact__copy{width:100%}
 html .mascot-contact__copy .button{min-width:0;width:100%;font-size:.9rem;line-height:1.25;text-align:center;padding:12px 13px}
 html body{font-size:16px;line-height:1.53}
 html header{padding-block:12px}
 html .hero-layout{gap:15px}
 html .hero-showcase{order:0}
 html .hero h1{font-size:clamp(2.05rem,8.6vw,2.65rem);line-height:1.1;margin-bottom:12px}
 html .hero .lead{font-size:1rem;line-height:1.48;margin-bottom:14px}
 html .hero .button{min-height:50px}
 html .hero-secondary{font-size:.9rem}
 html .hero-slide img{aspect-ratio:1.38}
 html .hero-slide figcaption{min-height:36px;padding:8px 11px}
 html .hero-controls{margin-top:6px}
 html .hero-controls .small{flex-basis:100%;margin:0}
 html .facts{gap:12px}
 html #proof{margin-inline:-4px}
 html #proof .logo-item{width:152px;height:116px}
}

/* Registered word mark: anchored to its upper-right, outside the artwork. */
html .wordmark{position:relative;padding-right:.48em}
html body header>a.wordmark{min-height:44px;align-items:center;touch-action:manipulation;z-index:1}
html .wordmark .brand-registered{position:absolute;right:0;top:0;font-family:Arial,Helvetica,sans-serif;font-size:.42em;font-weight:400;line-height:1;letter-spacing:0}
