@charset "UTF-8";
/* Independent CSS interpretation of the fluid light idea in Lightswind Animated Flow.
   No source code, shader, assets or runtime from that component are included. */
.hero{position:relative;isolation:isolate}
.hero>.hero-top,.hero>.hero-copy,.hero>.hero-photo,.hero>.hero-foot{position:relative;z-index:1}
.hero-atmosphere{position:absolute;z-index:0;top:0;left:0;width:100%;height:clamp(330px,34vw,470px);overflow:hidden;pointer-events:none;contain:paint;mask-image:linear-gradient(#000 0%,#000 73%,transparent 100%)}
.hero-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171b1d 0%,#171b1df0 25%,#171b1d88 48%,#171b1d15 67%,#171b1d99 100%);pointer-events:none}
.atmosphere-flow{position:absolute;width:115%;height:160%;left:7%;top:-93%;border-radius:50%;transform-origin:60% 70%;animation-play-state:paused;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.atmosphere-flow-a{background:radial-gradient(ellipse at 50% 50%,transparent 47%,#5b9b7520 50%,#86c99a6e 53%,#6ca78437 57%,#5176600d 62%,transparent 68%);transform:translate3d(-4%,2%,0) rotate(-14deg);animation-name:atmosphere-flow-a;animation-duration:26s}
.atmosphere-flow-b{top:-76%;left:27%;width:100%;height:145%;background:radial-gradient(ellipse at 50% 50%,transparent 47%,#86c99a0c 50%,#86c99a38 54%,#48685416 59%,transparent 65%);transform:translate3d(3%,0,0) rotate(11deg);animation-name:atmosphere-flow-b;animation-duration:32s}
.atmosphere-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 4%,#86c99a15,transparent 51%);pointer-events:none}
.hero[data-atmosphere-running="true"] .atmosphere-flow{animation-play-state:running}
@keyframes atmosphere-flow-a{from{transform:translate3d(-4%,2%,0) rotate(-14deg)}to{transform:translate3d(4%,8%,0) rotate(-5deg)}}
@keyframes atmosphere-flow-b{from{transform:translate3d(3%,0,0) rotate(11deg)}to{transform:translate3d(-5%,5%,0) rotate(3deg)}}
@media(max-width:640px){.hero-atmosphere{height:410px;opacity:.7}.atmosphere-flow-a{width:190%;left:-5%;animation-duration:34s}.atmosphere-flow-b{display:none}.hero-atmosphere::after{background:linear-gradient(90deg,#171b1dc9,#171b1d22 100%)}}
@media(prefers-reduced-motion:reduce){.atmosphere-flow{animation:none!important}}

/* Light product atmosphere: mineral surfaces, sparse contours and a local light
   field. The approved hero light composition and motion remain unchanged. */
.products{position:relative;isolation:isolate;background-color:var(--paper);background-image:radial-gradient(ellipse at 94% 8%,#86c99a38 0%,#b7d7bb1a 34%,transparent 63%),linear-gradient(180deg,#fafbf7 0%,#f3f2ed 100%);background-size:100% 690px,100% 100%;background-repeat:no-repeat}
.products-atmosphere{position:absolute;z-index:0;top:0;left:0;width:100%;height:690px;overflow:hidden;pointer-events:none;contain:paint;mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)}
.products-light{position:absolute;top:-15%;left:15%;width:105%;height:115%;pointer-events:none;background:radial-gradient(ellipse at 65% 34%,#86c99a36 0%,#b6d9bd15 35%,transparent 63%);transform:translate3d(-7%,0,0);animation:products-light-drift 24s ease-in-out infinite alternate paused}
.products[data-atmosphere-running="true"] .products-light{animation-play-state:running}
@keyframes products-light-drift{from{transform:translate3d(-7%,0,0)}to{transform:translate3d(5%,8%,0)}}
.products::before{content:"";position:absolute;z-index:0;top:0;right:0;width:52%;height:570px;pointer-events:none;background:radial-gradient(ellipse at 119% -15%,transparent 54.8%,#557c6026 55%,transparent 55.2%,transparent 61.8%,#557c601c 62%,transparent 62.2%,transparent 68.8%,#557c6012 69%,transparent 69.2%);mask-image:linear-gradient(180deg,#000 0%,#000 34%,transparent 88%)}
.products>.section-heading,.products>.product-lead,.products>.product-pair{position:relative;z-index:1}
.products>.section-heading>.eyebrow{display:flex;align-items:center;gap:13px;color:#55765d}
.products>.section-heading>.eyebrow::before{content:"";width:30px;height:1px;background:#709d7a;flex-shrink:0}
.products .product-picture{background:linear-gradient(130deg,#ecf0e6 0%,#e2e8dc 53%,#dce5d7 100%);box-shadow:inset 0 0 0 1px #64806b21}
.products .product-picture::before{background-image:linear-gradient(#48684f08 1px,transparent 1px),linear-gradient(90deg,#48684f08 1px,transparent 1px);mask-image:linear-gradient(135deg,#000 0%,#0009 50%,transparent 100%)}
.products .product-pair{border-top-color:#9cb6a078}
@media(max-width:900px){.products::before{width:65%;height:480px}}
@media(max-width:640px){.products{background-size:100% 520px,100% 100%}.products-atmosphere{height:520px}.products-light{left:-20%;width:140%;animation-duration:28s}.products::before{width:100%;height:370px;opacity:.75}.products>.section-heading>.eyebrow{gap:10px}.products>.section-heading>.eyebrow::before{width:24px}}
@media(prefers-reduced-motion:reduce){.products-light{animation:none!important}}