@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');

:root { --white:#fffdf9; --ivory:#f6f0e7; --navy:#1d1915; --midnight:#0e0c0a; --gold:#b88b2b; --champagne:#e7cb83; --antique:#8f6d2a; --ink:#211c17; --muted:#766e64; --line:rgba(33,28,23,.16); --serif:'Cormorant Garamond', Georgia, serif; --sans:'Manrope', 'Helvetica Neue', Arial, sans-serif; --ease:cubic-bezier(.2,.75,.2,1); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--white); font-family:var(--sans); -webkit-font-smoothing:antialiased; } body.menu-open { overflow:hidden; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button, input, select, textarea { font:inherit; } button, a { -webkit-tap-highlight-color:transparent; } button { cursor:pointer; } ::selection { color:var(--white); background:var(--gold); }
.site-shell { overflow:clip; } .grain { position:fixed; inset:0; z-index:30; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-header { position:fixed; inset:0 0 auto; z-index:25; display:flex; align-items:center; gap:28px; min-height:82px; padding:0 5vw; color:var(--navy); background:rgba(255,255,255,.94); border-bottom:1px solid rgba(16,27,45,.1); backdrop-filter:blur(14px); transition:color .3s ease, background .3s ease, border-color .3s ease; }.site-header.header-dark { color:var(--white); background:rgba(11,31,58,.92); border-color:rgba(255,255,255,.14); }.wordmark { display:inline-flex; align-items:baseline; gap:10px; min-width:max-content; }.wordmark-mark { color:var(--gold); font:500 22px/1 var(--serif); letter-spacing:-.16em; }.wordmark-name { font-size:11px; font-weight:600; letter-spacing:.22em; }.main-nav { display:flex; align-items:center; justify-content:center; gap:20px; flex:1; }.main-nav a { position:relative; padding:32px 0 28px; color:currentColor; font-size:8px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; opacity:.76; transition:opacity .25s ease; }.main-nav a::after { content:''; position:absolute; right:100%; bottom:20px; left:0; height:1px; background:var(--gold); transition:right .3s var(--ease); }.main-nav a:hover, .main-nav a.is-active { opacity:1; }.main-nav a.is-active::after { right:0; }.header-actions { display:flex; align-items:center; gap:13px; min-width:max-content; }.icon-button { display:grid; place-items:center; width:28px; height:28px; padding:0; color:currentColor; background:transparent; border:0; font-size:21px; line-height:1; }.header-cta { display:inline-flex; align-items:center; gap:13px; padding:13px 16px; color:var(--navy); background:var(--gold); font-size:8px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; transition:background .25s ease, transform .25s ease; }.header-dark .header-cta { color:var(--navy); }.header-cta:hover { background:var(--champagne); transform:translateY(-2px); }.header-cta span { font-size:14px; }.menu-toggle { display:none; width:30px; padding:5px 0; color:currentColor; background:transparent; border:0; }.menu-toggle span { display:block; width:100%; height:1px; margin:6px 0; background:currentColor; transition:transform .25s ease; }.search-drawer { position:absolute; top:81px; right:5vw; display:none; width:min(390px,90vw); padding:22px; color:var(--ink); background:var(--white); border:1px solid var(--line); box-shadow:0 18px 50px rgba(7,21,39,.16); }.search-drawer.is-open { display:block; }.search-drawer label { display:block; margin-bottom:12px; color:var(--gold); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }.search-row { display:flex; border-bottom:1px solid var(--navy); }.search-row input { flex:1; padding:10px 0; border:0; outline:0; color:var(--navy); }.search-row button { padding:10px 0 10px 10px; color:var(--navy); background:none; border:0; font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }.search-drawer p { margin:13px 0 0; color:var(--muted); font-size:11px; }.mobile-menu { position:fixed; inset:0; z-index:24; display:none; padding:26px 8vw 10vw; color:var(--white); background:var(--navy); }.mobile-menu.is-open { display:block; }.mobile-menu-top { display:flex; justify-content:space-between; align-items:center; color:var(--champagne); font-size:9px; font-weight:600; letter-spacing:.2em; }.mobile-menu-top button { color:var(--white); background:none; border:0; font-size:32px; font-weight:200; }.mobile-menu nav { display:flex; flex-direction:column; margin-top:13vh; }.mobile-menu nav a { display:flex; justify-content:space-between; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.15); font:400 clamp(1.8rem,7vw,3rem)/1 var(--serif); }.mobile-menu nav small { align-self:flex-end; color:var(--gold); font:600 9px/1 var(--sans); letter-spacing:.16em; }
main { min-height:60vh; } .page { overflow:clip; }.eyebrow { display:flex; align-items:center; gap:11px; margin:0 0 24px; color:var(--gold); font-size:9px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; }.eyebrow::before { content:''; width:32px; height:1px; background:currentColor; }.eyebrow.navy { color:var(--navy); }.eyebrow.light { color:var(--champagne); }.serif { font-family:var(--serif); }.display { margin:0; font:400 clamp(3.9rem,8vw,8.5rem)/.94 var(--serif); letter-spacing:-.065em; }.display em, .title em { color:var(--gold); font-style:italic; }.title { margin:0; color:var(--navy); font:400 clamp(3rem,6vw,6.2rem)/.98 var(--serif); letter-spacing:-.06em; }.title.light { color:var(--white); }.lead { max-width:560px; margin:24px 0 0; color:var(--muted); font-size:14px; line-height:1.8; }.lead.light { color:rgba(255,255,255,.74); }.section { padding:clamp(90px,11vw,170px) 9vw; }.navy-section { color:var(--white); background:var(--navy); }.ivory-section { background:var(--ivory); }.white-section { background:var(--white); }.gold-section { background:var(--gold); }.hairline { height:1px; background:var(--line); }.gold-line { background:rgba(201,162,39,.55); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-width:200px; padding:16px 19px; border:1px solid var(--gold); font-size:9px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; transition:transform .3s var(--ease), background .3s ease, color .3s ease; }.button:hover { transform:translateY(-3px); }.button-gold { color:var(--navy); background:var(--gold); }.button-gold:hover { background:var(--champagne); }.button-outline { color:var(--gold); background:transparent; }.button-outline:hover { color:var(--navy); background:var(--gold); }.button-white { color:var(--navy); background:var(--white); border-color:var(--white); }.button-white:hover { color:var(--white); background:transparent; }.text-link { display:inline-flex; align-items:center; gap:12px; padding-bottom:7px; border-bottom:1px solid var(--gold); color:var(--navy); font-size:9px; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }.text-link.light { color:var(--white); }.text-link span { color:var(--gold); font-size:14px; }
.hero { min-height:100svh; display:grid; place-items:center; position:relative; color:var(--white); background:var(--navy); }.hero-media { position:absolute; inset:0; }.hero-media img { width:100%; height:100%; object-fit:cover; object-position:center 24%; transform:scale(1.04); }.hero-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,21,39,.88),rgba(11,31,58,.45) 52%,rgba(11,31,58,.3)),linear-gradient(0deg,rgba(7,21,39,.72),transparent 45%); }.hero-content { position:relative; z-index:1; width:min(1100px,82vw); padding-top:70px; }.hero-content .display { max-width:840px; }.hero-content .lead { max-width:560px; }.hero-actions { display:flex; gap:16px; flex-wrap:wrap; margin-top:40px; }.hero-meta { position:absolute; z-index:1; bottom:38px; left:9vw; right:9vw; display:flex; justify-content:space-between; color:rgba(255,255,255,.6); font-size:8px; letter-spacing:.16em; text-transform:uppercase; }.hero-mark { position:absolute; right:7vw; bottom:17vh; color:rgba(255,255,255,.1); font:400 24vw/.7 var(--serif); letter-spacing:-.15em; }.page-hero { display:grid; grid-template-columns:1fr .75fr; align-items:end; min-height:64vh; padding:190px 9vw 90px; color:var(--white); background:var(--navy); }.page-hero-content { max-width:780px; }.page-hero-side { justify-self:end; max-width:300px; padding-bottom:8px; color:rgba(255,255,255,.66); font:italic 19px/1.45 var(--serif); }.page-hero-side span { display:block; margin-bottom:15px; color:var(--champagne); font:600 9px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
.intro { text-align:center; }.intro-inner { max-width:850px; margin:0 auto; }.intro .title { max-width:760px; margin:0 auto; }.intro .lead { max-width:700px; margin:28px auto 0; }.intro .text-link { margin-top:34px; }.numbered { position:absolute; top:0; left:0; color:var(--gold); font:400 14px/1 var(--serif); }.editorial-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9vw; }.editorial-grid.reverse .editorial-image { order:2; }.editorial-copy { max-width:580px; }.editorial-copy .title { margin-bottom:26px; }.editorial-image { position:relative; overflow:hidden; min-height:550px; }.editorial-image img { width:100%; height:100%; min-height:550px; object-fit:cover; transition:transform 1s var(--ease); }.editorial-image:hover img { transform:scale(1.04); }.editorial-image::after { content:''; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.7); pointer-events:none; }.navy-section .editorial-image::after { border-color:rgba(227,200,120,.75); }.editorial-note { position:absolute; right:18px; bottom:20px; z-index:1; color:var(--white); font-size:8px; letter-spacing:.18em; text-transform:uppercase; writing-mode:vertical-rl; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.section-head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:54px; }.section-head > div { max-width:680px; }.section-head .lead { max-width:280px; margin:0; }.editorial-card, .product-card, .article-card { position:relative; background:var(--white); border:1px solid var(--line); transition:transform .35s var(--ease), box-shadow .35s ease; }.editorial-card:hover, .product-card:hover, .article-card:hover { transform:translateY(-7px); box-shadow:0 20px 50px rgba(7,21,39,.1); }.card-image { overflow:hidden; aspect-ratio:4/5; background:var(--ivory); }.card-image img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }.editorial-card:hover img, .product-card:hover img, .article-card:hover img { transform:scale(1.05); }.card-body { padding:24px; }.card-label { margin:0 0 13px; color:var(--gold); font-size:8px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }.card-body h3 { margin:0; color:var(--navy); font:400 28px/1.05 var(--serif); letter-spacing:-.045em; }.card-body p { color:var(--muted); font-size:12px; line-height:1.65; }.card-body .text-link { margin-top:10px; }.card-index { position:absolute; top:17px; left:18px; z-index:1; color:var(--white); font:400 14px/1 var(--serif); text-shadow:0 1px 7px rgba(0,0,0,.3); }.collection-card .card-image { aspect-ratio:4/5.6; }.collection-card:nth-child(2) .card-image img { object-position:center 32%; }.collection-card:nth-child(3) .card-image img { object-position:center 36%; }
.feature-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(227,200,120,.38); border-bottom:1px solid rgba(227,200,120,.38); }.feature { padding:28px 25px; border-right:1px solid rgba(227,200,120,.38); }.feature:last-child { border-right:0; }.feature-number { color:var(--gold); font:400 24px/1 var(--serif); }.feature h3 { margin:18px 0 10px; color:var(--white); font:500 16px/1.2 var(--sans); }.feature p { margin:0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.7; }
.highlight { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; min-height:650px; }.highlight-copy { padding:clamp(70px,10vw,150px) 9vw; }.highlight-media { height:100%; min-height:650px; overflow:hidden; }.highlight-media img { width:100%; height:100%; object-fit:cover; }.offer-banner { position:relative; min-height:500px; display:flex; align-items:center; padding:80px 9vw; color:var(--white); background:var(--navy); overflow:hidden; }.offer-banner img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:.38; }.offer-banner::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,var(--navy),rgba(11,31,58,.55)); }.offer-banner-content { position:relative; z-index:1; max-width:630px; }.offer-banner-content .title { color:var(--white); }
.filter-bar { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 55px; padding-bottom:22px; border-bottom:1px solid var(--line); }.filter-button { padding:9px 14px; color:var(--muted); background:transparent; border:1px solid var(--line); font-size:8px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }.filter-button.is-active, .filter-button:hover { color:var(--navy); border-color:var(--gold); background:rgba(201,162,39,.12); }.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }.product-card .card-image { aspect-ratio:3/4; }.product-card .card-body { padding:18px 2px 5px; }.product-card .card-body h3 { font-size:21px; }.product-card .card-body p { margin:9px 0 0; font-size:10px; }.price { float:right; color:var(--antique); font-size:10px; }
.timeline { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:65px; border-top:1px solid var(--gold); }.timeline-step { position:relative; padding:34px 25px 0 0; }.timeline-step:not(:last-child) { margin-right:25px; border-right:1px solid rgba(255,255,255,.22); }.timeline-step::before { content:''; position:absolute; top:-5px; left:0; width:9px; height:9px; border:2px solid var(--gold); border-radius:50%; background:var(--navy); }.timeline-step span { display:block; margin-bottom:22px; color:var(--champagne); font-size:8px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }.timeline-step h3 { margin:0 0 12px; color:var(--white); font:400 25px/1 var(--serif); }.timeline-step p { margin:0; color:rgba(255,255,255,.62); font-size:12px; line-height:1.65; }.materials { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:60px; }.material { padding:25px; min-height:170px; border:1px solid var(--line); }.material span { color:var(--gold); font:400 25px/1 var(--serif); }.material h3 { margin:28px 0 0; color:var(--navy); font:500 14px/1.3 var(--sans); }
.form-layout { display:grid; grid-template-columns:.66fr 1fr; gap:9vw; align-items:start; }.form-intro { position:sticky; top:125px; }.form-intro .title { margin-bottom:20px; }.form-intro .lead { max-width:360px; }.luxury-form { padding:32px; background:var(--white); border:1px solid var(--line); box-shadow:0 20px 70px rgba(7,21,39,.07); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.field { margin-bottom:20px; }.field label { display:block; margin-bottom:8px; color:var(--navy); font-size:9px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }.field input, .field select, .field textarea { width:100%; padding:13px 0; color:var(--navy); background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; outline:0; font-size:13px; }.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--gold); box-shadow:0 1px 0 var(--gold); }.field textarea { min-height:120px; resize:vertical; }.field input[type=file] { padding:12px 0; font-size:11px; }.field-error { display:block; min-height:14px; margin-top:6px; color:#9b403f; font-size:10px; }.form-note { margin:15px 0 0; color:var(--muted); font-size:10px; line-height:1.6; }.form-status { display:none; margin:0 0 20px; padding:15px; font-size:12px; line-height:1.5; }.form-status.is-visible { display:block; }.form-status.success { color:#275c49; background:#e7f2ec; }.form-status.error { color:#873b3d; background:#f8eaea; }.form-submit { margin-top:6px; }.button.is-loading { opacity:.6; pointer-events:none; }.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; }.trust-item { padding-top:20px; border-top:1px solid var(--gold); }.trust-item h3 { margin:16px 0 9px; color:var(--navy); font:400 23px/1.05 var(--serif); }.trust-item p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.article-card .card-image { aspect-ratio:16/10; }.article-card .card-body h3 { font-size:25px; }.article-meta { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }.details-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; }.contact-detail { padding:22px 0; border-bottom:1px solid var(--line); }.contact-detail span { display:block; margin-bottom:10px; color:var(--gold); font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }.contact-detail strong, .contact-detail a, .contact-detail p { color:var(--navy); font:400 23px/1.15 var(--serif); }.contact-detail p { margin:0; }.map-placeholder { min-height:400px; display:grid; place-items:center; color:var(--gold); background:linear-gradient(135deg,#4a3a29,#1d1915); border:1px solid var(--gold); text-align:center; }.map-placeholder span { display:block; color:var(--champagne); font:400 45px/1 var(--serif); }.map-placeholder small { display:block; margin-top:12px; color:rgba(255,255,255,.6); font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.site-footer { color:var(--white); background:var(--navy); }.footer-main { display:grid; grid-template-columns:1.25fr .7fr .9fr 1.1fr; gap:6vw; padding:80px 9vw 65px; }.footer-wordmark { display:inline-flex; align-items:baseline; gap:8px; color:var(--white); font:500 15px/1 var(--sans); letter-spacing:.18em; }.footer-wordmark span { color:var(--gold); font:400 28px/1 var(--serif); letter-spacing:-.18em; }.footer-brand p { max-width:230px; margin:23px 0 26px; color:rgba(255,255,255,.56); font-size:12px; line-height:1.7; }.footer-socials { display:flex; gap:16px; }.footer-socials a { color:var(--champagne); font-size:10px; text-transform:uppercase; }.footer-label { display:block; margin-bottom:22px; color:var(--champagne); font-size:9px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }.footer-col { display:flex; flex-direction:column; gap:12px; }.footer-col a { color:rgba(255,255,255,.66); font-size:11px; }.footer-col a:hover { color:var(--white); }.footer-newsletter p { color:rgba(255,255,255,.62); font-size:11px; }.footer-newsletter form > div { display:flex; border-bottom:1px solid var(--gold); }.footer-newsletter input { flex:1; min-width:0; padding:12px 0; color:var(--white); background:none; border:0; outline:0; font-size:11px; }.footer-newsletter input::placeholder { color:rgba(255,255,255,.46); }.footer-newsletter button { padding:0 0 0 12px; color:var(--gold); background:none; border:0; font-size:17px; }.footer-newsletter small { display:block; min-height:15px; margin-top:10px; color:var(--champagne); font-size:10px; }.footer-bottom { display:flex; justify-content:space-between; gap:25px; padding:20px 9vw 26px; color:rgba(255,255,255,.42); border-top:1px solid rgba(255,255,255,.14); font-size:9px; letter-spacing:.08em; }.footer-bottom a { color:var(--champagne); }.toast { position:fixed; right:24px; bottom:24px; z-index:35; max-width:300px; padding:14px 18px; color:var(--navy); background:var(--champagne); box-shadow:0 13px 40px rgba(7,21,39,.25); font-size:11px; opacity:0; transform:translateY(15px); pointer-events:none; transition:opacity .3s ease, transform .3s ease; }.toast.is-visible { opacity:1; transform:translateY(0); }
[data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .8s var(--ease), transform .8s var(--ease); }.is-visible { opacity:1; transform:none; }
@media (max-width:1100px) { .main-nav { gap:12px; }.main-nav a { font-size:7px; }.account-button { display:none; }.footer-main { gap:35px; } .product-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px) { .site-header { min-height:70px; padding:0 6vw; }.main-nav, .header-cta { display:none; }.menu-toggle { display:block; }.header-actions { margin-left:auto; }.search-drawer { top:69px; right:6vw; }.hero-content { width:84vw; }.hero-meta { left:8vw; right:8vw; }.page-hero { grid-template-columns:1fr; min-height:58vh; padding:145px 9vw 70px; }.page-hero-side { justify-self:start; margin-top:45px; }.editorial-grid, .editorial-grid.reverse { grid-template-columns:1fr; gap:45px; }.editorial-grid.reverse .editorial-image { order:0; }.editorial-image, .editorial-image img { min-height:480px; }.card-grid { grid-template-columns:1fr 1fr; }.feature-strip { grid-template-columns:1fr; }.feature { border-right:0; border-bottom:1px solid rgba(227,200,120,.38); }.feature:last-child { border-bottom:0; }.highlight { grid-template-columns:1fr; }.highlight-media { min-height:480px; }.product-grid { grid-template-columns:repeat(2,1fr); }.timeline { grid-template-columns:1fr 1fr; gap:25px; }.timeline-step:not(:last-child) { margin-right:0; padding-bottom:25px; }.materials { grid-template-columns:1fr 1fr; }.form-layout, .details-grid { grid-template-columns:1fr; gap:50px; }.form-intro { position:static; }.article-grid { grid-template-columns:1fr 1fr; }.footer-main { grid-template-columns:1fr 1fr; }.footer-brand, .footer-newsletter { grid-column:span 2; } }
@media (max-width:560px) { .site-header { min-height:64px; }.wordmark-name { font-size:9px; }.icon-button { font-size:18px; }.hero { min-height:720px; }.hero-content { padding-top:40px; }.display { font-size:clamp(3.3rem,14vw,5.4rem); }.hero-actions { align-items:flex-start; flex-direction:column; }.hero-meta { gap:14px; font-size:7px; }.hero-meta span:nth-child(2) { display:none; }.section { padding:92px 8vw; }.section-head { display:block; margin-bottom:38px; }.section-head .lead { margin-top:20px; }.card-grid, .product-grid, .article-grid { grid-template-columns:1fr; }.collection-card .card-image { aspect-ratio:4/5; }.editorial-image, .editorial-image img { min-height:390px; }.highlight-media { min-height:390px; }.timeline, .materials, .trust-grid { grid-template-columns:1fr; }.timeline-step:not(:last-child) { border-right:0; border-bottom:1px solid rgba(255,255,255,.22); }.luxury-form { padding:22px 18px; }.form-row { grid-template-columns:1fr; gap:0; }.footer-main { grid-template-columns:1fr 1fr; padding:62px 8vw 50px; gap:35px 25px; }.footer-brand, .footer-newsletter { grid-column:span 2; }.footer-bottom { flex-direction:column; padding:18px 8vw 24px; gap:8px; line-height:1.6; }.toast { right:14px; bottom:14px; left:14px; max-width:none; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; }.grain { display:none; } [data-reveal] { opacity:1; transform:none; } }

/* Transparent atelier refresh */
html { background: #e9e1d6; }
body { color: var(--ink); background: radial-gradient(circle at 12% 10%, rgba(231,203,131,.32), transparent 28%), radial-gradient(circle at 88% 20%, rgba(185,139,43,.16), transparent 24%), linear-gradient(125deg, #f6f0e7 0%, #ebe2d5 45%, #f9f6f0 100%); background-attachment: fixed; }
body::before { content:''; position:fixed; inset:-20%; z-index:-1; pointer-events:none; background: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.8), transparent 42%), radial-gradient(ellipse at 50% 100%, rgba(184,139,43,.1), transparent 38%); filter: blur(28px); animation: atmosphere 18s ease-in-out infinite alternate; }
@keyframes atmosphere { from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(2%, 1%, 0) scale(1.04); } }
.site-shell { position:relative; background:linear-gradient(120deg, rgba(255,255,255,.16), rgba(255,255,255,.03)); }
.site-shell::before { content:''; position:fixed; top:14vh; right:-10vw; width:34vw; height:34vw; z-index:-1; border:1px solid rgba(184,139,43,.22); border-radius:50%; box-shadow:0 0 0 34px rgba(184,139,43,.035), 0 0 0 68px rgba(184,139,43,.02); pointer-events:none; }
.site-header { background:rgba(255,253,249,.46); border-bottom:1px solid rgba(33,28,23,.13); box-shadow:0 10px 40px rgba(33,28,23,.05); backdrop-filter:blur(22px) saturate(130%); }
.site-header.header-dark { color:var(--white); background:rgba(29,25,21,.56); border-color:rgba(255,253,249,.18); box-shadow:0 10px 40px rgba(14,12,10,.14); }
.wordmark-mark, .wordmark-name, .footer-wordmark span { text-shadow:0 1px 12px rgba(184,139,43,.18); }
.search-drawer { background:rgba(255,253,249,.7); border-color:rgba(33,28,23,.18); box-shadow:0 24px 70px rgba(33,28,23,.16); backdrop-filter:blur(24px); }
.search-row { border-color:var(--navy); }
.mobile-menu { color:var(--white); background:linear-gradient(135deg, rgba(29,25,21,.97), rgba(68,52,31,.93)); }
main { position:relative; }
.navy-section { color:var(--white); background:linear-gradient(135deg, rgba(29,25,21,.92), rgba(64,48,30,.77) 54%, rgba(22,19,16,.9)); border-top:1px solid rgba(255,253,249,.14); border-bottom:1px solid rgba(255,253,249,.14); backdrop-filter:blur(18px) saturate(120%); }
.ivory-section { background:rgba(246,240,231,.58); backdrop-filter:blur(20px) saturate(120%); }
.white-section { background:rgba(255,253,249,.44); backdrop-filter:blur(22px) saturate(120%); }
.gold-section { background:linear-gradient(135deg, rgba(231,203,131,.78), rgba(184,139,43,.7)); }
.eyebrow { letter-spacing:.25em; }
.eyebrow::before { width:38px; box-shadow:0 0 12px rgba(184,139,43,.35); }
.display, .title { font-weight:500; letter-spacing:-.07em; }
.display em, .title em { text-shadow:0 8px 30px rgba(184,139,43,.16); }
.lead { letter-spacing:.005em; }
.button { border-radius:1px; box-shadow:0 8px 24px rgba(33,28,23,.08); }
.button-gold { color:var(--ink); background:linear-gradient(135deg, var(--gold), var(--champagne)); border-color:rgba(184,139,43,.85); }
.button-gold:hover { background:linear-gradient(135deg, var(--champagne), #f4e4aa); box-shadow:0 14px 34px rgba(184,139,43,.2); }
.button-outline { border-color:var(--champagne); background:rgba(255,253,249,.06); backdrop-filter:blur(9px); }
.button-outline:hover { color:var(--ink); background:linear-gradient(135deg,var(--gold),var(--champagne)); }
.text-link { border-color:var(--gold); }
.hero { background:#211c17; }
.hero-media::after { background:linear-gradient(90deg, rgba(29,25,21,.82), rgba(29,25,21,.42) 52%, rgba(29,25,21,.22)), linear-gradient(0deg, rgba(29,25,21,.72), transparent 48%); }
.hero-mark { color:rgba(255,253,249,.11); }
.page-hero { color:var(--white); background:linear-gradient(135deg, rgba(29,25,21,.94), rgba(70,53,31,.75) 56%, rgba(20,17,14,.9)); backdrop-filter:blur(18px); }
.page-hero::before { content:''; position:absolute; inset:0; z-index:0; opacity:.19; background:radial-gradient(circle at 80% 30%, var(--champagne), transparent 20%), radial-gradient(circle at 5% 80%, var(--gold), transparent 24%); pointer-events:none; }
.page-hero-content, .page-hero-side { position:relative; z-index:1; }
.editorial-image, .highlight-media, .hero-media-frame { border:1px solid rgba(231,203,131,.42); box-shadow:18px 22px 60px rgba(33,28,23,.12); }
.editorial-image::after { border-color:rgba(231,203,131,.72); }
.editorial-card, .product-card, .article-card { background:rgba(255,253,249,.48); border-color:rgba(33,28,23,.14); box-shadow:0 14px 40px rgba(33,28,23,.05); backdrop-filter:blur(16px) saturate(125%); }
.editorial-card::before, .product-card::before, .article-card::before { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0; background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.32) 46%, transparent 68%); transform:translateX(-120%); transition:opacity .35s ease, transform .8s var(--ease); }
.editorial-card:hover::before, .product-card:hover::before, .article-card:hover::before { opacity:1; transform:translateX(120%); }
.card-body h3, .product-card .card-body h3 { color:var(--ink); font-weight:500; }
.card-image { background:rgba(246,240,231,.44); }
.feature-strip { border-color:rgba(231,203,131,.42); }
.feature { border-color:rgba(231,203,131,.28); }
.timeline-step:not(:last-child) { border-color:rgba(255,253,249,.22); }
.timeline-step::before { background:var(--navy); }
.material { background:rgba(255,253,249,.34); border-color:rgba(33,28,23,.14); backdrop-filter:blur(14px); }
.luxury-form { background:rgba(255,253,249,.58); border-color:rgba(33,28,23,.15); box-shadow:0 24px 80px rgba(33,28,23,.1); backdrop-filter:blur(24px) saturate(130%); }
.field input, .field select, .field textarea { color:var(--ink); border-color:rgba(33,28,23,.2); }
.field label { color:var(--ink); }
.highlight { background:rgba(255,253,249,.38); }
.offer-banner { background:linear-gradient(135deg, rgba(29,25,21,.9), rgba(73,54,30,.72)); }
.offer-banner::after { background:linear-gradient(90deg,rgba(29,25,21,.86),rgba(29,25,21,.35)); }
.filter-button { color:var(--muted); border-color:rgba(33,28,23,.2); background:rgba(255,253,249,.22); backdrop-filter:blur(12px); }
.filter-button.is-active, .filter-button:hover { color:var(--ink); background:rgba(231,203,131,.28); }
.map-placeholder { background:linear-gradient(135deg, rgba(29,25,21,.92), rgba(88,65,36,.75)); box-shadow:18px 24px 50px rgba(33,28,23,.16); }
.site-footer { color:var(--white); background:linear-gradient(135deg, rgba(29,25,21,.95), rgba(65,48,29,.9)); border-top:1px solid rgba(231,203,131,.3); }
.footer-newsletter input { color:var(--white); }
.footer-bottom { border-color:rgba(255,253,249,.16); }
.toast { color:var(--ink); background:linear-gradient(135deg,var(--champagne),#f3e2a4); }

@media (max-width: 1100px) { .main-nav { gap:13px; } .main-nav a { font-size:7px; letter-spacing:.09em; } }
@media (max-width: 820px) { .site-header.header-dark { background:rgba(29,25,21,.72); } }
@media (prefers-reduced-motion: reduce) { body::before { animation:none; } }