:root{--accent:#FF5A14;--ink:#2D193C;--muted:#706675;--paper:#F5F3F1;--line:#E4DEE7;--highlight:#FF5A14;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:calc(100% - 112px);max-width:1488px;margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand span{font-size:12px;line-height:1.45;font-weight:800;letter-spacing:1.2px}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:600}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.header-phone{font-size:15px;font-weight:800;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:30px;padding-block:42px 54px}.hero-copy{padding-top:15px;padding-bottom:5px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;display:flex;align-items:center;gap:10px}.tiny-block{width:9px;height:9px;background:var(--accent)}h1{font-size:clamp(58px,6.5vw,104px);line-height:1.03;letter-spacing:-.065em;font-weight:700;margin:33px 0 27px}h1 span{color:var(--accent);white-space:nowrap}.hero-description{font-size:17px;line-height:1.7;margin-bottom:27px;color:#4c5862}.button{min-height:56px;padding:17px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:38px;font-size:14px;font-weight:800;transition:background .2s,transform .2s;border:0}.button:hover{transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.button-accent{background:var(--accent);color:white}.button-accent:hover{background:#E64A08}.hero-location{font-size:12px;color:var(--muted);margin-top:17px}.hero-visual{min-height:560px;position:relative;overflow:hidden;background:var(--accent)}.brand-panel{height:100%;padding:48px;display:flex;flex-direction:column;justify-content:space-between;color:var(--highlight)}.brand-panel img{filter:invert(92%) sepia(38%) saturate(627%);width:75%}.brand-panel p{font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:-.04em}.preview-footer{border-top:1px solid var(--line);padding-block:25px;color:var(--muted);font-size:14px}.skip-link{position:fixed;left:16px;top:-100px;z-index:50;background:var(--ink);color:white;padding:14px}.skip-link:focus{top:16px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}.mobile-nav{padding:15px 24px 24px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:13px 0;font-weight:600}.mobile-nav[hidden]{display:none}@media(min-width:1600px){.hero-visual{min-height:650px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:17px}.brand span{display:none}.hero-visual{min-height:530px}h1{font-size:7.1vw}.hero{gap:24px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:80px}.brand img{width:87px;height:29px}.desktop-nav,.header-phone{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-block:26px 30px;gap:25px}.hero-copy{padding:0}.eyebrow{font-size:12px}h1{font-size:clamp(52px,10.8vw,82px);margin:26px 0 23px}h1 br:nth-of-type(1){display:none}h1 br:nth-of-type(1)::after{content:' '}.hero-description{font-size:16px;line-height:1.65;margin:0 0 23px}.hero-visual{min-height:380px}.brand-panel{min-height:380px}.hero-location{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
figure{margin:0}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:57% center}.image-label{position:absolute;top:23px;left:23px;background:var(--highlight);padding:18px 18px 16px;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.5;width:178px}.image-label span{position:absolute;right:14px;top:13px;font-size:21px}.hero-visual figcaption{position:absolute;bottom:16px;left:20px;color:white;text-shadow:0 1px 5px #000;font-size:12px}.hero-stamp{position:absolute;right:0;bottom:0;display:flex;gap:17px;align-items:center;color:white;background:var(--accent);padding:25px}.hero-stamp>span:first-child{font-weight:800;font-size:27px;letter-spacing:-2px}.hero-stamp>span:last-child{font-size:12px;line-height:1.5}.intro-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.2fr 1.2fr;gap:24px;padding-block:28px 34px}.intro-strip>div{display:flex;gap:18px;align-items:flex-start}.strip-number{font-size:12px;font-weight:700;color:var(--accent);padding-top:3px}.intro-strip p{font-size:14px;line-height:1.6;margin:0}.intro-strip strong{font-weight:700}.strip-link{font-size:12px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.strip-link span{font-size:26px;color:var(--accent)}.section{padding-block:96px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}.section-aside{font-size:13px;color:var(--muted)}h2{font-size:clamp(38px,4.3vw,66px);line-height:1.1;letter-spacing:-.05em;font-weight:600;margin:0}h3{font-size:20px;letter-spacing:-.035em;line-height:1.3;margin:0}.material{background:var(--paper)}.material-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%}.material-image{position:relative;display:flex;flex-direction:column;background:#e5e8eb;align-self:start}.material-image>img{width:100%;height:auto;aspect-ratio:1.03;object-fit:cover;mix-blend-mode:multiply}.material-caption{position:absolute;z-index:1;inset:25px 25px auto;display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:1px;line-height:1.5}.cross{font-size:32px;font-weight:400}.image-note{font-size:12px;color:#515c64;padding:16px 25px;background:#e5e8eb}.material-copy>p{line-height:1.7;color:var(--muted);max-width:480px;margin:23px 0 30px}.benefit-line{display:flex;gap:21px;border-top:1px solid #d6dbdf;padding-block:19px}.benefit-line>span{font-size:12px;color:var(--accent);font-weight:800;padding-top:3px}.benefit-line p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 0;max-width:365px}.benefit-line h3{font-size:18px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:14px;font-weight:700;color:var(--accent)}.text-link span{font-size:22px}.material-copy .text-link{margin-top:15px}.spec-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px;gap:40px}.spec-title>p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}.spec-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:9%}.field-label{font-size:12px;color:var(--muted)}.density-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 24px}.density-tabs button{border:1px solid var(--line);background:white;color:var(--ink);padding:12px 16px;font-size:14px;font-weight:700;min-height:46px;transition:background .2s}.density-tabs button[aria-selected=true]{background:var(--accent);color:white;border-color:var(--accent)}.density-tabs button:hover:not([aria-selected=true]){background:var(--paper)}.density-card{background:var(--paper);padding:30px}.density-card>span{display:block;font-size:12px;font-weight:700;letter-spacing:1px}.density-card>strong{display:block;font-size:100px;line-height:1.3;letter-spacing:-.07em;font-weight:600;color:var(--accent)}.density-card>p{font-size:14px;line-height:1.7;margin:7px 0 25px;color:var(--muted)}.button-ink{background:var(--ink);color:white}.button-ink:hover{background:#492C5A}.spec-table{margin:0}.spec-table>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px;border-bottom:1px solid var(--line)}.spec-table>div:first-child{border-top:1px solid var(--line)}.spec-table dt{font-size:15px;font-weight:500}.spec-table dt span{font-size:12px;display:block;color:var(--muted);margin-top:5px}.spec-table dd{font-size:26px;font-weight:600;margin:0;white-space:nowrap;letter-spacing:-.04em}.technical-note{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0 0}.factory{background:var(--accent);color:white;padding-block:58px}.factory .section-aside{color:#E2D9E7}.factory-head{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end}.factory-head h2{font-size:clamp(44px,5.5vw,82px)}.factory-head>p{color:#E2D9E7;line-height:1.8;font-size:17px;margin:0;max-width:420px}.factory-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:72px;border-top:1px solid #624872;padding-top:36px}.factory-location{font-size:12px;letter-spacing:1.2px;line-height:1.8}.factory-quote{display:flex;align-items:center;gap:25px;color:var(--highlight)}.factory-quote>span{font-size:70px;font-weight:400}.factory-quote p{font-size:20px;line-height:1.4;letter-spacing:-.025em;margin:0}.steps{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step-number{font-size:56px;letter-spacing:-.05em;color:var(--accent);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0 34px}.step-number>span{font-size:26px}.steps h3{font-size:22px}.steps p{font-size:15px;line-height:1.8;color:var(--muted);margin:15px 0 0;max-width:345px}.contact-cta{background:var(--highlight);padding:50px 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end}.contact-cta h2{margin-top:30px;font-size:clamp(40px,4.5vw,69px)}.cta-right{justify-self:end}.cta-right p{font-size:16px;line-height:1.75;margin:0 0 28px}.contacts{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding-block:96px}.contacts h2{font-size:43px;margin-top:30px}.contact-phone{display:block;font-size:clamp(26px,3.4vw,49px);font-weight:600;letter-spacing:-.04em;margin-bottom:35px}.contact-meta{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:27px}.contact-meta p{font-size:14px;line-height:1.7;margin:8px 0}.footer{background:var(--ink);color:white;padding:38px 0 24px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:36px}.footer-top p{font-size:20px;line-height:1.35;margin:0;letter-spacing:-.03em}.footer-top>a{font-size:12px;display:flex;align-items:center;gap:20px}.footer-top>a span{font-size:22px}.footer-logo{width:100%;height:auto;max-height:390px;object-fit:fill;filter:none}.footer-bottom{display:flex;justify-content:space-between;margin-top:34px;border-top:1px solid #624872;padding-top:23px;font-size:12px;color:#D0C3D7}.footer :focus-visible,.factory :focus-visible{outline-color:var(--highlight)}
@media(max-width:1150px){.hero-stamp{padding:17px;gap:12px}.hero-stamp>span:last-child{font-size:12px}.hero-visual figcaption{bottom:82px}.intro-strip{grid-template-columns:1fr 1fr 1.2fr}.strip-link{display:none}.material-grid{gap:5%}.material-image>img{aspect-ratio:.8}.density-tabs button{padding:12px}.spec-layout{gap:5%}.contact-cta{padding:40px}.contact-meta{grid-template-columns:1fr}}
@media(max-width:800px){.hero-photo{position:relative;height:430px;object-position:center}.hero-visual{min-height:0}.hero-visual figcaption{bottom:18px;left:15px;font-size:12px;max-width:135px;line-height:1.5}.hero-stamp{padding:17px}.image-label{top:16px;left:16px;padding:14px;width:155px;font-size:12px}.intro-strip{gap:15px;padding-block:22px}.intro-strip>div{display:block}.strip-number{display:block;margin-bottom:10px}.intro-strip p{font-size:12px}.section{padding-block:57px}.section-head{margin-bottom:30px}.section-aside{display:none}.material-grid{grid-template-columns:1fr;gap:30px}.material-image>img{aspect-ratio:1.2}.material-copy>p{font-size:16px}.spec-title{display:block;margin-bottom:30px}.spec-title>p{margin-top:22px;font-size:15px}.spec-title>p br{display:none}.spec-layout{grid-template-columns:1fr;gap:30px}.density-tabs{gap:8px}.density-tabs button{flex:1;padding:12px 8px}.density-card{padding:25px}.density-card>strong{font-size:82px}.spec-table>div{padding-block:17px}.spec-table dd{font-size:25px}.factory{padding-block:40px}.factory-head{grid-template-columns:1fr;gap:28px}.factory-head>p{font-size:16px}.factory-bottom{margin-top:35px;gap:25px}.factory-quote{gap:12px}.factory-quote p{font-size:15px}.factory-quote>span{font-size:48px}.factory-location{font-size:12px}.steps{grid-template-columns:1fr;margin-top:30px;gap:30px}.step-number{padding:16px 0;font-size:43px}.steps p{max-width:none;margin:12px 0 0;font-size:15px}.contact-cta{padding:32px 25px;grid-template-columns:1fr;gap:28px}.contact-cta h2{margin-top:22px}.cta-right{justify-self:start}.cta-right p{font-size:15px;margin-bottom:20px}.contacts{grid-template-columns:1fr;gap:30px;padding-block:57px}.contacts h2{font-size:38px;margin-top:22px}.contact-phone{font-size:clamp(25px,7.2vw,42px);margin-bottom:25px}.contact-meta{grid-template-columns:1fr 1fr;gap:20px}.footer-top{margin-bottom:26px}.footer-top p{font-size:17px}.footer-top>a{font-size:12px;gap:8px}.footer-bottom{font-size:12px;gap:15px;margin-top:25px;padding-top:20px}.footer-logo{height:auto}.hero h1 br:nth-of-type(1){display:block}}
@media(max-width:380px){h1{font-size:50px}.wrap{width:calc(100% - 32px)}.contact-cta{padding:28px 21px}.hero-stamp>span:first-child{display:none}.hero-photo{height:355px}.button{gap:24px}.spec-table dt{font-size:14px}.factory-bottom{align-items:start;flex-direction:column}.contact-meta{grid-template-columns:1fr}.density-tabs{gap:4px}.density-tabs button{font-size:12px}}

/* ODA: identity supplied by the owner. */
:root{--accent-strong:#B93800;--white:#FDFCFB}
.brand img{width:188px;height:auto}.header{height:112px}.hero h1{font-weight:800}.hero h1 span{color:var(--ink)}.hero h1 span::after{content:"";display:block;width:75px;height:8px;background:var(--accent);margin-top:20px;transform:skewX(-30deg)}
.button-accent{color:var(--ink)}.button{clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
.text-link,.strip-number,.benefit-line>span,.step-number,.strip-link span{color:var(--accent-strong)}
.hero-visual{clip-path:polygon(45px 0,100% 0,100% calc(100% - 45px),calc(100% - 45px) 100%,0 100%,0 45px)}
.image-label{left:27px;top:27px;background:var(--ink);color:white;border-left:5px solid var(--accent);width:185px;padding-right:30px}.image-label span{color:var(--accent)}
.hero-stamp{background:var(--ink);padding:22px 38px 22px 22px}.hero-stamp img{width:48px;height:auto}.hero-stamp>span:last-child{font-size:12px}
.density-tabs button[aria-selected=true]{color:var(--ink)}.density-card{border-top:5px solid var(--accent)}.density-card>strong{color:var(--ink)}
.factory{background:var(--ink);position:relative;overflow:hidden}.factory .wrap{position:relative;z-index:1}.factory::before{content:"";position:absolute;top:-90px;right:4%;width:70px;height:700px;background:var(--accent);opacity:.12;transform:rotate(30deg)}
.factory-head h2{font-weight:700}.factory-quote{color:#FF8D59}.contact-cta{clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,38px 100%,0 calc(100% - 38px))}.contact-cta h2{font-weight:750}.contact-cta .eyebrow{letter-spacing:1px}
.footer-logo{width:min(900px,100%);height:auto;max-height:none;object-fit:contain;margin-inline:auto}.footer{border-top:7px solid var(--accent)}
:focus-visible{outline-color:var(--ink)}.footer :focus-visible,.factory :focus-visible{outline-color:var(--accent)}
@media(max-width:1150px){.brand img{width:164px}.desktop-nav{gap:16px;font-size:13px}.header{gap:20px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-stamp{padding:17px 32px 17px 17px}}
@media(max-width:800px){.header{height:94px}.brand img{width:154px;height:auto}.hero h1 span::after{height:6px;width:56px;margin-top:15px}.hero-visual{clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}.image-label{top:18px;left:18px}.hero-stamp img{width:36px}.hero-stamp{gap:10px}.contact-cta{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.factory::before{right:-70px}.footer-logo{padding-block:15px}}

/* The supplied scene is kept intact; copy stays above the foreground pallets. */
.hero.hero--photo{display:grid;grid-template-columns:1fr;position:relative;isolation:isolate;aspect-ratio:1672/941;min-height:0;gap:0;padding:0;margin-top:30px;margin-bottom:34px;background:#24172d;overflow:hidden}
.hero--photo .hero-visual{position:absolute;inset:0;min-height:0;clip-path:none;background:none;overflow:hidden;z-index:-2}
.hero--photo .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.hero--photo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 74% 88% at 0 0,rgba(21,40,86,.94) 0%,rgba(21,40,86,.74) 34%,rgba(21,40,86,.30) 57%,rgba(21,40,86,0) 83%),linear-gradient(0deg,rgba(15,30,67,.64),transparent 16%)}
.hero--photo .hero-copy{position:relative;align-self:start;width:52%;padding:clamp(26px,3vw,48px);padding-right:0;color:white}
.hero--photo .eyebrow{font-size:12px;letter-spacing:1.5px;color:white}
.hero--photo h1{font-size:clamp(36px,4.2vw,66px);font-weight:750;line-height:1.06;letter-spacing:-.05em;margin:20px 0 17px;text-shadow:0 2px 16px #10234f66}
.hero--photo h1 span{color:white;white-space:nowrap}.hero--photo h1 span::after{display:none}
.hero--photo .hero-description{font-size:clamp(14px,1.18vw,18px);line-height:1.6;color:white;margin:0 0 20px;max-width:450px;text-shadow:0 1px 8px #10234faa}
.hero--photo .button{min-height:52px;padding:15px 21px;font-size:14px;gap:30px}
.hero--photo .hero-location{font-size:12px;line-height:1.5;color:white;margin:12px 0 0;text-shadow:0 1px 8px #10234faa}
.hero--photo .hero-visual figcaption{position:absolute;bottom:24px;left:clamp(26px,3vw,48px);font-size:12px;color:#fff;max-width:none;line-height:1.5}
.hero-signature{position:absolute;bottom:24px;right:clamp(26px,3vw,48px);display:flex;flex-direction:column;gap:7px;color:white;text-align:right;text-shadow:0 1px 6px #10234f;font-size:14px;line-height:1.4}
.hero-signature-label{font-size:12px;letter-spacing:1.3px;font-weight:800}
.hero--photo .button:focus-visible{outline:3px solid white;outline-offset:5px;clip-path:none}
@media(max-width:1050px){
 .hero.hero--photo{display:flex;flex-direction:column;aspect-ratio:auto;background-image:linear-gradient(100deg,rgba(21,40,86,.94),rgba(21,40,86,.74)),url('assets/oda-house-pallets-v3.webp');background-size:cover;background-position:center top;margin-top:24px}
 .hero--photo::before{display:none}
 .hero--photo .hero-copy{order:0;width:100%;padding:32px 30px 18px;align-self:stretch}
 .hero--photo h1{font-size:clamp(36px,6.8vw,58px);margin:21px 0 19px}
 .hero--photo .hero-description{font-size:16px;max-width:550px;margin-bottom:22px}
 .hero--photo .hero-signature{order:1;position:static;text-align:left;padding:0 30px 25px;gap:5px;font-size:13px}
 .hero--photo .hero-signature-label{font-size:12px;letter-spacing:.9px}
 .hero--photo .hero-visual{order:2;position:relative;inset:auto;width:100%;z-index:0;overflow:hidden}
 .hero--photo .hero-photo{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
 .hero--photo .hero-visual::after{content:"";position:absolute;inset:76% 0 0;pointer-events:none;background:linear-gradient(0deg,rgba(21,40,86,.5),transparent)}
 .hero--photo .hero-visual figcaption{left:20px;bottom:10px;z-index:1;font-size:12px;text-shadow:0 1px 5px #000}
}
@media(max-width:480px){
 .hero--photo .hero-copy{padding:26px 22px 16px}.hero--photo h1{font-size:clamp(29px,8.05vw,39px);letter-spacing:-.045em;line-height:1.13}
 .hero--photo .eyebrow{font-size:12px;letter-spacing:.75px}.hero--photo .hero-description{font-size:15px;line-height:1.6}.hero--photo .hero-description br{display:none}
 .hero--photo .button{font-size:13px;padding:15px 16px;gap:22px}.hero--photo .hero-signature{padding:0 22px 24px}.hero--photo .hero-signature-label{font-size:12px;letter-spacing:.4px}
 .hero--photo .hero-visual figcaption{left:12px;bottom:7px;font-size:12px}
}

/* Unnumbered section and benefit headings. */
.steps article{border-top:1px solid var(--line);padding-top:26px}
.order-brief{margin-top:60px;background:var(--ink);color:white;padding:36px 40px;display:grid;grid-template-columns:1.1fr 1fr 1.15fr;gap:40px;align-items:center;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.order-brief h3{font-size:24px;margin-top:14px}.order-brief ul{margin:0;padding-left:20px;line-height:1.9;color:#e8e0ec}.order-brief p{font-size:14px;line-height:1.65;margin:0 0 18px;color:#e8e0ec}.order-brief .button{width:100%}
.faq{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:9%}.faq-layout>div:first-child>p{max-width:390px;line-height:1.75;color:var(--muted);margin-top:22px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;cursor:pointer;font-size:18px;font-weight:700;line-height:1.45}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:28px;color:var(--accent);transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:690px;margin:0;padding:0 45px 25px 0;color:var(--muted);line-height:1.75}
.mobile-order{display:none}

/* Real factory photography supplied by the owner. */
.factory-gallery{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;margin-top:48px}
.factory-photo{margin:0;min-width:0}
.factory-photo>a{display:block;overflow:hidden;height:clamp(310px,32vw,480px);background:#493754}
.factory-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.factory-photo--wide img{object-position:46% 50%}
.factory-photo--tall img{object-position:center 65%}
.factory-photo>a:hover img{transform:scale(1.025)}
.factory-photo>a:focus-visible{outline-color:var(--accent);outline-offset:5px}
.factory-photo figcaption{padding-top:18px;display:flex;flex-direction:column;gap:6px}
.factory-photo strong{font-size:19px;font-weight:600;letter-spacing:-.02em}
.factory-photo figcaption>span{font-size:14px;line-height:1.5;color:#D9CDDF}
.factory-gallery+.factory-bottom{margin-top:40px}
.material-image--photo{background:var(--paper)}
.material-image--photo .material-caption{position:static;inset:auto;padding:22px 25px;background:#eae6ec}
.material-image--photo>img{aspect-ratio:1/1;object-fit:cover;object-position:center 60%;mix-blend-mode:normal}
.material-image--photo .image-note{background:#eae6ec;color:#65586c}

@media(max-width:800px){
 .factory-gallery{grid-template-columns:1fr;gap:30px;margin-top:32px}
 .factory-photo>a{height:auto;aspect-ratio:16/10}
 .factory-photo--tall>a{aspect-ratio:4/3}
 .factory-photo figcaption{padding-top:14px}
 .factory-photo strong{font-size:18px}
 .material-image--photo>img{aspect-ratio:1/1;object-position:center 65%}
 .order-brief{grid-template-columns:1fr;padding:30px 25px;gap:25px;margin-top:42px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
 .faq-layout{grid-template-columns:1fr;gap:24px}.faq summary{font-size:16px;padding:20px 0}.faq details p{padding-right:0}
 .mobile-order{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;background:var(--accent);color:var(--ink);min-height:54px;align-items:center;justify-content:space-between;padding:14px 19px;font-weight:800;box-shadow:0 8px 28px rgba(45,25,60,.28);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}
 body{padding-bottom:78px}.footer{margin-bottom:-78px;padding-bottom:102px}
}

/* DODA identity and product size gallery. */
:root{--accent:#FFA000;--ink:#203873;--muted:#6E7481;--paper:#F5F6F8;--line:#DDE2ED;--highlight:#FFA000;--accent-strong:#C56A00}
.button-accent:hover{background:#E89000}.button-ink:hover{background:#2E4B8A}
.footer-bottom{color:#D7DFF2}.factory .section-aside,.factory-head>p{color:#D7DFF2}.factory-photo figcaption>span{color:#D7DFF2}.factory-bottom{border-top-color:#4D6598}.footer-bottom{border-top-color:#4D6598}
.brand img{object-fit:contain}.footer-logo{width:min(820px,100%);max-height:315px;object-fit:contain}
.product-sizes{margin-top:96px;padding-top:68px;border-top:1px solid var(--line)}
.sizes-head{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end;margin-bottom:34px}
.sizes-head h3{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 14px}
.sizes-head p{max-width:650px;color:var(--muted);line-height:1.75;margin:0}
.slider-arrows{display:flex;gap:10px}.slider-arrows button{width:58px;height:58px;border:1px solid var(--line);background:white;color:var(--ink);font-size:24px;transition:background .2s,color .2s}.slider-arrows button:hover{background:var(--ink);color:white}
.product-slider{position:relative;aspect-ratio:3/2;background:var(--paper);overflow:hidden;outline-offset:7px}
.size-slide{display:none;position:absolute;inset:0;margin:0}.size-slide.is-active{display:block;animation:size-in .32s ease both}
.size-slide img{width:100%;height:100%;object-fit:cover}
.size-card{position:absolute;right:28px;top:28px;width:min(390px,38%);padding:24px 28px 26px;background:var(--ink);color:white;border-left:7px solid var(--accent);box-shadow:0 16px 45px rgba(20,38,82,.22);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.size-card span{display:block;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:1.2px;color:#D7DFF2}.size-card strong{display:block;font-size:clamp(23px,2.5vw,39px);line-height:1.15;letter-spacing:-.045em;margin:12px 0 7px}.size-card small{font-size:11px;line-height:1.5;color:#D7DFF2}
.slider-meta{display:grid;grid-template-columns:auto auto 1fr;gap:23px;align-items:center;padding-top:24px}.slider-dots{display:flex;gap:8px}.slider-dots button{width:38px;height:4px;border:0;padding:0;background:var(--line)}.slider-dots button.is-active{background:var(--accent)}.slider-count{font-size:12px;font-weight:800;letter-spacing:1px}.slider-meta .text-link{justify-self:end}.sizes-note{font-size:11px;color:var(--muted);margin:17px 0 0}
@keyframes size-in{from{opacity:.25;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}
@media(max-width:800px){.product-sizes{margin-top:60px;padding-top:48px}.sizes-head{grid-template-columns:1fr;gap:22px}.slider-arrows{justify-self:end}.slider-arrows button{width:52px;height:52px}.product-slider{aspect-ratio:4/5}.size-slide img{object-fit:cover;object-position:center}.size-card{right:14px;top:14px;width:calc(100% - 28px);padding:18px 20px 20px}.size-card strong{font-size:25px}.slider-meta{grid-template-columns:1fr auto;gap:18px}.slider-meta .text-link{grid-column:1/-1;justify-self:start}.slider-dots button{width:28px}.sizes-note{line-height:1.55}}
@media(prefers-reduced-motion:reduce){.size-slide.is-active{animation:none}}

/* Clickable production address and 2GIS dropdown. */
.map-dropdown{position:relative;margin-top:8px}
.map-dropdown summary{display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--ink);list-style:none;color:var(--ink);font-size:14px;font-weight:650;line-height:1.7;cursor:pointer}
.map-dropdown summary::-webkit-details-marker{display:none}
.map-dropdown summary>span{color:var(--accent-strong);font-size:18px;line-height:1;transition:transform .2s ease}
.map-dropdown[open] summary>span{transform:rotate(180deg)}
.map-dropdown-panel{display:flex;flex-direction:column;align-items:flex-start;gap:11px;width:min(100%,290px);margin-top:12px;padding:16px;background:var(--paper);box-shadow:0 14px 34px rgba(32,56,115,.12);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.map-dropdown-panel>span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
.map-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:13px 15px;background:var(--ink);color:white;font-size:13px;font-weight:800;transition:background .2s ease}
.map-button:hover{background:#2E4B8A}
.map-button>span{color:var(--accent);font-size:19px}
.map-button:focus-visible,.map-dropdown summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
