@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');
:root{--paper:#f6f3ec;--cream:#eee8dd;--stone:#e2d9ca;--gold:#ac8b58;--ink:#302b26;--muted:#746c62;--line:#d7ccba}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-family:"EB Garamond",Georgia,serif;font-weight:400;line-height:1.04}em{font-weight:400}::selection{background:#d9c59e;color:var(--ink)}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:white;padding:.6rem 1rem}.skip-link:focus{top:1rem}
.fr{display:none}body.lang-fr .en{display:none}body.lang-fr .fr{display:initial}
.site-header{height:94px;padding:0 clamp(24px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3rem;border-bottom:1px solid var(--line);background:rgba(246,243,236,.96);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:13px;justify-self:start}.crest{width:31px;height:39px;border:1.4px solid var(--gold);border-radius:1px 1px 13px 13px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Georgia,serif;color:#8c693e;line-height:.82;position:relative}.crest:after{content:"";position:absolute;inset:3px;border:1px solid rgba(172,139,88,.5);border-radius:0 0 9px 9px}.crest b{font-size:18px;font-weight:400}.crest small{font-size:11px}.brand-type{font:400 23px/1 "EB Garamond",Georgia,serif;letter-spacing:.16em;white-space:nowrap}.brand-type>span{letter-spacing:0}.brand-type small{display:block;font:500 8px/1.3 'DM Sans',sans-serif;letter-spacing:.25em;color:#9b7d52;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,3rem)}.site-header nav a{font-size:12px;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;border-bottom:1px solid transparent;padding:8px 0}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--gold)}.languages{display:flex;align-items:center;justify-self:end;gap:9px;color:var(--gold);font-size:11px}.languages button{border:0;background:none;color:var(--muted);font-size:12px;letter-spacing:.12em;padding:10px 2px}.languages button[aria-pressed="true"]{color:var(--ink);border-bottom:1px solid var(--gold)}.menu-button{display:none}
.hero{min-height:min(780px,calc(100svh - 94px));display:grid;grid-template-columns:49% 51%;position:relative;background:var(--paper)}.hero-copy{padding:clamp(64px,9vw,150px) 6vw 80px clamp(28px,8vw,150px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.overline{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#947449;font-weight:600}.hero h1{font-size:clamp(64px,7.2vw,126px);letter-spacing:-.047em;margin:34px 0 25px;max-width:710px}.hero h1 em{color:#a07d51}.hero-sub{font:italic 25px/1.45 "EB Garamond",Georgia,serif;letter-spacing:.01em}.text-link{display:inline-flex;align-items:center;gap:34px;margin-top:48px;padding-bottom:8px;border-bottom:1px solid var(--gold);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.text-link:hover{color:#946e3f}.text-link span:last-child{font-size:20px;font-weight:400;line-height:.8}.hero-image{position:relative;overflow:hidden;background:#dcd7d0;display:flex;align-items:center;justify-content:center}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.image-caption{position:absolute;bottom:30px;right:38px;color:#5b4c37;font-size:10px;letter-spacing:.22em}.image-caption span{padding:0 10px}.hero-vertical{position:absolute;left:24px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg) translateY(50%);font-size:9px;letter-spacing:.25em;color:#9b8368}
.section{padding:clamp(75px,9vw,145px) clamp(28px,8vw,150px);border-bottom:1px solid var(--line)}.section-marker{display:flex;align-items:center;gap:20px;color:#947449;font-size:10px;font-weight:600;letter-spacing:.22em;white-space:nowrap}.section-marker>span:first-child{font-family:"EB Garamond",Georgia,serif;font-size:20px;font-style:italic;font-weight:400;letter-spacing:0}.intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:clamp(35px,5vw,90px);align-items:start;min-height:540px}.intro-copy h2,.story h2,.genesis h2{font-size:clamp(54px,6vw,104px);letter-spacing:-.045em}.intro-copy h2 em,.story h2 em,.genesis h2 em,.closing h2 em{color:#a48357}.intro-copy>p{max-width:600px;margin-top:35px;font:23px/1.55 "EB Garamond",Georgia,serif}.intro-aside{align-self:end;max-width:270px;color:var(--muted);font-size:14px;line-height:1.85}.intro-aside .rule{display:block;width:48px;border-top:1px solid var(--gold);margin-bottom:26px}
.story{display:grid;grid-template-columns:34% 66%;background:var(--cream);min-height:610px}.story-side{display:flex;flex-direction:column;justify-content:space-between;min-height:375px}.water-mark{width:240px;height:130px;position:relative;opacity:.8}.water-mark span{position:absolute;border:1px solid var(--gold);border-radius:50%;left:50%;bottom:0;transform:translateX(-50%)}.water-mark span:nth-child(1){width:230px;height:62px}.water-mark span:nth-child(2){width:150px;height:44px;bottom:10px}.water-mark span:nth-child(3){width:74px;height:25px;bottom:22px}.water-mark i{position:absolute;left:50%;top:7px;width:8px;height:8px;background:var(--gold);border-radius:50%}.story-main{padding-left:5vw;max-width:950px}.story h2{margin:27px 0 30px}.story-main>p:not(.overline){max-width:620px;font-size:16px;line-height:1.9;color:#514b44}.story-signature{margin-top:60px;padding-top:22px;border-top:1px solid #c4b69f;display:flex;justify-content:space-between;align-items:center;gap:20px}.story-signature>span{font:24px "EB Garamond",Georgia,serif;letter-spacing:.16em}.story-signature small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7f705e}
.genesis{background:#faf8f3}.genesis-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin:35px 0 60px}.genesis-heading>p{max-width:380px;color:var(--muted);font-size:15px;line-height:1.8}.presentation{background:#e9dfcf}.presentation img{width:100%;height:auto}.presentation figcaption{display:flex;justify-content:space-between;padding:14px 0;background:#faf8f3;color:#8e7657;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.closing{text-align:center;padding:clamp(95px,12vw,190px) 24px;background:var(--stone)}.closing h2{font-size:clamp(60px,8vw,132px);letter-spacing:-.05em;margin:23px 0 20px}.closing>p:not(.overline){font:italic 24px "EB Garamond",Georgia,serif}.closing .text-link{margin-top:56px}footer{padding:36px clamp(28px,5vw,75px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7d7163;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto auto;gap:20px}.menu-button{display:flex;align-items:center;gap:12px;order:2;border:0;background:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding:10px}.menu-lines{display:grid;gap:5px}.menu-lines i{display:block;width:20px;height:1px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:94px;left:0;right:0;padding:25px 7vw 30px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:12px}.site-header nav.open{display:flex}.languages{order:3}.intro{grid-template-columns:1fr 2fr}.intro-aside{grid-column:2;align-self:start}.hero-copy{padding-left:7vw}.hero h1{font-size:clamp(58px,7.5vw,90px)}}
@media(max-width:700px){.site-header{height:72px;padding:0 18px;gap:7px}.site-header nav{top:72px}.brand{gap:8px}.crest{width:26px;height:33px}.crest b{font-size:16px}.crest small{font-size:9px}.brand-type{font-size:18px}.brand-type small{font-size:7px;letter-spacing:.16em}.menu-label{display:none!important}.menu-button{padding:8px}.languages{gap:4px}.languages button{font-size:11px;padding:8px 1px}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{padding:82px 28px 70px}.hero h1{font-size:clamp(60px,12vw,86px);margin:30px 0 22px}.hero-sub{font-size:23px}.hero .text-link{margin-top:34px}.hero-image{height:440px}.hero-image img{object-fit:cover}.hero-vertical{display:none}.image-caption{right:18px;bottom:18px;font-size:8px}.section{padding:80px 28px}.intro{display:block;min-height:0}.intro-copy{margin-top:32px}.intro-copy h2,.story h2,.genesis h2{font-size:clamp(54px,11vw,72px)}.intro-copy>p{font-size:21px}.intro-aside{margin-top:55px;max-width:500px}.story{display:flex;flex-direction:column;gap:38px}.story-side{min-height:0}.water-mark{display:none}.story-main{padding:0}.story-main>p:not(.overline){font-size:15px}.story-signature{display:block;margin-top:45px}.story-signature small{display:block;margin-top:8px}.genesis-heading{display:block;margin:30px 0}.genesis-heading>p{margin-top:27px}.presentation{margin:0 -28px}.presentation figcaption{padding:15px 28px}.closing{padding:100px 25px}.closing h2{font-size:clamp(58px,11vw,90px)}footer{display:block;padding:35px 28px}footer>span{display:block;margin:9px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* One photographic story detail from the brand references. */
.header-shield{width:50px;height:50px;flex:none;object-fit:contain}
.hero-image{background:#d8b99a}
.hero-image img{object-fit:cover;object-position:center 48%;mix-blend-mode:normal}
.presentation{width:min(100%,720px);margin-inline:auto;background:#e5d3bd}
.presentation img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.story{grid-template-columns:50% 50%;padding:0;min-height:0}
.story-side{min-height:560px;position:relative;background:#b49973 url('assets/story-reference.png') right 8% / 220% auto no-repeat}
.story-side .section-marker{position:absolute;top:28px;left:28px;padding:12px 16px;background:rgba(246,243,236,.94)}
.story-main{max-width:none;padding:clamp(70px,7vw,110px) clamp(35px,7vw,115px)}
@media(max-width:700px){.header-shield{width:43px;height:43px}.hero-image{height:480px}.hero-image img{height:100%;width:100%;object-position:center 49%}.presentation{width:100%;margin-inline:auto}.story{padding:0;gap:0}.story-side{height:340px;min-height:340px}.story-side .section-marker{top:18px;left:18px}.story-main{padding:75px 28px}}

/* Fragrance and contact refinements. */
.intro{grid-template-columns:22% minmax(0,1fr);min-height:0;gap:clamp(32px,5vw,80px)}
.intro-copy{max-width:790px}
.intro-copy h2{font-size:clamp(48px,5.4vw,83px);line-height:1.08;overflow-wrap:normal}
.intro-copy>p{max-width:620px}
.story h2{font-size:clamp(48px,5vw,82px);line-height:1.09}
.story-main>p.story-invitation{margin-top:22px}
.contact-main{min-height:calc(100svh - 170px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(50px,8vw,140px);padding:clamp(75px,9vw,130px) clamp(28px,10vw,165px)}
.contact-copy{align-self:center}
.contact-copy h1{font-size:clamp(60px,7vw,112px);letter-spacing:-.045em;margin:25px 0 38px}
.contact-copy p:not(.overline){font:clamp(21px,2.2vw,28px)/1.45 "EB Garamond",Georgia,serif}
.contact-copy .contact-email{display:inline-block;margin-top:9px;border-bottom:1px solid var(--gold);padding-bottom:5px;font:500 clamp(17px,1.6vw,21px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.02em;overflow-wrap:anywhere}
.contact-copy .contact-email:hover,.contact-copy .contact-email:focus-visible{color:#946e3f}
.contact-visual{width:min(100%,455px);justify-self:center}
.contact-visual img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.intro{display:block}.intro-copy h2{font-size:clamp(45px,10vw,64px)}.story h2{font-size:clamp(44px,9vw,64px)}.contact-main{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:55px;padding:77px 28px 90px}.contact-copy h1{font-size:clamp(58px,13vw,82px);margin:22px 0 30px}.contact-visual{width:min(100%,420px);align-self:center}}

.closing{display:flex;flex-direction:column;align-items:center}
.closing .text-link{gap:25px}
.closing-return{display:inline-flex;align-items:center;gap:12px;margin-top:29px;padding:6px 3px;color:#65594b;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid transparent}
.closing-return:hover,.closing-return:focus-visible{border-color:var(--gold)}
.closing-return span:last-child{font-size:18px;line-height:1}
