@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#092549;--blue:#254d7a;--ice:#9fb3cd;--white:#fff;--muted:#66788b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e5eaf0;background:white;position:relative;z-index:5}.brand{display:flex;align-items:center}.logo-window{display:block;width:230px;height:65px}.logo-window img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:40px;font-size:14px}nav a:hover,.textlink:hover{color:#5280b2}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;padding:18px 25px;border-radius:4px;font-weight:600;font-size:13px;letter-spacing:.7px;transition:background .2s,transform .2s}.button:hover{background:#244e7c;transform:translateY(-2px)}.button.small{padding:14px 22px;font-size:12px}.button span{display:none}.hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center;padding:65px 7% 100px;background:#f5f7fa}.hero-art{position:absolute;right:4%;top:20px;bottom:70px;width:47%;display:flex;align-items:center;justify-content:center}.hero-art img{height:95%;width:100%;object-fit:contain;mix-blend-mode:multiply}.image-caption{position:absolute;bottom:0;text-align:center;letter-spacing:1.7px;font-size:10px;color:#7b8da2}.hero-copy{position:relative;z-index:2;max-width:57%}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:600;color:#6b8097}.eyebrow i{display:none}h1{font-size:clamp(47px,5.3vw,77px);font-weight:500;letter-spacing:-3.5px;line-height:1.05;margin:27px 0}em{font-style:normal;color:#71869c}.intro{color:#66788a;line-height:1.8;font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.textlink{border-bottom:1px solid #a3b1c1;padding-bottom:5px;font-size:14px}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#8290a1}.brands{padding:33px 7% 39px;border-bottom:1px solid #e5eaf0;background:white}.brands>.eyebrow{display:block;text-align:center;font-size:10px}.brands>div{display:flex;justify-content:space-around;align-items:center;gap:25px;flex-wrap:wrap;margin-top:29px}.brands b{font-size:25px;letter-spacing:2px;color:#233d5a}.range{padding:90px 7%;background:white}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:end}.section-heading>.eyebrow{grid-column:1/-1}.section-heading>p:last-child{justify-self:end;color:#748398;line-height:1.6;font-size:15px}h2{font-size:clamp(34px,3.7vw,52px);font-weight:500;letter-spacing:-2px;line-height:1.13;margin:20px 0 35px}h2 span{color:#8492a3}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.category{padding:26px;min-height:445px;display:flex;flex-direction:column;background:#f4f6f8;border:1px solid #edf0f3;border-radius:6px;transition:transform .25s,box-shadow .25s}.category:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0925490a}.cat-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#8494a6}.product-visual{height:200px;display:flex;align-items:center;justify-content:center;margin:20px 0}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:10px 0}.category p{font-size:14px;line-height:1.7;color:#728093;margin:0 0 25px}.cat-link{margin-top:auto;border-top:1px solid #dce3eb;padding-top:18px;font-size:13px;color:#234970}.range-note{font-size:12px;color:#8491a1;margin-top:24px;line-height:1.6}.about{padding:85px 7%;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f4f6f8}.about-copy{padding-top:35px;color:#6a7c8e;line-height:1.8;font-size:17px}.facts{display:flex;gap:65px;border-top:1px solid #dbe2eb;padding-top:25px;margin-top:30px}.facts span{font-size:10px;letter-spacing:1.5px;color:#8996a5}.facts b{display:block;font-size:21px;font-weight:500;letter-spacing:0;color:#163859;margin-top:10px}.contact{position:relative;padding:75px 7%;background:#0b284a;overflow:hidden;color:white}.contact .eyebrow{color:#9cacc0}.contact h2{font-size:clamp(42px,4.7vw,66px);margin-bottom:30px}.contact em{color:#aebed1}.contact .button{background:white;color:#0b284a}.contact>p:last-of-type{font-size:15px;letter-spacing:1px;color:#b9c7d8}footer{padding:33px 7%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#8493a5;background:#071e38}footer strong{color:#d9e2ef;font-weight:500}.floating{position:fixed;bottom:22px;right:24px;background:#fff;color:#173b5d;border:1px solid #dce3ea;border-radius:30px;padding:14px 22px;font-size:13px;box-shadow:0 5px 25px #001b3920;z-index:10}a:focus-visible{outline:3px solid #729ac9;outline-offset:5px}@media(max-width:760px){header{height:82px;padding:0 5%}nav{display:none}.logo-window{width:165px;height:53px}.button.small{font-size:10px;padding:12px 15px}.hero{min-height:870px;padding:45px 6% 390px;align-items:flex-start}.hero-copy{max-width:100%}.hero-copy h1{font-size:51px;letter-spacing:-2.7px}.hero-art{top:auto;bottom:65px;height:320px;width:86%;right:7%}.image-caption{font-size:8px;bottom:-15px}.intro{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding:16px}.hero-bottom{font-size:8px;gap:20px}.hero-bottom span:last-child{display:none}.brands{padding:28px 6%}.brands>div{gap:25px 22px;justify-content:center}.brands b{font-size:19px}.range{padding:58px 6%}.section-heading{display:block}.section-heading>p:last-child{display:none}.categories{grid-template-columns:1fr;gap:18px}.category{min-height:410px}.product-visual{height:210px}.about{padding:60px 6%;grid-template-columns:1fr;gap:0}.about-copy{padding-top:0}.contact{padding:55px 6%}.contact h2{font-size:45px}footer{padding-bottom:90px}.facts{gap:40px}.floating{bottom:16px;right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.logo-window{position:relative;overflow:hidden}.logo-window img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%)}
@media(min-width:761px) and (max-width:1050px){.hero-copy{max-width:60%}h1{font-size:54px}.hero-art{right:1%;width:43%}.category{padding:20px}.category h3{font-size:20px}}
/* Abstract brand direction */
.hero{background:#f4f6f8;min-height:670px}.hero-art{right:0;top:0;bottom:0;width:63%;overflow:hidden;pointer-events:none}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:68% center;mix-blend-mode:multiply}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f6f8 0%,#f4f6f888 16%,transparent 44%)}.image-caption{bottom:55px;right:8%;z-index:1}.hero-copy{max-width:58%}.product-visual{height:125px;justify-content:flex-start;margin:18px 0 24px;color:#315476}.product-visual svg{width:82px;height:82px}.category{min-height:345px;background:white;border:0;border-top:1px solid #cbd5df;border-radius:0;padding:25px 8px 10px}.category:hover{box-shadow:none;transform:translateY(-3px)}.categories{gap:45px}.cat-link{border-top:0;padding-top:15px}.range{padding-bottom:75px}.range-note{border-top:1px solid #e4e9ef;padding-top:24px}.hero-copy .intro{max-width:440px}.hero-bottom{z-index:2}@media(max-width:760px){.hero{min-height:840px;padding-bottom:350px}.hero-copy{max-width:100%}.hero-art{top:auto;bottom:35px;width:100%;height:380px;right:0}.hero-art img{object-position:75% center}.hero-art:after{background:linear-gradient(180deg,#f4f6f8,transparent 30%)}.image-caption{bottom:20px;right:0;width:100%;font-size:8px}.categories{gap:22px}.category{min-height:290px}.product-visual{height:90px;margin:15px 0}.product-visual svg{width:72px;height:72px}}@media(min-width:761px) and (max-width:1050px){.hero-art{width:56%;opacity:.9}.hero-copy{max-width:65%}}
.catalog[hidden]{display:none}.catalog{padding:65px 7% 85px;background:#f4f6f8;border-top:1px solid #dce3ec}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.catalog-heading h2{margin-bottom:18px}.catalog-heading p:not(.eyebrow){color:#677b90;line-height:1.6}.close-catalog{background:none;border:1px solid #b9c7d5;padding:12px 18px;color:#294664;cursor:pointer;border-radius:4px;white-space:nowrap}.brand-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 20px}.brand-filters button{font:inherit;font-size:14px;border:1px solid #cdd7e1;padding:12px 20px;border-radius:4px;background:white;color:#254568;cursor:pointer}.brand-filters button[aria-pressed=true]{background:#092549;border-color:#092549;color:white}#catalog-count{font-size:13px;color:#6c7f92;margin-bottom:24px}.phone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.phone-card{padding:25px;background:white;border:1px solid #e0e7ee;border-radius:5px;display:flex;flex-direction:column}.phone-card h3{font-size:23px;font-weight:500;margin:12px 0 30px;letter-spacing:-.5px}.phone-card label{font-size:12px;color:#73869a;margin-top:auto;margin-bottom:9px}.phone-card select{font:inherit;font-size:14px;width:100%;padding:11px 8px;background:#f7f9fb;color:#173b5d;border:1px solid #dce4ec;border-radius:3px}.phone-enquiry{display:block;margin-top:24px;font-size:14px;border-bottom:1px solid #c6d1dd;padding-bottom:8px;width:fit-content}.phone-enquiry:hover{color:#416c99}button:focus-visible,select:focus-visible{outline:3px solid #729ac9;outline-offset:3px}@media(max-width:950px){.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog{padding:45px 6%}.catalog-heading{display:block}.close-catalog{margin-top:10px}.phone-grid{grid-template-columns:1fr}.phone-card h3{margin-bottom:22px}.brand-filters button{padding:11px 14px}}
.phone-heading{display:flex;align-items:center;gap:17px;min-height:120px;margin-bottom:23px}.phone-heading-text{min-width:0}.phone-heading .eyebrow{font-size:10px;letter-spacing:1.5px;margin:0 0 10px}.phone-heading h3{font-size:21px;line-height:1.2;margin:0;overflow-wrap:anywhere}.phone-thumb{width:76px;height:100px;flex:none;object-fit:contain;background:#fff}.phone-card{padding:23px}@media(min-width:951px) and (max-width:1200px){.phone-heading{gap:12px}.phone-thumb{width:60px;height:88px}.phone-heading h3{font-size:19px}}@media(max-width:600px){.phone-thumb{width:80px;height:110px}.phone-heading h3{font-size:23px}}

/* Consistent brand typography and equal-width alignment. */
.brands>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:center}.brands b{display:block;text-align:center;font-family:inherit;font-size:25px;font-weight:700;letter-spacing:2px;line-height:1.3}@media(max-width:760px){.brands>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.brands b{font-size:21px;letter-spacing:1.5px}}
/* Interactive showroom preview */
.hero-art img{transform:translate(var(--orbit-x,0px),var(--orbit-y,0px)) rotate(var(--orbit-r,0deg)) scale(1.035);transition:transform .7s ease-out}
.add-to-tray{font:inherit;font-size:13px;font-weight:600;background:#eef3f8;border:1px solid #cfdae5;color:#163b60;border-radius:4px;padding:13px;margin-top:18px;cursor:pointer;transition:background .2s}
.add-to-tray:hover{background:#dde8f3}.phone-enquiry{font-size:12px;margin-top:15px}
.enquiry-tray{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 36px));padding:18px 24px;background:#fff;border:1px solid #cedae5;border-radius:16px;box-shadow:0 12px 65px #09254930}
.enquiry-tray[hidden],#tray-items[hidden]{display:none}.tray-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.tray-top .eyebrow{font-size:9px;display:block;margin-bottom:5px}.tray-top strong{font-size:17px;font-weight:500}.tray-top button,.tray-item button{background:none;border:0;color:#476582;cursor:pointer;padding:8px;font:inherit;font-size:12px}
#tray-items{display:flex;gap:12px;overflow:auto;max-height:210px;margin:14px 0;padding-bottom:5px}.tray-item{display:flex;align-items:center;gap:12px;flex:0 0 350px;background:#f5f7fa;border-radius:8px;padding:12px}.tray-item img{width:36px;height:50px;object-fit:contain;mix-blend-mode:multiply}.tray-item-title{flex:1;min-width:0}.tray-item strong{font-size:12px;display:block}.tray-item small{display:block;font-size:10px;color:#718295;margin-top:5px}.tray-item input{width:55px;padding:8px 3px;border:1px solid #cdd8e3;border-radius:4px;color:#183653;background:white}.tray-item button{font-size:22px}.tray-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.tray-bottom>span{font-size:11px;color:#758497}.tray-bottom .button{padding:13px 18px;font-size:12px;white-space:nowrap}.has-tray .floating{display:none}.has-tray{padding-bottom:250px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.enquiry-tray{bottom:10px;padding:14px;width:calc(100% - 20px)}.tray-item{flex-basis:290px}.tray-top strong{font-size:14px}.tray-bottom>span{display:none}.tray-bottom .button{width:100%}.has-tray{padding-bottom:270px}}
@media(hover:none) and (prefers-reduced-motion:no-preference){.hero-art img{animation:orbit-drift 9s ease-in-out infinite}@keyframes orbit-drift{50%{transform:translateY(-9px) scale(1.045)}}}
@media(prefers-reduced-motion:reduce){.hero-art img{transform:none}}

.phone-card .colour-label{margin-top:16px}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;mix-blend-mode:multiply;opacity:0}.hero.video-ready .hero-video{opacity:1}.hero.video-ready .hero-art img{opacity:0}.hero-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 30%,#ffffff65,transparent 45%);animation:light-drift 12s ease-in-out infinite;mix-blend-mode:soft-light}.motion-toggle{position:absolute;right:7%;bottom:72px;z-index:3;background:#ffffffcc;border:1px solid #c5d0dd;border-radius:25px;color:#385673;padding:9px 14px;font:inherit;font-size:10px;cursor:pointer}.hero.motion-paused .hero-light{animation-play-state:paused}.hero .hero-art img{transform:none;animation:none}.hero.motion-paused .hero-art img{transform:none}@keyframes light-drift{50%{opacity:.35;transform:translate(-25px,18px)}}@media(max-width:760px){.hero-video{object-position:75% center}.motion-toggle{bottom:65px;right:6%}.image-caption{bottom:9px}}@media(prefers-reduced-motion:reduce){.hero-light{animation:none;display:none}}
.motion-toggle{right:190px}@media(max-width:760px){.motion-toggle{right:auto;left:6%}}
/* Silver / navy motion edition: original lightweight canvas and glass controls. */
.liquid-canvas{position:absolute;inset:0;width:100%;height:100%}.hero.liquid-ready .hero-art>img{opacity:0}.hero-art{width:64%}.hero-art:after{background:linear-gradient(90deg,#f4f6f8 0%,#f4f6f8dc 10%,#f4f6f800 40%)}.hero-copy{max-width:58%}.image-caption{letter-spacing:2px;color:#4e6681}.motion-toggle{bottom:95px;right:7%;background:#ffffffa6;backdrop-filter:blur(12px)}
.button,.add-to-tray{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}.button:after,.add-to-tray:after{content:'';position:absolute;inset:-90% auto -90% -65%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff40,transparent);pointer-events:none;transition:left .65s}.button:hover:after,.add-to-tray:hover:after{left:135%}.button:hover{box-shadow:0 8px 24px #09254920}.button:active,.add-to-tray:active{transform:scale(.98)}
.phone-card{border-radius:12px;transition:box-shadow .3s,border-color .3s,transform .3s}.phone-card:hover{border-color:#aec0d3;box-shadow:0 14px 34px #09254909;transform:translateY(-3px)}.phone-thumb{transition:transform .45s}.phone-card:hover .phone-thumb{transform:translateY(-3px)}
.enquiry-tray{background:#f9fcffed;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border:1px solid #ffffff;box-shadow:0 16px 65px #0925492b,inset 0 1px 0 white;animation:tray-arrive .45s cubic-bezier(.2,.8,.2,1)}.tray-item{background:#eaf0f6b0;border:1px solid #ffffffb3;animation:item-arrive .3s ease-out}.tray-item button:hover{background:#dbe5ee;border-radius:50%}.tray-top button:hover{color:#092549;text-decoration:underline}.brand-filters button{transition:background .2s,color .2s,box-shadow .2s}.brand-filters button[aria-pressed=true]{box-shadow:0 4px 12px #09254920}
@keyframes tray-arrive{from{opacity:0;transform:translate(-50%,22px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes item-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero-art{width:100%;height:350px;bottom:30px}.hero-copy{max-width:100%}.hero-art:after{background:linear-gradient(180deg,#f4f6f8,transparent 30%)}.motion-toggle{left:6%;right:auto;bottom:72px}.image-caption{bottom:12px;font-size:7px}.hero{min-height:850px}}
@media(prefers-reduced-motion:reduce){.button:after,.add-to-tray:after{display:none}.phone-card:hover,.phone-card:hover .phone-thumb{transform:none}}
.motion-toggle{bottom:140px}@media(max-width:760px){.motion-toggle{bottom:85px}}

/* Cinematic atmosphere with a floating frosted information panel. */
.hero{min-height:760px;padding:65px 7% 90px;background:#06121e;isolation:isolate;color:#f5f9ff}
.hero .hero-art{inset:-12px;width:auto;height:auto;transform:translate(var(--float-x,0px),var(--float-y,0px)) scale(1.035);transition:transform 1.2s ease-out}
.hero .hero-art:after{background:linear-gradient(90deg,#020b1680,transparent 65%),linear-gradient(0deg,#020a16c9,transparent 30%)}
.invasion-video{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.8) contrast(1.08)}
.hero .hero-copy{max-width:535px;padding:35px 38px 39px;border:1px solid #d8efff38;border-radius:22px;background:linear-gradient(135deg,#122639ac,#13253959);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:0 30px 90px #0005,inset 0 1px #ffffff25;transform:translate(calc(var(--float-x,0px)*-.35),calc(var(--float-y,0px)*-.35));transition:transform 1.4s ease-out}
.hero h1{font-size:clamp(44px,4.5vw,64px);letter-spacing:-2.7px;margin:24px 0}.hero h1 em{color:#c5dbe9}
.hero .eyebrow{color:#a7d8ee}.hero .intro{color:#d2dee8;font-size:14px;line-height:1.85}.hero .intro br{display:none}
.hero-actions{gap:23px;flex-wrap:wrap}.hero-actions .button{background:#e3f2fa;color:#0c263a;border:1px solid #fff8;font-size:11px;padding:17px 20px}.hero .textlink{color:#e3f1fa;border-color:#bfdfed66;font-size:13px}
.hero-bottom{color:#c3d8e4;font-size:9px}.hero .motion-toggle{bottom:67px;right:7%;left:auto;background:#132a3b80;color:#d4e9f6;border-color:#d0eaff45;backdrop-filter:blur(15px)}
.atmosphere{position:absolute;inset:-20%;pointer-events:none;opacity:.3;filter:blur(35px);mix-blend-mode:screen;background:radial-gradient(ellipse at 65% 45%,#9acddd50,transparent 24%),radial-gradient(ellipse at 25% 65%,#709baa45,transparent 30%);animation:mist-drift 18s ease-in-out infinite alternate}.atmosphere-two{opacity:.18;animation-duration:24s;animation-direction:alternate-reverse;background:radial-gradient(ellipse at 60% 35%,#7ddbff70,transparent 20%)}
@keyframes mist-drift{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(5%,-3%) scale(1.12)}}
.hero.motion-paused .atmosphere{animation-play-state:paused}
@media(max-width:760px){.hero{min-height:780px;padding:235px 6% 95px}.hero .hero-art{inset:-10px;width:auto;height:auto}.invasion-video{object-position:61% center}.hero .hero-copy{max-width:100%;padding:26px 24px;border-radius:18px;background:#0b2032a8}.hero-copy h1{font-size:43px;letter-spacing:-2px}.hero .intro{font-size:13px}.hero .hero-actions{gap:18px}.hero .motion-toggle{bottom:46px;right:6%;left:auto}.hero-bottom{bottom:20px;font-size:7px}.hero .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero .hero-art,.hero .hero-copy{transform:none}.atmosphere{animation:none}}

/* Live energy field edition. */
.hero .hero-art{inset:0;transform:none;transition:none}.energy-canvas{display:block;width:100%;height:100%}.hero .hero-art:after{background:linear-gradient(90deg,#040c1822,transparent 60%)}
.hero .hero-copy{max-width:510px;background:linear-gradient(130deg,#223e504f,#14293820);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#b9dff52a;box-shadow:0 35px 90px #0003,inset 0 1px #ffffff12}
.core-caption{position:absolute;right:12%;bottom:110px;color:#81aabe;font-size:8px;letter-spacing:3px}.hero h1{font-size:clamp(43px,4.5vw,62px)}
@media(max-width:760px){.hero{padding-top:330px;min-height:920px}.hero .hero-copy{max-width:100%;background:#11273780}.core-caption{top:300px;bottom:auto;right:12%;font-size:7px}.hero h1{font-size:43px}}
@media(min-width:761px) and (max-width:1050px){.hero{padding-left:5%;min-height:720px}.hero .hero-copy{max-width:425px;padding:30px 28px}.hero h1{font-size:47px}.hero .intro{font-size:13px}}
/* Soft silver-blue light behind the content, gently driven by scrolling. */
.range,.about{position:relative;isolation:isolate;overflow:hidden}.range{background:#f9fbfd}.about{background:#edf2f7}
.range:before,.about:before{content:'';position:absolute;z-index:-1;inset:-100px -8%;pointer-events:none;background:radial-gradient(ellipse at 85% 30%,#a4c7e34d,transparent 47%),radial-gradient(ellipse at 12% 75%,#c2d2e53d,transparent 45%);transform:translateY(var(--wash-y,0px));will-change:transform}
.about:before{background:radial-gradient(ellipse at 15% 40%,#afcce45c,transparent 50%),radial-gradient(ellipse at 85% 80%,#ffffffbd,transparent 48%)}
.range .category{background:linear-gradient(145deg,#ffffffad,#ffffff45);border:1px solid #dbe5ee;border-radius:12px;padding:25px 22px 20px;box-shadow:0 8px 30px #284e6b05;backdrop-filter:blur(8px)}
.reveal-pending{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-revealed{opacity:1;translate:0 0}.reveal-pending:focus-within{opacity:1;translate:0 0}
@media(max-width:760px){.range .category{padding:24px}.reveal-pending{translate:0 12px;transition-duration:.45s;transition-delay:0ms}.range:before,.about:before{transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none;transition:none}.range:before,.about:before{transform:none;will-change:auto}}