:root{--ink:#242424;--muted:#686868;--line:#d9d9d5;--accent:#b44313;--orange:#e9833b;--page-width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:15px;line-height:1.6;letter-spacing:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{word-break:keep-all}h1{font-size:40px;line-height:1.25;font-weight:600;margin:0}h2{font-size:24px;line-height:1.4;font-weight:600;margin-bottom:18px}h3{font-size:22px;line-height:1.35;font-weight:600;margin-bottom:12px}
.review-strip{font-size:11px;color:#727272;padding:5px max(28px,calc((100% - var(--page-width))/2));background:#f4f4f2;border-bottom:1px solid #e8e8e5}
header{max-width:var(--page-width);margin:auto;display:flex;align-items:center;gap:28px;min-height:94px;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:14px}.brand img{width:88px;height:55px;object-fit:contain;background:#252525;padding:9px 10px}.brand span{font-size:10px;line-height:1.5;font-weight:600}nav{display:flex;gap:32px;margin-left:auto;font-size:13px}nav a:hover{color:var(--accent)}.languages{display:flex;border-left:1px solid var(--line);padding-left:20px;gap:10px}.languages button{border:0;background:none;color:#888;padding:4px 0;font-size:12px}.languages [aria-pressed=true]{color:#222;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.hero{max-width:var(--page-width);margin:auto;padding:26px 0 34px}.catalogue-meta{display:flex;justify-content:space-between;color:#666;font-size:10px;font-family:monospace;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:24px}.catalogue-meta span:last-child{color:var(--accent)}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.hero-summary{padding-top:5px;max-width:490px}.intro{font-size:14px;color:var(--muted);margin-bottom:16px}.intro br{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 20px;background:var(--orange);border:1px solid var(--orange);color:#202020;border-radius:2px;font-size:13px;font-weight:600;transition:background .15s}.button:hover{background:#f19755}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:3px}
.benefits{max-width:var(--page-width);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:35px;padding:11px 0;font-size:12px;color:#565656}.benefits span+span{padding-left:35px;border-left:1px solid var(--line)}
.section{max-width:var(--page-width);margin:0 auto;padding:46px 0;border-bottom:1px solid var(--line)}.eyebrow{display:none}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2{font-size:20px;margin:0}.section-heading>p{font-size:12px;color:var(--muted);margin:0;max-width:360px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}.product{min-width:0;display:flex;flex-direction:column}.product-description{display:grid;grid-template-columns:1fr auto;gap:0 15px;margin-top:17px;align-items:start}.product-index{grid-column:1/-1;font-family:monospace;font-size:10px;color:#777;margin:0 0 7px}.product-description h3{font-size:23px;margin:0 0 10px}.product p.description{grid-column:1;grid-row:3;font-size:13px;line-height:1.7;color:var(--muted);max-width:460px;margin:0}.product button[data-product]{grid-column:2;grid-row:2/4;align-self:start;border:0;background:none;border-bottom:1px solid #777;padding:3px 0;font-size:12px;color:var(--ink)}.product button[data-product]:hover{color:var(--accent);border-color:var(--accent)}
.product-gallery{display:grid;grid-template-columns:1fr;gap:14px;min-width:0}.product-gallery.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.product-gallery figure{margin:0;min-width:0}.product-image{display:block;width:100%;aspect-ratio:4/3;position:relative;padding:0;overflow:hidden;border:0;border-radius:0;background:#eee}.product-image img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s}.product-image:hover img{opacity:.93}.image-detail-label{position:absolute;right:8px;bottom:7px;background:#fffffff0;color:#333;font-size:10px;padding:3px 6px}.product-gallery figcaption{font-size:11px;color:#777;margin-top:7px}.product:has(.product-gallery figure:nth-child(2)):not(:has(.product-gallery figure:nth-child(3))) .product-image{aspect-ratio:2/3}.product:has([data-image="2"]){grid-column:1/-1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;padding:35px 0;border-top:1px solid #333;border-bottom:1px solid var(--line)}.product:has([data-image="2"]) .product-description{order:-1;display:block;margin:0;position:sticky;top:25px;align-self:start}.product:has([data-image="2"]) h3{font-size:27px;margin:10px 0 16px}.product:has([data-image="2"]) button[data-product]{margin-top:22px}.product:has([data-image="2"]) .product-gallery{gap:24px 18px}.product:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.product:last-child .product-description{margin:0}
.custom-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.body-copy{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.custom h2{font-size:26px}.custom .text-link{margin-top:10px}.option-overview{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.option-overview>div{border-top:1px solid var(--line);padding:17px 0;font-size:14px;display:flex;align-items:baseline;gap:20px}.option-overview span{font-family:monospace;font-size:10px;color:#888}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:27px}.process article{border-left:1px solid var(--line);padding-left:18px}.process b{display:block;font-family:monospace;font-size:11px;color:var(--accent);margin-bottom:12px}.process h3{font-size:16px;margin-bottom:7px}.process p{font-size:13px;color:var(--muted);margin:0}
.request{display:grid;grid-template-columns:300px minmax(0,1fr);gap:90px;border-top:2px solid #252525;padding:45px 0}.request-heading{position:sticky;top:25px;align-self:start}.request h2{font-size:29px}.request .body-copy{font-size:13px}.muted,.review-note{font-size:11px;color:#737373;line-height:1.7}.review-note{border-top:1px solid var(--line);padding-top:15px}form{min-width:0}fieldset{padding:0;margin:0 0 28px;border:0;min-width:0}legend{font-weight:600;font-size:15px;padding:0 0 12px}.order-row{display:grid;grid-template-columns:1fr 90px;gap:7px 15px;border-top:1px solid var(--line);padding:12px 0;align-items:center}.order-row label{display:flex;align-items:center;gap:8px;font-size:13px}.order-row .unknown{grid-column:1/-1;font-size:11px;color:#737373;padding-left:25px}.order-row:has([data-check]:checked){background:#f2f6f8}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.checks label{display:flex;align-items:center;gap:7px}input[type=checkbox]{width:16px;height:16px;accent-color:#b44313;flex-shrink:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}.fields label{display:flex;flex-direction:column;gap:6px;font-size:12px}.full{grid-column:1/-1}input:not([type=checkbox]),textarea{width:100%;min-width:0;padding:9px 11px;border:1px solid #bcbcbc;border-radius:2px;background:white;color:var(--ink);font-size:14px}input:disabled{background:#f0f0ef;color:#777}textarea{resize:vertical}#form-error{color:#a12515;font-size:13px}.faq{display:grid;grid-template-columns:300px 1fr;gap:90px}details{border-top:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:13px;color:var(--muted);padding-top:12px;margin:0}
footer{max-width:var(--page-width);margin:auto;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:#777}footer .brand img{width:65px;height:43px}footer .brand span{font-size:9px}
dialog{width:min(620px,calc(100% - 32px));max-height:90vh;border:1px solid #bbb;border-radius:3px;padding:28px;color:var(--ink)}dialog::backdrop{background:#1119}dialog h2{font-size:24px}dialog p{font-size:12px;color:var(--muted)}dl{overflow-wrap:anywhere}dt{font-size:11px;color:#777;margin-top:15px}dd{margin:0;font-size:14px}.dialog-content>.button{margin-top:22px}#product-detail{width:min(1100px,calc(100% - 24px));padding:22px}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-heading h2{font-size:20px;margin:0}#close-detail{background:white;border:1px solid #bbb;border-radius:2px;padding:7px 14px;flex-shrink:0}#detail-image{width:100%;max-height:68vh;object-fit:contain;display:block;margin:18px 0}
@media(max-width:1300px){header,.hero,.benefits,.section,footer{margin-left:28px;margin-right:28px}}
@media(max-width:900px){h1{font-size:33px}.hero-content{gap:35px}.brand span{display:none}.product-description{display:block}.product button[data-product]{margin-top:15px}.product:has([data-image="2"]){grid-template-columns:190px 1fr;gap:25px}.custom-layout{gap:35px}.request,.faq{grid-template-columns:220px 1fr;gap:35px}.process{grid-template-columns:1fr 1fr;gap:24px}.product:has([data-image="2"]) .product-gallery.multiple{grid-template-columns:1fr}}
@media(max-width:600px){header,.hero,.benefits,.section,footer{margin-left:18px;margin-right:18px}header{min-height:76px;gap:12px}.brand img{width:72px;height:48px}.languages{padding-left:12px;gap:8px;margin-left:auto}nav{gap:13px;margin-left:auto;font-size:11px}nav a:nth-child(2){display:none}.hero{padding:18px 0 24px}.catalogue-meta{margin-bottom:20px}.hero-content{grid-template-columns:1fr;gap:18px}h1{font-size:31px}.hero-summary{padding:0}.intro{font-size:13px}.benefits{gap:12px;font-size:10px}.benefits span+span{padding-left:12px}.section{padding:32px 0}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:19px;margin-bottom:9px}.section-heading>p{font-size:11px}.product-grid{grid-template-columns:1fr;gap:30px}.product-description h3{font-size:23px}.product:has(.product-gallery figure:nth-child(2)):not(:has(.product-gallery figure:nth-child(3))) .product-image{aspect-ratio:4/3}.product:has([data-image="2"]){grid-template-columns:1fr;gap:22px;padding:25px 0}.product:has([data-image="2"]) .product-description{position:static}.product:has([data-image="2"]) .product-gallery.multiple{grid-template-columns:1fr}.product:last-child{grid-template-columns:1fr;gap:16px}.product:last-child .product-description{margin-top:0}.custom-layout,.request,.faq{grid-template-columns:1fr;gap:24px}.custom h2{font-size:23px}.option-overview{gap:0 18px}.option-overview>div{font-size:12px;gap:10px}.request-heading{position:static}.request h2{font-size:25px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.checks{font-size:12px}footer{flex-wrap:wrap;gap:18px;font-size:10px}.review-strip{padding:5px 18px;font-size:9px}.detail-heading h2{font-size:17px}}
.intro br{display:initial}
.process{display:block;margin-top:24px}
[hidden]{display:none!important}
#request-status{overflow-wrap:anywhere}#request-consent{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px}button:disabled{cursor:wait;opacity:.6}
.process-viewport{overflow:hidden;border-radius:6px;padding:12px 10px 22px;margin:-12px -10px -22px}
.process-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;isolation:isolate}
.process-card{position:relative;transform-origin:top left;box-shadow:0 5px 12px #11111114}
.process article.process-card{flex:0 0 100%;min-width:0;min-height:210px;margin:0;border:1px solid #d5d5d2;border-radius:6px;padding:35px 42px;display:grid;grid-template-columns:125px 1fr;gap:30px;align-items:center;background:#f4f4f1}
.process article.process-card:nth-child(1){background:#cceeff;border-color:#a7d8ef}
.process article.process-card:nth-child(2){background:#ef9d68;border-color:#e59460}
.process article.process-card:nth-child(1) b{color:#145674}
.process article.process-card:nth-child(1) p{color:#234858}
.process article.process-card:nth-child(2) b{color:#71300b}
.process article.process-card:nth-child(2) p{color:#422e22}
.process article.process-card:nth-child(3){background:#111;border-color:#111;color:#fff}
.process article.process-card:nth-child(3) b{color:#f97316}
.process article.process-card:nth-child(3) p{color:#ddd}
.process article.process-card:nth-child(4){background:#f97316;border-color:#f97316;color:#111}
.process article.process-card:nth-child(4) b,.process article.process-card:nth-child(4) p{color:#111}
.process article.process-card b{font-size:64px;font-weight:400;color:#b44313;margin:0;line-height:1}
.process article.process-card h3{font-size:26px;margin-bottom:12px}.process article.process-card p{font-size:15px;max-width:600px}
.process-toolbar{display:flex;gap:24px;align-items:center;margin-top:15px}.process-dots{display:flex;gap:7px}.process-dots button{width:32px;height:32px;border:0;background:none;padding:12px 0}.process-dots button::after{content:'';display:block;height:3px;background:#d0d0cc;border-radius:1px}.process-dots button[aria-current=true]::after{background:#b44313}
.process-count{margin-left:auto;font:12px monospace;color:#555}.process-controls{display:flex;gap:8px}.process-controls button{width:36px;height:36px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid #ccc;border-radius:3px;color:#333}.process-controls button:hover{background:#f2f2ef}.process-controls button[hidden]{display:none}
@media(max-width:600px){.process article.process-card{min-height:245px;padding:24px;grid-template-columns:1fr;gap:18px;align-content:start}.process article.process-card b{font-size:40px}.process article.process-card h3{font-size:21px}.process article.process-card p{font-size:13px}.process-toolbar{gap:10px}.process-dots{gap:4px}.process-dots button{width:22px}.process-controls{gap:5px}.process-controls button{width:32px;height:32px}}
.hero{position:relative;max-width:none;margin:0;padding:0;min-height:470px;height:min(540px,68vh);background:#e8eaec;overflow:hidden;isolation:isolate}
.main-collection{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-1}
.hero-content{display:block;max-width:1240px;margin:auto;padding:43px 0;position:relative}
.main-brand{font-size:29px;line-height:1.1;font-weight:700;margin-bottom:28px;color:#242424}
.main-brand span{display:block;font-size:10px;font-weight:500;margin-top:7px}
.hero h1{font-size:40px;max-width:410px;margin-bottom:20px}
.hero-summary{padding:0;max-width:335px}.hero .intro{font-size:13px;color:#43474a;margin-bottom:24px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:23px}.hero-actions .text-link{font-size:12px}
.main-caption{position:absolute;right:20px;bottom:12px;font-size:10px;color:#515151;background:#ffffffdb;padding:3px 7px}
@media(min-width:1700px){.main-collection{object-fit:contain;background:#e8eaec}}
@media(max-width:1300px){.hero-content{padding:36px 28px}.hero h1{font-size:36px;max-width:370px}}
@media(max-width:900px) and (min-width:601px){.hero h1{font-size:30px;max-width:310px}.hero-summary{max-width:270px}.main-brand{font-size:25px}.hero{min-height:455px}}
@media(max-width:600px){.hero{height:auto;min-height:0;padding-bottom:225px;background:#e8eaec}.main-collection{top:auto;bottom:0;height:245px;object-fit:cover;object-position:75% center}.hero-content{padding:25px 18px 15px}.hero h1{font-size:30px;margin-bottom:13px;max-width:none}.main-brand{font-size:23px;margin-bottom:18px}.main-brand span{font-size:9px}.hero-summary{max-width:340px}.hero .intro{font-size:12px;margin-bottom:18px}.main-caption{font-size:8px;right:10px;bottom:8px}.hero-actions .button{min-height:39px;padding:8px 15px}}
.product:has(.product-gallery figure:nth-child(2)):not(:has(.product-gallery figure:nth-child(3))) .product-image{aspect-ratio:4/3}
.product:last-child{grid-column:1/-1;display:flex;gap:0;align-items:stretch;max-width:620px;width:100%}
.product:has([data-image="2"]) .product-gallery.multiple figure:first-child{grid-column:1/-1}
.product:last-child .product-description{margin-top:17px}
/* Keep product rows consistent regardless of gallery image count. */
#products .product-grid{grid-template-columns:minmax(0,1fr);gap:0}
#products .product-grid .product{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;width:100%;max-width:none;padding:32px 0;border:0;border-top:1px solid var(--line);align-items:start}
#products .product .product-description{order:-1;position:static;display:block;margin:0;min-width:0}
#products .product h3{font-size:23px;margin:8px 0 12px}
#products .product button[data-product]{margin-top:20px}
#products .product .product-gallery{grid-template-columns:minmax(0,1fr);gap:22px 16px;max-width:460px}
#products .product .product-gallery.multiple{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
#products .product .product-gallery figure{grid-column:auto}
#products .product .product-image{aspect-ratio:4/3}
#products .product figcaption{overflow-wrap:anywhere;line-height:1.6}
@media(max-width:1050px){
  #products .product-grid .product{grid-template-columns:minmax(0,1fr);gap:22px}
  #products .product .product-description{max-width:560px}
}
@media(max-width:600px){
  #products .product-grid .product{padding:26px 0}
  #products .product .product-gallery.multiple{grid-template-columns:minmax(0,1fr)}
}
.process article.process-card{min-height:230px;padding:26px 22px;grid-template-columns:1fr;gap:24px;align-content:start}
.process article.process-card b{font-size:40px}
.process article.process-card h3{font-size:20px;margin-bottom:10px}
.process article.process-card p{font-size:13px}
@media(max-width:900px){.process-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.process-track{gap:12px}.process article.process-card{min-height:205px;padding:18px 14px;gap:18px}.process article.process-card b{font-size:30px}.process article.process-card h3{font-size:17px}.process article.process-card p{font-size:12px}}
@media(prefers-reduced-motion:no-preference){
  .main-collection{animation:collection-arrive 1.4s cubic-bezier(.22,1,.36,1) both}
  .hero-actions .button{transition:background .2s,transform .25s,box-shadow .25s}
  .hero-actions .button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #242424}
  .hero-actions .button:active{transform:translateY(0);box-shadow:none}
  .product-image img{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .2s}
  @media(hover:hover){.product-image:hover img{transform:scale(1.035);opacity:1}}
  .product-image:focus-visible img{transform:scale(1.035)}
  @keyframes collection-arrive{from{opacity:.4;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.process{height:auto}.process-viewport{position:static;overflow:visible}.process-track{display:grid;gap:16px;transform:none!important;will-change:auto}}
