@media(max-width:1120px){.postfilter-intro .intro-grid{grid-template-columns:minmax(0,1fr);gap:48px}.postfilter-intro .stage-position{max-width:680px}}
.postfilter-hero{position:relative;isolation:isolate;min-height:610px;padding-top:92px;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 38%,#0b568e 0,#003d73 25%,var(--blue) 52%,var(--deep) 100%)}
.postfilter-hero-grid{position:relative;z-index:2;min-height:518px;display:grid;grid-template-columns:minmax(480px,.95fr) minmax(420px,1.05fr);gap:70px;align-items:center;padding-bottom:76px}.postfilter-hero-copy{max-width:720px}.postfilter-hero-copy h1{margin:0;font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.045em}.postfilter-hero-copy>p:last-child{max-width:660px;margin:24px 0 0;color:#e6f0f6;font-size:clamp(22px,2.1vw,31px);line-height:1.32;font-weight:600}
.postfilter-hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.postfilter-hero-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}.postfilter-hero-visual>span{position:absolute;right:0;top:4px;color:rgba(255,255,255,.09);font-size:240px;line-height:1;font-weight:800;letter-spacing:-.08em}.postfilter-hero-visual img{position:relative;width:min(390px,78%);filter:grayscale(1) brightness(0) invert(1);opacity:.9}
.postfilter-flow{position:absolute;left:-8%;right:-8%;bottom:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,205,230,.18) 22%,rgba(255,255,255,.68) 67%,transparent)}.postfilter-flow:after{content:"";position:absolute;right:24%;top:-7px;width:13px;height:13px;border-top:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);transform:rotate(45deg)}
.has-motion .postfilter-hero .postfilter-flow{animation:postfilter-flow-in 2.4s cubic-bezier(.2,.72,.2,1) .35s both}.has-motion .postfilter-hero-visual>span{animation:postfilter-symbol-in 1.25s ease-out .18s both}.has-motion .postfilter-hero-visual img{animation:postfilter-symbol-in 1.4s ease-out .38s both}@keyframes postfilter-flow-in{from{opacity:0;clip-path:inset(-18px 100% -18px 0)}25%{opacity:1}to{opacity:1;clip-path:inset(-18px -18px -18px 0)}}@keyframes postfilter-symbol-in{from{opacity:0;transform:translateX(16px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
.postfilter-intro{padding:88px 0 104px;background:#fff}.intro-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:clamp(70px,8vw,130px);align-items:center}.intro-copy{max-width:650px}.intro-copy h2,.family-copy h2,.information-preview h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.1;letter-spacing:-.035em}.intro-copy>p:not(.eyebrow),.family-copy>p:not(.eyebrow),.information-preview p:last-child{margin:24px 0 0;color:#526b83;font-size:18px;line-height:1.68}.intro-copy .selection-context{margin-top:15px;color:var(--blue);font-size:16px;line-height:1.6;font-weight:700}
.stage-position ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.stage-position ol:before{content:"";position:absolute;left:11%;right:11%;top:27px;height:1px;background:#bdcbd7}.stage-position li{position:relative;text-align:center}.stage-position li span{position:relative;z-index:1;width:56px;height:56px;margin:0 auto 15px;display:grid;place-items:center;color:#526b83;border:1px solid #aabcca;border-radius:50%;background:#fff;font-size:15px;font-weight:800}.stage-position li strong{display:block;color:#526b83;font-size:13px;line-height:1.3;text-transform:uppercase}.stage-position li.is-active span{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 10px 28px rgba(0,46,93,.2)}.stage-position li.is-active strong{color:var(--blue)}
.postfilter-family{position:relative;isolation:isolate;padding:78px 0 72px;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 48%,#0a4b82 0,var(--blue) 46%,var(--deep) 100%)}.postfilter-family:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(175,211,234,.12),rgba(255,255,255,.42),transparent)}.family-grid{min-height:500px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);gap:clamp(50px,7vw,110px);align-items:center}.family-copy{max-width:610px}.family-copy h2{color:#fff}.family-copy>p:not(.eyebrow){color:#e5eef5}.postfilter-composition{position:relative;min-height:470px;display:grid;place-items:center}.composition-ring{position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.018),0 0 0 96px rgba(255,255,255,.012)}.composition-number{position:absolute;right:2%;top:0;color:rgba(255,255,255,.07);font-size:210px;line-height:1;font-weight:800;letter-spacing:-.08em}.postfilter-composition img{position:relative;z-index:1;width:min(390px,72%);height:auto;filter:grayscale(1) brightness(0) invert(1) drop-shadow(0 24px 24px rgba(0,18,38,.26));transition:opacity 1s ease,transform 1.3s cubic-bezier(.2,.72,.2,1)}.has-motion .postfilter-family:not(.is-visible) .postfilter-composition img{opacity:0;transform:translateX(11%) scale(.985)}.has-motion .postfilter-family.is-visible .postfilter-composition img{opacity:1;transform:translateX(4%) scale(1)}
.information-preview{padding:96px 0 116px;background:#fff}.information-grid{display:grid;grid-template-columns:240px minmax(0,780px);gap:clamp(55px,7vw,110px);align-items:center}.information-mark{position:relative;width:180px;height:180px;display:grid;place-items:center;color:#dfeaf1;border:1px solid #d5e1e9;border-radius:50%;box-shadow:0 0 0 36px #f6f9fb,0 0 0 72px #fbfcfd}.information-mark span{font-size:112px;line-height:1;font-weight:800;font-style:normal}.information-preview p:last-child{max-width:720px}.postfilter-page .footer-angle{background:#fff}
@media(max-width:980px){.postfilter-hero-grid{grid-template-columns:1fr 420px;gap:20px}.postfilter-hero-visual>span{font-size:190px}.intro-grid{grid-template-columns:1fr;gap:58px}.stage-position{max-width:680px}.family-grid{grid-template-columns:minmax(300px,.75fr) minmax(470px,1.25fr);gap:32px}.information-grid{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.postfilter-hero{min-height:650px;padding-top:78px}.postfilter-hero-grid{min-height:572px;grid-template-columns:1fr;padding-top:70px;padding-bottom:110px}.postfilter-hero-visual{position:absolute;right:-90px;top:140px;width:360px;min-height:330px;opacity:.24}.postfilter-hero-visual>span{font-size:160px}.postfilter-hero-copy{position:relative;z-index:2;max-width:520px}.postfilter-hero-copy h1{font-size:50px}.postfilter-hero-copy>p:last-child{font-size:23px}.postfilter-flow{bottom:88px}.postfilter-intro{padding:72px 0 82px}.postfilter-family{padding:72px 0 54px}.family-grid{min-height:720px;grid-template-columns:1fr;gap:18px}.postfilter-composition{min-height:410px}.composition-ring{width:280px;height:280px}.composition-number{font-size:160px}.postfilter-composition img{width:min(360px,72%)}.information-preview{padding:82px 0 102px}.information-grid{grid-template-columns:1fr;gap:62px}.information-mark{width:130px;height:130px;margin-left:34px;box-shadow:0 0 0 26px #f6f9fb,0 0 0 52px #fbfcfd}.information-mark span{font-size:82px}}
@media(max-width:460px){.stage-position ol{gap:5px}.stage-position li strong{font-size:11px}.stage-position li span{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.has-motion .postfilter-hero .postfilter-flow,.has-motion .postfilter-hero-visual>span,.has-motion .postfilter-hero-visual img{animation:none;opacity:1;clip-path:none;transform:none}.has-motion .postfilter-family .postfilter-composition img{opacity:1;transform:none;transition:none}}

/* Product photograph: preserve colour, full proportions, rings and existing entrance transition. */
.postfilter-composition img.postfilter-photo{width:min(480px,100%);height:auto;filter:drop-shadow(0 24px 24px rgba(0,18,38,.26))}
@media(max-width:760px){.postfilter-composition img.postfilter-photo{width:min(400px,100%)}}

/* The isolated H80 label sits in the transparent left margin; the product starts beyond 17%. */
.postfilter-composition img.postfilter-photo{clip-path:inset(0 0 0 8%)}