:root { --ink:#14261d; --forest:#173b2c; --dark:#0a2117; --cream:#f5f1e7; --paper:#fbf8ef; --gold:#b89449; --gold-light:#d5bd81; --line:rgba(20,38,29,.18); --serif:'Cormorant Garamond',Georgia,serif; --sans:'Montserrat',Arial,sans-serif; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;width:100%}a{color:inherit}button,input{font:inherit}::selection{background:var(--gold-light);color:var(--dark)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-180%);padding:.7rem 1rem;background:var(--forest);color:white}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;min-height:88px;padding:0 clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;color:var(--ink);background:rgba(239,245,234,.97);box-shadow:0 1px 0 rgba(20,38,29,.12);backdrop-filter:blur(12px);transition:.3s ease}.site-header.is-scrolled{min-height:72px;color:var(--ink);background:rgba(239,245,234,.98);box-shadow:0 1px 0 var(--line)}.wordmark{justify-self:start;display:flex;align-items:center;gap:.65rem;font:500 clamp(1.55rem,2.2vw,2.15rem)/1 var(--serif);text-decoration:none}.wordmark .crown{color:var(--gold);font-size:1.15rem}.site-header.is-scrolled .wordmark .crown{color:var(--gold)}.desktop-nav{display:flex;align-items:center;gap:clamp(1.3rem,2.6vw,2.8rem)}.desktop-nav a{position:relative;text-decoration:none;text-transform:uppercase;font-size:.63rem;font-weight:600;letter-spacing:.18em}.desktop-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-.65rem;height:1px;background:currentColor;transition:right .25s ease}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{right:0}.header-actions{justify-self:end;display:flex;align-items:center;gap:1rem}.header-cta{padding:.7rem 1.25rem;border:1px solid var(--forest);text-decoration:none;text-transform:uppercase;font-size:.6rem;font-weight:600;letter-spacing:.18em}.header-cta:hover{color:#fff;background:var(--forest)}.site-header.is-scrolled .header-cta{border-color:var(--forest)}.site-header.is-scrolled .header-cta:hover{color:#fff;background:var(--forest)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;min-height:min(880px,100svh);display:grid;align-items:center;overflow:hidden;color:#fff}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:url('Photos/nana%20ama.png') center 28%/cover no-repeat;transform:scale(1.005)}.hero-shade{background:linear-gradient(90deg,rgba(6,25,17,.88),rgba(6,25,17,.6) 42%,rgba(6,25,17,.08) 70%),linear-gradient(0deg,rgba(6,25,17,.28),transparent 50%)}.hero-content{position:relative;z-index:1;width:min(1380px,90%);margin:auto;padding-top:5rem}.eyebrow{margin:0 0 1.25rem;color:var(--gold);text-transform:uppercase;font-size:.65rem;font-weight:600;letter-spacing:.32em}.eyebrow-light{color:var(--gold-light)}.hero h1,h2{margin:0;font-family:var(--serif);font-weight:400;line-height:.94;letter-spacing:-.03em}.hero h1{max-width:800px;font-size:clamp(4.5rem,9vw,9.5rem)}.hero-copy{max-width:550px;margin:2rem 0;font-family:var(--serif);font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.85rem 1.5rem;border:1px solid transparent;text-decoration:none;text-transform:uppercase;font-size:.63rem;font-weight:600;letter-spacing:.18em;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-gold{color:var(--dark);background:var(--gold-light)}.button-dark{color:#fff;background:var(--forest)}.button-dark:hover{background:var(--dark)}.text-link{padding-bottom:.25rem;border-bottom:1px solid;text-decoration:none;text-transform:uppercase;font-size:.63rem;font-weight:600;letter-spacing:.18em}.hero-scroll{position:absolute;z-index:2;left:clamp(1.25rem,5vw,5rem);bottom:2rem;display:flex;align-items:center;gap:.8rem;text-transform:uppercase;font-size:.54rem;letter-spacing:.2em}.hero-scroll span{width:44px;height:1px;background:var(--gold-light)}
.section-shell{width:min(1240px,calc(100% - 3rem));margin-inline:auto}.intro{padding:clamp(6rem,10vw,10rem) 0;text-align:center}.intro h2{font-size:clamp(3.2rem,6.5vw,6rem)}.intro-copy{max-width:760px;margin:2rem auto 3rem;color:#4c5b53;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem)}.promise-row{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3rem);text-transform:uppercase;font-size:.62rem;font-weight:600;letter-spacing:.22em}.promise-row i{color:var(--gold);font-style:normal}
.fragrance{min-height:850px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);background:var(--cream)}.fragrance-image{min-height:760px;overflow:hidden}.fragrance-image img{height:100%;object-fit:cover;object-position:center 52%}.section-copy{align-self:center;padding:clamp(4rem,8vw,9rem)}.section-copy h2{font-size:clamp(3.6rem,6vw,6.5rem)}.lead{max-width:580px;margin:2rem 0 3rem;color:#516058;font-family:var(--serif);font-size:1.35rem;line-height:1.5}.scent-notes{margin-bottom:3rem;border-top:1px solid var(--line)}.scent-notes>div{display:grid;grid-template-columns:38px 110px 1fr;gap:1rem;align-items:baseline;padding:1.35rem 0;border-bottom:1px solid var(--line)}.scent-notes span{color:var(--gold);font-size:.62rem}.scent-notes h3{margin:0;font:500 1.45rem/1 var(--serif)}.scent-notes p{margin:0;color:#627068;font-size:.78rem;line-height:1.6}
.manifesto{min-height:800px;display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--forest)}.manifesto-card{min-height:760px;overflow:hidden}.manifesto-card img{height:100%;object-fit:cover;object-position:center 32%}.manifesto-copy{align-self:center;max-width:720px;padding:clamp(4rem,8vw,9rem)}.manifesto-copy h2{font-size:clamp(3.5rem,6vw,6rem)}.manifesto-copy>p:not(.eyebrow){margin:2rem 0;color:#d5dfd7;font-family:var(--serif);font-size:1.3rem;line-height:1.55}.manifesto blockquote{margin:3rem 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);color:var(--gold-light);font:italic 400 clamp(1.65rem,2.5vw,2.3rem)/1.35 var(--serif)}
.experience{padding:clamp(6rem,11vw,11rem) 0}.section-heading{margin-bottom:clamp(3rem,6vw,6rem);display:flex;align-items:end;justify-content:space-between;gap:4rem}.section-heading h2{font-size:clamp(3.6rem,6.5vw,6.5rem)}.section-heading>p{max-width:440px;margin:0;color:#5b6861;font-family:var(--serif);font-size:1.3rem}.editorial-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:repeat(2,460px);gap:1rem}.editorial-card{position:relative;margin:0;overflow:hidden}.editorial-card-tall{grid-row:1/span 2}.editorial-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,25,17,.8))}.editorial-card img{height:100%;object-fit:cover;transition:transform .8s ease}.editorial-card:hover img{transform:scale(1.03)}.editorial-card-tall img{object-position:center 35%}.editorial-card figcaption{position:absolute;z-index:1;left:2rem;right:2rem;bottom:1.8rem;display:flex;align-items:end;justify-content:space-between;color:#fff}.editorial-card figcaption span{font:500 clamp(1.7rem,3vw,2.65rem)/1.05 var(--serif)}.editorial-card figcaption small{color:var(--gold-light);text-transform:uppercase;font-size:.57rem;letter-spacing:.2em}
.closing{min-height:650px;padding:7rem 1.5rem;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(7,30,20,.8),rgba(7,30,20,.86)),url('Photos/spray.jpeg') center 35%/cover}.closing-inner{width:min(720px,100%)}.closing h2{font-size:clamp(3.8rem,7vw,7rem)}.closing-inner>p:not(.eyebrow):not(.form-status){max-width:570px;margin:1.75rem auto;color:#dce4de;font-family:var(--serif);font-size:1.25rem}.signup-form{max-width:580px;margin:2.5rem auto 0;display:flex;border-bottom:1px solid rgba(255,255,255,.65)}.signup-form input{flex:1;min-width:0;padding:1rem 0;border:0;outline:0;color:#fff;background:transparent}.signup-form input::placeholder{color:rgba(255,255,255,.7)}.signup-form button{border:0;color:var(--gold-light);background:transparent;text-transform:uppercase;font-size:.62rem;font-weight:600;letter-spacing:.15em;cursor:pointer}.form-status{min-height:1.5rem;margin:.8rem 0 0;color:var(--gold-light);font-size:.75rem}
.site-footer{min-height:260px;padding:4rem clamp(1.5rem,6vw,6rem);display:grid;grid-template-columns:1fr auto;align-items:start;gap:3rem;color:#fff;background:var(--dark)}.footer-brand{display:grid;width:max-content;text-align:center}.footer-brand .crown{color:var(--gold)}.footer-brand strong{font:500 2.3rem/1 var(--serif)}.footer-brand small{margin-top:.5rem;text-transform:uppercase;font-size:.52rem;letter-spacing:.4em}.footer-nav{display:flex;flex-wrap:wrap;gap:2rem}.footer-nav a{text-decoration:none;text-transform:uppercase;font-size:.58rem;letter-spacing:.18em}.copyright{grid-column:1/-1;align-self:end;margin:0;color:#92a39a;font-size:.64rem}
.image-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.image-reveal.is-visible{opacity:1;transform:none}
.coming-soon{max-width:580px;margin:2.5rem auto 0;padding:1rem 0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);text-transform:uppercase;font-size:.62rem;letter-spacing:.15em}.coming-soon strong{color:var(--gold-light)}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto;min-height:76px}.menu-toggle{display:block;width:42px;height:42px;padding:10px;border:0;color:currentColor;background:transparent}.menu-toggle span{display:block;width:100%;height:1px;margin:7px 0;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded='true'] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:-1;padding:8rem 2rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;color:#fff;background:var(--dark);opacity:0;visibility:hidden;transition:.2s}.mobile-nav.is-open{opacity:1;visibility:visible}.mobile-nav a{text-decoration:none;font:400 2.5rem/1 var(--serif)}.hero-media{background-position:64% 28%}.hero-shade{background:linear-gradient(90deg,rgba(6,25,17,.85),rgba(6,25,17,.38))}.fragrance,.manifesto{grid-template-columns:1fr}.fragrance-image{min-height:650px}.manifesto-card{min-height:700px}.section-heading{align-items:start;flex-direction:column;gap:2rem}}
@media(max-width:700px){.hero{min-height:820px}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(6,25,17,.92),rgba(6,25,17,.62) 58%,rgba(6,25,17,.2))}.hero-content{width:calc(100% - 2.5rem);padding-top:12rem;align-self:end;padding-bottom:7rem}.hero h1{font-size:clamp(4rem,19vw,5.5rem)}.hero-copy{font-size:1.15rem}.hero-scroll{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.3rem}.section-shell{width:min(100% - 2.5rem,1240px)}.intro{text-align:left}.intro h2{font-size:3.35rem}.promise-row{align-items:flex-start;flex-direction:column;gap:.8rem}.promise-row i{display:none}.fragrance-image{min-height:560px}.section-copy,.manifesto-copy{padding:5rem 1.25rem}.section-copy h2,.manifesto-copy h2,.section-heading h2{font-size:3.5rem}.scent-notes>div{grid-template-columns:30px 1fr}.scent-notes p{grid-column:2}.manifesto-card{min-height:600px}.editorial-grid{display:block}.editorial-card{height:560px;margin-bottom:1rem}.editorial-card figcaption{left:1.25rem;right:1.25rem}.closing{min-height:700px}.signup-form{align-items:stretch;flex-direction:column;border:0;gap:1rem}.signup-form input{padding:1rem;border:1px solid rgba(255,255,255,.55)}.signup-form button{min-height:50px;color:var(--dark);background:var(--gold-light)}.site-footer{grid-template-columns:1fr}.footer-nav{flex-direction:column;gap:.8rem}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.image-reveal{opacity:1;transform:none}}
.site-header:not(.is-scrolled){color:#fff;background:rgba(24,58,43,.82);box-shadow:0 1px 0 rgba(213,189,129,.2);backdrop-filter:blur(10px)}.site-header:not(.is-scrolled) .wordmark .crown{color:var(--gold-light)}.site-header:not(.is-scrolled) .header-cta{border-color:rgba(255,255,255,.75)}.site-header:not(.is-scrolled) .header-cta:hover{color:var(--forest);background:#fff}
.site-header.is-scrolled{color:#fff;background:rgba(24,58,43,.9);box-shadow:0 1px 0 rgba(213,189,129,.2);backdrop-filter:blur(10px)}.site-header.is-scrolled .header-cta{border-color:rgba(255,255,255,.75)}.site-header.is-scrolled .header-cta:hover{color:var(--forest);background:#fff}
.hero-media{background-position:center top}
@media(max-width:1000px){.hero-media{background-position:64% top}}
@media(max-width:700px){.hero-media{background-position:62% top}}
.wordmark picture,.footer-brand picture{display:block}.wordmark .brand-logo{width:auto;height:72px;object-fit:contain}.site-header.is-scrolled .wordmark .brand-logo{height:58px}.footer-brand{display:block;width:max-content}.footer-brand .brand-logo{width:auto;height:116px;object-fit:contain}
@media(max-width:700px){.wordmark .brand-logo{height:58px}.site-header.is-scrolled .wordmark .brand-logo{height:50px}.footer-brand .brand-logo{height:96px}}
