.product-hero{display:grid;grid-template-columns:0.8fr 1.2fr;gap:48px;align-items:center;margin:36px 0 52px}.product-hero h1{font-size:clamp(38px,5vw,76px);line-height:1.05;letter-spacing:-.04em}.product-hero .lead{font-size:21px;max-width:38ch;margin:26px 0}.product-hero figure{margin:0;background:#f3f5f5}.product-hero img{width:100%;height:auto;display:block}.product-hero figcaption{font-size:12px;padding:12px 16px;color:#536971}.product-subnav{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #d5dfe2;border-bottom:1px solid #d5dfe2;padding:20px 0;margin:30px 0 55px}.product-subnav a{font-size:14px;text-decoration:none}.experience-section{padding:54px 0;scroll-margin-top:115px}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.experience-grid article{border-top:2px solid #243e4a;padding-top:24px;min-width:0}.experience-grid img{width:100%;height:225px;object-fit:contain;background:#f4f6f6;margin-bottom:24px}.experience-grid h3{font-size:25px;line-height:1.2;margin:15px 0}.experience-grid p{line-height:1.7;color:#4f636b}.experience-grid .text-link{display:inline-block;margin-top:14px;font-weight:650}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-uses{background:#edf1f2}.home-trust{padding-top:12px;padding-bottom:12px}.home-trust .experience-section{padding:38px 0}.home-trust .experience-grid:has(article:only-child){grid-template-columns:1fr;max-width:800px}.home-uses .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:1fr 1.7fr;border-bottom:1px solid #d5dfe2;padding:23px 0;gap:28px}.spec-list dt{font-weight:650}.spec-list dd{margin:0;line-height:1.6}.principle{background:#edf1f2;padding:40px;margin:35px 0}.principle-stage svg{width:100%;height:auto;display:block}/* The U-frame translates rigidly inside fixed guide sleeves. */
.principle-platform,.principle-frame,.principle-person,.principle-guides{transition:transform 1.2s ease}
.principle-stage[data-phase="0"] .principle-platform{transform:translateY(35px)}
.principle-stage[data-phase="0"] .principle-frame,.principle-stage[data-phase="1"] .principle-frame{transform:translateY(140px)}
.principle-stage[data-phase="3"] .principle-person{transform:translateY(-115px)}
.principle-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.principle-controls [role=group]{display:flex;gap:8px;flex-wrap:wrap}.principle-controls [data-phase-button]{padding:12px;border:1px solid #9aacb4;background:transparent;color:#253e49;cursor:pointer}.principle-controls [aria-pressed=true]{background:#e2f271}.principle-status{min-height:1.5em}.wizard-step{border:0;margin:28px 0;padding:0;min-width:0}.wizard-step legend{font-size:21px;font-weight:650;margin-bottom:18px}.wizard-step>label{display:block;margin:20px 0}.wizard-step input:not([type=radio]),.wizard-step textarea{width:100%;box-sizing:border-box}.wizard-start,.wizard-controls button{background:#e2f271;border:0;padding:14px 20px;font-weight:650;color:#203a45;cursor:pointer}.wizard-progress{padding-left:0;list-style:none;display:flex;gap:15px;font-size:14px;margin:22px 0}.wizard-progress [aria-current=step]{border-bottom:3px solid #e2f271;font-weight:700}.wizard-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:24px 0}.wizard-controls button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.wizard-step small{display:block;line-height:1.5}.catalogue-detail>h1{max-width:100%}.experience-section h2{font-size:clamp(28px,3vw,44px)}
@media(prefers-reduced-motion:reduce){.principle-platform,.principle-frame,.principle-person,.principle-guides{transition:none}}
@media(max-width:800px){.product-hero{grid-template-columns:1fr;gap:25px}.experience-grid,.process-grid,.home-uses .experience-grid{grid-template-columns:1fr}.experience-grid img{height:auto;max-height:300px}.product-subnav{gap:16px}.spec-list>div{grid-template-columns:1fr;gap:10px}.principle{padding:20px 12px;margin:20px -8px}.principle-controls [role=group]{flex-direction:column;width:100%}.principle-controls [data-phase-button]{text-align:left}.wizard-progress{gap:10px}.wizard-controls{gap:8px;font-size:12px}.wizard-controls button{padding:12px}.experience-section{padding:35px 0}}
.principle .section-heading{display:grid;grid-template-columns:1fr 1.65fr;gap:40px;align-items:start}.principle .section-heading h2{max-width:none;margin-bottom:0}.principle .section-heading p{max-width:none}.principle-stage svg{max-height:390px}.home-uses h2{max-width:850px}.experience-section:empty{display:none}
@media(max-width:800px){.principle .section-heading{grid-template-columns:1fr;gap:20px}.principle-stage svg{min-height:180px}.principle .section-heading h2{font-size:32px}}

.product-hero h1{font-size:clamp(32px,3.6vw,56px);overflow-wrap:break-word}.product-hero>div{min-width:0}
.hero.hero-render{display:grid;grid-template-columns:.85fr 1.15fr;min-height:0;align-items:center}
.hero-render:before{display:none}.hero-render .hero-copy{padding:60px 10%}
.hero-render h1{font-size:clamp(42px,4.4vw,72px);margin:26px 0 34px}
.hero-render .scene{position:static;z-index:auto;width:100%;height:100%;min-height:540px;object-fit:contain;background:white;padding:30px}
.hero-render .hero-bottom{grid-column:1/-1;margin-top:0}
@media(max-width:800px){.hero.hero-render{grid-template-columns:1fr}.hero-render .hero-copy{padding:36px 24px}.hero-render .scene{min-height:0;max-height:480px;padding:15px;aspect-ratio:1.15}.hero-render h1{font-size:clamp(40px,8vw,60px)}}

.principle-stage[data-phase="0"] .principle-guides,.principle-stage[data-phase="1"] .principle-guides{transform:translateY(70px)}
/* Client review, October 2026: clear product navigation, original render galleries. */
.usage-intro{max-width:1000px;font-size:1.12rem;line-height:1.7;margin:0 0 2.5rem}
.catalogue-card .catalogue-picture{display:block;aspect-ratio:4/3;background:#fff;overflow:hidden}
.catalogue-card .catalogue-picture img{width:100%;height:100%;object-fit:contain}
.catalogue-card .catalogue-picture img[hidden]{display:none}
.catalogue-card .catalogue-copy{display:block;padding:1.5rem}
.catalogue-card .slide-controls{padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;gap:.8rem;background:#f3f5f5}
.catalogue-card .slide-controls[hidden]{display:none}
.slide-controls button{border:1px solid #bbc6cb;border-radius:3px;background:#fff;color:#233d4b;min-width:44px;min-height:44px;padding:.4rem .8rem;cursor:pointer;font:inherit}
.slide-controls button:last-child{margin-left:auto;font-size:.85rem}
.slide-controls button:focus-visible,.product-gallery a:focus-visible{outline:3px solid #748100;outline-offset:3px}
.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.product-gallery figure{margin:0;min-width:0;border:1px solid #dce2e5;background:#fff}
.product-gallery a{display:block;position:relative}
.product-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.product-gallery a span{position:absolute;right:.7rem;bottom:.7rem;background:#fff;padding:.3rem .6rem;font-size:.8rem;color:#233d4b}
.product-gallery figcaption{padding:1rem;border-top:1px solid #edf0f1;font-weight:600}
.product-video{display:block;width:100%;max-height:75vh;aspect-ratio:16/9;background:#17262d;margin-top:1.5rem}
.product-hero img{object-fit:contain;background:#fff}
.experience-grid .drawing-preview{width:100%;height:auto;aspect-ratio:1.414;object-fit:contain;background:#fff;margin:1rem 0}
#download .experience-grid article{min-width:0}
#download .text-link{display:inline-block;margin-top:.7rem}
.product-subnav{flex-wrap:wrap;gap:.5rem 1.5rem}
.experience-section{scroll-margin-top:120px}
@media(max-width:900px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-gallery{grid-template-columns:1fr}.slide-controls{gap:.4rem}.catalogue-card .catalogue-copy{padding:1rem}.spec-list dd{overflow-wrap:anywhere}.product-subnav{position:static}}
@media(min-width:801px){.home-uses .experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.catalogue-detail .product-subnav{margin-bottom:20px}
.catalogue-detail #gallery{padding-top:28px}
/* Smooth image changes without changing the card's dimensions. */
.slideshow-ready .catalogue-picture{position:relative;isolation:isolate}
.slideshow-ready .catalogue-picture [data-slide]{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 800ms cubic-bezier(.4,0,.2,1);background:#fff}
.slideshow-ready .catalogue-picture [data-slide].is-current{opacity:1;pointer-events:auto}
.catalogue-card,.product-gallery figure{transition:box-shadow 280ms ease,border-color 280ms ease}
.button span,.catalogue-link{transition:transform 250ms ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .catalogue-card:hover,.product-gallery figure:hover{border-color:#9cacae;box-shadow:0 10px 30px rgb(28 53 64 / 9%)}
 .button:hover span{transform:translateX(4px)}
 .catalogue-copy:hover .catalogue-link{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
 .slideshow-ready .catalogue-picture [data-slide],.catalogue-card,.product-gallery figure,.button span,.catalogue-link{transition:none}
 html{scroll-behavior:auto}
}

/* Client drawings: one state per column; stack on mobile. */
@media(min-width:801px){.experience-grid.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}