.design-hero{aspect-ratio:1688/745}.design-hero>.photo-bg{object-position:center 66%}.design-intro{padding-top:85px}.design-intro>img{width:110px;height:110px}.design-desktop{aspect-ratio:1688/1077;display:flex;align-items:center;justify-content:space-between;padding:4% 2.5%;gap:12%;min-width:0}.design-desktop:after{background:#0008}.design-desktop:before,.design-panel:before{content:"";position:absolute;inset:10px;border:1px solid #fff;border-radius:11px;pointer-events:none}.design-desktop>div{width:40%;min-width:0}.design-desktop>div:last-child{text-align:right}.design-desktop h2{font:400 clamp(14px,1.4vw,24px) Poppins,sans-serif;margin-bottom:18px}.design-desktop a{display:block;font:700 clamp(18px,2.65vw,48px)/1.25 Raleway,sans-serif;letter-spacing:.15em;margin:22px 0;overflow-wrap:anywhere}.design-mobile{display:none}.design-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.design-page .archi-help{padding-bottom:clamp(90px,13vw,220px)}.design-page .custom>.photo-bg{object-position:center bottom;transform:scale(1.45);transform-origin:center bottom}.design-page .custom .pill{margin:5px}.design-page .custom{margin-top:40px}.design-page .footer-columns h3 a{font:inherit}
@media(max-width:700px){.design-desktop{display:none}.design-intro{padding:50px 18px}.design-intro>img{width:75px;height:75px}.design-mobile{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:16px}.design-mobile::-webkit-scrollbar{display:none}.design-panel{flex:0 0 100%;width:100%;min-width:0;height:clamp(680px,100svh,874px);scroll-snap-align:start;scroll-snap-stop:always;border-radius:16px;display:flex;flex-direction:column;padding:38px 30px 20px}.design-panel:after{background:#0009}.panel-centre:after{background:#0008}.panel-heading{text-align:center}.panel-heading p,.panel-heading h2{font:400 clamp(17px,5.5vw,24px)/1.3 Poppins,sans-serif}.panel-heading h3{font:400 20px/1.3 Poppins,sans-serif;margin-top:10px}.panel-services{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:auto;margin-bottom:auto;padding-block:40px}.panel-services a{font:700 clamp(18px,5.6vw,24px)/1.4 Raleway,sans-serif;letter-spacing:.17em;padding:12px 0;border-bottom:0;max-width:100%;overflow-wrap:anywhere}.panel-outside .panel-services{align-items:flex-end;text-align:right}.panel-controls{display:flex;align-items:flex-end;justify-content:center;gap:20px;margin-top:auto;min-height:55px}.panel-controls button{font-size:14px;min-height:48px;min-width:90px;text-align:center}.panel-controls button span{display:block;font:40px/.65 Arial,sans-serif; margin-top:8px}.panel-dot{width:14px;height:14px;border:1px solid white;border-radius:50%;margin-bottom:4px;flex:none}.panel-inside .panel-controls{justify-content:flex-end}.panel-outside .panel-controls{justify-content:flex-start}.panel-brand{display:flex;align-items:center;justify-content:center;gap:16px;font:700 clamp(16px,5.5vw,24px) Raleway,sans-serif;letter-spacing:.09em;color:#ffffffb3;margin-top:46px}.panel-brand img{width:24px;height:23px;object-fit:contain;opacity:.7}.design-page .archi-help{padding-bottom:40px}.design-page .custom{margin-top:0}.design-page .custom>.photo-bg{transform:none;object-position:center}.design-page .footer-columns{min-width:0}}
@media(max-width:380px){.design-panel{padding-inline:22px}.panel-controls{gap:10px}.panel-controls button{min-width:76px;font-size:12px}.panel-services a{letter-spacing:.1em}.design-page .footer-columns{grid-template-columns:1fr}.design-page .archi-hero .brand img{width:75px}.design-page .archi-hero h1{font-size:28px}}
.design-hero{width:100%;min-width:0}
@media(max-width:700px){.design-hero{aspect-ratio:auto}}

/* Product hero preview behind the desktop service menu. */
.design-product-preview{position:absolute;inset:0;z-index:0;background:#212529;opacity:0;pointer-events:none;transition:opacity .22s ease;display:grid;place-items:center}
.design-product-preview img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:44%;max-height:72%;object-fit:contain;object-position:center center}
.design-desktop>div{position:relative;z-index:2}
.design-desktop:before{z-index:3}
.design-desktop.has-product-preview .design-product-preview{opacity:1}
.design-desktop.has-product-preview a{ text-shadow:0 2px 8px #0009 }

.design-desktop h2 .design-universe-link,.panel-heading .design-universe-link{display:inline;font:inherit;letter-spacing:inherit;margin:0;padding:0;border:0;border-radius:0;background:none}
.design-universe-link:hover{opacity:1}

/* The preview is sized to the visible product, rather than transparent margins. */
.design-product-preview img{max-width:none;max-height:none}