:root{color-scheme:light;--ink:#15191f;--muted:#666e78;--blue:#3157d5;--line:#d9dce2;--paper:#f7f7f4;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--white);padding:.8rem}
.skip-link:focus{top:1rem}
.site-shell{max-width:1600px;margin:auto}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px clamp(24px,5vw,82px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;width:160px;max-width:42%}
.brand img{display:block;width:100%;height:auto}
.header-contact{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:16px}
.header-contact span{font-size:1.2rem;color:var(--blue)}
.hero{min-height:660px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);align-items:stretch;gap:clamp(35px,5vw,85px);padding:clamp(68px,9vw,132px) clamp(24px,5vw,82px) clamp(70px,8vw,115px)}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{margin:0 0 30px;color:var(--blue);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;line-height:1.5}
.eyebrow-line{display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
h1,h2,p{margin-top:0}
h1,h2{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.055em}
h1{font-size:clamp(3rem,5.5vw,5.9rem);font-weight:600;line-height:1.12;margin-bottom:30px}
h1 em{color:var(--blue);font-style:normal}
.hero-intro{max-width:545px;color:#525b67;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.7;margin-bottom:45px}
.text-link{display:inline-flex;gap:32px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:13px;font-size:.88rem;font-weight:700}
.text-link span{font-size:1.2rem;color:var(--blue)}
.hero-art{display:flex;min-height:470px;align-items:stretch}
.art-frame{position:relative;width:100%;overflow:hidden;background:#2449c3;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:24px}
.art-frame:before,.art-frame:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:84%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.art-frame:after{width:52%}
.art-topline,.art-bottomline{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;font-size:.59rem;font-weight:700;letter-spacing:.14em}
.art-symbol{position:relative;z-index:1;align-self:center;font-family:"Segoe UI",Arial,sans-serif;font-weight:800;font-size:clamp(12rem,25vw,24rem);line-height:.85;letter-spacing:-.1em;transform:translateX(-.06em)}
.product-section{background:var(--white);padding:55px clamp(24px,5vw,82px) 100px}
.section-index{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px;color:#737b86;font-size:.68rem;font-weight:700;letter-spacing:.14em}
.product-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-top:85px}
.product-content .eyebrow{margin-bottom:13px}
.product-content h2{font-size:clamp(3.6rem,7vw,7.2rem);font-weight:600;line-height:1;margin-bottom:0}
.product-description{padding-bottom:6px}
.product-description>p:first-child{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:600;line-height:1.45;letter-spacing:-.035em;margin-bottom:28px}
.availability{display:flex;align-items:center;gap:12px;color:#59616d;font-size:.95rem;margin-bottom:0}
.status-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--blue)}
.contact-section{background:#e9edf9;display:flex;align-items:end;justify-content:space-between;gap:30px;padding:90px clamp(24px,5vw,82px)}
.contact-section .eyebrow{margin-bottom:20px}
.contact-section h2{font-size:clamp(2.8rem,5vw,5rem);font-weight:600;line-height:1.15;margin-bottom:0}
.email-link{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(1rem,1.7vw,1.55rem);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:12px;white-space:nowrap}
.email-link span{color:var(--blue);margin-left:10px}
.site-footer{background:#171b22;color:#e9ecf3;padding:60px clamp(24px,5vw,82px) 70px;display:grid;grid-template-columns:1fr 1.3fr;gap:50px}
.footer-brand{font-family:"Segoe UI",Arial,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:.1em}
.footer-brand span{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.02em;color:#aeb5c1;margin-top:8px}
.legal-identity{font-size:.8rem;line-height:1.65;color:#c4cad5}
.legal-identity p{margin:0 0 5px}
.legal-identity a{text-underline-offset:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:80px}.hero-art{min-height:380px}.art-symbol{font-size:17rem}.product-content{gap:30px}.contact-section{align-items:start;flex-direction:column}.site-footer{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{padding-top:24px;padding-bottom:24px}.brand{width:130px}.hero{gap:52px;padding-top:70px}.hero-art{min-height:320px}.art-symbol{font-size:14rem}.art-topline,.art-bottomline{font-size:.5rem}.product-section{padding-top:38px;padding-bottom:75px}.product-content{grid-template-columns:1fr;padding-top:65px;gap:30px}.product-content h2{font-size:4rem}.contact-section{padding-top:75px;padding-bottom:75px}.email-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}.site-footer{padding-top:55px}.legal-identity span[aria-hidden]{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}