/* Avenue — cinematic layer.
   Sits on top of the original site styles. Every hidden-before-reveal state is
   scoped to html.cine-js so the site stays fully readable if scripts fail. */

@font-face{font-family:Unbounded;src:url(../fonts/Unbounded.ttf) format("truetype");font-weight:200 900;font-display:swap}

:root{
  --display:Unbounded,Manrope,Arial,sans-serif;
  --night:#0b0a10;
  --night-2:#14111d;
  --ivory:#f4f1ea;
  --lilac:#d7cdef;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
}

.cine-preloader,.cine-curtain,.cine-cursor,.cine-grain,.cine-marquee{-webkit-user-select:none;user-select:none}

/* ---------- Typography ---------- */
h1,h2{font-family:var(--display);font-weight:300;letter-spacing:-.04em;line-height:1.04}
h1{font-size:clamp(2.3rem,5.4vw,5.8rem)}
h2{font-size:clamp(1.75rem,3.6vw,4.1rem)}
.tag,.chapter,.hero-intro,.cine-eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.24em;font-weight:600}
.hero h1{font-size:clamp(2.35rem,5.9vw,6.6rem)!important;text-transform:uppercase;letter-spacing:-.045em;line-height:.98;max-width:none!important}
.footer-word{font-family:var(--display);font-weight:200;letter-spacing:-.06em;line-height:1!important;padding-bottom:.06em}

