:root{--ink:#263d49;--dark:#162a32;--muted:#63717a;--paper:#f4f6f6;--line:#dce1e3;--acid:#e2ee69}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.07;font-weight:500}h2{font-size:clamp(36px,3.65vw,56px)}h3{font-size:28px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #71820a;outline-offset:5px}a.button:focus-visible,.header a:focus-visible{outline-offset:4px}button:hover,a.button:hover{filter:brightness(.96)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-80px;background:var(--acid);padding:12px;z-index:30}.skip:focus{top:12px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:54px;padding:14px 20px;background:var(--acid);color:var(--dark);font-weight:600;border-radius:2px;line-height:1.3}.button span{font-size:25px;font-weight:400;line-height:1}.button.dark{background:var(--ink);color:white}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;line-height:1.5}.acid{color:var(--acid)}.header{position:sticky;top:0;z-index:20;min-height:100px;padding:22px 4.4%;background:white;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 1px 0 #263d4910}.logo{width:157px;height:auto}.header nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-size:15px}.header nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.languages{font-size:14px;font-weight:bold;white-space:nowrap}.languages span{font-weight:400;color:var(--muted);padding-left:14px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:var(--dark);color:white;min-height:850px;display:flex;flex-direction:column;justify-content:space-between}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d2028e0,#10232b85 47%,#10232b05);z-index:-1}.hero-copy{padding:60px 4.4% 40px}.hero h1{font-size:clamp(58px,5.84vw,90px);font-weight:600;line-height:1.01;margin:34px 0 66px;max-width:850px}.hero .lead{font-size:20px;line-height:1.5;color:#e3e9eb;margin-bottom:34px}.hero-small{font-size:14px;color:#d4dfe1;margin:35px 0 0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 4.4% 0;padding:28px 0 44px;border-top:1px solid #829097}.hero-bottom p{margin:0}.hero-bottom>p:last-child{font-size:12px;color:#e6edef;text-align:right}.section{padding:64px 4.4%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:38px}.section-heading h2{margin:35px 0 0}.section-heading>p{font-size:18px;color:var(--muted)}.explorer{position:relative;padding-top:100px;min-height:750px}.overview{width:68%;padding-bottom:25px}.product-picture{position:relative}.product-picture>img{width:100%}.caption{color:var(--muted);font-size:13px;margin-top:12px}.hotspot{position:absolute;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--ink);font-size:14px;transform:translate(-50%,-50%)}.hotspot[aria-pressed=true]{background:var(--acid);width:52px;height:52px}.stair-point{left:27%;top:65%}.deck-point{left:68%;top:36%}.height-point{left:46%;top:58%}.base-point{left:50%;top:69%}.detail-choices{position:absolute;top:28px;left:0;right:0;display:flex;gap:10px;align-items:flex-start}.choice,summary{background:var(--paper);padding:13px 17px;font-size:15px;border-radius:2px;list-style:none;line-height:1.4;white-space:nowrap}.choice{min-height:47px}summary::-webkit-details-marker{display:none}details[open]>summary,.whole[aria-pressed=true]{background:var(--ink);color:white}summary:hover{background:#e8eeee}details[open]>summary:hover{background:var(--ink)}.detail-panel{position:absolute;top:76px;right:0;width:30%;padding:26px 24px;background:var(--paper);border-radius:3px;min-height:550px}.panel-label{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-label p{margin:0}.close-detail{font-size:25px;background:transparent;min-width:44px;min-height:44px;margin:-10px -12px}.zoom{position:relative;display:block;background:white;padding:0;width:100%;text-align:left}.zoom img{width:100%;aspect-ratio:1.35;object-fit:cover}.zoom>span{position:absolute;right:8px;bottom:8px;background:white;padding:4px 9px;font-size:12px;opacity:0;transition:opacity .15s}.zoom:hover>span,.zoom:focus-visible>span{opacity:1}.detail-panel h3{font-size:27px;line-height:1.15;margin:26px 0 14px}.detail-panel>p{color:var(--muted);font-size:17px;min-height:77px}.detail-inquiry{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:15px;font-weight:600}.detail-inquiry span{font-size:25px;font-weight:400}.whole-panel{position:absolute;right:0;top:104px;background:var(--paper);width:30%;padding:30px}.whole-panel h3{font-size:40px;margin-top:30px}.whole-panel>p{color:var(--muted)}.whole-panel .zoom{display:flex;margin-top:30px;padding:14px 20px}.whole-panel .zoom>span{position:static;opacity:1;background:none;padding:0;font-size:22px}.explorer:has(details[open]) .whole-panel{display:none}.inquiry{background:var(--dark);color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding-top:60px;padding-bottom:65px}.inquiry h2{font-size:clamp(42px,4.45vw,68px);margin:38px 0 50px}.inquiry-copy>p:not(.eyebrow){color:#c5d2d7;font-size:19px;max-width:420px}.tips{border-top:1px solid #455963;margin-top:50px;padding-top:30px}.tips ul{padding:0;list-style:none;line-height:1.85;font-size:17px;color:#e5eaec}form{background:var(--paper);color:var(--ink);padding:38px;border-radius:3px;align-self:start}form h3{margin-bottom:12px}form>p{color:var(--muted)}.demo-note{font-size:13px;border-left:3px solid #7f8c2d;padding-left:10px}.application{border:0;margin:25px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.application label{position:relative;cursor:pointer}.application input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.application span{display:block;border:1px solid var(--line);background:white;padding:10px 20px;border-radius:2px}.application input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.application input:focus-visible+span{outline:3px solid #71820a;outline-offset:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.form-grid label{font-size:14px;font-weight:600;min-width:0}.wide{grid-column:1/-1}input:not([type=radio]):not([type=hidden]),textarea{display:block;width:100%;margin-top:12px;border:1px solid var(--line);background:#fff;padding:15px;color:var(--ink);border-radius:2px;font-size:16px;font-weight:400;min-width:0}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#78868e;opacity:1}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px}.form-bottom small{color:var(--muted);font-size:13px}#context-row{display:flex;justify-content:space-between;align-items:center;background:#e5eacb;margin-bottom:25px;padding:8px 12px;font-size:14px}#clear-context{background:transparent;font-size:24px;min-width:44px;min-height:40px}#form-result{background:#e8edce;border-left:3px solid #758320;padding:18px;margin-top:25px;line-height:1.6}footer{background:var(--dark);color:#c4d1d7;padding:26px 4.4% 30px;display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #455963;font-size:13px}footer>a:first-of-type{margin-left:auto}footer>a:last-of-type{color:white;font-size:15px;font-weight:600}footer>p{flex-basis:100%;margin:0;color:#9daeb6;font-size:12px}dialog{border:none;border-radius:3px;padding:24px;width:min(1100px,94vw);max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#10232bcc}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top h2{font-size:22px;margin:0}.dialog-top button{background:var(--paper);padding:12px 16px;white-space:nowrap}dialog>img{width:100%;height:70dvh;object-fit:contain}dialog>p{font-size:13px;color:var(--muted);margin:12px 0 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.header,.section,footer{padding-left:max(4.4%,calc((100vw - 1560px)/2));padding-right:max(4.4%,calc((100vw - 1560px)/2))}.hero-copy{padding-left:max(4.4%,calc((100vw - 1560px)/2))}.hero{min-height:900px}.explorer{min-height:810px}}
@media(max-width:1100px){.header nav{gap:20px}.languages{display:none}.hero{min-height:760px}.hero h1{font-size:68px}.detail-panel{width:34%;padding:20px}.overview{width:65%}.choice,summary{font-size:14px;padding:13px 12px}.detail-panel h3{font-size:23px}.explorer{min-height:710px}.inquiry{gap:5%;grid-template-columns:.8fr 1.2fr}form{padding:28px}.form-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){html{scroll-padding-top:95px}.header{padding:20px 24px;min-height:82px}.logo{width:120px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;min-height:44px;padding:5px 0 5px 14px}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;padding:18px 24px 26px;box-shadow:0 15px 25px #162a3220;align-items:stretch;flex-direction:column;gap:0}.header nav.is-open{display:flex}.header nav>a{padding:15px 0}.header nav>a.button{padding:14px 20px;margin-top:12px}.languages{display:block;padding:16px 0}.hero{min-height:auto}.hero:before{display:none}.hero-copy{padding:36px 24px 32px}.hero h1{font-size:clamp(43px,8vw,66px);margin:30px 0 35px}.hero .lead{font-size:16px;max-width:450px}.hero-small{display:none}.scene{position:static;z-index:auto;aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.hero-bottom{margin:0;padding:15px 24px 20px;border:0}.hero-bottom>.eyebrow{display:none}.hero-bottom>p:last-child{text-align:left;font-size:12px}.section{padding:44px 24px}.section-heading{display:block;border-bottom:0;padding-bottom:0}.section-heading h2{font-size:36px;margin:30px 0}.section-heading>p{font-size:16px}.explorer{min-height:0;padding-top:0}.overview{width:100%;padding-bottom:8px}.caption{font-size:12px}.hotspot{display:none}.detail-choices{position:static;display:block;margin-top:22px}.whole{display:none}details{border-top:1px solid var(--line)}summary{position:relative;padding:18px 0;background:white;font-size:16px;white-space:normal;padding-right:35px}summary:after{content:"+";position:absolute;right:10px;top:12px;font-size:25px}details[open]>summary{background:var(--ink);padding-left:16px}details[open]>summary:after{content:"−"}.detail-panel{position:static;width:100%;min-height:0;padding:20px}.panel-label{display:none}.detail-panel h3{font-size:25px}.detail-panel>p{min-height:0;font-size:16px}.detail-panel .zoom>span{opacity:1}.whole-panel{display:none!important}.inquiry{display:block;padding-top:48px;padding-bottom:40px}.inquiry h2{font-size:40px;margin:32px 0 28px}.inquiry h2 br:first-child{display:none}.inquiry-copy>p:not(.eyebrow){font-size:16px;max-width:100%}.tips{display:none}form{margin-top:30px;padding:24px 20px}form h3{font-size:26px}.form-grid{grid-template-columns:1fr;gap:25px}.form-bottom{gap:20px}.form-bottom .button{width:100%}footer{padding:24px;gap:20px}footer>span{width:100%;font-size:12px}footer>a:first-of-type{margin-left:0;margin-right:auto}.dialog-top h2{font-size:19px}dialog{padding:16px}.dialog-top{align-items:flex-start}.dialog-top button{font-size:14px}dialog>img{height:65dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}