/* KHEROON / Atelier 2026: quiet movement, editorial composition, legible commerce. */
:root{--wine:#102b57;--wine-2:#1a437e;--gold:#cfb181;--gold-2:#e5c79b;--ink:#212734;--paper:#fcfaf6;--paper-2:#f4efe4;--line:#e7dfd1;--ink-soft:#6d7481;--ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:175px}body{background:#fcfaf6;color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
::selection{background:#d6bd95;color:#0d2446}
.announcement{height:32px!important;letter-spacing:2.2px;font-size:9px!important;background:#102b57;white-space:nowrap}
.announcement span{font-size:12px!important}.masthead{height:99px;box-shadow:none;background:#fcfaf6;border-color:#e7dfd1}.brand{width:210px}.brand img{mix-blend-mode:multiply}
.search-trigger{font-size:10px;letter-spacing:1.85px;color:#647086;gap:12px}.search-trigger .icon{width:19px;height:19px}
.header-actions .button{font-size:10px;letter-spacing:1.1px;padding:15px 18px;min-height:45px;box-shadow:none;border:1px solid var(--wine)}
.nav{height:55px;gap:clamp(11px,2.45vw,42px);font-size:10px;letter-spacing:1.55px;background:#fcfaf6;border-color:#e8e0d5}
.nav>a,.dropdown>summary{padding:19px 0}.nav>a:hover,.dropdown summary:hover{color:#c19a67}.nav .active:after{height:1px;bottom:12px}
#header{box-shadow:0 9px 28px rgba(23,49,38,.035)}
.button{min-height:50px;border-radius:0;letter-spacing:1.7px;font-weight:550;box-shadow:none!important;transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease),border-color .35s var(--ease)}
.button:hover{transform:translateY(-2px);background:#225648}.button.secondary:hover{background:var(--wine);color:#fff}
.eyebrow{font-weight:550;letter-spacing:3.15px;color:#c29c68;font-size:10px}
.section{max-width:1420px}.section-head h2,.page-intro h1{font-size:clamp(36px,4vw,62px);line-height:1.1}
.section-head p:last-child{font-size:15px;line-height:1.8}
/* Cinematic hero is full-bleed: no copy or buttons cover existing portrait/video typography. */
.atelier-hero{max-width:1920px;margin:auto;position:relative;background:#eee9de}
.atelier-hero .hero-video-frame{aspect-ratio:16/9;background:#f1e7da;overflow:hidden}
.atelier-hero .hero-video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.98) contrast(1.02)}
.atelier-hero .hero-video-frame:after{border:0!important;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.film-rail{display:block;pointer-events:none;position:absolute;z-index:2;left:3.2%;right:3.2%;height:1px;background:linear-gradient(90deg,rgba(111,72,38,.4),transparent 45%,rgba(111,72,38,.3))}
.film-rail-top{top:6%}.film-rail-bottom{bottom:6%}.film-index{position:absolute;bottom:9.5%;left:4%;right:4%;display:flex;justify-content:space-between;font-size:clamp(8px,.7vw,11px);letter-spacing:2px;color:#49342a;z-index:3;font-family:"Avenir Next",sans-serif;opacity:.65;pointer-events:none}
.atelier-hero .hero-panel{padding:0!important;background:#f6f1e7;box-shadow:0 5px 28px rgba(22,48,38,.04);border-bottom:1px solid #ded3c3}
.atelier-hero .hero-panel-inner{max-width:1340px;margin:auto;padding:25px 42px;display:flex;align-items:center;justify-content:space-between;gap:32px;text-align:left}
.hero-panel-copy{display:flex;align-items:center;gap:18px}.hero-panel-copy .eyebrow{margin:0 0 6px;font-size:9px}.hero-panel-copy p:last-child{max-width:410px;font-family:Georgia,serif;font-style:italic;line-height:1.5;color:#4e594f;font-size:clamp(13px,1.2vw,17px);margin:0}
.tiny-star{font-size:38px;color:#bda16f;line-height:1;animation:glyph-breathe 6s ease-in-out infinite}
.atelier-hero .hero-actions{align-items:center;display:flex;justify-content:flex-end;gap:36px;flex-shrink:0}
.atelier-hero .hero-action-main{min-height:51px;padding:14px 23px;border:1px solid #102b57;background:#102b57;font-size:10px;letter-spacing:1.55px;min-width:245px;max-width:none;width:auto}
.atelier-hero .hero-action-story{font-size:11px;letter-spacing:1.5px;width:100px;min-width:90px;gap:9px}
.atelier-hero .hero-video-caption{display:none}
/* subtle, non-blocking brand-motion rail */
.atelier-ticker{overflow:hidden;background:#153d33;padding:15px 0;color:#e8dabc;border-block:1px solid #b59a6330}
.ticker-track{white-space:nowrap;font-size:10px;letter-spacing:4px;font-weight:550;width:max-content;animation:ticker 44s linear infinite}
.ticker-track span{display:inline-block;margin:0 55px;font-size:14px;color:#d2b47b;vertical-align:middle}
.atelier-manifesto{max-width:1180px;text-align:center;padding-block:96px 100px}
.atelier-manifesto .ornament-line{display:block;font-size:32px;color:#c5ac7d;margin-bottom:25px}
.atelier-manifesto h2{font-size:clamp(37px,5.1vw,76px);line-height:1.17;color:#17392f;margin:12px 0 24px}
.atelier-manifesto h2 em,.atelier-feature-copy h2 em{font-style:italic;color:#ab8859;font-weight:400}
.atelier-manifesto>p:not(.eyebrow){max-width:560px;margin:0 auto 28px;color:#647168;font-size:16px;line-height:1.9}
.atelier-link{display:inline-flex;gap:30px;align-items:center;padding:13px 2px 12px;border-bottom:1px solid #b5915a;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#173b31;font-weight:600;transition:gap .3s var(--ease),color .3s}
.atelier-link:hover{gap:43px;color:#c29c68}.atelier-link span{font-size:18px;font-weight:400;line-height:1}
.collection-feature{padding-top:72px;padding-bottom:92px}.collection-feature .section-head{margin-bottom:43px}
.grid{gap:clamp(14px,1.75vw,29px)}.grid .card{border-radius:0;background:none;box-shadow:none!important;padding-bottom:20px;transition:transform .5s var(--ease)}
.grid .card:hover{transform:translateY(-4px)}.card-visual{overflow:hidden!important;border-radius:0!important;background:#f5efe6}
.card-image{aspect-ratio:4/4.8;background:#eeeae2}.card-image img{object-fit:cover;transition:transform .85s var(--ease)}.card-image:hover img{transform:scale(1.065)}
.card h3{font-size:clamp(17px,1.3vw,21px);margin:9px 0 8px;letter-spacing:-.01em}
.card p{font-size:13px;color:#5f6777}.card .eyebrow{margin-top:19px!important;font-size:9px!important;letter-spacing:1.65px;color:#b99567}.tag{border-radius:0;background:#102b57;top:12px;left:12px}
.card .save{width:37px;height:37px;line-height:35px;font-size:24px;border:1px solid #b59c7660;box-shadow:0 3px 12px rgba(16,43,87,.08)}
.quickview{border-radius:0!important;letter-spacing:1.6px!important}
.collection-links{margin-top:25px;gap:26px}.textlink{font-size:10px;letter-spacing:1.6px;font-weight:600;border-bottom:1px solid #b9a070}
/* The campaign feature uses existing authentic jewellery photo, not invented studio photos */
.atelier-feature{display:grid;grid-template-columns:1fr 1fr;min-height:580px;background:#102b57;color:#f9f3e8;overflow:hidden}
.atelier-feature-photo{position:relative;overflow:hidden;min-height:520px;background:#efe2d0}
.atelier-feature-photo img{width:100%;height:100%;min-height:520px;position:absolute;inset:0;object-fit:cover;object-position:center;transition:transform 1.5s var(--ease)}
.atelier-feature-photo:hover img{transform:scale(1.045)}
.feature-photo-number{position:absolute;bottom:25px;left:32px;background:#f8f3ebee;padding:11px 14px;color:#15325d;letter-spacing:2px;font-size:9px}
.atelier-feature-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(38px,6.5vw,104px);position:relative;background:radial-gradient(circle at 95% 7%,rgba(215,183,134,.18),transparent 30%), radial-gradient(circle at 10% 88%, rgba(93,65,122,.14), transparent 24%), #102b57}
.atelier-feature-copy:before{content:'';pointer-events:none;position:absolute;width:250px;height:250px;border:1px solid #d2ba8730;border-radius:50%;top:-125px;right:-125px;box-shadow:0 0 0 40px rgba(213,188,138,.07),0 0 0 85px rgba(213,188,138,.03)}
.atelier-feature-copy .eyebrow{color:#d9c198}.atelier-feature-copy h2{color:#fff7e8;font-size:clamp(45px,5vw,75px);line-height:1.07;margin-bottom:24px}
.atelier-feature-copy h2 em{color:#e4cb9f}.atelier-feature-copy>p:not(.eyebrow){font-size:15px;max-width:380px;color:#e9e2d6;line-height:2;margin:0 0 26px}
.atelier-feature-copy .atelier-link{color:#f6eee0;border-color:#c3a16b}.feature-glyph{color:#d9c198;font-size:37px;margin-bottom:24px}
.collections-section{padding-top:110px;padding-bottom:110px}.category-editorial{gap:16px}.category-tile{aspect-ratio:3/4!important;border-radius:0!important;box-shadow:none!important}
.category-tile img{filter:saturate(.87);transition:transform 1s var(--ease),filter .6s}.category-tile:hover img{filter:saturate(1);transform:scale(1.065)}
.category-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,31,67,.68),transparent 44%);pointer-events:none}
.category-tile span{z-index:2;font-size:clamp(24px,2vw,35px);left:24px;right:24px;bottom:22px}
.story-band{background:#f6f0e7}.split>img{border-radius:0;min-height:410px}.split h2{font-size:clamp(37px,4vw,60px);line-height:1.12}.split>div p:not(.eyebrow){max-width:475px;color:#697384;font-size:15px;line-height:1.9}
.benefits>div{border-radius:0!important;box-shadow:none!important;border:1px solid #e4dccd;padding:40px 28px;background:#fffdf9}
.benefits>div h3{font-size:23px}.benefits>div p{font-size:14px;color:#6e7684}.benefits>div:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(12,35,71,.10)!important}
.page-intro{padding:85px 20px 60px;background:radial-gradient(circle at 18% 0,#f0e6d8,#fcfaf5 62%,#f5efe5 100%)}
.page-intro h1{margin-bottom:16px}.page-intro p{color:#6d7583;line-height:1.8}
.toolbar{border:1px solid #e4ddcf;padding:19px;border-radius:0!important;background:#fffdf9;box-shadow:none}
.toolbar input,.toolbar select{border:1px solid #ded8cb;padding:15px;font-size:13px;background:#fffdf9;border-radius:0!important}
.product-photo{background:#f1ece5}.product-info h1{font-size:clamp(38px,4vw,58px)}
.product-info>p:not(.eyebrow,.price,.notice){color:#58645b}.price{color:#967043}
.form,.notice,.dialog{border-radius:0!important}.form{background:#fffdf9;border:1px solid #e5dfd4;padding:42px;box-shadow:none}
.form .notice{box-shadow:none}.form input,.form textarea{border-radius:0!important}
footer{background:#0b2143;padding-top:78px}.footer-grid{gap:55px}.footer-grid h3{font-family:Georgia,serif;font-size:19px;color:#dbc095;letter-spacing:0}
.footer-grid a{opacity:.84;transition:opacity .25s,transform .25s}.footer-grid a:hover{opacity:1;transform:translateX(4px)}
.footer-logo{max-width:240px;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.15)}.copyright{color:#ddd6c7b3}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes glyph-breathe{50%{transform:rotate(20deg);opacity:.6}}
@media(min-width:1600px){.atelier-hero .hero-video-frame{max-height:900px}}
@media(max-width:1100px){.nav{gap:16px;font-size:9px}.header-actions .button{font-size:9px}.atelier-hero .hero-panel-inner{padding:24px 30px}.hero-panel-copy p:last-child{max-width:330px}}
@media(max-width:1000px){#header{top:-32px}.masthead{height:80px;grid-template-columns:1fr 1.6fr 1fr}.brand{width:180px}.nav.open{display:flex;position:relative;z-index:30;flex-direction:column;gap:0;max-height:calc(100dvh - 110px);overflow:auto;padding:14px 24px;background:#fcfaf6;box-shadow:0 14px 22px rgba(16,43,87,.10)}.nav>a,.dropdown>summary{padding:14px 0}.nav .dropdown{width:100%}.mobile-toggle{font-size:23px}.atelier-hero .hero-panel-inner{align-items:center;gap:20px}.hero-panel-copy{flex:1;gap:10px}.hero-panel-copy p:last-child{font-size:12px}.tiny-star{font-size:28px}.atelier-hero .hero-actions{gap:17px}.atelier-hero .hero-action-main{min-width:215px}.atelier-manifesto{padding:70px 22px}.atelier-feature{min-height:460px}.atelier-feature-photo,.atelier-feature-photo img{min-height:460px}.atelier-feature-copy{padding:40px}.collections-section{padding-top:70px;padding-bottom:70px}}
@media(max-width:750px){.announcement{font-size:7.5px!important;letter-spacing:1.25px}.announcement span{font-size:11px}.masthead{padding-inline:12px;height:75px}.brand{width:168px}.atelier-hero .hero-video-frame{aspect-ratio:16/9}.film-index{font-size:7px;letter-spacing:1px;bottom:8%}.atelier-hero .hero-panel-inner{padding:23px 20px;display:flex;flex-direction:column;gap:21px}.hero-panel-copy{text-align:center;display:block}.hero-panel-copy .eyebrow{margin-bottom:5px}.hero-panel-copy p:last-child{max-width:450px;font-size:15px}.tiny-star{display:none}.atelier-hero .hero-actions{justify-content:center;width:100%;flex-wrap:wrap}.atelier-hero .hero-action-main{min-width:210px}.atelier-manifesto h2{font-size:clamp(37px,8vw,57px)}.atelier-feature{grid-template-columns:1fr}.atelier-feature-photo,.atelier-feature-photo img{min-height:440px}.atelier-feature-copy{min-height:440px;padding:50px 8%}.atelier-feature-copy h2{font-size:clamp(43px,7.5vw,59px)}.atelier-ticker{padding:12px 0}.ticker-track{font-size:9px}.ticker-track span{margin-inline:33px}.category-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{aspect-ratio:3/4!important}.collection-feature{padding-top:45px}.footer-grid{gap:29px}}
@media(max-width:540px){.announcement{letter-spacing:.6px!important}.announcement span{display:none}.brand{width:152px}.header-actions .iconbutton{padding:5px}.atelier-hero .hero-video-frame:after{inset:0}.film-index{left:5%;right:5%;bottom:6%;font-size:6px}.film-index span{display:none}.atelier-hero .hero-panel-inner{padding:24px 18px 29px}.atelier-hero .hero-action-main{width:100%;min-width:0;min-height:52px}.atelier-hero .hero-actions{max-width:390px;gap:13px}.atelier-hero .hero-action-story{min-height:35px}.atelier-manifesto{padding-top:61px;padding-bottom:70px}.atelier-manifesto>p:not(.eyebrow){font-size:14px}.atelier-manifesto h2{font-size:clamp(34px,9vw,45px)}.section-head h2{font-size:37px}.category-editorial{gap:9px}.category-tile span{font-size:21px;left:13px;bottom:13px}.atelier-feature-photo,.atelier-feature-photo img{min-height:365px}.atelier-feature-copy{min-height:350px;padding:40px 25px}.atelier-feature-copy>p:not(.eyebrow){font-size:14px}.grid{gap:25px 12px}.card-image{aspect-ratio:3/3.6}.card h3{font-size:16px}.card .eyebrow{font-size:8px!important}.card p{font-size:12px}.section{padding-inline:19px}.form{padding:24px}.feature-photo-number{left:15px;bottom:15px}.footer-logo{width:200px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.tiny-star{animation:none!important}.atelier-ticker{white-space:nowrap}.card:hover,.atelier-feature-photo:hover img,.category-tile:hover img{transform:none!important}.atelier-hero .hero-video{visibility:hidden}.atelier-hero .hero-video-frame{background:#f6eee2 url('images/hero-video-poster.jpg') center/cover no-repeat}}

.contact-preface{text-align:center;margin:0 auto 32px;max-width:630px}.contact-preface h2{font-size:clamp(31px,4vw,49px);margin:0 0 15px}.contact-preface>p:last-child{color:#6d7684;line-height:1.8}.enquiry-direct{margin:0 auto}.enquiry-direct .honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-feedback{font-size:13px;min-height:24px;margin:19px 0 0}.form-feedback.success{color:#266546}.form-feedback.error{color:#aa4c3b}.privacy-note{font-size:12px;line-height:1.7;margin-top:20px}.privacy-note a{border-bottom:1px solid #af9364}.legal{max-width:900px}.legal h2{font-size:29px;margin:32px 0 13px}.legal p{color:#65746a;line-height:1.95}.legal a{border-bottom:1px solid #bba078}


/* 2026 retheme: sapphire gemstone luxury */
body{background:radial-gradient(circle at top left,rgba(214,191,151,.18),transparent 24%),radial-gradient(circle at 88% 18%,rgba(66,87,146,.12),transparent 26%),var(--paper)}
.announcement{background:linear-gradient(90deg,#08172d,#102b57 42%,#251532);color:#ead8b0}
.masthead,.nav{background:rgba(252,250,246,.94)}
#header{box-shadow:0 12px 30px rgba(8,24,52,.06)}
.nav>a:hover,.dropdown summary:hover,.textlink:hover,.atelier-link:hover,.collection-links .textlink:hover{color:var(--gold)}
.button,.hero-action-main{background:linear-gradient(180deg,#183a75,#102b57);border-color:#d2b789;color:#fffdf9}
.button:hover,.hero-action-main:hover{background:linear-gradient(180deg,#20498f,#14336a)}
.button.secondary{background:rgba(255,253,249,.9);color:#102b57;border-color:#d8bf96}
.atelier-hero .hero-video-frame:after{background:linear-gradient(180deg,rgba(11,25,51,.10),rgba(10,24,48,.42));inset:0;content:'';position:absolute;pointer-events:none}
.atelier-hero .hero-panel{background:linear-gradient(180deg,rgba(8,23,45,.10),rgba(8,23,45,.40));backdrop-filter:blur(5px)}
.atelier-hero .hero-panel-inner{background:linear-gradient(180deg,rgba(255,250,242,.92),rgba(247,240,231,.88));border:1px solid rgba(214,192,151,.62);box-shadow:0 26px 60px rgba(9,26,53,.16)}
.hero-panel-copy .eyebrow,.eyebrow{color:#bd9966}
.hero-panel-copy p:last-child{color:#4d576a}
.tiny-star{color:#c6a06e}
.atelier-ticker{background:#0d2446;color:#ecdec1;border-color:#1f4179}
.ticker-track span{color:#ccab77}
.atelier-manifesto{background:linear-gradient(180deg,#fffdf9 0%,#f7f2ea 100%)}
.atelier-manifesto:before{background:radial-gradient(circle,#d4b585 0 1px,transparent 1px);opacity:.32}
.atelier-feature{background:linear-gradient(135deg,#0d2446,#102b57 55%,#251532)}
.atelier-feature-copy:before{border-color:rgba(215,189,137,.22)}
.category-tile:after{background:linear-gradient(0deg,rgba(11,31,67,.78),transparent 44%)}
.story-band{background:linear-gradient(120deg,#f6f1e8,#fbf9f4 68%,#efe6d8)}
.benefits>div:hover{border-color:#dbc094}
.toolbar input:focus,.toolbar select:focus,.form input:focus,.form textarea:focus{border-color:#d4b27a;box-shadow:0 0 0 3px rgba(212,178,122,.12)}
.notice{background:#f5ecdf;border-left-color:#d4b27a}
.product-photo,.card-image,.atelier-feature-photo{background:linear-gradient(180deg,#f5f0e7,#efe7dc)}
footer{background:radial-gradient(circle at 16% 0,rgba(79,48,109,.35),transparent 22%),linear-gradient(180deg,#08172d,#0c2143 62%,#0b1b34)}
.footer-grid a:hover{color:#f1ddba}
.copyright{border-top-color:rgba(255,255,255,.12)}