:root{--ink:#242323;--muted:#746e66;--line:#ddd8d1;--warm:#f5f3ef}.header{min-height:150px;max-width:1100px;grid-template-columns:1fr 270px 1fr;gap:55px;padding-top:34px;padding-bottom:34px}.nav a{font-size:11px;letter-spacing:.12em}.nav{gap:33px}.brand img{width:270px}.languages{top:50px}.home{padding:0;margin:0;max-width:none}.fade-stage{position:relative;height:min(72vw,calc(100svh - 150px));min-height:420px;max-height:860px;background:#080808;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none;background:#080808}.slide.is-active{opacity:1;z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}.slide:first-child .hero-image{object-position:50% 47%}.slide-bar{padding:16px 4.5%;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.1em}.slide-controls{gap:14px}.slide-controls button{font-size:20px}.slide-controls #autoplay{font-size:15px;border-left:1px solid var(--line);margin-left:5px;padding-left:20px;min-width:54px}.home-intro{max-width:1400px;margin:0 auto;padding:80px 6% 95px;display:grid;grid-template-columns:1fr 1fr;gap:20px 12%}.home-intro .eyebrow{grid-column:1/-1;margin:0 0 10px;letter-spacing:.2em}.home-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4vw,61px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0}.home-intro>div{align-self:end;max-width:410px;font-size:15px;line-height:1.85}.home-intro>div p{margin:0 0 22px}.home-intro a{font-size:12px}.gallery{gap:32px}main:not(.home){margin-top:20px;padding-left:5%;padding-right:5%}.about-grid{gap:32px}.prose{padding:32px 8%}.prose h1{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.25}.prose p{font-size:15px;line-height:1.9}.signature{border-top:1px solid var(--line);padding-top:23px}.contact-grid{gap:12%;padding:40px 0}.contact-info h1{font-family:Georgia,'Times New Roman',serif;font-size:35px}.fields input,textarea{background:white;border-width:0 0 1px;padding-left:0}.form-note{background:var(--warm);border-left:0}.submit{font-size:12px;letter-spacing:.07em;padding:14px 28px}footer{background:var(--warm);max-width:none;padding:30px 5%;margin-top:70px;font-size:11px}.home+footer{margin-top:0}.variant-link{width:100%;font-size:10px;padding-top:8px;letter-spacing:.05em}.art:after{font-weight:300}.menu-toggle svg{display:block}
@media(max-width:1050px){.header{gap:25px;grid-template-columns:1fr 230px 1fr;padding:30px;min-height:135px}.nav{gap:20px}.nav a{font-size:10px}.languages{top:3px}.fade-stage{height:65vw;min-height:420px}.prose h1{font-size:28px}}
@media(max-width:700px){.header{display:flex;min-height:112px;padding:28px 70px 22px 22px;justify-content:center}.brand{width:220px}.languages{top:0;right:14px}.menu-toggle{bottom:23px;right:13px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px}.menu-toggle .sr-only{display:block}.fade-stage{height:66svh;min-height:400px;max-height:680px}.hero-image{aspect-ratio:auto;object-fit:cover}.slide:first-child .hero-image{object-position:53% center}.slide-bar{padding:12px 19px;font-size:9px;letter-spacing:.04em}.slide-controls{gap:0}.slide-controls button{min-width:36px}.slide-controls #autoplay{min-width:37px;padding-left:10px;margin-left:0}.slide-controls span{min-width:43px;font-size:10px}.home-intro{padding:45px 25px 50px;grid-template-columns:1fr;gap:22px}.home-intro .eyebrow{font-size:10px;margin:0}.home-intro h1{font-size:42px}.home-intro>div{font-size:14px}.gallery,.about-grid{gap:18px}main:not(.home){padding:0 15px;margin-top:0}.prose{padding:28px 12px}.contact-info h1{font-size:30px}.contact-grid{padding:30px 12px;gap:32px}footer{padding:25px;margin-top:40px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}
@media(max-width:700px){.slide:first-child .hero-image{object-position:78% center}}
/* Refinement: complete compositions, aligned margins, structured footer. */
.header .languages{position:absolute;top:8px;right:20px;background:transparent}
main.home{max-width:1440px;margin:20px auto 0;padding:0 5%}
.fade-stage{height:auto;min-height:0;max-height:none;aspect-ratio:11/7;background:#fff}
.fade-stage .slide{background:#fff}
.fade-stage .slide .hero-image{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:11/7}
.slide-bar{padding-left:0;padding-right:0}
.home-intro{padding-left:0;padding-right:0}
footer.site-footer{display:block;background:#f7f6f3;border-top:0;padding:0 5%;margin-top:65px;color:#5e5952}
.home+footer.site-footer{margin-top:0}
.footer-main{max-width:1296px;margin:auto;padding:50px 0 40px;display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:40px}
.footer-brand>a{font-family:Georgia,'Times New Roman',serif;font-size:29px;letter-spacing:.075em;color:#242323;line-height:1.4}
.footer-brand>span{display:block;font-size:9px;letter-spacing:.16em;margin-top:5px}
.footer-main address,.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;line-height:2.1;gap:3px}
.footer-main nav{justify-self:end}
.footer-main a:hover,.footer-bottom a:hover{text-decoration:underline}
.footer-bottom{max-width:1296px;margin:auto;border-top:1px solid #dfdcd6;display:flex;align-items:center;gap:25px;padding:18px 0 23px;font-size:10px}
.footer-bottom .preview-label{margin-left:auto;color:#746e66}
.footer-bottom .compare-link{font-size:10px}
@media(max-width:700px){main.home{margin-top:0;padding:0 15px}.header .languages{top:0;right:14px}.fade-stage{height:auto;min-height:0;max-height:none;aspect-ratio:11/7}.home-intro{padding:38px 10px 44px}.slide-bar{padding:10px 0}.slide-controls{gap:0}footer.site-footer{padding:0 25px;margin-top:35px}.footer-main{grid-template-columns:1fr 1fr;gap:25px 15px;padding:33px 0 28px}.footer-brand{grid-column:1/-1}.footer-main nav{justify-self:end}.footer-main address,.footer-main nav{font-size:11px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:10px 15px;padding:18px 0 23px}.footer-bottom .preview-label{margin-left:0}.footer-bottom .compare-link{grid-column:1/-1}}

/* Mobile follows the original: one complete panel of a diptych. */
@media(max-width:700px){.fade-stage{aspect-ratio:1065/1400;background:#000}.fade-stage .slide{background:#000}.fade-stage .slide .hero-image.mobile-single{object-fit:cover;object-position:left center;aspect-ratio:auto}.fade-stage .slide .hero-image.mobile-contained{object-fit:contain;object-position:center;aspect-ratio:auto}}
/* Fine jewelry details and geometrically centered mobile wordmark. */
.fade-stage .slide .hero-image.mobile-contained{transform:scale(1.12)}
@media(max-width:700px){.header{padding-left:65px;padding-right:65px;justify-content:center}.header .brand{width:210px;flex:0 1 210px}.header .brand img{width:100%;height:auto}.fade-stage .slide .hero-image.mobile-contained{object-fit:cover;object-position:center;transform:none}}
@media(max-width:700px){.fade-stage .slide .hero-image.mobile-contained{object-fit:contain;transform:scale(1.75)}.fade-stage .slide .hero-image[src*="400085228b20"]{transform:scale(2.4)}}
/* Understated sans-serif headline, German and English. */
.home-intro h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.025em;line-height:1.15}

/* Consistent fine typography and original brand artwork. */
.modern-design main h1,.modern-design main h2,.modern-design main h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.025em;line-height:1.2}
.footer-brand>a{display:inline-block;max-width:100%;line-height:0}.footer-brand img{width:230px;max-width:100%;height:auto;mix-blend-mode:multiply}
@media(max-width:700px){.footer-brand img{width:210px}}
/* Refined title scale: 10% smaller, ultralight where available. */
.modern-design main h1,.modern-design main h2,.modern-design main h3{font-weight:200}
.home-intro h1{font-size:clamp(32.4px,3.6vw,54.9px)}
.prose h1{font-size:30.6px}
.contact-info h1{font-size:31.5px}
.modern-design main h2{font-size:21.6px}
@media(max-width:1050px){.prose h1{font-size:25.2px}}
@media(max-width:700px){.home-intro h1{font-size:37.8px}.prose h1{font-size:25.2px}.contact-info h1{font-size:27px}}

/* Format-aware Jewelry rows, without cropping original images. */
.gallery.jewelry{display:flex;flex-direction:column;gap:28px}
.jewelry-row{display:flex;gap:28px;align-items:flex-start}
.gallery.jewelry .art{flex:var(--image-ratio) 1 0%;min-width:0;width:0;grid-column:auto;background:transparent}
.gallery.jewelry .art img{width:100%;height:auto;object-fit:contain}
@media(min-width:701px){.jewelry-row:has(>.art:only-child){max-width:66.666%}}
@media(max-width:1000px) and (min-width:701px){.gallery.jewelry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.jewelry-row{display:contents}.gallery.jewelry .art{width:100%}.gallery.jewelry .art.wide{grid-column:1/-1}}
@media(max-width:700px){.gallery.jewelry{display:grid;grid-template-columns:1fr;gap:18px}.jewelry-row{display:contents}.gallery.jewelry .art{width:100%}}

/* Keep the same 3-portrait / 2-landscape grouping on tablet. */
@media(min-width:701px){.gallery.jewelry{display:flex;flex-direction:column;gap:28px}.gallery.jewelry .jewelry-row{display:flex;gap:28px;max-width:none}.gallery.jewelry .art{width:0;flex:var(--image-ratio) 1 0%}}
.gallery.jewelry .art{cursor:default}.gallery.jewelry .art:after{display:none}.gallery.jewelry .art:hover img{opacity:1}

/* Direct contact, without a form or an empty second column. */
.contact-grid.contact-direct{grid-template-columns:minmax(0,1fr);max-width:680px;margin:0 auto;padding:45px 0 55px}.contact-direct .contact-info{max-width:none}.contact-direct h1{max-width:620px}.contact-direct address a{display:inline-block;padding:5px 0}@media(max-width:700px){.contact-grid.contact-direct{padding:28px 12px 36px}}

/* Slightly larger reading text, navigation and contact links. */
body.modern-design{font-size:17.333px}
.home-intro>div,.prose p{font-size:16.333px}
.home-intro a,.text-link,.submit{font-size:14px}
.nav a{font-size:12.5px}
.footer-main address,.footer-main nav{font-size:14px}
.footer-bottom,.footer-bottom .compare-link{font-size:12px}
.footer-bottom{flex-wrap:wrap}
@media(max-width:1050px) and (min-width:701px){.nav a{font-size:12px}.nav{gap:18px}.header{gap:20px}}
@media(max-width:700px){.home-intro>div{font-size:15.333px}.footer-main address,.footer-main nav{font-size:13px}.slide-bar>.text-link{font-size:12px}}
@media(max-width:420px){.footer-main{grid-template-columns:1fr}.footer-main nav{justify-self:start}.footer-bottom{grid-template-columns:1fr}.footer-bottom .compare-link{grid-column:auto}}

/* Restore reading sizes; increase desktop navigation by one point. */
body.modern-design{font-size:16px}
.home-intro>div,.prose p{font-size:15px}
.nav a{font-size:13.833px}
@media(max-width:1050px) and (min-width:701px){.nav a{font-size:13.333px}}
@media(max-width:700px){.home-intro>div{font-size:14px}}

/* Soft, full-height mobile navigation. */
@media(max-width:700px){
 body.mobile-menu-open{overflow:hidden}
 .header{z-index:50;background:#fff}
 .header #mobile-nav,.header #mobile-nav[hidden]{display:block!important;position:fixed;top:var(--mobile-menu-top,112px);bottom:0;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;box-shadow:none;padding:20px 30px max(30px,env(safe-area-inset-bottom));clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .38s cubic-bezier(.22,.61,.36,1),visibility 0s}
 .header #mobile-nav[hidden]{clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;transition:clip-path .3s ease,visibility 0s .3s}
 .header #mobile-nav a{opacity:1;transform:translateY(0);transition:opacity .3s ease .08s,transform .35s ease .05s}
 .header #mobile-nav[hidden] a{opacity:0;transform:translateY(-8px);transition-delay:0s}
 .menu-toggle[aria-expanded="true"] svg{opacity:.0}
 .menu-toggle[aria-expanded="true"]:after{content:'×';position:absolute;font-size:30px;font-weight:200;line-height:1}
}
@media(prefers-reduced-motion:reduce){.header #mobile-nav,.header #mobile-nav[hidden],.header #mobile-nav a{transition:none}}

/* Use the portrait half of the original homepage diptych, without recompression. */
.gallery.jewelry .campaign-portrait img{aspect-ratio:11/14;object-fit:cover;object-position:left center}

/* Slightly enlarge the silver flower brooch within its original image frame. */
.gallery.jewelry .art img[src*="b505395de40a"]{transform:scale(1.1);transform-origin:center}

/* Give the flower brooch two thirds of its row; crop the ring to one third. */
@media(min-width:701px){
 .gallery.jewelry .jewelry-row:has(img[src*="b505395de40a"]) .art{flex:1 1 0%;align-self:stretch}
 .gallery.jewelry .jewelry-row:has(img[src*="b505395de40a"]) .art:has(img[src*="b505395de40a"]){flex:2 1 0%;order:-1}
 .gallery.jewelry .jewelry-row:has(img[src*="b505395de40a"]) .art:has(img[src*="1a47a972303c"]){position:relative}
 .gallery.jewelry .jewelry-row:has(img[src*="b505395de40a"]) img[src*="1a47a972303c"]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
}

.collection-note{max-width:720px;margin:60px auto 20px;line-height:1.8}.collection-note p{font-size:15px}.cookie-settings{display:block;margin:0 auto;padding:12px 0 22px;font-size:12px;text-decoration:underline;cursor:pointer}.consent-dialog{position:fixed;inset:auto 12px 12px auto;margin:0;width:min(360px,calc(100vw - 24px));max-height:85svh;overflow:auto;background:#fff;color:#242323;padding:16px;border:1px solid #ddd8d1;box-shadow:0 8px 40px #0002;line-height:1.6}.consent-dialog::backdrop{background:#0002}.consent-dialog h2{margin:0 0 8px;font-size:17px;font-weight:400}.consent-dialog p{font-size:13px;line-height:1.5;margin:0 0 12px}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.consent-actions button{flex:1;min-width:120px;min-height:44px;border:1px solid #242323;padding:8px;font-size:13px;background:white}.consent-actions button:last-child{background:#242323;color:white}.legal{padding-top:35px!important;padding-bottom:40px!important}.legal h2{margin-top:32px}.legal p{font-size:15px}

/* Additional portrait: fill the frame while keeping the ring visible. */
.fade-stage .slide .hero-image.home-portrait{object-fit:cover;object-position:50% 100%;transform:none}
@media(max-width:700px){.fade-stage .slide .hero-image.home-portrait{object-position:70% 100%}}

/* Consistent vector arrows, independent of device fonts and emoji rendering. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}.slide-controls button[data-step]{display:inline-grid;place-items:center}.slide-controls button[data-step] .ui-arrow{width:21px;height:21px}
