/* KHEROON — refinement layer. Original palette and hero artwork are preserved. */
:root{--ease:cubic-bezier(.2,.7,.2,1);--paper:#fcf7ef}
html{scroll-behavior:smooth;scroll-padding-top:180px}body{background:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:#c6a56c66;color:var(--wine)}
#header{position:sticky;top:-46px;z-index:30;transition:box-shadow .35s var(--ease)}body.site-scrolled #header{box-shadow:0 9px 30px #320b0912}.masthead{background:#fcf6ebf5;backdrop-filter:blur(16px)}.nav{background:#fbf3e8f5;backdrop-filter:blur(16px)}.brand{width:238px}.brand img{width:100%;height:auto;max-height:96px;object-fit:contain;mix-blend-mode:normal;transition:filter .4s ease}.brand:hover img{filter:brightness(1.1)}.footer-logo{mix-blend-mode:normal;filter:brightness(1.42);width:235px;height:auto}.announcement{background:radial-gradient(ellipse at 50% 80%,#23584a,#0b2923);font-size:clamp(9px,1.05vw,17px)}.nav>a:before{content:'';position:absolute;height:1px;left:0;right:0;bottom:9px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav>a:hover:before{transform:scaleX(1)}.nav a:hover,.dropdown summary:hover{color:var(--gold)}.dropdown-menu{padding:18px 25px;box-shadow:0 18px 40px #123b3216}.dropdown-menu a{transition:padding .25s,color .25s}.dropdown-menu a:hover{padding-left:5px}.button{position:relative;overflow:hidden;transition:background .3s ease,transform .3s var(--ease),box-shadow .3s ease}.button:after{content:'';pointer-events:none;position:absolute;inset:-50% -100%;background:linear-gradient(115deg,transparent 40%,#ffffff20 50%,transparent 60%);transform:translateX(-40%);transition:transform .7s var(--ease)}.button:hover:after{transform:translateX(40%)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #123b3217}.button.secondary:hover{background:#f0e4d4}.hero{overflow:hidden}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ad844b88,transparent);pointer-events:none}.section{padding-top:95px;padding-bottom:95px}.section-head{margin-bottom:45px}.section-head:after{content:'◆';display:block;margin:26px auto 0;font-size:8px;color:var(--gold);width:115px;line-height:1px;box-shadow:35px 0 0 -34px var(--gold)}h2{letter-spacing:-.6px}.eyebrow{font-size:10px;letter-spacing:2.9px}.card{padding-bottom:18px;border-bottom:1px solid #d9c8b388;transition:border-color .4s,transform .4s}.card:hover{border-color:var(--gold)}.card-image{position:relative;background:#eee5d9;outline:1px solid #b397701f;outline-offset:-1px}.card-image img{transition:transform .9s var(--ease),filter .7s ease}.card-image:hover img{transform:scale(1.055);filter:brightness(1.035)}.card h3{line-height:1.4;transition:color .3s}.card h3:hover{color:#98682c}.card .save{width:38px;height:38px;display:grid;place-items:center;font-size:24px;z-index:2;box-shadow:0 2px 10px #00000008;transition:background .25s,transform .25s}.card .save:hover{transform:scale(1.08);background:white}.card .save[aria-pressed=true]{background:var(--wine);color:#ead0a0}.quickview{position:absolute;left:16px;right:16px;top:auto;bottom:126px;border:1px solid #c5a27066;background:#fffaf0eb;backdrop-filter:blur(8px);color:var(--wine);padding:12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;transition:transform .35s,opacity .35s,background .3s;z-index:2}.quickview:hover{background:#fffaf0}.card-visual{position:relative}.card-visual .quickview{bottom:15px}@media(hover:hover){.quickview{opacity:0;transform:translateY(8px)}.card:hover .quickview,.card:focus-within .quickview{opacity:1;transform:translateY(0)}}.collection-links{margin-top:48px}.textlink{position:relative;transition:color .25s}.textlink:hover{color:var(--gold)}.story-band{background:linear-gradient(120deg,#f1e5d6,#fcf5e9 70%,#efe1cc)}.split>img{border:8px solid #fffaf2;box-shadow:0 14px 45px #63452313}.split>div{max-width:550px}.benefits{margin-top:15px;gap:50px}.benefits>div{padding:10px 22px;position:relative}.benefits>div+div:before{position:absolute;content:'';left:-25px;top:10%;height:80%;width:1px;background:linear-gradient(transparent,#c4a77a77,transparent)}.benefits h3{font-size:23px}.benefits p{font-size:15px;color:#756655}.page-intro{background:radial-gradient(ellipse at center top,#efe0ca,#fcf7ef 75%);padding-top:65px;padding-bottom:45px}.page-intro .eyebrow{margin-bottom:20px}.toolbar{padding-bottom:23px;border-bottom:1px solid var(--line)}.toolbar input,.toolbar select{background:#fffcf7;border-color:#d9c8b3;transition:border-color .3s}.toolbar input:focus,.toolbar select:focus{border-color:var(--gold)}.product-photo{border:1px solid #d5c2a9}.product-layout{gap:80px}.product-info .eyebrow{margin-top:15px}.product-info h1{line-height:1.18}.specs div{line-height:1.5}.form{background:#fffcf7;padding:40px 45px;border:1px solid #dfcdb6;box-shadow:0 20px 65px #6345230c}.form input,.form textarea{transition:box-shadow .3s,border-color .3s}.form input:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a37a420c}.notice{background:#f6eddf}.faq-wrap .faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-wrap .faq summary:after{content:'+';color:var(--gold)}.faq-wrap .faq[open] summary:after{content:'−'}.faq-wrap .faq p{color:#766655}footer{position:relative;background:radial-gradient(ellipse at 20% 0,#601313,#0b2923 75%);border-top:1px solid #a37a42;padding-top:75px}.footer-grid a{width:fit-content;transition:color .25s,transform .25s}.footer-grid a:hover{color:#e8c78a;transform:translateX(3px)}.dialog{box-shadow:0 25px 80px #18040244;max-height:90vh;overflow:auto}.dialog[open]{animation:dialog-enter .3s var(--ease)}.quick-dialog{width:min(880px,94vw);padding:30px}.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;clear:both}.quick-layout img{width:100%;aspect-ratio:1;object-fit:cover}.quick-layout h2{font-size:32px}.quick-layout p{font-size:14px}.quick-layout .button{font-size:11px;display:flex;padding:15px 20px}.quick-layout .price{font-size:22px}.quick-dialog .close{margin-bottom:10px}.page-progress{position:fixed;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#aa8344,#eed6a1);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.back-top{position:fixed;bottom:25px;right:24px;width:44px;height:44px;border:1px solid #c3a674;background:#fcf6edeb;color:var(--wine);box-shadow:0 6px 20px #35060010;z-index:20;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,visibility .3s;font-size:20px}.back-top.visible{opacity:1;visibility:visible;transform:none}.back-top:hover{background:var(--wine);color:var(--ivory)}.mobile-search{display:none}.category-editorial{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.category-tile{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#e6dbcc}.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.category-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061f19ce)}.category-tile span{position:absolute;bottom:28px;left:26px;right:26px;color:#fff7e7;z-index:1;font-size:26px;display:flex;align-items:center;justify-content:space-between}.category-tile span b{font-size:20px;font-weight:400;transition:transform .4s}.category-tile:hover img{transform:scale(1.045)}.category-tile:hover b{transform:translateX(5px)}.category-tile:focus-visible{outline-offset:5px}.collections-section{padding-top:65px;padding-bottom:75px}.collections-section .section-head{margin-bottom:35px}@keyframes dialog-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px) and (max-width:1599px){#header{top:calc(-1 * clamp(30px,2.875vw,46px))}}
@media(max-width:1000px){html{scroll-padding-top:110px}#header{top:-30px}.brand{width:175px}.brand img{max-height:78px}.masthead{grid-template-columns:1fr 1.65fr 1fr}.mobile-search{display:block;padding:6px}.mobile-search .icon{width:22px;height:22px}.header-actions .iconbutton{padding:6px}.header-actions .icon{width:24px;height:24px}.section{padding:55px 23px}.section-head{margin-bottom:32px}.form{padding:25px}.product-layout{gap:30px}.category-editorial{grid-template-columns:repeat(2,1fr);gap:18px}.category-tile span{font-size:23px;bottom:20px;left:20px;right:20px}.benefits>div+div:before{display:none}.benefits{gap:20px}.quickview{font-size:9px;letter-spacing:1px;padding:10px}.card-visual .quickview{left:10px;right:10px;bottom:10px}.card-image{aspect-ratio:1/1.1}.quick-layout{grid-template-columns:1fr;gap:20px}.quick-layout img{max-height:260px;object-fit:contain}.quick-layout h2{font-size:28px}.quick-dialog{padding:20px}.quick-dialog .close{margin-bottom:0}.footer-logo{width:205px}.footer-grid{gap:35px}.back-top{bottom:18px;right:16px}.nav.open{max-height:calc(100dvh - 105px);overflow:auto}.hero{animation:none}.form .button{width:100%}}
@media(max-width:420px){.announcement{font-size:8px;letter-spacing:1px;gap:7px}.brand{width:155px}.masthead{padding:0 10px}.grid{gap:26px 12px}.category-editorial{gap:12px}.category-tile span{font-size:20px;left:16px;right:16px}.card .save{width:33px;height:33px;font-size:22px}.card h3{font-size:16px}.quickview{font-size:8px}.section{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-image:hover img,.category-tile:hover img,.button:hover{transform:none}}

/* Responsive, live hero controls. These links never depend on image coordinates on mobile. */
.hero-live{container-type:inline-size;aspect-ratio:auto;isolation:isolate}
.hero-live>.hero-art{display:block;width:100%;height:auto;object-fit:contain}
.hero-panel{position:absolute;left:7.05%;top:71.8%;z-index:2}
.hero-copy-mobile{display:none}
.hero-actions{display:flex;align-items:center;gap:2.15cqw}
.hero-action-main{width:21.1cqw;min-height:44px;height:3.75cqw;max-height:76px;padding:0 1.2cqw;gap:1cqw;white-space:nowrap;font-size:clamp(11px,.88cqw,17px);letter-spacing:clamp(.8px,.1cqw,1.8px);line-height:1.3;background:#123b32;border-color:#a9864e;color:#fff5df;box-shadow:0 3px 10px #123b320b}
.hero-arrow{color:#d7b477;font-size:clamp(21px,1.6cqw,30px);line-height:1;transition:transform .3s var(--ease)}
.hero-action-main:hover .hero-arrow{transform:translateX(4px)}
.hero-action-story{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:7cqw;min-width:100px;min-height:44px;padding:8px 0;color:#2d2b26;font-size:clamp(12px,.9cqw,17px);text-transform:uppercase;letter-spacing:1px;line-height:1.2;transition:color .25s}
.hero-story-rule{position:relative;width:100%;height:1px;background:#ac8449}
.hero-story-rule:after{content:'';position:absolute;left:calc(50% - 4px);top:-3px;width:7px;height:7px;background:#a4782f;transform:rotate(45deg);transition:transform .3s}
.hero-action-story:hover{color:#9e702d}
.hero-action-story:hover .hero-story-rule:after{transform:rotate(135deg)}
.hero-actions a:focus-visible{outline:3px solid #ad7e31;outline-offset:5px}
@media(max-width:1000px){
 .hero-live{overflow:visible}
 .hero-panel{position:relative;left:auto;top:auto;padding:28px 24px 32px;background:linear-gradient(#faf0e1,#fcf7ef);text-align:center;border-bottom:1px solid var(--line)}
 .hero-copy-mobile{display:block;max-width:570px;margin:0 auto 23px}
 .hero-copy-mobile h1{font-size:clamp(30px,5vw,43px);line-height:1.15;margin:0 0 13px}
 .hero-copy-mobile .eyebrow{font-size:9px;margin:0 0 14px}
 .hero-copy-mobile>p:last-child{font-size:15px;line-height:1.7;margin:0}
 .hero-actions{justify-content:center;gap:25px;flex-wrap:wrap}
 .hero-action-main{width:auto;min-width:255px;min-height:52px;height:auto;max-height:none;padding:17px 23px;gap:18px;font-size:12px;letter-spacing:1.35px;white-space:normal}
 .hero-arrow{font-size:25px}
 .hero-action-story{width:108px;min-height:48px;font-size:13px;padding:12px 0}
}
@media(max-width:540px){
 .hero-panel{padding:25px 20px 28px}
 .hero-actions{flex-direction:column;gap:9px;width:100%;max-width:390px;margin:auto}
 .hero-action-main{width:100%;min-width:0;min-height:54px;font-size:11px;letter-spacing:1.4px;justify-content:center}
 .hero-action-story{width:112px;min-height:48px;font-size:12px}
 .hero-copy-mobile>p:last-child{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.hero-action-main:hover .hero-arrow{transform:none}.hero-action-story:hover .hero-story-rule:after{transform:rotate(45deg)}}


/* 2026 premium refresh — richer editorial direction */
:root{
  --paper:#fdf7ef;
  --paper-2:#f8eee0;
  --wine:#123b32;
  --wine-2:#1f5547;
  --gold:#a77a3f;
  --gold-2:#c49b5b;
  --champagne:#f5e8d2;
  --ink-soft:#5f5449;
}
body{
  background:
    radial-gradient(circle at 14% 8%, rgba(199,155,88,.08), transparent 22%),
    radial-gradient(circle at 88% 18%, rgba(122,20,22,.05), transparent 18%),
    linear-gradient(180deg, #fdf8f1 0%, #f8f0e4 100%);
}
.masthead{background:linear-gradient(105deg,rgba(251,242,228,.95),rgba(255,250,244,.96));}
.nav{background:rgba(252,246,236,.93)}
.button{border-radius:0;box-shadow:0 6px 18px rgba(91,11,16,.08)}
.button.secondary{background:rgba(255,252,247,.84);backdrop-filter:blur(8px)}
.search-trigger,.nav,.dropdown-menu a,.footer-grid a,.textlink{transition:color .3s var(--ease), transform .3s var(--ease)}
.search-trigger:hover{color:var(--gold);transform:translateY(-1px)}
.hero-live{position:relative;overflow:hidden;background:linear-gradient(180deg,#fcf4e8 0%,#f8ecdd 100%)}
.hero-live:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 30%,transparent 72%,rgba(199,155,88,.09) 100%);pointer-events:none;z-index:1}
.hero-live>.hero-art{position:relative;z-index:0;filter:saturate(1.03) contrast(1.01)}
.hero-ornaments{position:absolute;inset:0;pointer-events:none;z-index:1;mix-blend-mode:screen}
.hero-orb{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(255,235,195,.78) 0%, rgba(255,219,160,.2) 38%, rgba(255,255,255,0) 72%);filter:blur(4px);animation:heroFloat 8.5s ease-in-out infinite}
.orb-one{width:200px;height:200px;right:10%;top:10%}
.orb-two{width:130px;height:130px;left:42%;bottom:16%;animation-delay:-3s}
.hero-spark{position:absolute;color:rgba(204,164,93,.92);font-size:28px;text-shadow:0 0 18px rgba(255,228,179,.65);animation:heroTwinkle 3.4s ease-in-out infinite}
.spark-one{right:29%;top:28%}
.spark-two{left:48%;bottom:20%;font-size:22px;animation-delay:-1.2s}
.hero-grid{position:absolute;right:39%;top:10%;width:120px;height:150px;border:1px solid rgba(187,145,80,.18);box-shadow:0 0 0 36px rgba(187,145,80,.02)}
.hero-grid:before,.hero-grid:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent 32%,rgba(187,145,80,.22) 33%,transparent 34%,transparent 66%,rgba(187,145,80,.22) 67%,transparent 68%),linear-gradient(transparent 0,transparent 25%,rgba(187,145,80,.22) 26%,transparent 27%,transparent 52%,rgba(187,145,80,.22) 53%,transparent 54%,transparent 79%,rgba(187,145,80,.22) 80%,transparent 81%)}
.hero-panel{left:6.3%;top:72.1%;padding:8px 10px;border-radius:2px;z-index:2}
.hero-actions{align-items:stretch}
.hero-action-main{background:linear-gradient(180deg,var(--wine) 0%, #0d3029 100%);border-color:#b48b4f;box-shadow:0 10px 24px rgba(89,8,12,.16)}
.hero-action-main:hover{background:linear-gradient(180deg,#6d1114 0%, #17483d 100%)}
.hero-action-story{backdrop-filter:blur(4px)}
.hero-copy-mobile{color:var(--ink-soft)}
.section{position:relative}
.section-luxury:before{content:'';position:absolute;left:40px;right:40px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,122,63,.25),transparent);pointer-events:none}
.section-head p:last-child{color:var(--ink-soft)}
.grid .card,.benefits>div,.form,.page-intro,.split>div,.category-tile,.toolbar,.faq-wrap details,.product-info,.story-band .section{will-change:transform}
.grid .card{background:linear-gradient(180deg,rgba(255,252,247,.88),rgba(252,244,232,.72));padding:0 0 20px;border-radius:0 0 18px 18px;box-shadow:0 8px 26px rgba(64,33,18,.04)}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(64,33,18,.08)}
.card h3 a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s ease}
.card:hover h3 a{background-size:100% 1px}
.collection-links .textlink{padding-inline:8px}
.category-editorial{align-items:stretch}
.category-tile{border-radius:24px;box-shadow:0 12px 30px rgba(69,31,17,.09)}
.category-tile:before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.42);z-index:1;border-radius:inherit}
.category-tile span{font-family:Georgia,'Times New Roman',serif;text-shadow:0 6px 20px rgba(18,7,5,.22)}
.story-band{position:relative;overflow:hidden}
.story-band:before{content:'';position:absolute;inset:auto -5% 0 auto;width:260px;height:260px;border-radius:50%;border:1px solid rgba(167,122,63,.14);box-shadow:0 0 0 36px rgba(167,122,63,.05),0 0 0 88px rgba(167,122,63,.03);pointer-events:none}
.split>img{border-radius:18px}
.benefits>div{background:rgba(255,251,246,.8);border:1px solid rgba(202,175,139,.24);box-shadow:0 12px 24px rgba(77,33,20,.04);border-radius:18px;padding:28px 22px 26px;transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease)}
.benefits>div:hover{transform:translateY(-8px);box-shadow:0 20px 36px rgba(77,33,20,.08);border-color:rgba(167,122,63,.45)}
.page-intro{position:relative;overflow:hidden}
.page-intro:after{content:'';position:absolute;inset:auto auto -80px -80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(167,122,63,.12), rgba(167,122,63,0) 70%)}
.toolbar,.form,.dialog{border-radius:20px}
.form,.dialog,.toolbar,.page-intro,.notice{box-shadow:0 12px 34px rgba(67,26,12,.05)}
footer:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(241,214,162,.45),transparent)}
.footer-grid>div{animation:none}
footer a:hover{letter-spacing:.2px}
.back-top{border-radius:50%;backdrop-filter:blur(10px)}
.toast{border-radius:999px;background:linear-gradient(180deg,var(--wine),#410608);padding-inline:24px}
.float-spark{position:absolute;pointer-events:none;font-size:18px;color:rgba(177,134,65,.9);text-shadow:0 0 10px rgba(255,227,186,.45);opacity:0;animation:ambientSpark 5s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}
@keyframes heroTwinkle{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes ambientSpark{0%,100%{opacity:0;transform:translateY(6px) scale(.9)}18%,72%{opacity:.9}50%{transform:translateY(-8px) scale(1.05)}}
@keyframes popUpFloat{0%{opacity:0;transform:translateY(18px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
.reveal-pop{animation:popUpFloat .7s var(--ease) both}
@media(max-width:1000px){
  .hero-ornaments{display:none}
  .hero-panel{box-shadow:0 -10px 24px rgba(77,33,20,.04)}
  .section-luxury:before{left:18px;right:18px}
  .grid .card{border-radius:0 0 14px 14px}
  .category-tile{border-radius:18px}
}
@media(max-width:540px){
  .benefits>div{padding:24px 18px}
  .toolbar,.form,.dialog{border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.hero-orb,.hero-spark,.float-spark{animation:none!important}}

/* KHEROON international fine-jewellery palette: emerald, ivory and brushed gold */
:root{--paper:#fbf8f1;--paper-2:#f2eee4;--wine:#123b32;--wine-2:#1d5547;--gold:#a88448;--gold-2:#c4a66d;--ink:#252a26;--line:#e4ddcf;--champagne:#eee5d3;--ink-soft:#5d625c}
body{background:radial-gradient(circle at 12% 5%,rgba(168,132,72,.065),transparent 24%),linear-gradient(180deg,#fcfaf5,#f4f0e7)}
.announcement{background:radial-gradient(ellipse at 50% 80%,#205447,#0d2c26);color:#e5d1a5}
.masthead{background:linear-gradient(105deg,#f8f4e9f5,#fffdf8f5)}
.nav{background:rgba(251,248,241,.96)}
.button,.hero-action-main{background:linear-gradient(180deg,#17483d,#0d3029);border-color:#b4965d;color:#fff9eb}
.button:hover,.hero-action-main:hover{background:linear-gradient(180deg,#225b4d,#123b32)}
.button.secondary{color:#123b32;background:rgba(255,253,247,.86)}
h1,h2,h3,.faq-wrap details summary{color:#123b32}
.page-intro{background:radial-gradient(ellipse at center top,#eee7d7,#fbf8f1 75%)}
.story-band{background:linear-gradient(120deg,#eee8dc,#faf7ef 70%,#e9e1d0)}
footer{background:radial-gradient(ellipse at 20% 0,#205447,#0d2c26 75%)}
.dropdown-menu{background:#fbf8f1}
.tag{background:#123b32}
.toast{background:linear-gradient(180deg,#17483d,#0d3029)}
.dialog{color:#123b32;background:#fbf8f1}
.hero-live{background:linear-gradient(180deg,#f7f2e7,#ede6d7)}
.hero-orb{background:radial-gradient(circle,rgba(245,226,184,.72),rgba(214,190,137,.16) 38%,transparent 72%)}
@media(prefers-reduced-motion:no-preference){.button,.category-tile,.card,.benefits>div{transition-duration:.45s}.hero-orb{animation-duration:10s}.hero-spark{animation-duration:4s}}

/* Final refinement: editorial type pairing and restrained detail */
body{font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;color:#282d29}
h1,h2,h3,.page-intro h1,.product-info h1,.section-head h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.nav,.announcement,.eyebrow,.button,.textlink,.tag,.toolbar input,.toolbar select,.form label{font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif}
.nav{font-weight:500;letter-spacing:1.1px}
.toolbar input,.toolbar select{color:#323a34;border-radius:2px}
.card{box-shadow:0 6px 22px rgba(27,54,43,.035)}
.grid .card{border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(27,54,43,.045)}
.card:hover{box-shadow:0 16px 34px rgba(27,54,43,.09)}
.category-tile{border-radius:14px;box-shadow:0 8px 25px rgba(27,54,43,.08)}
.category-tile:before{border-radius:inherit}
.form,.dialog,.toolbar{border-radius:6px}
.benefits>div{border-radius:8px}
.card-image,.product-photo{background:#f0ece2}
.dialog::backdrop{background:rgba(9,31,25,.72)}
@media(prefers-reduced-motion:reduce){.page-progress{display:none}}

.search-results a{border-radius:4px;transition:background .25s ease,transform .25s ease}
.search-results a:hover,.search-results a:focus-visible{background:#f1ecdf;transform:translateX(3px)}
.search-results img{border:1px solid rgba(168,132,72,.2)}


/* Homepage video hero */
.hero-video-mode{aspect-ratio:auto;overflow:hidden;background:#f6f1e7}
.hero-video-mode:before{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 62%,rgba(18,59,50,.035))}
.hero-video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f0ece2}
.hero-video-frame:after{content:'';position:absolute;inset:12px;border:1px solid rgba(196,166,109,.4);pointer-events:none;z-index:1}
.hero-video-mode .hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none!important}
.hero-video-mode .hero-panel{position:relative;left:auto;top:auto;z-index:2;padding:25px 24px 32px;background:linear-gradient(180deg,#fbf8f1,#f5f0e5);text-align:center;border-bottom:1px solid var(--line);box-shadow:none;transform:none!important}
.hero-video-mode .hero-copy-mobile{display:none}
.hero-video-caption{margin:0 auto 17px;color:#77705f;font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;font-size:10px;letter-spacing:2.4px;text-transform:uppercase}
.hero-video-mode .hero-actions{justify-content:center;gap:36px}
.hero-video-mode .hero-action-main{width:auto;min-width:260px;height:auto;max-height:none;min-height:54px;padding:16px 24px;font-size:11px;letter-spacing:1.35px}
.hero-video-mode .hero-action-story{width:120px;min-height:50px}
.hero-video-mode .hero-video.autoplay-blocked{background:#f0ece2}
@media(max-width:1000px){
 .hero-video-mode{overflow:hidden}
 .hero-video-mode .hero-panel{padding:24px 20px 29px}
 .hero-video-mode .hero-actions{gap:24px}
}
@media(max-width:540px){
 .hero-video-frame:after{inset:6px}
 .hero-video-mode .hero-panel{padding:21px 18px 26px}
 .hero-video-caption{font-size:9px;letter-spacing:1.9px;margin-bottom:13px}
 .hero-video-mode .hero-actions{flex-direction:column;gap:8px;width:100%;max-width:390px;margin:auto}
 .hero-video-mode .hero-action-main{width:100%;min-width:0;min-height:54px;font-size:11px;justify-content:center}
 .hero-video-mode .hero-action-story{width:112px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.hero-video-mode .hero-video{visibility:hidden}.hero-video-frame{background:#f0ece2 url("images/hero-video-poster.jpg") center/cover no-repeat}}