@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600&display=swap";:root{--night:#0f1426;--night2:#151b31;--line:rgba(255,255,255,.12);--white:#ffffff;--text:#e9ecf5;--dim:#aab2c8;--ink:#1c2130;--muted:#5b6172;--rule:#e2e4ea;--brand:#2e3192;--gold:#ed950e;--tone:#1d2a6b;--font:"Barlow","Segoe UI",Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--text);font:400 1.0625rem/1.65 var(--font)}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--font);font-weight:600;letter-spacing:-.005em;text-wrap:balance;margin:0}p{margin:0 0 1rem;max-width:62ch}.note{background:#fff3df;color:#6b4a10;font-size:.8rem;text-align:center;padding-block:.35rem}header{background:var(--white);color:var(--ink)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.brand{display:flex;align-items:center;gap:1.1rem;text-decoration:none}.brand img{height:100px;width:auto;display:block}.brand .name{font-weight:600;font-size:1.1rem;line-height:1.25}.brand .name small{display:block;font-weight:400;font-size:.92rem;color:var(--muted)}.phone{text-align:right;text-decoration:none;color:var(--ink)}.phone small{display:block;font-size:.82rem;color:var(--muted)}.phone strong{font-size:1.45rem;line-height:1.2;color:var(--brand);font-variant-numeric:tabular-nums}.tone{position:relative;overflow:hidden;background:var(--night2)}.tone img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.72)}.tone:after{content:"";position:absolute;inset:0;background:var(--tone);mix-blend-mode:color;opacity:.6;pointer-events:none}.hero{padding-block:clamp(1.25rem,3vw,2.25rem) 0}.hero .frame{position:relative;min-height:clamp(420px,46vw,600px)}.hero .frame .tone{position:absolute;inset:0}.hero .frame .tone img{object-position:center 60%}.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f1426f0,#0f1426b3 42%,#0f142626)}.hero .copy{position:relative;max-width:42rem;padding:clamp(1.75rem,5vw,4rem)}.hero h1{font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.02;color:var(--white);text-wrap:wrap}.hero h1 span{display:block;max-width:30rem;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:500;color:var(--dim);margin-top:1rem;line-height:1.35}.hero .lede{color:var(--text);margin:1.25rem 0 1.5rem;font-size:1.1rem;max-width:34rem}.facts{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-size:.98rem;color:var(--white);margin:0;padding:0;list-style:none}.facts li{white-space:nowrap}.facts li:before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);margin-right:.55rem;vertical-align:.12em}section{padding-block:clamp(3rem,6vw,5rem)}section.alt{background:var(--night2)}h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.1;color:var(--white);margin-bottom:1rem}.statement{font-size:clamp(1.6rem,3.3vw,2.6rem);line-height:1.2;font-weight:500;color:var(--white);max-width:26ch;margin:0}.statement em{font-style:normal;color:var(--gold)}.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.two>*{min-width:0}.lead{color:var(--dim)}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:left;vertical-align:top;padding:.85rem 1rem .85rem 0;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--white);white-space:nowrap;padding-right:2rem}td{color:var(--text)}thead th{font-size:.88rem;font-weight:500;color:var(--dim);border-bottom:1px solid rgba(255,255,255,.35)}.tbl{overflow-x:auto}.photos3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:2.25rem}.photos3 figure{margin:0}.photos3 .tone{aspect-ratio:4/3}figcaption,.caption{font-size:.88rem;color:var(--dim);margin-top:.55rem}ol.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.5vw,2rem);counter-reset:s}ol.steps li{counter-increment:s;color:var(--text)}ol.steps li:before{content:counter(s);display:block;font-size:2.4rem;font-weight:600;line-height:1;color:var(--gold);margin-bottom:.75rem}ol.steps strong{display:block;color:var(--white);font-size:1.15rem;margin-bottom:.25rem}.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}address{font-style:normal;line-height:1.75;color:var(--text)}.co{font-weight:600;color:var(--white)}.factory-phone{margin-top:1rem}.factory-phone a{color:var(--white);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold)}.premises{display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem}.premises .tone{width:160px;aspect-ratio:4/3;flex:none}.premises p{font-size:.9rem;color:var(--dim);margin:0}.sales{background:var(--white);color:var(--ink);padding:clamp(1.5rem,3vw,2.25rem)}.sales h3{font-size:1.4rem;color:var(--ink);margin-bottom:.5rem}.sales p{color:var(--muted)}.btn{display:inline-flex;align-items:center;min-height:48px;padding:.75rem 1.25rem;background:var(--brand);color:#fff;text-decoration:none;font-weight:600}.btn:hover{filter:brightness(1.1)}.sales .alt{margin:.9rem 0 0;font-size:.95rem}.sales .alt a{color:var(--brand)}.tip{font-size:.8rem;color:var(--muted);margin-top:1rem}footer{background:var(--white);color:var(--muted)}footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:2rem;font-size:.88rem}footer img{height:100px;width:auto;display:block}@media(max-width:900px){.two,.contact .wrap{grid-template-columns:1fr}ol.steps,.photos3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.brand img{height:70px}.brand .name{display:none}.phone strong{font-size:1.2rem}.hero .frame{min-height:0}.hero .frame .tone{position:relative;inset:auto;aspect-ratio:4/3}.hero .shade{display:none}.hero .copy{padding:1.5rem 0 0;max-width:none}.photos3,ol.steps{grid-template-columns:1fr}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}th{white-space:normal;padding-right:1rem}.two table th{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
