.edge-shades-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding:0 24px;background:radial-gradient(circle at 85% 20%,rgba(190,224,92,.16),transparent 28%),linear-gradient(125deg,#08281c 0%,#0c3a28 58%,#14543a 100%)}
.edge-shades-hero:before{position:absolute;inset:0;z-index:-1;content:"";opacity:.08;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.edge-shades-hero__inner{display:grid;min-height:720px;padding:65px 0;grid-template-columns:minmax(0,1.05fr) minmax(400px,.8fr);align-items:center;gap:80px}
.edge-shades-hero__content{position:relative;z-index:2}.edge-shades-breadcrumb{margin-bottom:58px}.edge-shades-hero h1{font-size:clamp(58px,6.7vw,96px)}
.edge-shades-hero__content>p:not(.edge-shades-kicker){max-width:620px;margin:27px 0 32px;color:#d5dfd8;font-size:16px;line-height:1.8}
.edge-shades-hero__actions{display:flex;flex-wrap:wrap;gap:11px}.edge-shades-hero__actions>a{display:inline-flex;min-height:51px;padding:0 21px;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:11px;font-weight:850;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.edge-shades-hero__actions>a:first-child{border-color:#b7d957;color:#113b29;background:#b7d957}.edge-shades-hero__facts{display:flex;margin-top:43px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);gap:34px}.edge-shades-hero__facts span{display:flex;align-items:center;gap:11px;color:#afbeb5;font-size:11px;text-transform:uppercase}.edge-shades-hero__facts strong{color:#c5e267;font-family:Georgia,serif;font-size:28px;font-weight:400}
.edge-shades-hero__visual{position:relative;height:540px}.edge-shades-hero__ring{position:absolute;top:50%;left:50%;width:460px;height:460px;transform:translate(-50%,-50%);border:1px solid rgba(198,227,106,.22);border-radius:50%;box-shadow:0 0 0 62px rgba(190,224,92,.025),0 0 0 124px rgba(190,224,92,.018)}
.edge-shades-hero__board{position:absolute;top:50%;left:50%;width:390px;height:235px;border-radius:5px;box-shadow:0 35px 65px rgba(0,0,0,.35)}.edge-shades-hero__board:before{position:absolute;right:0;bottom:100%;left:0;height:20px;content:"";transform:skewX(-42deg);transform-origin:bottom right;background:#a3b796}.edge-shades-hero__board:after{position:absolute;top:0;bottom:0;left:100%;width:20px;content:"";transform:skewY(-48deg);transform-origin:top left;background:#436c55}
.edge-shades-hero__board--back{transform:translate(-55%,-48%) rotate(-13deg);opacity:.55;background:#d8d2bd}.edge-shades-hero__board--front{display:flex;transform:translate(-48%,-43%) rotate(-5deg);align-items:flex-end;padding:22px;color:rgba(255,255,255,.68);background:#76936c;font-size:10px;font-weight:850;letter-spacing:.16em}
.edge-shades-page--sparkle .edge-shades-hero__board--front{background-color:#97887e;background-image:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px);background-size:13px 13px}.edge-shades-page--acrylic .edge-shades-hero__board--front{background:linear-gradient(120deg,#183f34,#669486 45%,#d8f3ea 49%,#245346 54%,#102d24)}.edge-shades-page--marble .edge-shades-hero__board--front{background:linear-gradient(115deg,#e9e5da 30%,#8f918d 31%,#efebe2 33%,#b5ad9f 55%,#f4f1e9 58%)}.edge-shades-page--wooden .edge-shades-hero__board--front{background:repeating-linear-gradient(88deg,#815d41 0,#815d41 9px,#a07856 10px,#694830 16px)}.edge-shades-page--metallic .edge-shades-hero__board--front{background:linear-gradient(110deg,#6a7072,#dadcda 38%,#858b8c 50%,#f1f2f0 66%,#62686a)}
.edge-shades-hero__badge{position:absolute;right:0;bottom:42px;padding:18px 21px;color:#123d2a;background:#f5f3eb;box-shadow:0 16px 35px rgba(0,0,0,.18)}.edge-shades-hero__badge small,.edge-shades-hero__badge strong{display:block}.edge-shades-hero__badge small{margin-bottom:4px;font-size:8px;font-weight:850;letter-spacing:.16em}.edge-shades-hero__badge strong{font-family:Georgia,serif;font-size:19px;font-weight:400}
.edge-category-overview{padding:110px 24px;background:#fff}.edge-category-overview__inner{display:grid;width:min(100%,1280px);margin:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:85px}.edge-category-gallery{min-width:0}.edge-category-gallery__viewport{overflow:hidden;background:#e9ede5;box-shadow:0 25px 55px rgba(14,54,36,.12)}.edge-category-gallery__track{display:flex;transition:transform .45s cubic-bezier(.22,.7,.25,1)}.edge-category-gallery__track figure{position:relative;min-width:100%;height:530px;margin:0}.edge-category-gallery__track img{width:100%;height:100%;object-fit:cover}.edge-category-gallery__fallback{display:flex;padding:45px;justify-content:flex-end;flex-direction:column;color:#fff;background:linear-gradient(135deg,hsl(calc(85 + var(--fallback-index)*35) 18% 62%),hsl(calc(105 + var(--fallback-index)*25) 26% 32%))}.edge-category-gallery__fallback:before{position:absolute;inset:14% 8%;content:"";transform:rotate(-7deg);border-radius:3px;background:rgba(255,255,255,.22);box-shadow:0 22px 45px rgba(0,0,0,.18)}.edge-category-gallery__fallback span,.edge-category-gallery__fallback small{position:relative}.edge-category-gallery__fallback span{font-family:Georgia,serif;font-size:46px}.edge-category-gallery__fallback small{margin-top:5px;letter-spacing:.12em;text-transform:uppercase}.edge-category-gallery__controls{display:flex;margin-top:22px;align-items:center;justify-content:space-between;color:#738078;font-size:12px;letter-spacing:.08em}.edge-category-gallery__controls b{color:#123d2a;font-size:18px}.edge-category-gallery__controls div{display:flex;gap:8px}.edge-category-gallery__controls button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #dbe2d7;border-radius:50%;color:#123d2a;background:#fff;cursor:pointer}.edge-category-gallery__controls button:hover{color:#fff;background:#123d2a}
.edge-category-overview__content h2{margin:0;color:#123d2a;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.4vw,64px);font-weight:400;line-height:1;letter-spacing:-.045em}.edge-category-overview__content h2 em{color:#a4c446;font-weight:400}.edge-category-overview__content h3{margin:25px 0 10px;color:#123d2a;font-size:14px;letter-spacing:.04em}.edge-category-overview__content>p:not(.edge-shades-kicker){margin:0;color:#68766e;font-size:15px;line-height:1.75}.edge-category-specs{display:grid;margin:32px 0 0;border-top:1px solid #dfe5dc;grid-template-columns:1fr 1fr}.edge-category-specs div{padding:19px 16px 19px 0;border-bottom:1px solid #e4e9e1}.edge-category-specs div:nth-child(even){padding-left:22px;border-left:1px solid #e4e9e1}.edge-category-specs dt{margin-bottom:6px;color:#81933f;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.edge-category-specs dd{margin:0;color:#263c30;font-size:12px;line-height:1.5}.edge-category-overview__actions{display:flex;margin-top:31px;gap:10px}.edge-category-overview__actions a{display:inline-flex;min-height:47px;padding:0 18px;align-items:center;justify-content:center;gap:8px;border:1px solid #123d2a;color:#123d2a;font-size:10px;font-weight:850;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.edge-category-overview__actions a:first-child{color:#fff;background:#123d2a}
@media(max-width:980px){.edge-shades-hero__inner{grid-template-columns:1fr .72fr;gap:35px}.edge-shades-hero__visual{height:450px}.edge-shades-hero__board{width:310px;height:190px}.edge-shades-hero__ring{width:380px;height:380px}.edge-category-overview__inner{grid-template-columns:1fr;gap:55px}.edge-category-gallery{width:min(100%,700px);margin:auto}}
@media(max-width:700px){.edge-shades-hero{min-height:auto}.edge-shades-hero__inner{display:flex;min-height:auto;padding:44px 0 65px;flex-direction:column}.edge-shades-breadcrumb{margin-bottom:40px}.edge-shades-hero h1{font-size:clamp(50px,15vw,70px)}.edge-shades-hero__visual{width:100%;height:390px}.edge-shades-hero__board{width:76%;height:175px}.edge-shades-hero__ring{width:330px;height:330px}.edge-shades-hero__facts{gap:18px}.edge-shades-hero__facts span{align-items:flex-start;flex-direction:column}.edge-category-overview{padding:76px 15px}.edge-category-overview__inner{gap:45px}.edge-category-gallery__track figure{height:390px}.edge-category-specs{grid-template-columns:1fr}.edge-category-specs div:nth-child(even){padding-left:0;border-left:0}.edge-category-overview__actions{align-items:stretch;flex-direction:column}}