/* Restrained blue showroom. Fonts are self-hosted under SIL OFL. */
:root{--ink:#10273f;--muted:#617186;--line:#dce5ef;--soft:#f3f6fa;--nav-height:82px}
.header{background:rgba(7,20,38,.97);color:#f0f5fd;border-color:#ffffff16}
.header-inner{min-height:var(--nav-height)}
.brand img{width:142px;height:38px;object-fit:contain;filter:none;mix-blend-mode:normal}
.brand>span{color:#d9e6f6;border-color:#ffffff20}.brand b{color:#9ab0cd}
.header nav>a:not(.nav-cta)::after{background:#bbd8ff}
.nav-cta{color:#132a43;background:#e5effd;border-color:#e5effd;border-radius:3px}.nav-cta:hover{background:#fff}
.header::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#a9ccff;transform:scaleX(var(--reading,0));transform-origin:left;pointer-events:none}
/* Each product owns one scene and appears once. Without JS the scenes stack. */
.scroll-collection{background:#071426;color:#f3f7ff;position:relative;isolation:isolate}
.collection-sticky{overflow:clip;background:radial-gradient(ellipse at 74% 43%,#1d467140,transparent 52%),#071426}
.collection-stage{position:relative;perspective:1200px}
.product-slide{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:680px;align-items:center;padding-block:50px}
.slide-copy{position:relative;z-index:2;max-width:530px}
.slide-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#849fbe;margin-bottom:52px}
.slide-family{font-size:12px;letter-spacing:1.5px;color:#b4cbea;margin-bottom:20px}
.slide-title{font-size:clamp(48px,5.5vw,78px);font-weight:450;letter-spacing:-.055em;line-height:1.04;margin:0 0 18px;color:#f2f6fe}
.slide-line{font-family:"Source Serif 4",serif;font-style:italic;font-size:32px;letter-spacing:-.7px;line-height:1.25;color:#b8d6fe;margin-bottom:28px}
.slide-description{font-size:15px;line-height:1.8;color:#a9bbd2;max-width:385px;margin-bottom:30px}
.slide-enquiry{border:1px solid #a7c7f044;border-radius:3px;background:#e5effd;color:#10273f;font-size:13px;gap:32px;min-height:51px;padding-inline:20px}
.slide-enquiry:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 35px #b1d5ff0b}
.slide-spec{font-size:10px;letter-spacing:1.8px;color:#829dbd;margin-top:30px;margin-bottom:0}
.slide-photo{height:480px;display:flex;justify-content:center;align-items:center;perspective:1000px}
.slide-photo img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(15px 28px 20px #0005);transform:rotateY(calc(var(--pointer-x,0)*8deg)) rotateX(calc(var(--pointer-y,0)*-5deg));transition:transform .4s}
.scene-canvas{display:none;position:absolute;right:-4%;top:0;width:58%;height:100%;z-index:1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 89%,transparent)}
.scene-canvas canvas{display:block;width:100%;height:100%}
.showroom-enabled .scroll-collection{height:760svh}
.showroom-enabled .collection-sticky{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:580px}
.showroom-enabled .collection-stage{height:calc(100% - 102px)}
.showroom-enabled .product-slide{position:absolute;inset:0;min-height:0;height:100%;padding-block:28px;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,42px,-55px);transition:opacity .3s ease,transform .85s cubic-bezier(.22,1,.36,1),visibility .3s}
.showroom-enabled .product-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.showroom-enabled .has-webgl .slide-photo img{visibility:hidden}
.showroom-enabled .has-webgl .scene-canvas{display:block}
.collection-controls{height:61px;display:flex;gap:30px;align-items:center;border-top:1px solid #b6d3ff26;position:relative;z-index:4}
.collection-position{display:flex;gap:12px;font-size:12px;font-variant-numeric:tabular-nums;color:#83a0c3;align-items:center}.collection-position>span:first-child{color:#e3effe}.count-divider{height:1px;width:25px;background:#6887ab}
.collection-progress{height:1px;width:100%;max-width:280px;background:#9ebce323}.collection-progress i{display:block;height:1px;background:#c0d9fa;transform:scaleX(var(--collection-progress,.01));transform-origin:left;transition:transform .15s}
.collection-scroll-hint{font-size:8px;letter-spacing:1.9px;color:#88a3c4;margin-left:auto;white-space:nowrap}
.collection-arrows{display:flex;gap:10px}.collection-arrows button{border:1px solid #c3ddff30;color:#d8e8ff;background:transparent;width:38px;height:38px;border-radius:50%;font-size:18px;transition:background .2s}.collection-arrows button:hover{background:#ffffff12}.collection-arrows button:disabled{opacity:.3;cursor:default}
.collection-footnote{font-size:10px;letter-spacing:.3px;color:#829bb9;margin-top:0;margin-bottom:0;height:41px;display:flex;align-items:start;padding-top:3px}
/* Depth throughout the remaining sections, with stable form inputs. */
.depth-section{--tilt-x:0;--tilt-y:0;--section-depth:0;position:relative;perspective:1400px;isolation:isolate}
.depth-section::before{content:"";pointer-events:none;position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at calc(50% + var(--tilt-x)*25%) calc(50% + var(--tilt-y)*25%),#97bff21b,transparent 58%);transition:background .4s}
.depth-card{transform-style:preserve-3d;transform:perspective(1200px) rotateX(calc(var(--tilt-y)*-1.1deg)) rotateY(calc(var(--tilt-x)*1.5deg)) translateZ(calc(var(--section-depth)*8px));transition:transform .35s ease,box-shadow .35s}
.depth-card:hover{box-shadow:0 22px 45px -35px #284b7660}
.depth-card:focus-within{transform:none!important}
.pocket4-section{padding-block:70px 0}.pocket4-callout{margin-top:0;min-height:215px;padding:38px 42px;border-radius:5px;background:linear-gradient(120deg,#eff4fa,#f9fbff);border:1px solid #dce6f3}
.pocket4-callout h2{font-size:34px;margin-bottom:15px}.pocket4-callout p:not(.eyebrow){max-width:550px;font-size:14px;line-height:1.8}.pocket4-callout .eyebrow{font-size:10px;letter-spacing:1.6px}.pocket4-callout .button{font-size:13px;border-radius:3px}
.about{margin-top:72px;padding-block:75px 92px}.about-copy .about-lead{font-size:25px;font-weight:450}.about-copy>p{font-size:15px}.about-heading .eyebrow,.ordering .eyebrow,.enquiry .eyebrow{font-size:10px;letter-spacing:2px}
.ordering{background:#0c223b;overflow:hidden;padding-block:85px}.ordering::before{background:radial-gradient(ellipse at calc(50% + var(--tilt-x)*25%) 30%,#2a568e44,transparent 66%)}
.steps{gap:40px}.steps article{padding:15px 3px 5px}.steps p{font-size:15px}.step-number{border-radius:3px;border-color:#688cb4;box-shadow:5px 5px 0 #82acdf10;transform:translateZ(18px)}
.enquiry-copy h2{font-weight:450}.enquiry-form{background:#f5f8fc;border-radius:6px;box-shadow:0 25px 65px -48px #254b7966}.enquiry-form:focus-within{box-shadow:0 25px 65px -40px #254b7955}.form-heading h3{font-weight:450}.whatsapp-link{border-radius:4px}
.footer{background:#eaf0f7;overflow:hidden}.footer-brand{transform:perspective(700px) rotateY(calc(var(--tilt-x)*3deg));transition:transform .35s}
.reveal{opacity:0;transform:translate3d(0,28px,-25px);transition:opacity .8s,transform .85s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:1120px){.product-slide{gap:32px}.slide-copy .eyebrow{margin-bottom:36px}.slide-title{font-size:58px}.slide-line{font-size:28px}.slide-description{font-size:14px}.scene-canvas{right:-5%;width:59%}.slide-photo{height:400px}}
@media(max-width:960px){.product-slide{gap:24px}.slide-title{font-size:48px}.slide-line{font-size:25px}.slide-family{font-size:10px;letter-spacing:1px}.slide-copy .eyebrow{font-size:9px;margin-bottom:30px}.slide-description{font-size:13px;max-width:330px}.slide-photo{height:370px}.collection-progress{max-width:180px}.collection-controls{gap:22px}.slide-enquiry{font-size:12px;gap:18px;padding-inline:16px}.steps{gap:28px}}
@media(max-width:760px){:root{--nav-height:72px}.header .nav-cta{font-size:12px;min-height:42px;gap:14px;padding:9px 12px}.product-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px;min-height:730px;padding-block:32px}.slide-copy{max-width:100%;padding-top:5px}.slide-copy .eyebrow{margin-bottom:20px;font-size:9px}.slide-family{font-size:9px;margin-bottom:12px}.slide-title{font-size:42px;line-height:1.03;margin-bottom:11px}.slide-line{font-size:23px;margin-bottom:16px}.slide-description{font-size:12px;line-height:1.65;max-width:420px;margin-bottom:19px}.slide-enquiry{font-size:11px;min-height:44px;padding:10px 16px;gap:24px}.slide-spec{font-size:8px;letter-spacing:1px;margin-top:15px}.slide-photo{height:100%;min-height:180px;max-height:310px}.slide-photo img{height:88%;width:70%}.showroom-enabled .collection-sticky{height:calc(100svh - var(--nav-height));min-height:640px}.showroom-enabled .collection-stage{height:calc(100% - 80px)}.showroom-enabled .product-slide{padding-block:25px 8px;gap:8px}.scene-canvas{right:0;top:auto;bottom:0;width:100%;height:48%;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}.collection-controls{height:48px;gap:15px}.collection-position{font-size:10px;gap:8px}.count-divider{width:15px}.collection-progress{max-width:100px}.collection-scroll-hint{font-size:7px;letter-spacing:1px}.collection-arrows{gap:7px}.collection-arrows button{width:32px;height:32px;font-size:16px}.collection-footnote{height:32px;font-size:8px;padding-top:4px}.pocket4-section{padding-top:40px}.pocket4-callout{padding:28px;gap:25px}.pocket4-callout h2{font-size:29px}.about{margin-top:46px;padding-block:50px 62px}.about-copy .about-lead{font-size:23px}.ordering{padding-block:60px}.depth-card{transform:translateY(calc(var(--section-depth)*-5px))}.depth-card:focus-within{transform:none}}
@media(max-width:500px){.slide-title{font-size:39px}.slide-line{font-size:22px}.slide-description{max-width:315px}.slide-copy .eyebrow{margin-bottom:19px}.collection-controls{gap:12px}.collection-progress{max-width:68px}.collection-scroll-hint{font-size:6px;letter-spacing:.9px}.collection-arrows{gap:6px}.collection-arrows button{width:30px;height:30px}.collection-footnote{font-size:7px}.pocket4-callout h2{font-size:28px}.pocket4-callout .button{font-size:12px}.slide-spec{font-size:7px;margin-top:13px}}
@media(max-height:750px) and (min-width:761px){.slide-title{font-size:58px}.slide-copy .eyebrow{margin-bottom:25px}.slide-description{margin-bottom:20px}.slide-line{margin-bottom:20px;font-size:27px}.slide-spec{margin-top:20px}.showroom-enabled .collection-sticky{min-height:555px}.slide-photo{height:330px}}
@media(max-width:360px){.slide-title{font-size:34px}.slide-line{font-size:21px}.slide-description{font-size:11px}.slide-family{font-size:8px}.slide-copy .eyebrow{font-size:8px}.collection-scroll-hint{display:none}.collection-progress{flex:1;max-width:none}.collection-controls{gap:15px}.showroom-enabled .collection-sticky{min-height:625px}.pocket4-callout{padding:23px}}
@media(prefers-reduced-motion:reduce){.showroom-enabled .scroll-collection{height:auto}.showroom-enabled .collection-sticky{position:relative;top:0;height:auto;min-height:0}.showroom-enabled .collection-stage{height:auto}.showroom-enabled .product-slide{position:relative;visibility:visible!important;opacity:1;transform:none;pointer-events:auto;min-height:610px}.showroom-enabled .has-webgl .slide-photo img{visibility:visible}.showroom-enabled .scene-canvas,.collection-controls,.collection-footnote{display:none}.depth-card,.footer-brand,.reveal,.slide-photo img{transform:none!important;opacity:1;transition:none!important}}

@media (max-width:760px) and (max-height:740px),(max-height:620px){.showroom-enabled .scroll-collection{height:auto}.showroom-enabled .collection-sticky{position:relative;top:0;height:auto;min-height:0}.showroom-enabled .collection-stage{height:auto}.showroom-enabled .product-slide{position:relative;visibility:visible!important;opacity:1;transform:none;pointer-events:auto;min-height:610px;padding-block:40px;border-bottom:1px solid #b6d3ff1a}.showroom-enabled .has-webgl .slide-photo img{visibility:visible}.showroom-enabled .scene-canvas,.collection-controls,.collection-footnote{display:none}.slide-photo{height:270px;min-height:220px}.product-slide{gap:20px}}


/* One coordinate system for the photograph and its caption. */
.collection-sticky::before{content:"";position:absolute;inset:-25%;pointer-events:none;background:linear-gradient(116deg,transparent 48%,#5381b912 60%,transparent 76%);filter:blur(30px);transform:translateX(calc(var(--pointer-x,0)*12px));transition:transform 1.4s;}
.collection-stage{z-index:1}
.slide-photo{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;justify-content:stretch;align-items:stretch;gap:22px;max-height:none;min-width:0}
.image-window{position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.image-window img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(9px 15px 15px #0003)}
.scene-callout{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 10px;border:0;background:none;transform:none;text-align:center;min-height:43px}
.callout-line{width:25px;height:1px;background:#abcfff55;flex-shrink:0}
.scene-callout p{font-size:9px;letter-spacing:1.5px;line-height:1.7;color:#aac1de;margin:0}
.scene-canvas{right:auto;bottom:auto;mask-image:none;z-index:3;overflow:hidden}
.showroom-enabled .product-slide{transition:none;transform:none}
.showroom-enabled .product-slide.is-active{opacity:var(--scene-opacity,1);transform:translate3d(0,var(--scene-y,0px),0);transition:none}
@media(max-width:760px){.brand img{width:118px;height:32px}.slide-photo{gap:8px;max-height:330px;min-height:140px}.scene-callout{padding:8px 4px;min-height:30px}.scene-callout p{font-size:7px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.showroom-enabled .product-slide,.showroom-enabled .product-slide.is-active{opacity:1;transform:none}.slide-photo{height:320px}.collection-sticky::before{transform:none;transition:none}}
@media(max-width:760px) and (max-height:740px),(max-height:620px){.showroom-enabled .product-slide,.showroom-enabled .product-slide.is-active{opacity:1;transform:none}.slide-photo{height:290px;min-height:220px}}

.enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-actions button:disabled{opacity:.55;cursor:wait}#form-status{overflow-wrap:anywhere}#form-status.success{color:#174c7a;font-weight:550}

@media(min-width:761px){.product-slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Original CSS light study: no photographic or generated background asset. */
.collection-sticky{isolation:isolate;background:#071426}
.collection-sticky::before{content:"";position:absolute;z-index:0;inset:-18%;pointer-events:none;background:linear-gradient(119deg,transparent 43%,#4675a923 49%,#a8ccee13 50%,transparent 54%),radial-gradient(ellipse at 74% 38%,#30568075,transparent 43%);filter:blur(22px);transform:translate3d(calc(var(--pointer-x,0)*-9px),calc(var(--pointer-y,0)*-5px),0);transition:transform 1.5s ease}
.collection-sticky::after{content:"";position:absolute;z-index:0;inset:-20%;pointer-events:none;background:linear-gradient(160deg,transparent 54%,#718faf12 62%,transparent 74%),linear-gradient(22deg,transparent 60%,#47678d16 76%,transparent 89%);filter:blur(12px);transform:translate3d(calc(var(--pointer-x,0)*14px),calc(var(--pointer-y,0)*9px),0);transition:transform 1.8s ease}
.scene-context{font-size:8px;letter-spacing:2.4px;color:#aac3e2;line-height:1.5;margin:0 0 0 10%;padding-bottom:9px;border-bottom:1px solid #bed6f32b;width:80%}
.scene-callout p{color:#bcd1e9}
@media(max-width:760px){.collection-sticky::before{background:linear-gradient(119deg,transparent 49%,#4675a922 57%,transparent 69%),radial-gradient(ellipse at 63% 66%,#30568065,transparent 52%)}.scene-context{font-size:7px;letter-spacing:1.6px;padding-bottom:6px}.slide-photo{gap:9px}}
@media(prefers-reduced-motion:reduce){.collection-sticky::before,.collection-sticky::after{transform:none;transition:none}}