.gradient-interaction-lab,.gradient-matter-section{position:relative;overflow:hidden;background:#030307;color:#f5f5f7;border-top:1px solid rgba(255,255,255,.08)}
.gradient-interaction-lab{padding:150px 0 170px;background:radial-gradient(ellipse at 15% 28%,rgba(103,232,255,.13),transparent 28%),radial-gradient(ellipse at 90% 66%,rgba(255,114,199,.12),transparent 30%),#030307}
.gradient-interaction-lab:before,.gradient-matter-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 32%,rgba(167,119,255,.06) 52%,transparent 76%);mix-blend-mode:screen}
.gradient-interaction-lab>.wrap,.gradient-matter-section>.wrap{position:relative;z-index:1}
.gradient-interaction-head{align-items:end;margin-bottom:56px}.gradient-interaction-head h2,.gradient-matter-head h2{font-size:clamp(44px,6vw,84px);line-height:1.02;letter-spacing:-.06em}.gradient-interaction-head h2 .gradient,.gradient-matter-head h2 .gradient{background:linear-gradient(100deg,#67e8ff,#5574ff 32%,#a777ff 58%,#ff72c7 80%,#ffb36f);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-interaction-head>p,.gradient-matter-head>p{max-width:380px;color:#b5b5c0;font-size:15px;line-height:1.85}
.gradient-lab-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:stretch}.gradient-room-stage{--room-hue:190;--room-energy:.72;position:relative;isolation:isolate;min-height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:#07080f;box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 80px hsl(var(--room-hue) 90% 58% / .1);transition:box-shadow .3s ease}.gradient-room-backdrop{position:absolute;inset:0;z-index:-4;background:linear-gradient(148deg,#060712 0 44%,#111221 45% 68%,#050509 69%)}.gradient-room-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.08) 9.2% 9.6%,transparent 9.8% 19%,rgba(255,255,255,.05) 19.2% 19.6%,transparent 19.8% 30%,rgba(255,255,255,.06) 30.2% 30.6%,transparent 30.8%),linear-gradient(0deg,rgba(255,255,255,.04),transparent 2% 97%,rgba(255,255,255,.04))}.gradient-room-glow{position:absolute;z-index:-2;width:62%;height:60%;border-radius:50%;filter:blur(45px);opacity:calc(.18 + var(--room-energy) * .34);transition:background .25s ease,opacity .25s ease}.gradient-room-glow-a{left:-14%;bottom:3%;background:hsl(calc(var(--room-hue) - 46) 90% 58% / .8);transform:rotate(-22deg)}.gradient-room-glow-b{right:-8%;top:7%;background:hsl(calc(var(--room-hue) + 54) 90% 64% / .7);transform:rotate(25deg)}
.gradient-room-screen{position:absolute;z-index:2;left:29%;top:14%;width:58%;height:57%;padding:15px;border:1px solid rgba(255,255,255,.36);border-radius:18px;background:#090b15;box-shadow:0 0 0 5px rgba(255,255,255,.035),0 22px 55px rgba(0,0,0,.58),0 0 calc(28px + var(--room-energy) * 48px) hsl(var(--room-hue) 92% 60% / .44);transform:perspective(900px) rotateY(-6deg);transition:box-shadow .25s ease}.gradient-room-screen-bar,.gradient-room-screen-footer{display:flex;justify-content:space-between;align-items:center;color:#b2b8cf;font-size:9px;letter-spacing:.16em}.gradient-room-screen-bar strong{color:#f5f6ff;font-size:11px;letter-spacing:.02em}.gradient-room-screen-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:calc(100% - 36px);margin-top:10px;overflow:hidden;padding:22px;background:linear-gradient(120deg,hsl(calc(var(--room-hue) - 55) 88% 58%),hsl(var(--room-hue) 92% 60%) 39%,hsl(calc(var(--room-hue) + 58) 86% 60%) 78%,#16101c);box-shadow:inset 0 0 52px rgba(0,0,0,.25);transition:background .2s ease}.gradient-room-screen-visual:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 100deg,transparent 0 20%,rgba(255,255,255,.6),transparent 33% 59%,rgba(255,255,255,.26),transparent 74%);filter:blur(15px);animation:gradient-screen-scan 7s linear infinite}.gradient-room-screen-visual span,.gradient-room-screen-visual b{position:relative;z-index:1}.gradient-room-screen-visual span{font-size:9px;letter-spacing:.18em;color:#fff;opacity:.8}.gradient-room-screen-visual b{max-width:160px;font-size:clamp(18px,2vw,30px);line-height:1.05;letter-spacing:-.06em;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.28)}.gradient-room-screen-footer{height:22px;margin-top:9px;color:#7d839c;font-size:8px}.gradient-room-screen-footer span:last-child{color:hsl(var(--room-hue) 88% 76%);transition:color .2s ease}
.gradient-room-desk{position:absolute;z-index:3;left:10%;bottom:18%;width:78%;height:13%;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#2b2c3c,#10111b 55%,#07080e);box-shadow:0 20px 28px rgba(0,0,0,.5),0 0 35px hsl(var(--room-hue) 92% 60% / .2)}.gradient-room-desk-edge{position:absolute;left:3%;right:3%;top:9%;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,hsl(calc(var(--room-hue) - 50) 90% 64%),hsl(var(--room-hue) 92% 65%),hsl(calc(var(--room-hue) + 55) 90% 68%),transparent);box-shadow:0 0 22px hsl(var(--room-hue) 90% 60% / .7)}.gradient-room-desk-leg{position:absolute;top:100%;width:15px;height:74px;background:#10111b}.gradient-room-desk-leg-a{left:9%}.gradient-room-desk-leg-b{right:9%}.gradient-room-pixel-strip{position:absolute;z-index:4;left:13%;bottom:14%;width:71%;height:5px;display:flex;gap:4px}.gradient-room-pixel-strip i{flex:1;border-radius:99px;background:hsl(calc(var(--room-hue) + var(--pixel-shift,0deg)) 92% 66%);box-shadow:0 0 16px hsl(var(--room-hue) 90% 62% / .8);transition:background .18s ease}.gradient-room-pixel-strip i:nth-child(2n){--pixel-shift:18deg}.gradient-room-pixel-strip i:nth-child(3n){--pixel-shift:-24deg}.gradient-room-light{position:absolute;z-index:1;bottom:27%;width:18px;height:250px;border-radius:99px;background:linear-gradient(180deg,transparent,hsl(var(--room-hue) 90% 68% / .95) 50%,transparent);filter:blur(5px);opacity:calc(.42 + var(--room-energy) * .5);box-shadow:0 0 28px hsl(var(--room-hue) 92% 60% / .72),0 0 80px hsl(var(--room-hue) 90% 58% / .55);transition:opacity .25s ease,background .25s ease,box-shadow .25s ease}.gradient-room-light-left{left:9%;transform:rotate(14deg)}.gradient-room-light-right{right:8%;height:220px;transform:rotate(-11deg);background:linear-gradient(180deg,transparent,hsl(calc(var(--room-hue) + 52) 90% 70% / .92) 50%,transparent);box-shadow:0 0 28px hsl(calc(var(--room-hue) + 52) 92% 60% / .72),0 0 80px hsl(calc(var(--room-hue) + 52) 90% 58% / .5)}.gradient-room-label{position:absolute;left:26px;bottom:26px;display:flex;flex-direction:column;gap:6px;color:#a3a6b8;font-size:10px;letter-spacing:.15em}.gradient-room-label strong{color:hsl(var(--room-hue) 92% 76%);font-size:12px;letter-spacing:.03em;transition:color .2s ease}.gradient-room-device-row{position:absolute;right:25px;bottom:27px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:45%}.gradient-room-device-row span{padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#b9bac6;background:rgba(0,0,0,.28);font-size:9px;letter-spacing:.04em;backdrop-filter:blur(10px)}
.gradient-lab-controls{display:flex;flex-direction:column;min-height:650px;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 24px 65px rgba(0,0,0,.3)}.gradient-lab-controls-top{display:flex;justify-content:space-between;align-items:center}.gradient-lab-kicker{color:#888c9e;font-size:10px;letter-spacing:.18em}.gradient-sync-pill{display:inline-flex;align-items:center;gap:7px;color:#8cecff;font-size:11px}.gradient-sync-pill i{width:7px;height:7px;border-radius:50%;background:#74efff;box-shadow:0 0 15px #74efff}.gradient-room-stage.is-paused .gradient-sync-pill{color:#afb0ba}.gradient-room-stage.is-paused .gradient-sync-pill i{background:#777985;box-shadow:none}.gradient-scene-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:43px}.gradient-scene-tabs button{padding:12px 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.2);color:#9b9eae;font:inherit;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.gradient-scene-tabs button:hover,.gradient-scene-tabs button:focus-visible{border-color:#8cecff;color:#fff}.gradient-scene-tabs button.is-active{border-color:hsl(var(--room-hue) 92% 70% / .8);background:hsl(var(--room-hue) 70% 44% / .18);color:#f3fdff;box-shadow:0 0 22px hsl(var(--room-hue) 90% 60% / .16)}.gradient-range-label{display:flex;justify-content:space-between;align-items:flex-end;margin-top:50px}.gradient-range-label span{display:flex;flex-direction:column;gap:7px}.gradient-range-label b,.gradient-sync-toggle b{color:#f1f1f5;font-size:14px}.gradient-range-label small,.gradient-sync-toggle small{color:#858896;font-size:11px;line-height:1.5}.gradient-range-label output{color:hsl(var(--room-hue) 92% 76%);font-size:23px;letter-spacing:-.06em}.gradient-range{width:100%;height:4px;margin:20px 0 38px;border-radius:99px;appearance:none;background:linear-gradient(90deg,hsl(calc(var(--room-hue) - 55) 88% 58%),hsl(var(--room-hue) 92% 65%),hsl(calc(var(--room-hue) + 55) 88% 63%));accent-color:#78eaff;cursor:pointer}.gradient-range::-webkit-slider-thumb{width:19px;height:19px;border:3px solid #fff;border-radius:50%;appearance:none;background:#0a0a12;box-shadow:0 0 0 5px hsl(var(--room-hue) 90% 60% / .22),0 0 20px hsl(var(--room-hue) 90% 60% / .6)}.gradient-sync-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.gradient-toggle-track{display:flex;align-items:center;width:44px;height:25px;padding:3px;border-radius:99px;background:#30313d;transition:background .2s}.gradient-toggle-track i{width:19px;height:19px;border-radius:50%;background:#7e808c;transition:transform .2s,background .2s}.gradient-sync-toggle[aria-pressed="true"] .gradient-toggle-track{background:linear-gradient(90deg,#3dcff0,#9f79ff)}.gradient-sync-toggle[aria-pressed="true"] .gradient-toggle-track i{transform:translateX(19px);background:#fff;box-shadow:0 0 15px #fff}.gradient-lab-readouts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:auto;padding-top:34px;border-top:1px solid rgba(255,255,255,.1)}.gradient-lab-readouts div{display:flex;flex-direction:column;gap:9px}.gradient-lab-readouts span{color:#777a8a;font-size:10px}.gradient-lab-readouts strong{color:#f1f2fa;font-size:14px;font-weight:500}.gradient-lab-note{margin-top:24px;color:#777a87;font-size:11px;line-height:1.7}
.gradient-interaction-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1)}.gradient-interaction-flow>div{min-height:150px;padding:24px;background:rgba(5,5,10,.9)}.gradient-interaction-flow span{color:#73e8ff;font-size:10px;letter-spacing:.16em}.gradient-interaction-flow strong{display:block;margin-top:28px;font-size:17px}.gradient-interaction-flow p{margin-top:8px;color:#858897;font-size:12px;line-height:1.6}
.gradient-matter-section{padding:150px 0 170px;background:radial-gradient(ellipse at 88% 22%,rgba(167,119,255,.16),transparent 28%),radial-gradient(ellipse at 12% 76%,rgba(103,232,255,.1),transparent 26%),#05050a}.gradient-matter-head{align-items:end;margin-bottom:56px}.gradient-matter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gradient-matter-grid article{position:relative;min-height:300px;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));overflow:hidden}.gradient-matter-grid article:after{content:"";position:absolute;right:-12%;bottom:-28%;width:55%;height:58%;border-radius:50%;filter:blur(18px);opacity:.45;background:var(--matter-wash)}.gradient-matter-grid article:nth-child(1){--matter-wash:#3ee5ff}.gradient-matter-grid article:nth-child(2){--matter-wash:#a777ff}.gradient-matter-grid article:nth-child(3){--matter-wash:#ff72c7}.gradient-matter-grid article>*{position:relative;z-index:1}.gradient-matter-grid article>span{color:#9defff;font-size:11px;letter-spacing:.13em}.gradient-matter-grid article:nth-child(2)>span{color:#c6adff}.gradient-matter-grid article:nth-child(3)>span{color:#ffaddb}.gradient-matter-grid h3{margin-top:62px;font-size:25px;line-height:1.25;letter-spacing:-.04em}.gradient-matter-grid p{margin-top:18px;color:#aaaab8;font-size:14px;line-height:1.75}.gradient-matter-statement{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-top:18px;padding:34px 38px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(100deg,rgba(22,215,255,.09),rgba(167,119,255,.09),rgba(255,114,199,.09))}.gradient-matter-mark{padding:11px 14px;border:1px solid #a777ff;border-radius:99px;color:#e2d6ff;font-size:10px;letter-spacing:.16em;box-shadow:0 0 24px rgba(167,119,255,.25)}.gradient-matter-statement h3{font-size:16px}.gradient-matter-statement p{margin-top:7px;color:#aeb0bd;font-size:12px;line-height:1.7}.gradient-matter-statement .text-link{white-space:nowrap;color:#d9faff;border-color:#67e8ff}
@keyframes gradient-screen-scan{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gradient-room-pulse{0%,100%{transform:translateY(0) scaleY(.94);opacity:.72}50%{transform:translateY(-8px) scaleY(1.06);opacity:1}}
.gradient-room-stage.is-syncing .gradient-room-light{animation:gradient-room-pulse 2.2s ease-in-out infinite}.gradient-room-stage.is-syncing .gradient-room-light-right{animation-delay:-.75s}.gradient-room-stage.is-syncing .gradient-room-screen-visual:before{animation-duration:3.6s}.gradient-room-stage.is-paused .gradient-room-screen-visual:before{animation-play-state:paused}.gradient-room-stage.is-paused .gradient-room-light{animation-play-state:paused}
@media(max-width:1050px){.gradient-lab-shell{grid-template-columns:1fr}.gradient-lab-controls{min-height:0}.gradient-lab-readouts{margin-top:44px}}
@media(max-width:700px){.gradient-interaction-lab,.gradient-matter-section{padding:96px 0 112px}.gradient-room-stage{min-height:540px;border-radius:26px}.gradient-room-screen{left:18%;top:15%;width:70%;height:51%;padding:10px}.gradient-room-screen-visual{padding:14px}.gradient-room-desk{left:7%;width:86%;bottom:20%}.gradient-room-light{height:190px;bottom:29%}.gradient-room-device-row{left:24px;right:24px;bottom:22px;justify-content:flex-start;max-width:none}.gradient-room-label{left:24px;bottom:74px}.gradient-lab-controls{padding:24px;border-radius:26px}.gradient-scene-tabs{margin-top:30px}.gradient-range-label{margin-top:38px}.gradient-interaction-flow,.gradient-matter-grid{grid-template-columns:1fr}.gradient-interaction-flow>div{min-height:0}.gradient-matter-grid article{min-height:0}.gradient-matter-grid h3{margin-top:38px}.gradient-matter-statement{grid-template-columns:1fr;gap:20px;padding:28px 24px}.gradient-matter-statement .text-link{justify-self:start}}
@media(prefers-reduced-motion:reduce){.gradient-room-stage.is-syncing .gradient-room-light,.gradient-room-screen-visual:before{animation:none}}

/* Nature-led color field: a calmer counterpoint to the gaming room. */
.gradient-nature-lab{position:relative;overflow:hidden;padding:150px 0 170px;border-top:1px solid rgba(255,255,255,.08);color:#f5f5f7;background:radial-gradient(ellipse at 9% 28%,rgba(117,255,220,.13),transparent 28%),radial-gradient(ellipse at 88% 66%,rgba(135,119,255,.14),transparent 30%),#040b0e}.gradient-nature-lab:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 34%,rgba(255,255,255,.045) 52%,transparent 74%);mix-blend-mode:screen}.gradient-nature-lab>.wrap{position:relative;z-index:1}.gradient-nature-head{align-items:end;margin-bottom:56px}.gradient-nature-head h2{font-size:clamp(44px,6vw,84px);line-height:1.02;letter-spacing:-.06em}.gradient-nature-head h2 .gradient{background:linear-gradient(100deg,#96ffe7,#64c7ff 30%,#8f8aff 58%,#f6b2ff 82%,#ffd18b);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-nature-head>p{max-width:390px;color:#b5c3c5;font-size:15px;line-height:1.85}.gradient-nature-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:stretch}.gradient-nature-stage{--nature-a:#8effdf;--nature-b:#718cff;--nature-c:#e1fff6;--nature-bg:#06151c;position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:radial-gradient(ellipse at 18% 24%,color-mix(in srgb,var(--nature-a) 68%,transparent),transparent 27%),radial-gradient(ellipse at 86% 34%,color-mix(in srgb,var(--nature-b) 64%,transparent),transparent 32%),linear-gradient(160deg,var(--nature-bg),#05070c 64%,#020307);box-shadow:0 34px 90px rgba(0,0,0,.46),0 0 90px color-mix(in srgb,var(--nature-a) 16%,transparent);transition:background .45s ease,box-shadow .45s ease}.gradient-nature-stage[data-nature-mode="ocean"]{--nature-a:#56efff;--nature-b:#2868ff;--nature-c:#9ff4ff;--nature-bg:#04152c}.gradient-nature-stage[data-nature-mode="sunset"]{--nature-a:#ffb267;--nature-b:#ff5e9f;--nature-c:#ffe7ae;--nature-bg:#21100d}.gradient-nature-stage[data-nature-mode="mist"]{--nature-a:#ddfff6;--nature-b:#a7b9ff;--nature-c:#fff7df;--nature-bg:#14151e}.gradient-nature-haze{position:absolute;z-index:-2;border-radius:50%;filter:blur(42px);opacity:.48;transition:background .45s ease,transform .45s ease}.gradient-nature-haze-a{left:-16%;top:2%;width:65%;height:63%;background:var(--nature-a);transform:rotate(-18deg)}.gradient-nature-haze-b{right:-12%;top:18%;width:58%;height:60%;background:var(--nature-b);transform:rotate(24deg)}.gradient-nature-stars{position:absolute;inset:0;z-index:-1;opacity:.68;transition:opacity .35s}.gradient-nature-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--nature-c);box-shadow:0 0 14px var(--nature-c)}.gradient-nature-stars i:nth-child(1){left:19%;top:23%}.gradient-nature-stars i:nth-child(2){left:35%;top:16%;width:2px;height:2px}.gradient-nature-stars i:nth-child(3){left:62%;top:25%;width:4px;height:4px}.gradient-nature-stars i:nth-child(4){right:19%;top:17%;width:2px;height:2px}.gradient-nature-stars i:nth-child(5){right:33%;top:40%;width:3px;height:3px}.gradient-nature-stars i:nth-child(6){left:48%;top:9%;width:2px;height:2px}.gradient-nature-stars i:nth-child(7){left:12%;top:42%;width:2px;height:2px}.gradient-nature-stars i:nth-child(8){right:12%;top:29%;width:2px;height:2px}.gradient-nature-ridge{position:absolute;left:-8%;right:-8%;bottom:0;height:48%;clip-path:polygon(0 74%,9% 64%,17% 71%,29% 35%,38% 59%,48% 23%,58% 54%,68% 31%,80% 65%,90% 42%,100% 62%,100% 100%,0 100%);transition:background .45s ease,opacity .45s ease}.gradient-nature-ridge-back{z-index:-1;background:linear-gradient(160deg,color-mix(in srgb,var(--nature-b) 44%,#0d1824),#081015 78%);opacity:.74}.gradient-nature-ridge-front{z-index:0;bottom:-2%;height:38%;background:linear-gradient(160deg,color-mix(in srgb,var(--nature-a) 34%,#06151b),#020407 78%);opacity:.9}.gradient-nature-horizon{position:absolute;z-index:1;left:8%;right:8%;bottom:18%;height:2px;display:flex;gap:8px;opacity:.84}.gradient-nature-horizon span{flex:1;background:linear-gradient(90deg,transparent,var(--nature-c),transparent);box-shadow:0 0 16px var(--nature-c);transition:background .45s ease,box-shadow .45s ease}.gradient-nature-horizon span:nth-child(2){transform:translateY(10px);opacity:.65}.gradient-nature-horizon span:nth-child(3){transform:translateY(-5px);opacity:.85}.gradient-nature-horizon span:nth-child(4){transform:translateY(7px);opacity:.55}.gradient-nature-stage-copy{position:absolute;z-index:2;left:34px;top:34px;display:flex;flex-direction:column;align-items:flex-start;max-width:300px}.gradient-nature-stage-copy>span,.gradient-nature-stage-copy>small{font-size:10px;letter-spacing:.18em;color:color-mix(in srgb,var(--nature-c) 76%,#fff);transition:color .45s ease}.gradient-nature-stage-copy>strong{margin-top:22px;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.08em;text-shadow:0 8px 28px rgba(0,0,0,.3)}.gradient-nature-stage-copy>b{margin-top:22px;max-width:220px;color:#efffff;font-size:15px;line-height:1.6;font-weight:400}.gradient-nature-stage-copy>small{margin-top:34px;color:rgba(255,255,255,.5);font-size:9px}.gradient-nature-controls{display:flex;flex-direction:column;min-height:570px;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 24px 65px rgba(0,0,0,.3)}.gradient-nature-pill{color:#c6fff2}.gradient-nature-pill i{background:#91ffe4;box-shadow:0 0 15px #91ffe4}.gradient-nature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:43px}.gradient-nature-tabs button{padding:13px 10px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(0,0,0,.2);color:#9eb0b0;font:inherit;font-size:12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.gradient-nature-tabs button:hover,.gradient-nature-tabs button:focus-visible{border-color:#9fffee;color:#fff}.gradient-nature-tabs button.is-active{border-color:color-mix(in srgb,var(--nature-a) 86%,#fff);background:color-mix(in srgb,var(--nature-a) 16%,transparent);color:#f3fffc;box-shadow:0 0 22px color-mix(in srgb,var(--nature-a) 22%,transparent)}.gradient-nature-palette{display:flex;gap:10px;margin-top:46px}.gradient-nature-palette span{width:42px;height:42px;border-radius:50%;background:var(--nature-swatch,#fff);border:1px solid rgba(255,255,255,.42);box-shadow:0 0 22px color-mix(in srgb,var(--nature-swatch,#fff) 50%,transparent);transition:background .4s ease,box-shadow .4s ease}.gradient-nature-readout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.gradient-nature-readout div{display:flex;flex-direction:column;gap:9px}.gradient-nature-readout span{color:#788d8e;font-size:10px}.gradient-nature-readout strong{color:#f1fffb;font-size:14px;font-weight:500}.gradient-nature-controls .gradient-lab-note{margin-top:24px;color:#789092}.gradient-nature-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1)}.gradient-nature-flow>div{min-height:150px;padding:24px;background:rgba(3,11,13,.9)}.gradient-nature-flow span{color:#9fffee;font-size:10px;letter-spacing:.14em}.gradient-nature-flow strong{display:block;margin-top:28px;font-size:17px}.gradient-nature-flow p{margin-top:8px;color:#87999b;font-size:12px;line-height:1.6}
@media(max-width:1050px){.gradient-nature-shell{grid-template-columns:1fr}.gradient-nature-controls{min-height:0}.gradient-nature-readout{margin-top:44px}}
@media(max-width:700px){.gradient-nature-lab{padding:96px 0 112px}.gradient-nature-stage{min-height:520px;border-radius:26px}.gradient-nature-stage-copy{left:24px;top:24px}.gradient-nature-stage-copy>strong{font-size:44px}.gradient-nature-controls{padding:24px;border-radius:26px}.gradient-nature-tabs{margin-top:30px}.gradient-nature-palette{margin-top:34px}.gradient-nature-flow{grid-template-columns:1fr}.gradient-nature-flow>div{min-height:0}}
@media(prefers-reduced-motion:reduce){.gradient-nature-stage,.gradient-nature-haze,.gradient-nature-ridge,.gradient-nature-horizon span,.gradient-nature-palette span{transition:none}}
/* Real-photo editorial direction: a nature poster with restrained JINK overlays. */
.gradient-nature-photo-story{position:relative;margin-top:82px;padding-top:78px;border-top:1px solid rgba(255,255,255,.1)}.gradient-nature-photo-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:28px;align-items:end}.gradient-nature-photo-head h3{font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:-.065em}.gradient-nature-photo-head h3 span{color:#b8ffe9}.gradient-nature-photo-head>p{max-width:430px;color:#9eaead;font-size:14px;line-height:1.85}.gradient-nature-editorial{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:18px;margin-top:34px;align-items:stretch}.gradient-nature-poster{position:relative;min-height:460px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:#020504;box-shadow:0 34px 80px rgba(0,0,0,.35)}.gradient-nature-poster>img{display:block;width:100%;height:100%;min-height:460px;object-fit:cover;object-position:center 48%;filter:saturate(.92) contrast(1.04)}.gradient-nature-poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18) 58%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.86),transparent 38%)}.gradient-nature-poster:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0 39%,rgba(137,255,224,.08) 57%,rgba(255,194,104,.1) 78%,transparent 90%);mix-blend-mode:screen}.gradient-nature-poster-copy{position:absolute;z-index:1;left:38px;top:36px;max-width:390px}.gradient-nature-poster-copy>span{color:#e9fff7;font-size:11px;letter-spacing:.23em}.gradient-nature-poster-copy>strong{display:block;margin-top:65px;color:#fff;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.08em;text-shadow:0 7px 30px rgba(0,0,0,.35)}.gradient-nature-poster-copy>strong em{font-style:normal;background:linear-gradient(105deg,#fff,#a6ffe2 48%,#ffd291);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-nature-poster-copy>p{margin-top:28px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.85}.gradient-nature-poster-metrics{position:absolute;z-index:1;left:38px;right:38px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:17px;border-top:1px solid rgba(255,255,255,.3)}.gradient-nature-poster-metrics span{display:flex;flex-direction:column;gap:6px}.gradient-nature-poster-metrics b{color:#d9fff3;font-size:10px;letter-spacing:.14em}.gradient-nature-poster-metrics small{color:rgba(255,255,255,.66);font-size:10px}.gradient-nature-editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.gradient-nature-editorial-copy h4{margin-top:28px;font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.06em}.gradient-nature-editorial-copy h4 span{color:#ffbb86}.gradient-nature-editorial-copy>p:not(.eyebrow){margin-top:22px;color:#9baaa9;font-size:14px;line-height:1.85}.gradient-nature-editorial-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:auto;padding-top:32px}.gradient-nature-editorial-swatches i{width:18px;height:18px;border-radius:50%;background:#8effdf;box-shadow:0 0 18px #8effdf88}.gradient-nature-editorial-swatches i:nth-child(2){background:#ffd291;box-shadow:0 0 18px #ffd29188}.gradient-nature-editorial-swatches i:nth-child(3){background:#56efff;box-shadow:0 0 18px #56efff88}.gradient-nature-editorial-swatches i:nth-child(4){background:#182724;box-shadow:0 0 18px #182724}.gradient-nature-editorial-swatches span{width:100%;margin-top:4px;color:#708080;font-size:9px;letter-spacing:.13em}.gradient-nature-photo-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:repeat(2,minmax(160px,220px));gap:12px;margin-top:18px}.gradient-nature-photo{position:relative;display:block;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#07100f;color:#fff;text-align:left;cursor:pointer;appearance:none;transition:border-color .25s,box-shadow .25s,transform .25s}.gradient-nature-photo:nth-child(1){grid-row:1 / 3}.gradient-nature-photo:nth-child(4){grid-column:2 / 4}.gradient-nature-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .35s}.gradient-nature-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 62%);pointer-events:none}.gradient-nature-photo:hover,.gradient-nature-photo:focus-visible{border-color:#a6ffe2;box-shadow:0 0 30px rgba(142,255,223,.15);transform:translateY(-2px)}.gradient-nature-photo:hover>img,.gradient-nature-photo:focus-visible>img{transform:scale(1.045);filter:saturate(1.08)}.gradient-nature-photo.is-active{border-color:#b8ffe9;box-shadow:0 0 28px rgba(142,255,223,.2)}.gradient-nature-photo>span,.gradient-nature-photo>small{position:absolute;z-index:1;left:18px}.gradient-nature-photo>span{bottom:31px;color:#f2fffb;font-size:17px;letter-spacing:-.03em}.gradient-nature-photo>small{bottom:13px;color:rgba(255,255,255,.66);font-size:10px;letter-spacing:.08em}.gradient-nature-photo-note{margin-top:18px;color:#718180;font-size:11px;line-height:1.75}.gradient-nature-photo-note a{color:#a1decf;text-decoration:none;border-bottom:1px solid rgba(161,222,207,.38)}
@media(max-width:1050px){.gradient-nature-photo-head,.gradient-nature-editorial{grid-template-columns:1fr}.gradient-nature-editorial-copy{min-height:260px}.gradient-nature-editorial-swatches{margin-top:30px}}
@media(max-width:700px){.gradient-nature-photo-story{margin-top:58px;padding-top:58px}.gradient-nature-photo-head h3{font-size:42px}.gradient-nature-editorial{margin-top:24px}.gradient-nature-poster,.gradient-nature-poster>img{min-height:500px}.gradient-nature-poster-copy{left:24px;top:26px}.gradient-nature-poster-copy>strong{margin-top:52px;font-size:56px}.gradient-nature-poster-metrics{left:24px;right:24px;bottom:22px}.gradient-nature-editorial-copy{padding:26px;border-radius:24px}.gradient-nature-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,155px)}.gradient-nature-photo:nth-child(1){grid-row:1 / 3}.gradient-nature-photo:nth-child(4){grid-column:1 / 3}.gradient-nature-photo>span{left:13px;bottom:28px;font-size:14px}.gradient-nature-photo>small{left:13px;bottom:11px;font-size:9px}.gradient-nature-photo-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gradient-nature-photo,.gradient-nature-photo>img{transition:none}}