/* Shared responsive foundations: phone, tablet, desktop and short landscape. */
:root{--nav-height:88px;--page-gutter:clamp(20px,5vw,88px)}html{scroll-padding-top:calc(var(--nav-height) + 16px)}body{overflow-x:clip}nav{height:var(--nav-height);gap:20px}section,figure,.headingrow>*{min-width:0}img{max-width:100%}.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.button{min-height:48px;border-radius:7px;gap:20px}.button>span:has(.ui-icon){display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;opacity:.8}.textlink{display:inline-flex!important;align-items:center;gap:10px;min-height:44px}.textlink span{margin-left:0}.textlink .ui-icon{width:17px;height:17px}.navcta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;border-radius:7px}.navcta span,.navcta:hover span{margin:0}.navcta-label{color:inherit!important}.navcta-icon{display:flex}.navcta .ui-icon{width:16px;height:16px}.mobile-menu-toggle{display:none}.hero-copy{padding-bottom:0}.hero-rotation{left:20%;right:20%}.hero-rotation input{height:3px;margin:14px 0 8px;min-height:3px}.hero-rotation input::-webkit-slider-thumb{width:18px;height:18px}.hero-rotation input::-moz-range-thumb{width:18px;height:18px}.hero-rotation button{min-height:40px;font-size:9px;display:inline-flex;align-items:center;gap:9px}.hero-rotation button .ui-icon{width:15px;height:15px}.chapter-sticky{min-height:0}.chapter-visuals,.chapter-copies{min-height:0}.chapter-tabs a{min-height:44px}.finish-picker button{min-height:44px}.finish-picker button i{flex-shrink:0}.project-caption>.ui-icon,.project-caption>span>.ui-icon{width:20px;height:20px}.close{min-height:44px;min-width:44px}.headingrow h2,.journey-title h2{font-size:clamp(30px,4vw,50px)}.partner-logo,.partner-logo-grohe{background:linear-gradient(135deg,#616c48,#515c3b);border:1px solid #bdcda13b;border-radius:18px;box-shadow:0 8px 24px #20291814}.partner-logo-window{border-radius:0;overflow:hidden}.partner-logo-track{animation-duration:56s}.project-type-grid>button{border-radius:14px}.visit-map-caption{flex-wrap:wrap}#contact input:not([type=radio]):not([type=checkbox]),#contact select,#contact textarea{font-size:16px;border-radius:7px}#contact{border-radius:18px}.catalogue-card{border-radius:14px}.catalogue-download{white-space:normal}.visit-bottom a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.visit-details address a{min-height:30px}.chapter-markers div,#projects,#hecuba,#brands,#cabin-crew,#visit{scroll-margin-top:calc(var(--nav-height) + 12px)}
@media(min-width:801px) and (max-width:1100px){nav{padding-inline:4%;gap:16px}nav .brand{width:105px;height:55px}nav .navlinks{gap:16px}nav .navlinks a{font-size:9px}.hero h1{font-size:clamp(62px,8vw,88px);letter-spacing:-4px}.hero-copy{padding-top:150px;width:55%}.hero-copy p{max-width:265px}.hero-product{width:58%;right:-3%}.chapter-layout{gap:5%}.chapter-copy h3{font-size:32px}.crew-process{gap:20px}.visit-grid{gap:35px}.catalogue-card{min-width:0}}
@media(max-width:800px){:root{--nav-height:68px;--page-gutter:6vw}nav{padding:0 6%;gap:12px}nav .brand{width:82px;height:43px}nav .navcta{margin-left:auto;font-size:8px;letter-spacing:.3px;padding:10px 12px;gap:9px;min-height:40px}.navcta .ui-icon{width:15px;height:15px}.mobile-menu-toggle{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #c7d2b249;border-radius:7px;background:#656d4a44}.mobile-menu-toggle .ui-icon{width:21px;height:21px}.menu-close-icon{display:none}.menu-open .menu-close-icon{display:block}.menu-open .menu-open-icon{display:none}nav .navlinks{position:absolute;top:calc(var(--nav-height) - 1px);left:0;right:0;display:none;grid-template-columns:1fr;background:#343c29f7;backdrop-filter:blur(18px);border-bottom:1px solid #b6c59644;padding:16px 6% 22px;gap:0;box-shadow:0 15px 25px #17201126}nav.menu-open .navlinks{display:grid}nav .navlinks a{font-size:13px;letter-spacing:1px;min-height:48px;display:flex;align-items:center;padding:12px 6px;border-bottom:1px solid #b9c99522}nav .navlinks a.is-active{padding-bottom:12px;border-color:#c8d9a388}.hero-track{height:190svh}.hero-track .hero{position:sticky;top:0;height:100svh;min-height:0}.hero-copy{padding:calc(var(--nav-height) + 26px) 6% 0;width:100%;pointer-events:none}.hero-copy h1{font-size:clamp(39px,10vw,64px);letter-spacing:-2.4px;line-height:1;margin:17px 0 14px}.hero-copy h1 span,.hero-copy h1 em{display:inline-block;width:auto;margin:0 8px 0 0}.hero-copy .eyebrow{font-size:6px;letter-spacing:1.1px}.hero-copy p{font-size:11px;line-height:1.65;max-width:245px}.hero-copy .button{pointer-events:auto;margin-top:16px;min-height:44px;padding:10px 14px;font-size:8px;gap:18px}.hero-copy .textlink{display:none!important}.hero-product{width:100%;height:53%;top:auto;bottom:3%;right:0;z-index:3}.hero-product canvas{height:83%;touch-action:pan-y}.hero-object-label{top:5%;left:7%;}.hero-object-label span{font-size:7px;letter-spacing:2px}.hero-object-label small{font-size:5px;letter-spacing:.7px;max-width:110px;line-height:1.6}.hero-rotation{bottom:3%;left:24%;right:24%}.hero-rotation>div{font-size:6px;letter-spacing:.8px}.hero-rotation output{font-size:8px}.hero-rotation button{font-size:7px;min-height:32px}.hero-rotation input{margin:13px 0 5px}.hero-scroll-meter{bottom:10px;left:6%;right:6%;font-size:5px;letter-spacing:1px;gap:12px}.hero-scroll-meter>span:last-child{font-size:5px}.product-pedestal{bottom:20%}.journey-sequence{padding-top:40px}.chapter-track{height:440svh}.chapter-sticky{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:0;padding:14px 6% 12px}.chapter-topline{margin-bottom:12px}.chapter-topline .eyebrow{font-size:6px;letter-spacing:.7px}.chapter-tabs{gap:8px}.chapter-tabs a{font-size:9px;line-height:1.35;gap:4px;padding-bottom:10px;min-height:44px;align-items:flex-start}.chapter-tabs small{font-size:7px}.chapter-tabs span{max-width:none}.chapter-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,41%) minmax(0,59%);gap:0;padding:14px 0 0;min-height:0}.chapter-visuals{min-height:0;height:100%;max-height:none}.chapter-copies{min-height:0;max-height:none;height:100%}.chapter-copy{padding-top:12px}.chapter-number{font-size:34px;top:15px;right:0}.chapter-copy>.eyebrow{font-size:6px;letter-spacing:.8px}.chapter-copy h3{font-size:clamp(21px,5.3vw,28px);letter-spacing:-.8px;margin:10px 0 9px;padding-right:24px}.chapter-copy p{font-size:11px;line-height:1.55;max-width:100%}.chapter-copy ul{font-size:9px;line-height:1.65;padding:5px 0}.chapter-copy .textlink{font-size:10px;margin-top:3px;min-height:38px}.chapter-copy .chapter-tip{font-size:8px;margin-top:5px}.chapter-foot{margin-top:6px;padding-top:10px;font-size:5px;gap:12px}.chapter-foot>span:first-child{font-size:5px}.chapter-foot>span:first-child:after{content:none}.chapter-markers{display:block}.section{padding:44px 6% 54px}.sectiontop{padding-top:22px}.headingrow,.journey-title{margin:28px 0}.headingrow h2,.journey-title h2{font-size:clamp(28px,7.7vw,38px);letter-spacing:-1.5px}.headingrow p,.journey-title p{font-size:11px;line-height:1.7}.project-image,.project-card:nth-child(2) .project-image{height:auto;aspect-ratio:4/5}.project-caption h3{font-size:22px}.hecuba-image{height:auto;aspect-ratio:1/1}.hecuba-logo{max-width:220px}.hecuba-copy h2{font-size:29px}.hecuba-copy p{font-size:12px}.hecuba-wordmark>small{font-size:6px;letter-spacing:2px}.partner-logo{width:190px;flex-basis:190px;height:132px;border-radius:14px}.partner-logo-window{max-width:80%}.partner-logo-track{animation-duration:52s}.partner-logo-group{gap:15px;padding-right:15px}#cabin-crew .sectiontop>.eyebrow{font-size:8px;letter-spacing:1px;padding:12px 13px}#cabin-crew .sectiontop>.eyebrow:before{font-size:13px}.cabin-intro h2{font-size:clamp(28px,7.8vw,36px);letter-spacing:-1.4px}.cabin-intro>div>p{font-size:12px}.crew-process{gap:25px 20px}.crew-process h3{font-size:17px}.crew-process p{font-size:11px;line-height:1.65}.cabin-photo{height:340px}.cabin-photo p{font-size:27px}.crew-scope{flex-wrap:wrap;justify-content:flex-start;gap:10px 12px;font-size:7px}.project-type-grid>button{padding:24px}.project-type-grid p{font-size:12px}.project-type-grid>button>span{font-size:10px}.visit-heading h2{font-size:32px}.visit-details address{grid-template-columns:1fr;gap:25px}.visit-details address>div:first-child{grid-column:auto}.visit-map iframe{min-height:280px}.visit-details address a{font-size:13px}.visit-details address .visit-phone{font-size:18px}footer .brand{width:105px;height:55px}.visit-bottom{gap:10px}.visit-bottom p{font-size:13px}dialog,#contact,#projectmodal,#hecuba-catalogues{width:calc(100vw - 24px);max-height:calc(100svh - 24px);border-radius:14px}#contact{padding:30px 20px}#contact>h2{font-size:28px;padding-right:18px}.intake-progress{gap:8px}.intake-progress>span{font-size:8px;letter-spacing:0}.intake-progress b{display:block;margin:5px 0 0}.project-kind small{font-size:11px;line-height:1.5}.project-kind b{font-size:16px}#contact .project-kind>label{padding:16px 12px;gap:10px;border-radius:9px}.project-kind i{display:none}.intake-note,.intake-hint{font-size:10px!important}.intake-actions{gap:10px}.intake-actions .button{font-size:9px;gap:13px;padding:10px 12px}.intake-back{font-size:11px;min-height:44px}.brief-review dl>div{font-size:11px;gap:12px}.catalogue-library-header{padding:30px 20px 0}.catalogue-library-header h2{font-size:29px}.catalogue-library-header>p{font-size:12px}.catalogue-list{padding:20px;grid-template-columns:1fr}.catalogue-cover{height:230px}.catalogue-card h3{font-size:23px}.catalogue-card p{font-size:12px}.catalogue-file-info{font-size:10px}.catalogue-card-copy>.eyebrow{font-size:8px}.catalogue-download{font-size:10px;min-height:48px}.catalogue-toolbar{align-items:center}.catalogue-toolbar>span:last-child{font-size:6px;letter-spacing:.3px}.catalogue-library-footer>p{font-size:10px}.catalogue-hecuba-logo{width:120px}.close{font-size:26px!important;display:grid;place-items:center}#projectmodal>.close,#hecuba-catalogues>.close{width:44px;height:44px}.project-modal-copy p{font-size:12px;line-height:1.7}.whatsapp-message-preview{font-size:12px;padding:16px}.natural-step figcaption{font-size:6px}.natural-step figcaption small{font-size:5px}}
@media(max-width:380px){nav .brand{width:70px;height:37px}nav{gap:8px}.navcta-label{max-width:102px;font-size:7px}.navcta .ui-icon{width:13px;height:13px}nav .navcta{gap:6px;padding:9px}.mobile-menu-toggle{width:36px;flex-basis:36px}.hero-copy{padding-top:calc(var(--nav-height) + 18px)}.hero-copy h1{font-size:37px}.hero-copy p{font-size:10px}.hero-product{height:49%;bottom:3%}.hero-object-label{display:none}.hero-rotation{left:22%;right:22%}.chapter-topline .eyebrow{font-size:5px}.chapter-tabs a{font-size:8px}.chapter-layout{grid-template-rows:35% 65%}.chapter-copy h3{font-size:20px}.chapter-copy p{font-size:10px}.chapter-copy ul{font-size:8px;line-height:1.55}.chapter-copy .chapter-tip{font-size:7px}.chapter-number{font-size:28px}.chapter-copy .textlink{font-size:9px;min-height:32px}.chapter-foot{padding-top:6px}.hecuba-logo{max-width:185px}.crew-process{gap:23px 16px}.crew-process h3{font-size:15px}.crew-process p{font-size:10px}.visit-heading h2{font-size:28px}.catalogue-list{padding:15px}.catalogue-library-header{padding:30px 15px 0}#contact{padding:28px 16px}}
@media(max-height:700px) and (min-width:381px) and (max-width:800px){.hero-copy{padding-top:calc(var(--nav-height) + 15px)}.hero-copy h1{font-size:42px;margin:12px 0}.hero-copy p{font-size:10px}.hero-product{height:49%}.hero-object-label{display:none}.chapter-layout{grid-template-rows:35% 65%}.chapter-copy p{font-size:10px}.chapter-copy h3{font-size:22px}.chapter-copy ul{font-size:8px}.chapter-copy .textlink{min-height:32px}.chapter-copy .chapter-tip{font-size:7px}.chapter-foot{padding-top:5px}}
@media(max-height:520px) and (max-width:950px){:root{--nav-height:58px}.hero-track{height:230svh}.hero-track .hero{min-height:0;height:100svh}.hero-copy{width:55%;padding:76px 5% 0}.hero-copy h1{font-size:32px;margin:12px 0}.hero-copy p{font-size:9px;line-height:1.5}.hero-copy .button{font-size:7px;min-height:36px;margin-top:12px;padding:7px 10px}.hero-product{width:49%;height:85%;top:14%;bottom:auto;right:0}.hero-object-label{display:none}.hero-rotation{bottom:2%;left:20%;right:20%}.hero-scroll-meter{bottom:7px}.chapter-sticky{height:calc(100svh - var(--nav-height));top:var(--nav-height);padding:10px 5%;min-height:0}.chapter-track{height:450svh}.chapter-topline{display:none}.chapter-tabs a{font-size:8px;padding-bottom:8px;min-height:32px}.chapter-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:24px;padding:12px 0 0}.chapter-copy{padding:0}.chapter-copy h3{font-size:20px;margin:8px 0}.chapter-copy p{font-size:10px;line-height:1.5}.chapter-copy ul{display:none}.chapter-copy .textlink{min-height:30px;font-size:9px}.chapter-number{display:none}.chapter-copy .chapter-tip{font-size:6px}.chapter-foot{display:none}}
@media(prefers-reduced-motion:reduce){.hero-track,.chapter-track{height:auto}.hero-track .hero{position:relative;height:850px}.chapter-sticky{position:relative;top:0;height:720px}.hero-copy{opacity:1!important;transform:none!important}.partner-logo-track{animation:none}.partner-logo-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.partner-logo{width:100%}.hero h1 em{color:#e2e8d5}.motion-ready,.portfolio-reveal{opacity:1;transform:none}@media(max-width:800px){.hero-track .hero{height:760px}.chapter-sticky{height:790px}}}
/* Muted sage backplates keep original dark brand marks legible. */
.partner-logo{background:linear-gradient(135deg,#c0c9ab,#a5b18b);border-color:#d5dfbf88}.partner-logo-grohe{background:linear-gradient(135deg,#54603c,#3e492e);border-color:#a7bb7b55}.partner-logo-window img,.partner-logo-hecuba img,.partner-logo-jaquar img{filter:url(#partner-white-knockout)}.partner-logo-grohe img{filter:url(#partner-dark-knockout)}
@media(min-width:651px) and (max-width:800px){.catalogue-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalogue-card{padding:14px}.catalogue-card h3{font-size:19px}.catalogue-card p{font-size:11px}.catalogue-download{font-size:9px;padding:10px 12px;gap:10px}.catalogue-cover{height:220px}}
@media(min-width:951px) and (max-height:760px){.hero-track .hero{height:100svh;min-height:0}.hero-copy{padding-top:130px}.hero h1{font-size:clamp(58px,7vw,96px);margin:22px 0}.hero .button{margin-top:22px}.hero-product{height:87%;top:9%}}

nav .navlinks a.is-active{color:#f1f6e5;border-bottom-color:#c8d9a3;border-bottom-width:2px}nav .navlinks a:not(.is-active){border-bottom-color:transparent}@media(max-width:800px){nav .navlinks a:not(.is-active){border-bottom-color:#b9c99522}nav .navlinks a.is-active{background:#b9c99510;border-radius:5px 5px 0 0}}
nav .navlinks a.is-active{border-bottom:2px solid #c8d9a3}