:root{--ivory:#f5f0e8;--paper:#fbf8f3;--paper2:#eee7de;--ink:#171614;--muted:#6e675f;--line:rgba(23,22,20,.14);--gold:#b4894b;--dark:#0c1014;--max:1180px;--ease:cubic-bezier(.2,.72,.2,1);--header:88px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#ebe6de;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}body.lock{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.site{max-width:var(--max);margin:18px auto;background:var(--paper);border:1px solid var(--line);overflow:clip}.serif,h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em}.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.rule{width:36px;height:1px;background:var(--gold);margin:22px 0}.arrow{display:inline-flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.arrow:after{content:'→';font-size:18px;transition:transform .3s}.arrow:hover:after{transform:translateX(5px)}
.header{position:fixed;z-index:60;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),var(--max));height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:20px 28px;pointer-events:none;transition:.45s var(--ease)}.header>*{pointer-events:auto}.header.scrolled{top:0;width:100%;max-width:none;height:70px;padding-top:12px;background:rgba(248,244,237,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;transition:.35s}.brand-mark{width:25px;height:25px}.brand strong{font-family:Georgia,serif;font-weight:400;letter-spacing:.26em;font-size:16px}.brand small{font-size:7px;letter-spacing:.14em;text-transform:uppercase}.header.scrolled .brand{transform:scale(.84);transform-origin:top center}.icon-btn{border:0;background:none;padding:0;cursor:pointer}.menu-btn{justify-self:start;width:36px;height:34px}.menu-btn span,.menu-btn:before,.menu-btn:after{content:'';display:block;width:25px;height:1px;background:currentColor;margin:5px 0}.cart-btn{justify-self:end;display:flex;align-items:flex-start;gap:6px;font-size:10px}.bag{width:17px;height:20px;border:1.5px solid currentColor;border-radius:2px;position:relative}.bag:before{content:'';position:absolute;left:3px;top:-6px;width:8px;height:6px;border:1.5px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0}
.hero{position:relative;min-height:620px;display:grid;grid-template-columns:43% 57%;background:var(--ivory)}.hero-copy{z-index:2;padding:155px 35px 70px 82px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(43px,5vw,68px);line-height:1.07;margin:26px 0 0}.hero-copy p{font-size:13px;margin:0}.hero-media{position:relative;overflow:hidden}.hero-media:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--ivory) 0%,rgba(245,240,232,.78) 16%,rgba(245,240,232,.16) 44%,transparent 68%)}.hero-media img{width:100%;height:112%;object-fit:cover;object-position:center;transform:translate3d(0,var(--parallax,0),0) scale(1.04);will-change:transform}
.story{display:grid;grid-template-columns:1.08fr .92fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-image{min-height:390px;overflow:hidden}.story-image img{width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--parallax,0),0) scale(1.03)}.story-copy{padding:60px 54px;display:flex;flex-direction:column;justify-content:center}.story h2{font-size:clamp(38px,4vw,54px);line-height:1.12;margin:20px 0}.section{padding:48px 48px 58px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-head h2{font-size:34px;margin:5px 0 0}.product-row{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.product-card{min-width:0}.product-card .media{aspect-ratio:1/1;overflow:hidden;background:#e7dccd;position:relative}.product-card img{width:100%;height:100%;object-fit:cover;transition:.65s var(--ease)}.product-card:hover img{transform:scale(1.03)}.product-card h3{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin:11px 0 4px}.product-card p{font-size:9px;text-transform:uppercase;margin:0}.product-card .view{position:absolute;left:10px;right:10px;bottom:10px;padding:9px;background:rgba(250,247,241,.88);backdrop-filter:blur(8px);font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(7px);transition:.35s}.product-card:hover .view{opacity:1;transform:none}
.about-band{min-height:360px;background:linear-gradient(90deg,#eee7de,#e8e0d6);display:grid;grid-template-columns:1fr 1fr;overflow:visible;border-top:1px solid var(--line)}.about-copy{padding:58px 70px;display:flex;flex-direction:column;justify-content:center}.about-copy h2{font-size:42px;line-height:1.12;margin:18px 0}.about-copy p{max-width:460px;font-size:13px;color:#3f3934}.about-photo{display:flex;align-items:flex-end;justify-content:center;overflow:visible}.about-photo img{height:390px;width:auto;object-fit:contain;object-position:bottom;transform:translateY(18px)}
.values{display:grid;grid-template-columns:repeat(4,1fr);background:#f2ede6;border-top:1px solid var(--line)}.value{padding:24px 18px;display:grid;grid-template-columns:45px 1fr;gap:13px;align-items:start}.value img{width:38px;filter:invert(59%) sepia(37%) saturate(715%) hue-rotate(358deg) brightness(91%) contrast(82%)}.value strong{font-size:9px;letter-spacing:.06em;text-transform:uppercase}.value p{font-size:9px;line-height:1.45;margin:5px 0 0}.footer{background:var(--dark);color:#fff;display:grid;grid-template-columns:1.2fr 1fr .75fr 1.1fr;gap:28px;padding:34px 50px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .brand-mark{width:42px;filter:invert(59%) sepia(37%) saturate(715%) hue-rotate(358deg) brightness(91%) contrast(82%)}.footer-brand strong{font-family:Georgia,serif;font-weight:400;letter-spacing:.2em}.footer a,.footer p,.footer small{font-size:10px;line-height:1.85;color:#f5f1eb}.footer-col{border-left:1px solid rgba(255,255,255,.14);padding-left:26px}.footer a{display:block}.socials{display:flex;gap:14px;margin-top:8px}.socials a{border-bottom:1px solid transparent}.socials a:hover{border-color:currentColor}
.overlay{position:fixed;inset:0;background:rgba(11,12,13,.42);z-index:80;opacity:0;visibility:hidden;transition:.35s}.overlay.show{opacity:1;visibility:visible}.menu-panel{position:fixed;z-index:90;inset:0;background:var(--paper);transform:translateY(-100%);transition:.65s var(--ease);padding:32px 50px;display:flex;flex-direction:column}.menu-panel.open{transform:none}.menu-top{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:none;font-size:34px;cursor:pointer}.menu-links{margin:auto 0;display:grid;gap:10px}.menu-links a{font-family:Georgia,serif;font-size:clamp(38px,6vw,74px);line-height:1}.menu-links a:hover{font-style:italic}.menu-bottom{display:flex;justify-content:space-between;align-items:end;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.cart-panel{position:fixed;z-index:95;right:0;top:0;height:100%;width:min(420px,100%);background:var(--paper);transform:translateX(100%);transition:.5s var(--ease);padding:28px}.cart-panel.open{transform:none}.cart-panel h2{font-size:36px;margin-top:52px}.disabled-shop{padding:18px;border:1px solid var(--line);background:#f4efe8;font-size:12px}.page-hero{padding:150px 62px 70px;background:var(--ivory);border-bottom:1px solid var(--line)}.page-hero h1{font-size:60px;margin:5px 0}.catalog{padding:46px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter{border:1px solid var(--line);background:none;padding:9px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.masonry{columns:3;column-gap:22px}.masonry .product-card{break-inside:avoid;margin-bottom:30px}.masonry .product-card:nth-child(3n+1) .media{aspect-ratio:4/5}.masonry .product-card:nth-child(3n+2) .media{aspect-ratio:1/1}.product-layout{padding:135px 50px 65px;display:grid;grid-template-columns:1.12fr .88fr;gap:50px}.product-gallery{display:grid;gap:14px}.product-gallery img{width:100%;background:#eadfce}.product-info{position:sticky;top:105px;align-self:start}.product-info h1{font-size:52px;margin:8px 0 15px}.product-price{font-size:17px;margin:22px 0}.btn{border:1px solid var(--ink);background:transparent;padding:12px 18px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.btn.primary{background:var(--ink);color:#fff}.btn[disabled]{opacity:.45;cursor:not-allowed}.note{font-size:11px;color:var(--muted);margin-top:16px}.editorial-page{display:grid;grid-template-columns:1fr 1fr;min-height:720px;padding-top:90px}.editorial-page .portrait{background:#e8e0d6;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.editorial-page .portrait img{width:100%;height:100%;object-fit:cover}.editorial-copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.editorial-copy h1{font-size:56px;line-height:1.08}.editorial-copy p{font-family:Georgia,serif;font-size:23px;line-height:1.5}.form-page{padding:135px 65px 70px;max-width:950px;margin:auto}.form-page h1{font-size:54px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;padding:13px;min-height:48px}.field textarea{min-height:150px;resize:vertical}.form-status{font-size:12px;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card{padding:30px;background:#f0e9df}.map-placeholder{min-height:330px;background:linear-gradient(135deg,#e8e0d6,#f7f2eb);display:grid;place-items:center;text-align:center;color:var(--muted)}.legal{padding:135px 65px 70px;max-width:900px;margin:auto}.legal h1{font-size:52px}.legal h2{font-size:28px;margin-top:42px}.legal p,.legal li{font-size:14px;color:#403b36}.preloader{position:fixed;z-index:200;inset:0;background:var(--paper);display:grid;place-items:center;transition:.65s}.preloader.hidden{opacity:0;visibility:hidden}.preloader .brand-mark{width:58px;animation:spin 1.3s linear infinite}.reveal{opacity:0;transform:translateY(20px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-media img,.story-image img{transform:none!important}}
@media(max-width:1023px){.site{margin:0;max-width:none;border:0}.header{top:0;width:100%}.hero{min-height:700px;grid-template-columns:1fr}.hero-copy{position:absolute;inset:0;padding:145px 48% 60px 7%;background:linear-gradient(90deg,rgba(245,240,232,.98),rgba(245,240,232,.72) 55%,transparent 82%)}.hero-media{grid-area:1/1}.story-copy{padding:48px 35px}.section{padding:42px 30px}.product-row{grid-template-columns:repeat(3,1fr)}.product-row .product-card:nth-child(n+4){display:none}.about-copy{padding:46px}.values{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}.masonry{columns:2}.product-layout{grid-template-columns:1fr}.product-info{position:static}.editorial-page{grid-template-columns:1fr}.editorial-page .portrait{min-height:600px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.header{padding:15px 18px;height:70px}.brand strong{font-size:13px}.brand-mark{width:22px!important;height:22px!important}.hero{min-height:650px}.hero-copy{padding:120px 36% 50px 26px;background:linear-gradient(90deg,rgba(245,240,232,.98),rgba(245,240,232,.76) 57%,transparent 84%)}.hero h1{font-size:39px}.hero-media img{object-position:59% center}.story{grid-template-columns:1fr}.story-image{min-height:320px}.story-copy{padding:40px 28px}.story h2{font-size:39px}.section{padding:36px 20px 44px}.section-head{align-items:start;flex-direction:column}.product-row{display:flex;overflow-x:auto;gap:13px;scroll-snap-type:x mandatory;padding-bottom:8px}.product-row .product-card{display:block!important;min-width:75%;scroll-snap-align:start}.about-band{grid-template-columns:1fr;min-height:610px}.about-copy{padding:42px 28px 8px}.about-copy h2{font-size:38px}.about-photo img{height:350px}.values{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.value{min-width:78%;scroll-snap-align:start}.footer{grid-template-columns:1fr;padding:30px 26px}.footer-col{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:18px 0 0}.menu-panel{padding:25px}.menu-bottom{flex-direction:column;align-items:start;gap:20px}.page-hero{padding:120px 24px 48px}.page-hero h1{font-size:44px}.catalog{padding:30px 18px}.masonry{columns:1}.product-layout{padding:115px 18px 48px}.product-info h1{font-size:42px}.editorial-page{padding-top:70px}.editorial-page .portrait{min-height:500px}.editorial-copy{padding:45px 26px}.editorial-copy h1{font-size:43px}.editorial-copy p{font-size:20px}.form-page,.legal{padding:115px 22px 55px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
\n
/* Production additions */
body{opacity:1;transition:opacity .25s ease}body.page-leaving{opacity:0}.header.scrolled{-webkit-backdrop-filter:blur(16px)}
.product-card .media.cursor-target{cursor:none}.custom-cursor{position:fixed;z-index:150;width:68px;height:68px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;pointer-events:none;font-size:8px;letter-spacing:.11em;opacity:0;transform:translate(-50%,-50%);transition:opacity .18s;mix-blend-mode:multiply}.custom-cursor.visible{opacity:1}
.toast{position:fixed;z-index:160;left:50%;bottom:28px;transform:translate(-50%,15px);background:var(--ink);color:#fff;padding:11px 16px;font-size:10px;letter-spacing:.06em;opacity:0;visibility:hidden;transition:.3s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.lang-switch{display:flex;gap:6px}.lang-btn{border:1px solid var(--line);background:transparent;padding:7px 9px;cursor:pointer;font-size:9px;letter-spacing:.08em}.lang-btn.active{background:var(--ink);color:#fff}
.cart-items{flex:1;overflow:auto}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;object-fit:cover}.cart-item h3{font-family:Arial,sans-serif;font-size:11px;margin:0 0 4px}.cart-item p{font-size:10px;margin:0 0 7px;color:var(--muted)}.qty{display:inline-flex;border:1px solid var(--line);align-items:center}.qty button{border:0;background:transparent;width:28px;height:28px;cursor:pointer}.qty span{min-width:24px;text-align:center;font-size:10px}.remove{border:0;background:none;padding:0;font-size:9px;text-decoration:underline;cursor:pointer}.cart-summary{border-top:1px solid var(--line);padding-top:18px}.cart-total{display:flex;justify-content:space-between;font-size:13px;margin-bottom:12px}.cart-actions{display:grid;gap:8px}.empty-state{padding:28px 0;font-size:12px;color:var(--muted)}
.cart-page{padding:135px 60px 70px}.cart-page h1{font-size:54px}.cart-page-grid{display:grid;grid-template-columns:1fr 320px;gap:45px}.cart-page .cart-item{grid-template-columns:110px 1fr auto}.cart-page .cart-item img{width:110px;height:110px}.cart-page-summary{background:#f0e9df;padding:25px;height:fit-content;position:sticky;top:105px}
.form-status{font-size:12px;margin-top:12px}.field .error{font-size:10px;min-height:15px}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.field input:focus,.field textarea:focus,.field select:focus{outline:1px solid var(--ink);outline-offset:1px}
.preloader{animation:preloaderFailsafe 2s forwards}.preloader-line{width:150px;height:1px;background:#ddd4c8;overflow:hidden}.preloader-line:after{content:'';display:block;width:45%;height:100%;background:var(--ink);animation:lineMove 1.15s ease-in-out infinite}@keyframes lineMove{from{transform:translateX(-110%)}to{transform:translateX(250%)}}@keyframes preloaderFailsafe{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:900px){.cart-page-grid{grid-template-columns:1fr}.cart-page-summary{position:static}}
@media(max-width:600px){.custom-cursor{display:none}.cart-page{padding:112px 20px 50px}.cart-page h1{font-size:43px}.cart-page .cart-item{grid-template-columns:80px 1fr auto}.cart-page .cart-item img{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){body{transition:none}.custom-cursor{display:none!important}}
/* Closed overlays must never leak content outside the viewport. */
.menu-panel{visibility:hidden;pointer-events:none;overflow:hidden;transition:transform .65s var(--ease),visibility 0s linear .65s}
.menu-panel.open{visibility:visible;pointer-events:auto;transition:transform .65s var(--ease),visibility 0s}
.cart-panel{visibility:hidden;pointer-events:none;overflow:hidden;transition:transform .5s var(--ease),visibility 0s linear .5s}
.cart-panel.open{visibility:visible;pointer-events:auto;transition:transform .5s var(--ease),visibility 0s}
.preloader .brand-mark{animation:none}


/* JUVELYRUS correction pack v2 */
/* Readable editorial footer */
.footer{padding:42px 52px;gap:34px;align-items:start}
.footer a,.footer p,.footer small{font-size:12px;line-height:1.75}
.footer-brand strong{font-size:19px;letter-spacing:.18em}
.footer-brand small{font-size:10px;letter-spacing:.1em}
.footer-brand .brand-mark{width:48px;height:48px}
.footer-col{padding-left:30px}
.socials{gap:18px;flex-wrap:wrap}
.value strong{font-size:10.5px}.value p{font-size:10.5px;line-height:1.5}

/* Approved master photograph: hide the source edge and keep the portrait stable */
.about-band{min-height:350px;overflow:hidden}
.about-photo{overflow:hidden;align-items:stretch;justify-content:stretch;min-width:0}
.about-photo img{width:100%;height:calc(100% + 30px);max-width:none;object-fit:cover;object-position:50% 44%;transform:translateY(-24px)}

/* Compact magazine-style About page */
.editorial-page--compact{grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);min-height:650px;max-height:760px;padding-top:88px;overflow:hidden}
.editorial-page--compact .portrait{min-height:562px;height:calc(100vh - 106px);max-height:672px;position:relative;margin:0;overflow:hidden;background:#e8e0d6}
.editorial-page--compact .portrait img{width:100%;height:calc(100% + 28px);max-width:none;object-fit:cover;object-position:50% 42%;transform:translateY(-22px)}
.editorial-page--compact figcaption{position:absolute;left:24px;bottom:18px;font-size:9px;letter-spacing:.12em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.editorial-page--compact .editorial-copy{padding:50px 52px}
.editorial-page--compact .editorial-copy h1{font-size:clamp(42px,4.4vw,60px);margin:14px 0 20px}
.editorial-page--compact .editorial-copy .lead{font-size:20px;line-height:1.45}
.editorial-page--compact .editorial-copy .body-copy{font-size:13px;line-height:1.65}

/* Stable product page and related section */
.product-layout{align-items:start;overflow:visible;min-width:0}
.product-gallery,.product-info{min-width:0}
.product-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.product-actions{display:block}
.product-enquiry{min-width:180px}
.related{clear:both;overflow:hidden}
.related .product-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.related+.values,.related~.footer{clear:both}

/* Compact mobile burger rather than a full-screen menu */
@media(max-width:600px){
 .menu-panel{top:12px;right:12px;bottom:auto;left:12px;width:auto;height:auto;min-height:0;max-height:calc(100vh - 24px);padding:18px 20px 20px;border:1px solid var(--line);background:rgba(251,248,243,.98);box-shadow:0 18px 60px rgba(19,17,14,.16);transform:translateY(calc(-100% - 28px));overflow-y:auto}
 .menu-panel.open{transform:translateY(0)}
 .menu-top .brand{transform:scale(.84);transform-origin:left top}
 .menu-links{margin:38px 0 22px;gap:8px}
 .menu-links a{font-size:30px;line-height:1.08}
 .menu-bottom{font-size:9px;gap:14px}
 .lang-btn{padding:6px 8px}
 .footer{padding:34px 27px;gap:22px}
 .footer a,.footer p,.footer small{font-size:12.5px}
 .footer-brand strong{font-size:18px}
 .about-photo img{height:calc(100% + 24px);transform:translateY(-18px);object-position:50% 38%}
 .editorial-page--compact{display:grid;grid-template-columns:1fr;min-height:0;max-height:none;padding-top:70px;overflow:visible}
 .editorial-page--compact .portrait{height:58vh;min-height:410px;max-height:570px}
 .editorial-page--compact .portrait img{height:calc(100% + 22px);transform:translateY(-18px);object-position:50% 38%}
 .editorial-page--compact .editorial-copy{padding:34px 25px 45px}
 .editorial-page--compact .editorial-copy h1{font-size:41px}
 .editorial-page--compact .editorial-copy .lead{font-size:19px}
 .related .product-row{display:flex;overflow-x:auto;grid-template-columns:none}
}


/* V3: visible black shop icon */
.cart-btn.shop-status-btn {
  color: #111;
  opacity: 1;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
}
.cart-btn.shop-status-btn .bag {
  display: block;
  width: 18px;
  height: 21px;
  border-width: 1.6px;
}
.header.scrolled .cart-btn.shop-status-btn { color: #111; }

/* V3: shop development popup */
.shop-popup {
  position: fixed;
  z-index: 96;
  left: 50%;
  top: 50%;
  width: min(430px, calc(100% - 36px));
  padding: 42px 34px 34px;
  background: var(--paper);
  border: 1px solid var(--line);
  transform: translate(-50%, -46%) scale(.98);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;
}
.shop-popup.open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}
.shop-popup h2 {
  font-size: 34px;
  line-height: 1.15;
  margin: 12px 0;
}
.shop-popup p {
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 25px;
}
.shop-popup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* V3: compact footer */
.footer.footer-compact {
  display: grid;
  grid-template-columns: 1.05fr 1.45fr auto;
  grid-template-areas:
    "brand contact social"
    "bottom bottom bottom";
  align-items: center;
  gap: 20px 34px;
  padding: 27px 46px 19px;
}
.footer-compact .footer-brand { grid-area: brand; }
.footer-contact {
  grid-area: contact;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  align-items: center;
}
.footer-contact a,
.footer-contact span {
  font-size: 11px;
  line-height: 1.45;
  color: #f5f1eb;
}
.footer-contact-link { border-bottom: 1px solid rgba(255,255,255,.32); }
.footer-contact-link:hover,
.footer-contact-link:focus-visible { border-color: #fff; }
.footer-social {
  grid-area: social;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.social-icon {
  width: 35px;
  height: 35px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  display: grid !important;
  place-items: center;
  transition: border-color .25s, background-color .25s;
}
.social-icon:hover,
.social-icon:focus-visible {
  border-color: #fff;
  background: rgba(255,255,255,.08);
}
.social-icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
}
.social-icon.facebook-icon svg {
  fill: #fff;
  stroke: none;
}
.footer-bottom {
  grid-area: bottom;
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  border-top: 1px solid rgba(255,255,255,.12);
  padding-top: 13px;
}
.footer-bottom a {
  font-size: 10px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.footer-compact .footer-col,
.footer-compact .socials { display: none; }

@media (max-width: 760px) {
  .shop-popup { padding: 38px 24px 26px; }
  .shop-popup h2 { font-size: 29px; }
  .shop-popup-actions { display: grid; }
  .footer.footer-compact {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand social"
      "contact contact"
      "bottom bottom";
    padding: 26px 24px 19px;
    gap: 19px;
  }
  .footer-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .footer-bottom {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
}


/* ================================================================
   JUVELYRUS V4 — page composition audit
   ================================================================ */

/* First load: one complete Hero viewport only */
body[data-page="home"] .hero {
  min-height: calc(100svh - 36px);
  height: calc(100svh - 36px);
  max-height: 1080px;
}
body[data-page="home"] .hero-copy,
body[data-page="home"] .hero-media {
  min-height: 100%;
}
body[data-page="home"] .scroll-stage {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity .95s var(--ease),
    transform .95s var(--ease);
}
body[data-page="home"] .scroll-stage.stage-visible {
  opacity: 1;
  transform: none;
}

/* Consistent internal-page rhythm */
body:not([data-page="home"]) .site {
  min-height: calc(100svh - 36px);
}
.page-hero {
  padding: 132px 66px 58px;
}
.page-hero h1 {
  max-width: 760px;
  font-size: clamp(48px, 5vw, 62px);
  line-height: 1.03;
}
.page-hero p {
  max-width: 590px;
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13px;
}

/* Catalog */
.catalog {
  padding: 48px 50px 70px;
}
.filters {
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 38px;
}
.masonry {
  column-gap: 25px;
}
.masonry .product-card {
  margin-bottom: 38px;
}
.masonry .product-card h3 {
  margin-top: 13px;
  font-size: 11px;
}
.masonry .product-card p {
  font-size: 10px;
  color: var(--muted);
}

/* Product page */
.product-layout {
  padding: 126px 50px 68px;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .72fr);
  gap: 46px;
  align-items: start;
}
.product-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.product-gallery img {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #eadfce;
}
.product-gallery img:first-child {
  grid-column: 1 / -1;
  aspect-ratio: 4 / 3;
}
.product-info {
  top: 96px;
  padding: 8px 0 28px;
}
.product-info h1 {
  font-size: clamp(44px, 4.2vw, 58px);
  line-height: 1.03;
  margin: 13px 0 20px;
}
.product-info > p {
  max-width: 410px;
  font-size: 13px;
  line-height: 1.7;
}
.product-price {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}
.product-actions .btn {
  min-width: 210px;
}
.related {
  padding: 50px 50px 66px;
  border-top: 1px solid var(--line);
}
.related .section-head {
  margin-bottom: 28px;
}

/* Forms and Contact */
.form-page {
  max-width: 1040px;
  padding: 128px 66px 76px;
}
.form-page > p {
  max-width: 670px;
  margin-bottom: 38px;
  color: var(--muted);
}
.form-grid {
  gap: 20px 18px;
}
.field input,
.field textarea,
.field select {
  border-color: rgba(23,22,20,.20);
  transition: border-color .25s, background-color .25s;
}
.field input:hover,
.field textarea:hover,
.field select:hover {
  border-color: rgba(23,22,20,.38);
}
.contact-grid {
  gap: 48px;
  align-items: start;
}
.contact-card {
  padding: 34px;
  background: #f0e9df;
}
.map-placeholder {
  min-height: 510px;
  border: 1px solid var(--line);
}

/* Legal pages */
.legal {
  max-width: 820px;
  padding: 128px 66px 82px;
}
.legal h1 {
  font-size: clamp(46px, 5vw, 58px);
  line-height: 1.04;
  margin-bottom: 42px;
}
.legal h2 {
  font-size: 27px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}
.legal p {
  max-width: 720px;
  font-size: 13px;
  line-height: 1.8;
}

/* Apie mus — compact editorial magazine spread */
.about-journal {
  min-height: calc(100svh - 36px);
  display: grid;
  grid-template-columns: minmax(0, 1.56fr) minmax(350px, .74fr);
  padding-top: 88px;
  background: var(--paper);
}
.about-journal-photo {
  position: relative;
  min-height: 650px;
  margin: 0;
  overflow: hidden;
  background: #ddd5cb;
}
.about-journal-photo picture {
  display: block;
  width: 100%;
  height: 100%;
}
.about-journal-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
}
.about-journal-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 68%, rgba(13,13,13,.13));
}
.about-journal-photo figcaption {
  position: absolute;
  z-index: 2;
  left: 26px;
  bottom: 22px;
  color: #fff;
  font-size: 9px;
  letter-spacing: .14em;
  text-shadow: 0 1px 10px rgba(0,0,0,.42);
}
.about-journal-copy {
  padding: clamp(42px, 5vw, 72px) clamp(34px, 4vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.about-journal-brand {
  display: grid;
  width: fit-content;
  margin: 34px 0 20px;
}
.about-journal-brand span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  letter-spacing: .23em;
}
.about-journal-brand small {
  margin-top: 4px;
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.about-journal-copy h1 {
  margin: 0 0 22px;
  font-size: clamp(42px, 4.6vw, 62px);
  line-height: 1.04;
}
.about-journal-copy .lead {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 1.75vw, 24px);
  line-height: 1.46;
}
.about-journal-copy .body-copy {
  margin: 0 0 26px;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.75;
}

/* Footer and 404 */
.footer.footer-compact {
  position: relative;
  z-index: 2;
}
.not-found {
  min-height: calc(100svh - 36px);
}
.not-found h1 {
  line-height: 1;
}

/* Tablet */
@media (max-width: 1023px) {
  body[data-page="home"] .hero {
    min-height: 100svh;
    height: 100svh;
  }
  body:not([data-page="home"]) .site {
    min-height: 100svh;
  }
  .product-layout {
    grid-template-columns: 1fr;
    padding: 118px 32px 58px;
  }
  .product-info {
    position: static;
    max-width: 620px;
  }
  .about-journal {
    min-height: 100svh;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    padding-top: 70px;
  }
  .about-journal-photo {
    min-height: calc(100svh - 70px);
  }
}

/* Mobile */
@media (max-width: 600px) {
  body[data-page="home"] .hero {
    min-height: 100svh;
    height: 100svh;
  }
  body[data-page="home"] .hero-copy {
    padding-top: 108px;
    padding-bottom: 48px;
  }
  body[data-page="home"] .scroll-stage {
    transform: translateY(22px);
  }

  .page-hero {
    padding: 112px 24px 45px;
  }
  .page-hero h1 {
    font-size: 44px;
  }
  .catalog {
    padding: 32px 20px 52px;
  }
  .filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin-right: -20px;
    padding-right: 20px;
  }
  .filters::-webkit-scrollbar {
    display: none;
  }

  .product-layout {
    padding: 104px 20px 46px;
  }
  .product-gallery {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .product-gallery img,
  .product-gallery img:first-child {
    grid-column: auto;
    aspect-ratio: 4 / 5;
  }
  .product-info {
    padding-top: 25px;
  }
  .product-info h1 {
    font-size: 42px;
  }
  .product-actions .btn {
    width: 100%;
  }
  .related {
    padding: 38px 20px 50px;
  }

  .form-page {
    padding: 108px 22px 58px;
  }
  .contact-grid {
    gap: 30px;
  }
  .map-placeholder {
    min-height: 320px;
  }
  .legal {
    padding: 108px 23px 58px;
  }

  .about-journal {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 70px;
  }
  .about-journal-photo {
    min-height: 0;
    height: 62svh;
    max-height: 620px;
  }
  .about-journal-photo img {
    object-position: 50% 37%;
  }
  .about-journal-photo figcaption {
    left: 18px;
    bottom: 16px;
    font-size: 8px;
  }
  .about-journal-copy {
    padding: 39px 25px 50px;
  }
  .about-journal-brand {
    margin: 27px 0 18px;
  }
  .about-journal-copy h1 {
    font-size: 42px;
  }
  .about-journal-copy .lead {
    font-size: 19px;
  }

  .not-found {
    min-height: 100svh;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .scroll-stage {
    opacity: 1;
    transform: none;
  }
}


/* ================================================================
   JUVELYRUS V5
   ================================================================ */

/* Restore the V3 homepage flow. Hero is elegant, but not forced to 100vh. */
body[data-page="home"] .hero {
  min-height: 620px;
  height: auto;
  max-height: none;
}
body[data-page="home"] .hero-copy,
body[data-page="home"] .hero-media {
  min-height: 0;
}
body[data-page="home"] .scroll-stage {
  opacity: 1;
  transform: none;
}

/* Shop icon: white over the dark Hero image, black on light pages/header. */
body[data-page="home"] .header:not(.scrolled) .shop-status-btn {
  color: #fff;
  filter: drop-shadow(0 1px 5px rgba(0,0,0,.42));
}
body[data-page="home"] .header.scrolled .shop-status-btn,
body:not([data-page="home"]) .header .shop-status-btn {
  color: #111;
  filter: none;
}

/* Footer legal links centered. */
.footer-bottom {
  justify-content: center;
  text-align: center;
}

/* Apie mus: compact editorial copy with three equal images. */
.about-editorial {
  padding: 128px 54px 68px;
}
.about-editorial-head {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(340px, .78fr);
  gap: clamp(44px, 7vw, 96px);
  align-items: end;
  max-width: 1050px;
  margin: 0 auto 48px;
}
.about-editorial-brand {
  display: grid;
  width: fit-content;
  margin: 27px 0 17px;
}
.about-editorial-brand span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  letter-spacing: .23em;
}
.about-editorial-brand small {
  margin-top: 4px;
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.about-editorial h1 {
  max-width: 620px;
  margin: 0;
  font-size: clamp(46px, 5vw, 64px);
  line-height: 1.02;
}
.about-editorial-text {
  min-width: 0;
}
.about-editorial-text .lead {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.48;
}
.about-editorial-text > p:not(.lead) {
  margin: 0 0 27px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.78;
}
.about-triptych {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  max-width: 1050px;
  margin: 0 auto;
}
.about-triptych figure {
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #e6ded4;
}
.about-triptych img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 37%;
}

/* New Mūsų vertybės editorial / SEO page. */
.values-editorial {
  padding: 130px 52px 68px;
}
.values-editorial-intro {
  max-width: 900px;
  margin: 0 auto 48px;
}
.values-editorial-intro h1 {
  max-width: 820px;
  margin: 18px 0 24px;
  font-size: clamp(48px, 5.6vw, 72px);
  line-height: .99;
}
.values-editorial-intro p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}
.values-image-grid {
  display: grid;
  grid-template-columns: 1.42fr .72fr;
  grid-template-rows: repeat(2, minmax(0, 285px));
  gap: 14px;
  max-width: 1050px;
  margin: 0 auto 72px;
}
.values-image-grid figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #e7ded2;
}
.values-image-grid .values-image-large {
  grid-row: 1 / 3;
}
.values-image-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s var(--ease);
}
.values-image-grid figure:hover img {
  transform: scale(1.025);
}
.values-image-grid figcaption {
  position: absolute;
  left: 16px;
  bottom: 14px;
  padding: 7px 9px;
  background: rgba(250,247,241,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.values-answers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1050px;
  margin: 0 auto;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.values-answers article {
  min-height: 280px;
  padding: 36px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.values-answers article > span {
  font-size: 9px;
  letter-spacing: .12em;
  color: var(--gold);
}
.values-answers h2 {
  margin: 35px 0 15px;
  font-size: 31px;
  line-height: 1.08;
}
.values-answers p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}
.values-location {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  max-width: 1050px;
  margin: 54px auto 0;
  padding: 28px 0 0;
  border-top: 1px solid var(--line);
}
.values-location p {
  margin: 7px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
}

/* Tablet */
@media (max-width: 1023px) {
  body[data-page="home"] .hero {
    min-height: 700px;
    height: auto;
  }
  .about-editorial {
    padding: 112px 34px 58px;
  }
  .about-editorial-head {
    gap: 44px;
  }
  .values-editorial {
    padding: 116px 34px 58px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body[data-page="home"] .hero {
    min-height: 650px;
    height: auto;
  }
  .footer-bottom {
    justify-content: center;
    width: 100%;
  }

  .about-editorial {
    padding: 105px 20px 48px;
  }
  .about-editorial-head {
    grid-template-columns: 1fr;
    gap: 31px;
    margin-bottom: 34px;
  }
  .about-editorial h1 {
    font-size: 43px;
  }
  .about-triptych {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .about-triptych::-webkit-scrollbar {
    display: none;
  }
  .about-triptych figure {
    min-width: 78%;
    scroll-snap-align: start;
  }

  .values-editorial {
    padding: 108px 20px 50px;
  }
  .values-editorial-intro h1 {
    font-size: 45px;
  }
  .values-editorial-intro p {
    font-size: 14px;
  }
  .values-image-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    margin-bottom: 48px;
  }
  .values-image-grid figure,
  .values-image-grid .values-image-large {
    grid-row: auto;
    aspect-ratio: 4 / 5;
  }
  .values-answers {
    grid-template-columns: 1fr;
  }
  .values-answers article {
    min-height: 0;
    padding: 30px 25px;
  }
  .values-answers h2 {
    margin-top: 24px;
    font-size: 29px;
  }
  .values-location {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* ================================================================
   JUVELYRUS V6 — one-line editorial footer
   ================================================================ */

.footer.footer-one-line {
  display: grid;
  grid-template-columns:
    minmax(230px, 1.05fr)
    minmax(390px, 1.8fr)
    minmax(265px, 1.2fr)
    auto;
  align-items: center;
  gap: 22px;
  min-height: 118px;
  padding: 24px 46px;
  background: var(--dark);
  color: #fff;
}

.footer-one-brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 15px;
}

.footer-one-brand .brand-mark {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  filter: invert(59%) sepia(37%) saturate(715%) hue-rotate(358deg) brightness(91%) contrast(82%);
}

.footer-one-brand > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.footer-one-brand strong {
  overflow: hidden;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: .19em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer-one-brand small {
  font-size: 9px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.footer-one-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 10px 19px;
  padding: 0 22px;
  border-right: 1px solid rgba(255,255,255,.13);
  border-left: 1px solid rgba(255,255,255,.13);
}

.footer-one-contact a,
.footer-one-contact span {
  display: inline-flex;
  color: #f6f2ec;
  font-size: 10.5px;
  line-height: 1.35;
  white-space: nowrap;
}

.footer-one-contact a {
  border-bottom: 1px solid rgba(255,255,255,.35);
  transition: border-color .25s ease, opacity .25s ease;
}

.footer-one-contact a:hover,
.footer-one-contact a:focus-visible {
  border-color: #fff;
  opacity: .78;
}

.footer-one-legal {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 18px;
}

.footer-one-legal a {
  color: #f6f2ec;
  font-size: 9px;
  line-height: 1.35;
  letter-spacing: .055em;
  text-align: center;
  text-transform: uppercase;
  transition: opacity .25s ease;
}

.footer-one-legal a:hover,
.footer-one-legal a:focus-visible {
  opacity: .68;
}

.footer-one-line .footer-social {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.footer-one-line .social-icon {
  width: 36px;
  height: 36px;
}

.footer-one-line .footer-brand,
.footer-one-line .footer-contact,
.footer-one-line .footer-bottom,
.footer-one-line .footer-col,
.footer-one-line .socials {
  display: none !important;
}

@media (max-width: 1120px) {
  .footer.footer-one-line {
    grid-template-columns: minmax(205px, .9fr) minmax(340px, 1.55fr) minmax(220px, 1fr) auto;
    gap: 16px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .footer-one-contact {
    gap: 8px 13px;
    padding: 0 16px;
  }

  .footer-one-contact a,
  .footer-one-contact span {
    font-size: 9.5px;
  }

  .footer-one-legal {
    gap: 12px;
  }

  .footer-one-legal a {
    font-size: 8.2px;
  }
}

@media (max-width: 850px) {
  .footer.footer-one-line {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "brand social"
      "contact contact"
      "legal legal";
    gap: 16px 20px;
    padding: 28px 25px 24px;
  }

  .footer-one-brand {
    grid-area: brand;
  }

  .footer-one-contact {
    grid-area: contact;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 16px 0 0;
    border-top: 1px solid rgba(255,255,255,.13);
    border-right: 0;
    border-left: 0;
  }

  .footer-one-legal {
    grid-area: legal;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.13);
  }

  .footer-one-line .footer-social {
    grid-area: social;
  }
}

@media (max-width: 460px) {
  .footer-one-contact {
    display: grid;
    justify-content: stretch;
    gap: 7px;
  }

  .footer-one-contact a,
  .footer-one-contact span {
    white-space: normal;
  }

  .footer-one-legal {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .footer-one-legal a {
    text-align: left;
  }
}


/* JUVELYRUS V7 */
.values-ornament{display:inline-flex;width:48px;height:48px}
.values-ornament img{width:100%;height:100%;object-fit:contain}
.values-answers article>.values-ornament+h2{margin-top:24px}

.about-v7{padding-top:88px}
.about-v7-hero{width:100%;overflow:hidden;background:#eee7de;border-bottom:1px solid var(--line)}
.about-v7-hero picture,.about-v7-hero img{display:block;width:100%}
.about-v7-hero img{aspect-ratio:1916/821;object-fit:cover}

.about-v7-intro{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.76fr);gap:clamp(48px,7vw,100px);align-items:end;max-width:1060px;margin:0 auto;padding:70px 54px 54px}
.about-v7-intro h1{max-width:650px;margin:16px 0 0;font-size:clamp(47px,5vw,66px);line-height:1.02}
.about-v7-intro .lead{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2vw,25px);line-height:1.48}
.about-v7-intro p:not(.lead){color:var(--muted);font-size:13px;line-height:1.78}

.about-v7-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1060px;margin:0 auto;padding:0 54px 74px}
.about-v7-triptych figure{margin:0;overflow:hidden;background:#dfd6cb;aspect-ratio:4/5}
.about-v7-triptych img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.about-v7-triptych figure:hover img{transform:scale(1.025)}

.about-v7-seo{background:#f0e9df;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 54px}
.about-v7-seo-intro{max-width:930px;margin:0 auto 47px}
.about-v7-seo-intro h2{max-width:760px;margin:14px 0 18px;font-size:clamp(38px,4vw,52px);line-height:1.05}
.about-v7-seo-intro p{max-width:790px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.about-v7-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1060px;margin:0 auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.about-v7-seo-grid article{padding:34px 31px 38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-v7-seo-grid img{width:44px;height:44px}
.about-v7-seo-grid h2{margin:25px 0 14px;font-size:28px;line-height:1.08}
.about-v7-seo-grid p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.78}

.about-v7-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);max-width:1060px;margin:0 auto;padding:72px 54px}
.about-v7-bottom picture{min-height:510px;overflow:hidden;background:#ddd4ca}
.about-v7-bottom img{width:100%;height:100%;object-fit:cover}
.about-v7-bottom>div{display:flex;flex-direction:column;justify-content:center;padding:48px;background:var(--ivory)}
.about-v7-bottom h2{margin:16px 0 20px;font-size:clamp(39px,4vw,52px);line-height:1.04}
.about-v7-bottom p{margin:0 0 27px;color:var(--muted);font-size:13px;line-height:1.8}

.footer.footer-v7{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(390px,1.55fr) minmax(390px,1.35fr);align-items:center;gap:24px;min-height:116px;padding:25px 46px;background:var(--dark);color:#fff}
.footer-v7-brand{display:flex;align-items:center;gap:14px}
.footer-v7-brand .brand-mark{width:42px;filter:invert(59%) sepia(37%) saturate(715%) hue-rotate(358deg) brightness(91%) contrast(82%)}
.footer-v7-brand>div{display:grid;gap:3px}
.footer-v7-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:400;letter-spacing:.19em}
.footer-v7-brand small{font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.footer-v7-contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 18px;min-height:48px;padding:0 24px;border-right:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}
.footer-v7-contact a,.footer-v7-contact span{color:#f6f2ec;font-size:10.5px;white-space:nowrap}
.footer-v7-contact a{border-bottom:1px solid rgba(255,255,255,.34)}
.footer-v7-actions{display:flex;align-items:center;justify-content:flex-end;gap:23px}
.footer-v7-actions nav{display:flex;align-items:center;gap:17px}
.footer-v7-actions nav a{color:#f6f2ec;font-size:8.7px;line-height:1.35;letter-spacing:.05em;text-align:center;text-transform:uppercase}
.footer-v7 .footer-social{display:flex;align-items:center;gap:9px}
.footer-v7 .social-icon{width:36px;height:36px}
.footer-v7 .footer-one-brand,.footer-v7 .footer-one-contact,.footer-v7 .footer-one-legal,.footer-v7 .footer-one-actions,.footer-v7 .footer-brand,.footer-v7 .footer-contact,.footer-v7 .footer-bottom,.footer-v7 .footer-col,.footer-v7 .socials{display:none!important}
.contact-card a{color:inherit;border-bottom:1px solid var(--line)}

@media(max-width:1023px){
.about-v7{padding-top:70px}
.about-v7-intro,.about-v7-triptych,.about-v7-bottom{padding-right:34px;padding-left:34px}
.about-v7-seo{padding-right:34px;padding-left:34px}
.footer.footer-v7{grid-template-columns:minmax(190px,.75fr) minmax(340px,1.35fr) minmax(310px,1fr);gap:15px;padding-right:28px;padding-left:28px}
.footer-v7-contact{gap:6px 12px;padding:0 15px}
.footer-v7-contact a,.footer-v7-contact span{font-size:9.5px}
.footer-v7-actions{gap:14px}.footer-v7-actions nav{gap:11px}.footer-v7-actions nav a{font-size:8px}
}
@media(max-width:820px){
.footer.footer-v7{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "contact contact";gap:18px 24px;padding:27px 25px 23px}
.footer-v7-brand{grid-area:brand}.footer-v7-contact{grid-area:contact;justify-content:flex-start;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.13);border-right:0;border-left:0}.footer-v7-actions{grid-area:actions}
}
@media(max-width:700px){
.about-v7{padding-top:70px}
.about-v7-hero img{min-height:350px;aspect-ratio:auto;object-fit:cover;object-position:63% center}
.about-v7-intro{grid-template-columns:1fr;gap:31px;padding:43px 22px 38px}.about-v7-intro h1{font-size:43px}
.about-v7-triptych{display:flex;overflow-x:auto;gap:10px;padding:0 20px 49px;scroll-snap-type:x mandatory;scrollbar-width:none}.about-v7-triptych::-webkit-scrollbar{display:none}.about-v7-triptych figure{min-width:79%;scroll-snap-align:start}
.about-v7-seo{padding:48px 20px}.about-v7-seo-grid{grid-template-columns:1fr}.about-v7-seo-grid article{padding:29px 24px 33px}
.about-v7-bottom{grid-template-columns:1fr;padding:48px 20px}.about-v7-bottom picture{min-height:0;aspect-ratio:4/5}.about-v7-bottom>div{padding:34px 25px 38px}
.footer.footer-v7{grid-template-columns:1fr auto;grid-template-areas:"brand social" "legal legal" "contact contact";gap:17px 20px}
.footer-v7-actions{display:contents}.footer-v7-actions nav{grid-area:legal;justify-content:flex-start;width:100%;padding-top:15px;border-top:1px solid rgba(255,255,255,.13)}.footer-v7-actions .footer-social{grid-area:social}.footer-v7-contact{grid-area:contact;display:grid;justify-content:stretch;gap:7px}.footer-v7-contact a,.footer-v7-contact span{white-space:normal}
}


/* V8 logo update */
.brand{justify-self:center;display:flex;align-items:center;justify-content:center;gap:0;line-height:0}
.brand-logo{display:block;height:auto}
.brand-logo-header{width:min(178px,32vw)}
.menu-top .brand-logo-header{width:min(170px,50vw)}
.header.scrolled .brand-logo-header{width:min(156px,28vw)}
.footer-v7-brand{display:flex;align-items:center}.footer-v7-logo{display:block;width:210px;max-width:100%;height:auto}.footer-v7-brand .brand-mark,.footer-v7-brand>div{display:none!important}
@media(max-width:700px){.brand-logo-header{width:min(150px,44vw)}.header.scrolled .brand-logo-header{width:min(136px,40vw)}.footer-v7-logo{width:176px}}


/* V8.1 — refined official logo sizing */
.brand {
  overflow: visible;
}
.brand-logo {
  display: block;
  height: auto;
  max-height: none;
  object-fit: contain;
}
.brand-logo-header {
  width: min(132px, 25vw);
}
.menu-top .brand-logo-header {
  width: min(142px, 42vw);
}
.header.scrolled .brand-logo-header {
  width: min(118px, 23vw);
}
.footer-v7-logo {
  display: block;
  width: 168px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Fix the inherited 25px height that stretched the loading symbol. */
.preloader .brand-mark {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
  animation: preloaderSymbol 1.8s ease-in-out infinite;
  transform-origin: center;
}
@keyframes preloaderSymbol {
  0%   { transform: rotate(0deg) scale(.96); opacity: .78; }
  50%  { transform: rotate(180deg) scale(1); opacity: 1; }
  100% { transform: rotate(360deg) scale(.96); opacity: .78; }
}

@media (max-width: 700px) {
  .brand-logo-header {
    width: min(116px, 36vw);
  }
  .menu-top .brand-logo-header {
    width: min(128px, 46vw);
  }
  .header.scrolled .brand-logo-header {
    width: min(104px, 33vw);
  }
  .footer-v7-logo {
    width: 148px;
  }
  .preloader .brand-mark {
    width: 34px;
    height: 34px;
    max-width: 34px;
    max-height: 34px;
  }
}


/* V8.2 — SINCE 2010 under the official logo */
.brand {
  gap: 4px;
  line-height: normal;
}
.brand-since {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 7px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  white-space: nowrap;
  color: currentColor;
  opacity: .82;
  transform: translateX(.11em);
}
.menu-top .brand-since {
  font-size: 7.5px;
  letter-spacing: .24em;
}
.header.scrolled .brand-since {
  font-size: 6.6px;
}
.footer-v7-brand {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 6px;
}
.footer-brand-since {
  display: block;
  padding-left: 2px;
  color: rgba(255,255,255,.78);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .24em;
  text-transform: uppercase;
  white-space: nowrap;
}
.preloader > div {
  gap: 9px !important;
}
.preloader-since {
  display: block;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 7px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .25em;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateX(.125em);
  opacity: .8;
}
.preloader-line {
  margin-top: 5px;
}
@media (max-width: 700px) {
  .brand-since {
    font-size: 6.4px;
    letter-spacing: .21em;
  }
  .menu-top .brand-since {
    font-size: 7px;
  }
  .footer-brand-since {
    font-size: 7.5px;
  }
  .preloader-since {
    font-size: 6.5px;
  }
}

/* ================================================================
   JUVELYRUS V8.3 — refined header controls and smaller branding
   ================================================================ */

/* Keep the two header controls on exactly the same visual baseline. */
.header {
  align-items: center;
}

.header .menu-btn,
.header .cart-btn {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  margin: 0;
  display: grid;
  place-items: center;
  align-self: center;
  line-height: 0;
  border-radius: 50%;
  transition: background-color .25s ease, opacity .25s ease;
}

.header .menu-btn:hover,
.header .menu-btn:focus-visible,
.header .cart-btn:hover,
.header .cart-btn:focus-visible {
  background: rgba(255,255,255,.11);
}

.header.scrolled .menu-btn:hover,
.header.scrolled .menu-btn:focus-visible,
.header.scrolled .cart-btn:hover,
.header.scrolled .cart-btn:focus-visible,
body:not([data-page="home"]) .header .menu-btn:hover,
body:not([data-page="home"]) .header .menu-btn:focus-visible,
body:not([data-page="home"]) .header .cart-btn:hover,
body:not([data-page="home"]) .header .cart-btn:focus-visible {
  background: rgba(23,22,20,.055);
}

/* Cleaner premium hamburger, matching the bag icon line weight. */
.header .menu-btn {
  position: relative;
}

.header .menu-btn span,
.header .menu-btn::before,
.header .menu-btn::after {
  position: absolute;
  left: 9px;
  display: block;
  width: 18px;
  height: 1.4px;
  margin: 0;
  background: currentColor;
  border-radius: 2px;
  content: "";
}

.header .menu-btn::before {
  top: 12px;
}

.header .menu-btn span {
  top: 17px;
}

.header .menu-btn::after {
  top: 22px;
}

/* Bag icon uses the same 1.4px visual weight and optical size. */
.header .cart-btn {
  align-items: center;
  justify-content: center;
  gap: 0;
}

.header .cart-btn .bag {
  width: 17px;
  height: 18px;
  margin: 1px 0 0;
  border: 1.4px solid currentColor;
  border-radius: 2px;
}

.header .cart-btn .bag::before {
  left: 3px;
  top: -6px;
  width: 8px;
  height: 6px;
  border-width: 1.4px;
}

/* More discreet official logo in every header state. */
.brand-logo-header {
  width: min(104px, 21vw);
}

.header.scrolled .brand-logo-header {
  width: min(92px, 19vw);
}

.menu-top .brand-logo-header {
  width: min(112px, 35vw);
}

.brand-since {
  margin-top: 1px;
  font-size: 6.3px;
  letter-spacing: .2em;
}

.header.scrolled .brand-since {
  font-size: 5.9px;
}

/* Footer logo must support the composition, not dominate it. */
.footer-v7-logo {
  width: 124px;
}

.footer-brand-since {
  padding-left: 1px;
  font-size: 6.8px;
  letter-spacing: .21em;
}

.footer-v7-brand {
  gap: 4px;
}

@media (max-width: 700px) {
  .header .menu-btn,
  .header .cart-btn {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
  }

  .header .menu-btn span,
  .header .menu-btn::before,
  .header .menu-btn::after {
    left: 8px;
    width: 18px;
  }

  .header .menu-btn::before { top: 11px; }
  .header .menu-btn span { top: 16px; }
  .header .menu-btn::after { top: 21px; }

  .brand-logo-header {
    width: min(94px, 31vw);
  }

  .header.scrolled .brand-logo-header {
    width: min(86px, 28vw);
  }

  .menu-top .brand-logo-header {
    width: min(104px, 39vw);
  }

  .brand-since {
    font-size: 5.8px;
  }

  .footer-v7-logo {
    width: 112px;
  }

  .footer-brand-since {
    font-size: 6.3px;
  }
}


/* ================================================================
   JUVELYRUS V8.4 — final header controls and footer brand alignment
   ================================================================ */

/* Remove all legacy pseudo-element drawings. */
.header .menu-btn span,
.header .menu-btn::before,
.header .menu-btn::after,
.header .cart-btn .bag,
.header .cart-btn .bag::before {
  display: none !important;
  content: none !important;
}

/* Identical control boxes and exact optical alignment. */
.header .header-control {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  border: 0;
  border-radius: 50%;
  background: transparent;
  line-height: 0;
}

.header-control-svg {
  display: block;
  width: 21px;
  height: 21px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.header .menu-btn,
body:not([data-page="home"]) .header .menu-btn,
.header.scrolled .menu-btn {
  color: #171614;
}

body[data-page="home"] .header:not(.scrolled) .shop-status-btn {
  color: #fff;
}

body:not([data-page="home"]) .header .shop-status-btn,
body[data-page="home"] .header.scrolled .shop-status-btn {
  color: #171614;
}

.header .header-control:hover,
.header .header-control:focus-visible {
  background: rgba(23,22,20,.055);
}

body[data-page="home"] .header:not(.scrolled) .shop-status-btn:hover,
body[data-page="home"] .header:not(.scrolled) .shop-status-btn:focus-visible {
  background: rgba(255,255,255,.12);
}

.header .header-control:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

/* Smaller, softer header branding. */
.brand-logo-header {
  width: min(94px, 20vw) !important;
}

.header.scrolled .brand-logo-header {
  width: min(84px, 18vw) !important;
}

.menu-top .brand-logo-header {
  width: min(100px, 32vw) !important;
}

.brand-since {
  margin-top: 2px !important;
  padding: 0 !important;
  width: 100%;
  font-size: 5.8px !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  text-align: center;
}

/* Footer brand: logo and SINCE 2010 are one centred vertical unit. */
.footer-v7-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: 112px;
  min-width: 112px;
  justify-self: start;
  text-align: center;
}

.footer-v7-logo {
  display: block;
  width: 96px !important;
  max-width: 96px !important;
  height: auto;
  margin: 0 auto;
}

.footer-brand-since {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.78);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 6.1px !important;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .22em !important;
  text-align: center !important;
  text-indent: .22em;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .header .header-control {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  .header-control-svg {
    width: 20px;
    height: 20px;
    stroke-width: 1.5;
  }

  .brand-logo-header {
    width: min(86px, 29vw) !important;
  }

  .header.scrolled .brand-logo-header {
    width: min(80px, 27vw) !important;
  }

  .menu-top .brand-logo-header {
    width: min(94px, 37vw) !important;
  }

  .footer-v7-brand {
    width: 100px;
    min-width: 100px;
  }

  .footer-v7-logo {
    width: 86px !important;
    max-width: 86px !important;
  }

  .footer-brand-since {
    font-size: 5.8px !important;
  }
}


/* ================================================================
   JUVELYRUS V8.5 — unified SINCE 2010 typography
   ================================================================ */

/*
 * Use lining numerals so 2, 0, 1, 0 have the same visual height
 * as the uppercase letters in SINCE.
 */
.brand-since,
.footer-brand-since,
.preloader-since {
  box-sizing: border-box;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 6px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  font-variant-numeric: lining-nums proportional-nums !important;
  font-feature-settings: "lnum" 1, "onum" 0, "pnum" 1 !important;
  line-height: 1 !important;
  letter-spacing: .22em !important;
  text-align: center !important;
  text-indent: .22em;
  text-transform: uppercase !important;
  white-space: nowrap;
  vertical-align: baseline;
}

/* Prevent earlier responsive rules from changing only one version. */
.menu-top .brand-since,
.header.scrolled .brand-since,
.footer-v7-brand .footer-brand-since,
.preloader .preloader-since {
  font-size: 6px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-variant-numeric: lining-nums proportional-nums !important;
  font-feature-settings: "lnum" 1, "onum" 0, "pnum" 1 !important;
}

@media (max-width: 700px) {
  .brand-since,
  .menu-top .brand-since,
  .header.scrolled .brand-since,
  .footer-brand-since,
  .preloader-since {
    font-size: 6px !important;
  }
}