/* Product-first editorial experience */
.hero-mosaic{grid-template-columns:44% 28% 28%;grid-template-rows:58% 42%}.hero-mosaic .hero-main{grid-column:2/4;grid-row:1/3;object-position:48% center}.hero-mosaic img:nth-child(2){grid-column:1;grid-row:1;object-position:53% center}.hero-mosaic img:nth-child(3){grid-column:1;grid-row:2;width:50%}.hero-mosaic img:nth-child(4){grid-column:1;grid-row:2;width:50%;justify-self:end;object-position:center}.hero-shade{background:linear-gradient(90deg,#231f20e8 0%,#231f20b5 35%,#231f201a 66%),linear-gradient(0deg,#231f20e0,transparent 28%)}.hero-copy{max-width:850px;padding-top:12vh}.hero h1{font-size:clamp(37px,4vw,64px);line-height:1.65}.hero-copy p:not(.eyebrow){max-width:440px;font-size:14px}.hero-product-label{position:absolute;z-index:3;right:3%;top:25px;background:#231f20d9;border:1px solid #d9d9d966;padding:8px 16px;font-size:11px;letter-spacing:.1em}.hero-stamp{width:124px;height:124px;bottom:75px;right:4%;font-size:11px}.hero-stamp svg{width:27px}.shelter-explorer{background:radial-gradient(ellipse at 20% 60%,#d9d9d9,transparent 60%),#f6f6f6}.discovery-status{font-size:14px;white-space:nowrap;text-align:right}.discovery-status>span{font-size:45px;color:#696969;font-family:var(--sans)}.discovery-status small{font-size:10px;white-space:normal}.explore-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.explore-stage{height:580px;position:relative;background:radial-gradient(circle at 50% 40%,#593c3f,#231f20);border-radius:6px 100px 6px 6px;overflow:hidden;box-shadow:15px 15px 0 #a6a6a640}.explore-stage>img{width:100%;height:100%;object-fit:cover}.stage-tag{position:absolute;bottom:25px;left:25px;background:#231f20dc;color:#f6f6f6;font-size:11px;padding:9px 14px;letter-spacing:.05em;z-index:2}.structure-diagram{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 12px}.structure-diagram[hidden]{display:none}.structure-diagram svg{width:100%;height:auto;max-height:430px}.structure-diagram p{font-size:10px;color:#f6f6f6;margin:0 15px 35px;text-align:center}.structure-diagram .steel{stroke-dasharray:2000;animation:drawFrame 1.5s ease both}.structure-diagram .air-lines{animation:airFlow 2.5s infinite}.scan-line{position:absolute;inset:0 0 auto;height:2px;background:#d9d9d9;box-shadow:0 0 24px 8px #d9d9d945;opacity:0;pointer-events:none}.explore-stage.changing .scan-line{animation:scan 800ms ease-out}.explore-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:30px}.explore-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#ffffff,#f6f6f6);border:1px solid #d9d9d9;border-radius:4px 20px 4px 4px;padding:12px 5px;box-shadow:0 4px 0 #a6a6a6;transition:.2s;font-size:13px}.explore-tabs button b{font-family:var(--sans);font-size:19px;font-weight:400;color:#696969}.explore-tabs button span{font-size:11px}.explore-tabs button[aria-pressed=true]{background:linear-gradient(130deg,#593c3f,#593c3f);color:#fff;box-shadow:0 4px 0 #231f20}.explore-tabs button[aria-pressed=true] b{color:#d9d9d9}#sceneCopy{min-height:305px}#sceneCopy h3{font-family:var(--serif);font-size:27px;font-weight:500}#sceneCopy>p:not(.eyebrow){font-size:13px;line-height:2.1}#sceneCopy .eyebrow{margin-bottom:12px}.ask-point{border-left:2px solid #696969;padding:5px 0 5px 16px;margin-top:24px;font-size:13px}.ask-point small{display:block;font-size:10px;color:#696969;margin-bottom:8px}#discoveryMessage{font-size:11px;color:#696969;min-height:42px;margin-top:18px}#discoveryMessage.all-found{font-weight:700;color:#696969}.explore-content>.text-link{margin-top:10px}.personal-steps{padding:0;list-style:none;margin:18px 0 0}.personal-steps li{padding:13px 0 13px 26px;border-top:1px solid #d9d9d9;font-size:12px;position:relative;line-height:1.8}.personal-steps li:before{content:'✓';position:absolute;left:0;color:#696969}.completion-medal{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;border:1px solid #a6a6a6;border-radius:40px;padding:8px 15px;background:linear-gradient(130deg,#f6f6f6,#a6a6a6,#ffffff);box-shadow:0 4px 15px #69696920;font-size:11px;font-weight:700}.completion-medal[hidden]{display:none}.completion-medal svg{width:25px}.complete .completion-medal{animation:medal .8s cubic-bezier(.2,1.6,.4,1) both}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.memo-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.memo-tools button{font-size:11px;margin-top:15px}.contact-status{margin-top:20px;border-color:#a6a6a655}.contact-status summary{font-size:11px;padding:12px 0;font-weight:500}.contact-status p{margin:0 0 18px!important;font-size:11px!important;color:#d9d9d9}.preparation{background:radial-gradient(ellipse at 20% 60%,#d9d9d9,transparent 60%),#f6f6f6}.preparation-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:40px}.room-illustration{border:1px solid #a6a6a6;background:linear-gradient(120deg,#ffffff,#f6f6f6);border-radius:70px 5px 5px 5px;padding:30px 20px}.room-illustration svg{width:100%;height:auto}.room-illustration p{font-size:10px;text-align:center;color:#696969;margin:0}.prep-steps article{display:flex;gap:22px;margin:26px 0}.prep-steps article>span{font-family:var(--sans);font-size:38px;color:#696969;line-height:1.4}.prep-steps h3{font-size:19px}.prep-steps p{font-size:13px;margin-top:8px}.prep-steps .btn{margin-top:18px}.qa-hero .faq-photo{object-position:center 45%}.qa-hero:after{background:linear-gradient(90deg,#231f20 20%,#231f20c4 48%,#231f2033)}
a,summary,button{touch-action:manipulation}a:not(.btn),summary{transition:transform .2s,filter .2s}a.pressed:not(.btn),summary.pressed{transform:translateY(2px) scale(.985);filter:brightness(.9)}button.is-down,.btn.is-down{transform:translateY(4px) scale(.97)!important;box-shadow:0 1px 0 #231f20!important}.action-arrive{animation:actionArrive .65s ease-out both}.explore-stage.changed #explorePhoto{animation:scenePhoto .6s ease-out}.check-result.complete{background:radial-gradient(ellipse at 100% 0,#d9d9d9,transparent 65%),#f6f6f6}#printSheet{display:none}
@keyframes drawFrame{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes airFlow{50%{transform:translateX(18px);opacity:.4}}@keyframes scan{0%{top:0;opacity:.8}100%{top:100%;opacity:0}}@keyframes scenePhoto{from{transform:scale(1.06);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}@keyframes medal{from{opacity:0;transform:rotate(-10deg) scale(.5)}to{opacity:1;transform:none}}@keyframes actionArrive{from{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}
@media(max-width:1100px){.hero-copy{padding-top:100px}.hero h1{font-size:43px}.explore-stage{height:510px}.explore-layout{gap:4%}#sceneCopy h3{font-size:24px}}
@media(max-width:800px){.hero{height:850px}.hero-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:46% 54%;gap:3px}.hero-mosaic .hero-main{grid-column:1/3;grid-row:2;object-position:50% 48%;width:100%;height:100%}.hero-mosaic img:nth-child(2){grid-column:1/3;grid-row:1;width:100%;height:100%;opacity:1;mask-image:none;object-position:50% 46%}.hero-mosaic img:nth-child(3){grid-column:2;grid-row:1;width:50%;height:30%;align-self:start;justify-self:end;object-position:center}.hero-mosaic img:nth-child(4){grid-column:2;grid-row:1;width:50%;height:30%;align-self:start;justify-self:start;object-position:center}.hero-shade{background:linear-gradient(180deg,#231f20a8 0%,#231f2099 37%,transparent 51%,transparent 82%,#231f20d9 100%)}.hero-copy{padding:48px 6% 0;max-width:none}.hero h1{font-size:clamp(30px,5.8vw,44px);line-height:1.65}.hero-copy .eyebrow{font-size:9px;max-width:80%}.hero-copy p:not(.eyebrow){font-size:12px;margin-top:17px;max-width:380px}.hero-copy .btn{margin-top:22px;padding:13px 18px}.hero-product-label{top:auto;bottom:72px;left:6%;right:auto;font-size:9px;padding:6px 10px}.hero-stamp{width:93px;height:93px;bottom:95px;font-size:9px}.hero-stamp svg{width:23px}.hero-bottom{font-size:8px}.discovery-status{text-align:left;margin-top:20px}.discovery-status>span{font-size:32px}.discovery-status br{display:none}.discovery-status small{margin-left:12px}.explore-layout,.preparation-grid{grid-template-columns:1fr;gap:28px}.explore-stage{height:420px;border-radius:4px 65px 4px 4px;box-shadow:8px 8px 0 #a6a6a640}.explore-tabs{margin-bottom:25px;gap:10px}.explore-tabs button{padding:9px 5px}.explore-tabs button b{font-size:17px}.explore-tabs button span{display:none}#sceneCopy{min-height:265px}#sceneCopy h3{font-size:25px}.stage-tag{left:18px;bottom:18px;font-size:10px}.structure-diagram p{margin-bottom:30px;font-size:9px}.personal-steps li{font-size:11px}.preparation-grid{margin-top:25px}.room-illustration{padding:20px 15px}.prep-steps article{margin:20px 0}.prep-steps h3{font-size:18px}.prep-steps .btn{width:100%}.qa-hero>img{opacity:.8}.qa-hero:after{background:linear-gradient(90deg,#231f20df,#231f2066)}.contact-status summary{padding:12px 0}.memo-tools{gap:8px 18px}.memo-tools button{font-size:11px}}
@media(max-width:380px){.hero{height:805px}.hero h1{font-size:28px}.hero-copy{padding-top:42px}.hero-copy p:not(.eyebrow){font-size:11px}.hero-copy .btn{margin-top:17px}.hero-mosaic{grid-template-rows:47% 53%}.hero-stamp{bottom:95px;width:82px;height:82px}.explore-stage{height:370px}#sceneCopy h3{font-size:23px}.discovery-status small{font-size:9px;margin-left:7px}}
@media(prefers-reduced-motion:reduce){.scan-line{display:none}.action-arrive{opacity:1}}
@media print{body>*{display:none!important}body>#printSheet{display:block!important;white-space:pre-wrap;font:13pt/1.8 sans-serif;color:#000;padding:20px}dialog{display:none!important}body{background:#fff}}
.faq-photo{width:100%;height:290px;object-position:center 43%;border-radius:4px 75px 4px 4px;margin-bottom:40px}.completion-medal{flex-wrap:wrap;gap:4px 9px}.completion-medal small{font-size:9px}
@media(max-width:800px){.faq-photo{height:230px;margin-bottom:30px}}
[hidden]{display:none!important}

.sound{white-space:nowrap;font-size:10px;padding:0}
@media(max-width:800px){.subhero h1{font-size:clamp(25px,6.8vw,32px)}}