/* ---------- Buttons ---------- */
.primary,.secondary{position:relative;overflow:hidden;isolation:isolate;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;padding:17px 28px;transition:color .5s var(--ease-out),border-color .5s}
.primary:before,.secondary:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ivory);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s var(--ease-out)}
.primary:hover{background:var(--purple);color:var(--purple)}
.primary:hover:before,.secondary:hover:before{transform:scaleY(1)}
.primary.light:before{background:var(--night)}
.primary.light:hover{background:#fff;color:#fff}
.secondary:before{background:var(--purple)}
.secondary:hover{background:transparent;color:#fff}

/* ---------- Header ---------- */
.header{position:fixed!important;top:0;left:0;right:0;z-index:60;transition:transform .7s var(--ease-out),background-color .5s,backdrop-filter .5s}
html.cine-js:not(.cine-home) #main{padding-top:88px}
.header.over-hero{background:linear-gradient(#0b0a10a8,transparent)}
.header.cine-solid{background:#0b0a10cc;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.header.cine-hidden{transform:translateY(-105%)}
.header.menu-open{transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.header nav a{letter-spacing:.04em}

/* Full-screen mobile menu */
@media(max-width:980px){
  .header nav{display:flex!important;position:fixed!important;inset:0!important;z-index:-1;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px!important;padding:110px 8vw 60px!important;margin:0!important;background:var(--night)!important;height:100lvh!important;width:100vw!important;
    clip-path:circle(0% at calc(100% - 44px) 44px);visibility:hidden;transition:clip-path .9s var(--ease-io),visibility 0s .9s}
  .header.menu-open nav{clip-path:circle(150% at calc(100% - 44px) 44px);visibility:visible;transition:clip-path .9s var(--ease-io),visibility 0s}
  .header nav a{font-family:var(--display);font-weight:300;font-size:clamp(1.9rem,8.4vw,3.2rem)!important;letter-spacing:-.04em;text-transform:uppercase;padding:6px 0!important;border:0!important;color:#fff;
    opacity:0;transform:translateY(40px);transition:opacity .5s,transform .8s var(--ease-out);display:flex;align-items:baseline}
  .header nav a:after{display:none}
  .header.menu-open nav a{opacity:1;transform:none}
  .header.menu-open nav a:nth-child(1){transition-delay:.25s}
  .header.menu-open nav a:nth-child(2){transition-delay:.31s}
  .header.menu-open nav a:nth-child(3){transition-delay:.37s}
  .header.menu-open nav a:nth-child(4){transition-delay:.43s}
  .header.menu-open nav a:nth-child(5){transition-delay:.49s}
  .menu-toggle{position:relative;z-index:2;width:44px;height:44px;display:grid!important;place-items:center;font-size:0!important;color:transparent!important}
  .menu-toggle:before,.menu-toggle:after{content:"";position:absolute;left:11px;right:11px;height:1.5px;background:#fff;transition:transform .6s var(--ease-io)}
  .menu-toggle:before{transform:translateY(-4px)}
  .menu-toggle:after{transform:translateY(4px)}
  .header.menu-open .menu-toggle:before{transform:rotate(45deg)}
  .header.menu-open .menu-toggle:after{transform:rotate(-45deg)}
  html.cine-menu-lock{overflow:hidden}
}

/* ---------- Hero ---------- */
.hero{background:var(--night)}
.hero-image{will-change:transform}
.hero-shade{background:radial-gradient(120% 90% at 30% 55%,transparent 20%,#0b0a10b3 100%),linear-gradient(90deg,#0b0a10d9,#0b0a1066 55%,#0b0a1020),linear-gradient(0deg,#0b0a10cc,transparent 45%)!important}
.hero-content{will-change:transform,opacity}
.hero-content>p:not(.hero-intro){color:#ffffffd0}
.hero h1 .word{overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em;vertical-align:top}
.video-control{border-radius:999px!important;padding:9px 16px!important;font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;background:#ffffff14!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff38!important;width:auto!important;top:auto!important;bottom:84px!important;right:7vw!important;left:auto!important}
.hero-bottom{text-transform:uppercase;letter-spacing:.18em;font-size:10px!important}
.cine-scroll-cue{display:inline-block;width:1px;height:42px;background:linear-gradient(#fff0,#fff);margin-left:16px;vertical-align:middle;transform-origin:top;animation:cine-cue 2.2s var(--ease-io) infinite}
@keyframes cine-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:760px){
  .hero-content{top:auto!important;bottom:118px;transform:none!important}
  .hero-content>p:not(.hero-intro){font-size:14px}
  .hero-content .action-row{gap:18px}
  .video-control{bottom:auto!important;top:96px!important;right:6vw!important}
  .hero-bottom span:first-child{max-width:52%}
}

/* ---------- Preloader ---------- */
.cine-preloader{position:fixed;inset:0;z-index:10000;pointer-events:auto;color:#fff;font-family:Manrope,Arial,sans-serif}
/* Studio backdrop: overhead spotlight on the spout, lilac glow from the water, vignette. Both letterbox halves
   carry one continuous gradient (each is ~half the height, so the background is sized to twice that). */
.cine-preloader{--pre-bg:
  radial-gradient(38% 34% at 50% 26%, #3a2c5e66 0%, #2a204500 70%),
  radial-gradient(70% 40% at 50% 100%, #4a3a7a40 0%, #2a204500 70%),
  radial-gradient(120% 90% at 50% 45%, #00000000 55%, #05040acc 100%),
  linear-gradient(180deg, #110d1c 0%, #0b0a10 46%, #120e1f 100%)}
/* Soft overhead light cone falling onto the spout */
.cine-pre-center:before{content:"";position:absolute;left:50%;top:0;width:min(620px,94vw);height:64%;transform:translateX(-50%);pointer-events:none;opacity:var(--light,1);
  background:radial-gradient(50% 60% at 50% 0%,#d7cdef1f 0%,#d7cdef0a 45%,transparent 75%);filter:blur(8px)}
/* A whisper of film grain on the intro */
.cine-preloader:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cine-pre-center{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:44px}
/* Chrome wall spout; the water scene canvas sits behind it. */
/* Lights on: the chrome is revealed by the spotlight (--light animates 0 → 1). */
/* Intro footer: brand line (left), rolling percentage (right), full-width hairline progress (bottom edge). */
.cine-pre-foot{position:absolute;left:7vw;right:7vw;bottom:clamp(28px,5vh,56px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.cine-pre-brand{display:grid;gap:8px;padding-bottom:.6em}
.cine-pre-brand span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:#fff}
.cine-pre-brand em{font-style:normal;font-size:12px;letter-spacing:.04em;color:#ffffff73}
.cine-pre-count{display:flex;align-items:flex-start;font-family:var(--display);font-weight:200;font-size:clamp(3.4rem,9vw,8.5rem);line-height:1;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.cine-pre-count sup{font-family:Manrope,Arial,sans-serif;font-size:.16em;font-weight:500;letter-spacing:.1em;color:var(--lilac);margin:.55em 0 0 .5em}
.cine-odo{display:inline-block;height:1em;line-height:1;overflow:hidden;transition:opacity .5s;}
.cine-odo.is-lead{opacity:.18}
.cine-odo-strip{display:flex;flex-direction:column;transform:translateY(0)}
.cine-odo-strip b{display:block;height:1em;line-height:1;font-weight:inherit;text-align:center;width:.72em}
.cine-pre-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff12}
.cine-pre-progress i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#36265b,#9d86d6 70%,#fff)}
.cine-pre-progress i:after{content:"";position:absolute;right:-1px;top:50%;width:90px;height:12px;transform:translateY(-50%);background:radial-gradient(closest-side,#ffffffcc,#d7cdef33 60%,transparent);filter:blur(2px)}
@media(max-width:760px){
  .cine-pre-foot{left:6vw;right:6vw}
  .cine-pre-brand em{display:none}
  .cine-pre-count{font-size:clamp(3rem,17vw,5rem)}
}
html:not(.cine-js) .cine-preloader{display:none}
.cine-preloader{animation:cine-failsafe 0s 5s forwards}
@keyframes cine-failsafe{to{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.cine-preloader{display:none}}

/* ---------- Page curtain ---------- */
.cine-curtain{position:fixed;inset:0;z-index:9000;background:var(--night);transform:translateY(100%);pointer-events:none;display:grid;place-items:center}
.cine-curtain span{font-family:var(--display);font-weight:300;color:#fff;font-size:clamp(1.4rem,3vw,2.4rem);letter-spacing:-.03em;text-transform:uppercase;opacity:0}

/* ---------- Grain, progress, cursor ---------- */
.cine-grain{position:fixed;inset:-50%;z-index:8000;pointer-events:none;opacity:.075;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:cine-grain 1s steps(6) infinite}
@keyframes cine-grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}100%{transform:translate(0,0)}}
body.motion-paused .cine-grain{animation:none}
@media(prefers-reduced-motion:reduce){.cine-grain{animation:none}}
.cine-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;background:var(--lilac);transform:scaleX(0);transform-origin:left;pointer-events:none}

/* "View" badge over product imagery (desktop mouse only); the native cursor is never hidden. */
.cine-cursor{position:fixed;top:0;left:0;z-index:9500;pointer-events:none}
.cine-cursor-ring{position:fixed;top:0;left:0;width:0;height:0}
.cine-cursor-ring span{position:absolute;left:-38px;top:-38px;width:76px;height:76px;border-radius:50%;background:#0b0a10e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #0b0a1033;display:grid;place-items:center;
  font-size:10px;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;font-weight:700;color:#fff;transform:scale(.4);opacity:0;transition:transform .45s var(--ease-out),opacity .3s}
.cine-cursor.is-on .cine-cursor-ring span{transform:scale(1);opacity:1}
html:has(dialog[open]) .cine-cursor{display:none}

/* ---------- Generic reveals ---------- */
html.cine-js .cine-up{opacity:0;transform:translateY(42px);transition:opacity 1.1s var(--ease-out),transform 1.3s var(--ease-out);transition-delay:var(--d,0s)}
html.cine-js .cine-up.is-in{opacity:1;transform:none}
html.cine-js .cine-mask{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--ease-io);transition-delay:var(--d,0s)}
html.cine-js .cine-mask img{transform:scale(1.25);transition:transform 1.9s var(--ease-out)!important;transition-delay:var(--d,0s)!important}
html.cine-js .cine-mask.is-in{clip-path:inset(0 0 0 0)}
html.cine-js .cine-mask.is-in img{transform:scale(1)}
html.cine-js .category-card:hover .cine-mask.is-in img{transform:scale(1.06)}
.cine-line{overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
@media(prefers-reduced-motion:reduce){html.cine-js .cine-up,html.cine-js .cine-mask{opacity:1;transform:none;clip-path:none}html.cine-js .cine-mask img{transform:none}}

/* ---------- Manifesto ---------- */
.cine-manifesto{background:var(--night);color:#fff;padding:clamp(110px,17vw,230px) 7vw clamp(90px,12vw,170px);position:relative;overflow:hidden}
.cine-manifesto .cine-eyebrow{color:var(--lilac);margin-bottom:44px}
.cine-mf-text{font-family:var(--display);font-weight:300;font-size:clamp(1.45rem,3vw,3.3rem);line-height:1.2;letter-spacing:-.035em;max-width:1300px}
.cine-mf-text .word{opacity:.14}
.cine-mf-foot{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:70px;padding-top:28px;border-top:1px solid #ffffff1f;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c}
.cine-mf-foot span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lilac);margin-right:12px;vertical-align:middle}
.cine-glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,#5a3f9a55,transparent 65%);right:-20vmax;top:-20vmax;pointer-events:none;filter:blur(10px)}

/* ---------- Expanding video ---------- */
.cine-rv{background:var(--night);color:#fff}
.cine-rv-stage{height:100svh;min-height:560px;position:relative;overflow:hidden}
.cine-rv-frame{--p:0;--iy:24%;--ix:31%;position:absolute;inset:0;clip-path:inset(calc(var(--iy) * (1 - var(--p))) calc(var(--ix) * (1 - var(--p))) round calc(22px * (1 - var(--p))));will-change:clip-path;background:#1a1724}
.cine-rv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.35)}
.cine-rv-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0a10d9,#0b0a1033 55%,#0b0a1059)}
.cine-rv-text{position:absolute;left:7vw;right:7vw;bottom:9vh;z-index:2}
.cine-rv-text .cine-eyebrow{color:var(--lilac);margin-bottom:20px}
.cine-rv-title{font-size:clamp(2.4rem,7.4vw,8rem);text-transform:uppercase;line-height:.96}
.cine-rv-title .word{overflow:hidden;vertical-align:top;padding-bottom:.04em}
.cine-rv-side{position:absolute;top:50%;z-index:1;font-family:var(--display);font-weight:200;font-size:clamp(1.3rem,3.4vw,3.6rem);text-transform:uppercase;letter-spacing:-.03em;transform:translateY(-50%);color:#ffffffd9}
.cine-rv-side.l{left:7vw}.cine-rv-side.r{right:7vw}
@media(max-width:760px){
  .cine-rv-frame{--iy:27%;--ix:12%}
  .cine-rv-side{top:16%;transform:none}
}

/* ---------- Horizontal showcase ---------- */
.cine-showcase{background:var(--ivory);color:var(--ink);position:relative;overflow:hidden}
.cine-sc-inner{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 60px}
.cine-sc-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 7vw;margin-bottom:52px}
.cine-sc-head .cine-eyebrow{color:var(--purple);margin-bottom:20px}
.cine-sc-head>p{max-width:330px;color:var(--muted);font-size:14px}
.cine-sc-viewport{overflow:hidden}
.cine-sc-track{display:flex;gap:clamp(16px,2vw,28px);padding:0 7vw;width:max-content;will-change:transform}
.cine-card{width:clamp(250px,26vw,400px);text-align:left;display:block;flex:none;padding:0}
.cine-card-img{display:block;aspect-ratio:4/5;background:#fff;overflow:hidden;position:relative}
.cine-card-img img{object-fit:contain;padding:9%;mix-blend-mode:multiply;transition:transform 1.1s var(--ease-out)}
.cine-card:hover .cine-card-img img{transform:scale(1.07)}
.cine-card-meta{display:grid;gap:4px;padding-top:18px}
.cine-card-meta strong{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.5vw,1.45rem);letter-spacing:-.03em;text-transform:uppercase}
.cine-card-meta em{font-style:normal;font-size:13px;color:var(--muted)}
.cine-sc-progress{margin:46px 7vw 0;height:1px;background:#16151e1f}
.cine-sc-progress i{display:block;height:100%;background:var(--purple);transform:scaleX(0);transform-origin:left}
@media(max-width:980px){
  .cine-sc-inner{min-height:0;padding:90px 0 70px}
  .cine-sc-head{flex-direction:column;align-items:flex-start}
  .cine-sc-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  .cine-sc-viewport::-webkit-scrollbar{display:none}
  .cine-card{width:72vw;scroll-snap-align:start;scroll-margin-left:7vw}
}

/* ---------- Marquee ---------- */
.cine-marquee{background:var(--night);color:#fff;padding:clamp(50px,7vw,100px) 0;overflow:hidden;border-top:1px solid #ffffff12}
.cine-mq-row{white-space:nowrap;display:flex}
.cine-mq-track{display:flex;flex:none;will-change:transform}
.cine-mq-track span{font-family:var(--display);font-weight:300;font-size:clamp(2.6rem,8vw,8.5rem);letter-spacing:-.045em;text-transform:uppercase;line-height:1.08;padding-right:.5em;display:flex;align-items:center;gap:.5em}
.cine-mq-track span:after{content:"";width:.18em;height:.18em;border-radius:50%;background:var(--lilac)}
.cine-mq-row.soft .cine-mq-track span{color:#ffffff2e}

/* ---------- Existing sections, refined ---------- */
.collection-index{background:var(--ivory)}
.category-card h3{font-family:var(--display);font-weight:400;letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1rem,1.4vw,1.25rem)}
.category-card>div{background:#fff!important}
.studio-invitation{background:var(--night-2)!important}
footer{background:var(--night)!important;overflow:hidden}
.footer-word .char{display:inline-block}

/* ---------- Mobile safety ---------- */
html,body{overflow-x:clip}
@media(max-width:760px){
  html.cine-js:not(.cine-home) #main{padding-top:76px}
  h1{font-size:clamp(2rem,9.4vw,3rem)}
  h2{font-size:clamp(1.55rem,7.4vw,2.4rem)}
  h1,h2{overflow-wrap:break-word;hyphens:auto}
  .hero h1{font-size:clamp(2.1rem,10.6vw,3.4rem)!important}
  .primary,.secondary{padding:16px 22px}
}

/* ---------- Audit fixes ---------- */
/* Journey chapter controls: the original multiply blend vanished on the dark faucet panel. */
.journey-controls{mix-blend-mode:normal!important;background:#0b0a10b8!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;border:1px solid #ffffff1f}
.journey-controls .chapter-buttons button{border-color:#ffffff40}
.journey-controls .chapter-buttons button:after{background:#ffffff59}
.journey-controls .chapter-buttons button[aria-pressed=true]:after{background:var(--lilac)}
.journey-controls .journey-progress{background:#ffffff2e}
.journey-controls .journey-progress i{background:var(--lilac)}
#journey-label{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}

/* Catalogue hero: same eyebrow system as every other page; keep the headline to two lines. */
.reference-label{font-size:11px!important;text-transform:uppercase;letter-spacing:.24em;font-weight:600}
.reference-intro h1{font-size:clamp(2.4rem,4.6vw,5rem)!important}

/* Header height drives the inner-page offset (it is fixed now). */
.header{min-height:0}

/* Reduced motion: show the video section fully open and static. */
@media(prefers-reduced-motion:reduce){
  .cine-rv-frame{--p:1}
  .cine-rv-frame video{transform:none}
  .cine-rv-side{display:none}
}

/* Footer wordmark stays on one line at every width (the full stop used to wrap on phones). */
.footer-word{white-space:nowrap;font-size:clamp(3.4rem,15.5vw,18rem)!important}

/* Phones: the background-video control becomes a compact play/pause icon (its text stays as the accessible name). */
@media(max-width:760px){
  .video-control{width:40px!important;height:40px!important;padding:0!important;font-size:0!important;letter-spacing:0;display:grid;place-items:center;top:94px!important}
  .video-control:before{content:"";width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:border-box}
  .video-control[data-state=paused]:before{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;margin-left:3px}
}

/* ---------- Collections: quiet, precise, catalogue-true ---------- */
.catalogue-page .group-tabs{border-bottom-color:#16151e1a;scrollbar-width:none}
.catalogue-page .group-tabs::-webkit-scrollbar{display:none}
.catalogue-page .group-tabs button{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:#5d5868;border-bottom-width:1px;transition:color .3s,border-color .3s}
.catalogue-page .group-tabs button:hover{color:var(--ink)}
.catalogue-page .group-tabs button.active{font-weight:700;color:var(--ink);border-color:var(--ink)}
.catalogue-page .group-tabs button span{letter-spacing:0;font-variant-numeric:tabular-nums}

.filters label{font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#6c6677!important}
.filters input,.filters select{border:0!important;border-bottom:1px solid #16151e33!important;background:transparent!important;padding:12px 0!important;font-size:14px!important;color:var(--ink)!important;letter-spacing:0;text-transform:none;transition:border-color .3s}
.filters input:focus,.filters select:focus{outline:0;border-bottom-color:var(--purple)!important}
.filters select{appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2316151e' stroke-width='1.2'/%3E%3C/svg%3E") right 2px center/10px 6px no-repeat!important;padding-right:20px!important;cursor:pointer}
.filter-toggle{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}

.product-grid{gap:56px 24px!important}
.product-photo{height:auto!important;aspect-ratio:1/1;padding:0!important;background:#f1eff4!important}
.product-photo img{object-fit:contain;padding:0;mix-blend-mode:multiply;transition:transform 1s var(--ease-out)!important}
.product-photo:hover img{transform:scale(1.05)}
.product-meta{margin:16px 0 6px!important}
.product-meta>span{font-size:10px!important;letter-spacing:.16em;text-transform:uppercase;color:#7a7484!important}
.product-name{font-family:var(--display);font-weight:400!important;font-size:15px!important;letter-spacing:-.01em;text-transform:uppercase;line-height:1.3!important}
.product-card>p{font-size:12px!important;min-height:0!important;margin-top:6px!important}
.cine-variant{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--purple);border:1px solid #36265b33;padding:5px 9px;border-radius:999px}
.product-bottom{margin-top:16px!important;padding-top:14px;border-top:1px solid #16151e14}
.product-bottom>span{font-size:14px!important;font-weight:600;font-variant-numeric:tabular-nums}
.product-bottom small{font-size:10px!important;font-weight:400;letter-spacing:.04em}
.product-bottom button{font-size:10px!important;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important;font-weight:600;color:#5d5868!important;border-bottom:1px solid currentColor;padding:4px 0!important}
.product-bottom button[aria-pressed=true]{color:var(--purple)!important}
.save{width:34px!important;height:34px!important;border-radius:50%;border:1px solid #16151e26!important;font-size:16px!important;transition:background .3s,color .3s,border-color .3s}
.save:hover{border-color:var(--ink)!important}
.save[aria-pressed=true]{background:var(--ink)!important;border-color:var(--ink)!important}
.saved-dot{background:var(--ink)!important}
@media(max-width:760px){
  .product-grid{gap:40px 14px!important}
  .product-name{font-size:13px!important}
  .product-bottom{flex-direction:column;align-items:flex-start}
}

/* ---------- Remove gimmicks, keep the product ---------- */
/* Journey: decorative orbit ring removed. */
.outline-orbit{display:none!important}

/* Catalogue invitation: a calm product display instead of a "scanner" (beam, corner brackets, pause, picker removed).
   Auto-advance still honours the global "Pause ambient motion" control in the footer. */
.product-scanner{background:transparent!important;padding:0!important}
.scanner-beam,.scan-corner,[data-scan-pause],.scanner-picker{display:none!important}
.scanner-top{font-size:10px!important;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#6c6677!important;margin-bottom:16px!important}
.scanner-image{height:auto!important;aspect-ratio:4/3;background:#f1eff4!important}
.scanner-photo-layer{inset:0!important;background:#f1eff4!important}
.scanner-name{text-align:left!important;min-height:0!important;margin-top:18px!important}
.scanner-name h3{font-family:var(--display);font-weight:400;font-size:18px!important;letter-spacing:-.01em;text-transform:uppercase}
.scanner-controls{justify-content:flex-start!important;gap:10px!important;margin-top:18px!important}
.scanner-controls button{width:44px!important;height:44px!important;border-radius:50%;border:1px solid #16151e26;font-size:18px!important;padding:0!important;transition:background .3s,color .3s,border-color .3s}
.scanner-controls button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Showcase cards: the photograph is the card. */
.cine-card-img{background:#f1eff4!important}
.cine-card-img img{padding:0!important}

/* Enquiry forms: same quiet underline fields as the collection filters. */
.enquiry-panel label{font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#6c6677!important}
.enquiry-panel input,.enquiry-panel textarea,.enquiry-panel select{border:0!important;border-bottom:1px solid #16151e33!important;background:transparent!important;padding:12px 0!important;font-size:15px!important;color:var(--ink)!important;letter-spacing:0;text-transform:none;transition:border-color .3s}
.enquiry-panel textarea{resize:vertical;min-height:110px}
.enquiry-panel input:focus,.enquiry-panel textarea:focus{outline:0;border-bottom-color:var(--purple)!important}
.enquiry-panel input:focus-visible,.enquiry-panel textarea:focus-visible,.filters input:focus-visible,.filters select:focus-visible{box-shadow:0 2px 0 var(--purple)}

/* Shortlist count: a proper badge instead of a stray small number. */
.project-page h2 span{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;margin-left:12px;border-radius:999px;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;vertical-align:middle}
@media(max-width:760px){.product-meta>span{letter-spacing:.1em}}

/* Intro water scene canvas (above the letterbox bars, below the spout and the footer). */

/* Intro editorial top line */

/* ---------- Intro: misted mirror ---------- */
.cine-preloader{background:#0b0a10}
.cine-pre-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;transform:scale(1.02);filter:brightness(.82) saturate(.92)}
.cine-pre-fog,.cine-pre-beads{position:absolute;inset:0;display:block;pointer-events:none}
.cine-pre-center:before{display:none}
.cine-pre-words{margin:0;transform:translateY(-3vh);text-align:center;font-family:var(--display);font-weight:300;text-transform:uppercase;
  font-size:clamp(1.9rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.045em;color:#fff;text-shadow:0 2px 30px #0b0a1059}
.cine-pre-words span{display:block;padding:0 .08em}
.cine-preloader .cine-pre-foot{text-shadow:0 1px 16px #0b0a1080}
.cine-preloader .cine-pre-brand em{color:#ffffffb3}
@media(max-width:760px){
  .cine-pre-photo{object-position:70% center;transform:scale(1.1)}
  .cine-pre-words{font-size:clamp(1.7rem,8.6vw,2.6rem)}
}

/* Intro editorial top line */
.cine-pre-topline{position:absolute;left:7vw;right:7vw;top:clamp(26px,4.5vh,44px);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:#ffffffb3;text-shadow:0 1px 16px #0b0a1080}
@media(max-width:760px){.cine-pre-topline{left:6vw;right:6vw;font-size:9px;letter-spacing:.2em}.cine-pre-topline span:last-child{display:none}}
/* Counter: shadow on the whole number (a per-glyph shadow is clipped by the digit columns into a box) */
.cine-preloader .cine-pre-count{text-shadow:none;filter:drop-shadow(0 1px 14px #0b0a1066)}
/* Light gliding across the wiped glass */
.cine-pre-glint{position:absolute;inset:-10% -30%;pointer-events:none;z-index:1;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(105deg,transparent 40%,#ffffff1a 47%,#ffffff2e 50%,#ffffff1a 53%,transparent 60%)}
.cine-preloader .cine-pre-center,.cine-preloader .cine-pre-topline,.cine-preloader .cine-pre-foot,.cine-preloader .cine-pre-progress{z-index:2}

/* ---------- Phones & tablets: natural scrolling ---------- */
/* Journey chapters stacked as full-height panels (no pinning). */
html.cine-journey-stack .journey-stage{height:auto!important;min-height:0!important;overflow:visible!important}
html.cine-journey-stack .journey-panels{position:static!important}
html.cine-journey-stack .journey-panel{position:relative!important;inset:auto!important;min-height:min(100svh,820px);clip-path:none!important;visibility:visible!important;opacity:1!important}
html.cine-journey-stack .journey-controls{display:none!important}
/* Lighter rendering while scrolling on mobile GPUs: solid header instead of a live blur, static grain. */
@media(max-width:980px){
  .header.cine-solid{background:#0b0a10f2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .cine-grain{animation:none!important;inset:0!important;opacity:.05}
  .video-control{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0b0a1080!important}
  .cine-rv-stage{height:88svh;min-height:520px}
}