*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e7;color:#191815;font-family:Arial,sans-serif}a{color:inherit}button{font:inherit;color:inherit}header{padding:22px 4vw;border-bottom:1px solid #24221b25;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;font-family:Georgia,serif;font-size:23px;font-weight:bold;letter-spacing:-1px}.edition{font:9px Arial;letter-spacing:4px;display:block;margin-top:6px}.nav{font-size:10px;letter-spacing:2px;text-decoration:none}.intro{padding:48px 20px 20px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px}.intro h1{font:normal clamp(30px,4vw,54px) Georgia,serif;margin:18px 0}.intro p{font-size:13px;color:#686458;line-height:1.7}.map{position:relative;max-width:1024px;margin:auto}.map>img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:.25s}.hotspot:hover,.hotspot:focus-visible{background:#ffffff25;border-color:#29261f90;box-shadow:0 0 0 5px #ffffff30;outline:none}.hotspot span{position:absolute;left:50%;bottom:1%;transform:translate(-50%,100%);background:#191815;color:white;white-space:nowrap;padding:8px 12px;font-size:11px;opacity:0;pointer-events:none}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.index{max-width:1200px;margin:60px auto;padding:0 5vw}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #29261f44;padding-bottom:18px}.sectionhead h2{font:normal 36px Georgia;margin:0}.sectionhead span{font-size:10px;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 20px;margin-top:30px}.card{padding:0;text-align:left;border:0;background:transparent;cursor:pointer}.thumb{background:#ece6d9;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.card:hover img{transform:scale(1.05)}.card p{font-size:9px;letter-spacing:2px;color:#746e60;margin:13px 0 7px}.card h3{font:normal 21px Georgia;margin:0}.manifesto{padding:80px 7vw;background:#eae3d5;text-align:center}.manifesto h2{font:normal clamp(32px,5vw,60px) Georgia;max-width:780px;margin:22px auto}.manifesto p{max-width:560px;margin:0 auto;font-size:14px;line-height:1.9;color:#625e54}footer{padding:28px 4vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px}dialog{border:0;background:#f5f1e7;padding:0;width:min(900px,94vw);max-height:92dvh;color:#191815}dialog::backdrop{background:#17140fbb;backdrop-filter:blur(5px)}.detail{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.detailimage{background:#eae3d5;display:flex;align-items:center;justify-content:center;padding:35px}.detailimage img{width:100%;max-height:65vh;object-fit:contain}.detailtext{padding:70px 35px 40px;align-self:center}.detailtext h2{font:normal 42px Georgia;margin:24px 0}.detailtext .description{font:normal 23px/1.5 Georgia}.detailtext .note{font-size:11px;color:#797267;line-height:1.7;border-top:1px solid #c9c1b1;margin-top:35px;padding-top:18px}.close{position:absolute;right:14px;top:14px;background:#f5f1e7;border:1px solid #bbb3a4;border-radius:50%;width:36px;height:36px;font-size:22px;cursor:pointer}.detailnav{display:flex;justify-content:space-between;margin-top:30px}.detailnav button{border:0;border-bottom:1px solid;background:none;padding:7px 0;font-size:11px;cursor:pointer}@media(max-width:650px){header{padding:18px 20px}.wordmark{font-size:20px}.intro{padding-top:30px}.intro h1{font-size:32px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.sectionhead h2{font-size:29px}.sectionhead span{font-size:8px}.index{margin-top:35px}.card h3{font-size:18px}.manifesto{padding:55px 25px}.detail{grid-template-columns:1fr}.detailimage{padding:20px;max-height:36vh}.detailimage img{height:30vh}.detailtext{padding:25px}.detailtext h2{font-size:32px;margin:16px 0}.detailtext .description{font-size:21px}.detailtext .note{margin-top:22px}footer{flex-direction:column}.hotspot{border-radius:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the complete artwork inside the first viewport. */
header{padding-top:14px;padding-bottom:14px;height:70px}
.intro{height:100px;padding:14px 15px 8px}
.intro .eyebrow{font-size:9px}.intro h1{font-size:26px;margin:7px 0}.intro p{font-size:11px;margin:0;line-height:1.4}.intro p br{display:none}
.map{width:min(100%,calc((100svh - 180px)*2/3));max-width:1024px}
@media(max-width:650px){header{height:64px}.intro{height:92px;padding:12px 10px 6px}.intro h1{font-size:24px;margin:6px 0}.intro p{font-size:10px}.map{width:min(100%,calc((100svh - 166px)*2/3))}}
#detailStory{white-space:pre-line;font-size:14px;line-height:1.8;color:#5b554b}.detail:has(#detailImage[src*="officiel"]){grid-template-columns:1fr 1.15fr}.detailimage:has(img[src*="officiel"]){padding:0;background:#181510}.detailimage img[src*="officiel"]{width:100%;height:100%;max-height:80dvh;object-fit:contain}.detailtext:has(#detailStory:not(:empty)){padding-top:45px;padding-bottom:30px}@media(max-width:650px){.detail:has(#detailImage[src*="officiel"]){grid-template-columns:1fr}.detailimage:has(img[src*="officiel"]){max-height:none}.detailimage img[src*="officiel"]{height:55dvh;max-height:55dvh}} .detailimage:has(img[src*="clean-east-wood-officiel"]){background:#f5f1e7}.detailimage:has(img[src*="the-tunnel-officiel"]){background:#181510;position:sticky;top:0;align-self:start;min-height:65vh}@media(max-width:650px){.detailimage:has(img[src*="the-tunnel-officiel"]){position:static;min-height:0}}
/* Editorial perfume sheets: retain artwork proportions without letterboxing. */
.detailimage:has(img[src*="officiel"]){height:auto;min-height:0;align-self:start;position:sticky;top:0;background:#f5f1e7;padding:0}
.detailimage img[src*="officiel"]{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.detail{align-items:start}.detailtext{min-width:0}
dialog[data-perfume="le-voeu"]{width:min(1050px,95vw)}
dialog[data-perfume="le-voeu"] .detail{grid-template-columns:1.05fr 1fr}
dialog[data-perfume="le-voeu"] .detailimage{background:#f5f1e7}
dialog[data-perfume="le-voeu"] .detailtext{padding:58px 42px 38px}
dialog[data-perfume="le-voeu"] #detailTitle{font-size:48px;letter-spacing:-1px;margin:20px 0}
dialog[data-perfume="le-voeu"] .description{font-size:25px;line-height:1.4;margin-bottom:30px}
dialog[data-perfume="le-voeu"] #detailStory{font-size:15px;line-height:1.85;color:#514d44}
dialog[data-perfume="le-voeu"] .note{font:italic 22px/1.5 Georgia,serif;color:#26231d;border-color:#c9c1b1;padding-top:23px;margin-top:28px}
.close{z-index:3}
@media(max-width:650px){.detailimage:has(img[src*="officiel"]){position:static;max-height:none}.detailimage img[src*="officiel"]{height:auto;max-height:none}dialog[data-perfume="le-voeu"] .detail{grid-template-columns:1fr}dialog[data-perfume="le-voeu"] .detailtext{padding:32px 26px}dialog[data-perfume="le-voeu"] #detailTitle{font-size:39px}}

/* One editorial language for all four completed perfume stories. */
dialog:has(#detailStory:not(:empty)){width:min(1080px,95vw);background:#f5f1e7}
dialog:has(#detailStory:not(:empty)) .detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
dialog:has(#detailStory:not(:empty)) .detailimage{position:sticky;top:0;align-self:start;min-height:0;height:auto;padding:0;background:#f5f1e7}
dialog:has(#detailStory:not(:empty)) .detailimage img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
dialog:has(#detailStory:not(:empty)) .detailtext{padding:60px 42px 36px;align-self:start}
dialog:has(#detailStory:not(:empty)) #detailTitle{font:normal clamp(32px,3.4vw,46px)/1.08 Georgia,serif;letter-spacing:-.8px;margin:20px 0 25px}
dialog:has(#detailStory:not(:empty)) .description{font:normal 24px/1.45 Georgia,serif;margin:0 0 32px;color:#29261e}
dialog:has(#detailStory:not(:empty)) #detailStory{font:14px/1.85 Arial,sans-serif;white-space:pre-line;color:#5a554b}
.olfactory{margin-top:30px;padding-top:24px;border-top:1px solid #cdc5b5}.olfactory[hidden]{display:none}.olfactory .eyebrow{font-size:8px;color:#756e60;letter-spacing:2px}.olfactory p{font:14px/1.8 Georgia,serif;margin:12px 0 0}.signature{font:italic 22px/1.5 Georgia,serif;padding-top:25px;margin:27px 0 0;border-top:1px solid #cdc5b5;color:#29261e}.signature[hidden]{display:none}.detailnav{border-top:1px solid #d8d0c1;padding-top:22px;margin-top:30px}.detailnav button{font-size:10px;letter-spacing:1px}.close{position:fixed;right:16px;top:16px;box-shadow:0 2px 12px #0001}
@media(max-width:650px){dialog:has(#detailStory:not(:empty)) .detail{grid-template-columns:1fr}dialog:has(#detailStory:not(:empty)) .detailimage{position:static;max-height:none}dialog:has(#detailStory:not(:empty)) .detailimage img{height:auto;max-height:none}dialog:has(#detailStory:not(:empty)) .detailtext{padding:32px 27px}dialog:has(#detailStory:not(:empty)) #detailTitle{font-size:36px}dialog:has(#detailStory:not(:empty)) .description{font-size:23px}dialog:has(#detailStory:not(:empty)) #detailStory{font-size:14px;line-height:1.8}.signature{font-size:21px}}
/* The homepage and stories share the same official artwork source. */
.intro{height:auto;padding:35px 20px 30px}.intro h1{font-size:clamp(30px,4vw,48px);margin:14px 0}.intro p{font-size:12px}
.index{max-width:1280px;margin:20px auto 65px;padding:0 4vw}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}
.thumb{aspect-ratio:auto;background:transparent;overflow:visible;display:block}.thumb img{display:block;width:100%;height:auto;object-fit:contain}.card:hover img{transform:none}.card:hover h3{text-decoration:underline;text-underline-offset:5px}.card:focus-visible{outline:2px solid #625e54;outline-offset:7px}.card{align-self:start}.card h3{font-size:22px;line-height:1.2}.remaining-index{padding-top:30px;border-top:1px solid #d8d0c1}.remaining-index .thumb{aspect-ratio:4/5;background:#ece6d9;display:flex;align-items:center;justify-content:center}.remaining-index .thumb img{height:100%;object-fit:contain}
@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.intro{height:auto;padding:27px 20px}.intro h1{font-size:32px}.index{padding:0 6vw;margin-bottom:45px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.card h3{font-size:18px}.sectionhead{gap:15px}.sectionhead span{text-align:right;line-height:1.6}.remaining-index{padding-top:25px}}
/* Isolated bottles float directly on the cream page. */
.grid{row-gap:48px}.thumb,.remaining-index .thumb{height:310px;aspect-ratio:auto;display:flex;align-items:flex-end;justify-content:center;background:transparent;overflow:visible}
.thumb img,.remaining-index .thumb img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .25s ease;filter:drop-shadow(0 10px 9px #3e2e1610)}
.card{text-align:center}.card:hover img{transform:translateY(-5px)}.card p{margin-top:22px}.card h3{font-size:21px}.card:focus-visible{outline:1px solid #aaa18d;outline-offset:10px}
@media(max-width:650px){.thumb,.remaining-index .thumb{height:220px}.grid{row-gap:35px}.card h3{font-size:18px}.card p{font-size:8px;margin-top:16px}}
/* Olfactory map inspired by the supplied composition, using real cutouts. */
.olfactory-map{position:relative;isolation:isolate;aspect-ratio:10/11;width:min(96%,calc((100svh - 225px)*10/11));max-width:1000px;margin:0 auto 45px}
.map-lines{position:absolute;inset:18% 15% 13%;z-index:-2;background-image:linear-gradient(#8a83712e 1px,transparent 1px),linear-gradient(90deg,#8a83712e 1px,transparent 1px);background-size:14.285% 14.285%;clip-path:polygon(25% 0,75% 0,100% 30%,100% 78%,75% 100%,20% 100%,0 75%,0 30%)}
.map-axes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.map-axes path{fill:none;stroke:#302c25;stroke-width:1.5;opacity:.65}
.family-marker{position:absolute;display:flex;align-items:center;flex-direction:column;gap:5px;transform:translateX(-50%);width:20%;font:clamp(9px,1.05vw,14px)/1.15 Arial,sans-serif;text-align:center}
.family-art{width:clamp(32px,6vw,70px);aspect-ratio:1;border-radius:50%;background-image:url('assets/olfactory-families.png');background-size:300% 200%;border:1px solid #b8af9b55}
.citrus{left:50%;top:0}.citrus .family-art{background-position:0 0}.aromatic{left:9%;top:24%}.aromatic .family-art{background-position:50% 0}.floral{left:91%;top:24%}.floral .family-art{background-position:100% 0}.fruity{left:9%;top:75%}.fruity .family-art{background-position:0 100%}.amber{left:50%;top:90%;width:32%}.amber .family-art{background-position:50% 100%}.woody{left:91%;top:75%}.woody .family-art{background-position:100% 100%}
.map-bottle{position:absolute;width:13.5%;height:15%;padding:0;border:0;background:transparent;cursor:pointer;transform:translateX(-50%);transition:transform .2s;display:flex;justify-content:center;align-items:flex-end}
.map-bottle img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(7px 10px 5px #30241325);pointer-events:none}.map-bottle:hover,.map-bottle:focus-visible{transform:translateX(-50%) translateY(-5px) scale(1.08);z-index:10;outline:none}.map-bottle span{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px Georgia,serif;padding:5px 8px;background:#f5f1e7;box-shadow:0 2px 10px #0001;opacity:0;pointer-events:none}.map-bottle:hover span,.map-bottle:focus-visible span{opacity:1}
@media(max-width:650px){.intro{padding:18px 15px 14px}.intro h1{font-size:27px;margin:9px 0}.intro p{font-size:10px}.olfactory-map{width:100%;margin-bottom:35px}.family-marker{font-size:10px}.family-art{width:40px}.map-bottle span{font-size:10px}.official-index{margin-top:15px}}
.intro{height:105px;padding:15px 20px 10px}.intro h1{font-size:32px;margin:9px 0}.intro p{font-size:11px}@media(max-width:650px){.intro{height:95px;padding:12px 15px}.intro h1{font-size:27px}.intro p{font-size:10px}}
.map-bottle{width:15%;height:17%}@media(max-width:650px){.map-bottle{width:15%;height:17%}}
/* A larger brand signature and an editorial introduction to the project. */
header{height:112px;padding:20px 4vw;gap:24px}.wordmark{font-size:clamp(30px,4.3vw,58px);line-height:.95;letter-spacing:-2px;flex-shrink:0}.edition{font-size:12px;letter-spacing:7px;margin-top:12px;font-weight:normal}.mainnav{display:flex;gap:28px;align-items:center}.nav{font-size:10px;letter-spacing:1.7px}.nav:hover{text-decoration:underline;text-underline-offset:5px}.intro{height:112px}.intro p{line-height:1.6}.intro p br{display:initial}.olfactory-map{width:min(96%,calc((100svh - 275px)*10/11))}
.genesis{max-width:1180px;margin:65px auto 90px;padding:65px 5vw 0;border-top:1px solid #cfc7b6;display:grid;grid-template-columns:1fr 1.15fr;gap:70px;scroll-margin-top:25px}.genesis-heading h2{font:normal clamp(35px,4.4vw,60px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:24px 0 28px}.brand-definition{font:20px/1.6 Georgia,serif;color:#514b40}.genesis-body>p{font:14px/1.9 Arial,sans-serif;color:#5a554b;margin:0 0 25px}.genesis-body .founder-voice{font:italic 23px/1.55 Georgia,serif;color:#29261e;margin-bottom:32px}.genesis-practices{display:grid;gap:22px;border-top:1px solid #d2cab9;border-bottom:1px solid #d2cab9;padding:28px 0;margin:30px 0}.genesis-practices span{font:9px Arial,sans-serif;letter-spacing:2px;color:#827868}.genesis-practices h3,.memory-heading{font:normal 26px Georgia,serif;margin:11px 0}.genesis-practices p{font:13px/1.8 Arial,sans-serif;color:#5a554b;margin:0}.genesis-body a{text-decoration-thickness:1px;text-underline-offset:4px}.memory-heading{margin:30px 0 20px}.genesis-body .genesis-signature{font:italic 31px Georgia,serif;color:#29261e;margin-top:35px}.genesis-signature span{font:9px Arial,sans-serif;letter-spacing:3px;text-transform:uppercase}
.contact{background:#eae3d5;text-align:center;padding:65px 20px 75px;scroll-margin-top:25px}.contact h2{font:normal clamp(30px,4vw,49px) Georgia,serif;margin:22px 0}.contact p{font:14px/1.7 Arial,sans-serif;color:#625e54}.contact-email{display:inline-block;font:clamp(19px,3vw,32px) Georgia,serif;text-decoration:none;border-bottom:1px solid #918775;padding:9px 0;margin-top:14px;overflow-wrap:anywhere}
@media(max-width:800px){header{height:auto;min-height:106px;flex-wrap:wrap;justify-content:center;text-align:center;gap:20px}.wordmark{font-size:39px;letter-spacing:-1.5px}.edition{font-size:10px;letter-spacing:5px;margin-top:10px}.mainnav{gap:23px}.nav{font-size:9px}.genesis{grid-template-columns:1fr;gap:22px;margin:40px auto 55px;padding:40px 7vw 0}.genesis-heading h2{font-size:42px}.brand-definition{font-size:21px}.genesis-body .founder-voice{font-size:22px}.contact{padding:50px 7vw 60px}.olfactory-map{width:100%}}
@media(max-width:450px){header{padding:22px 15px 18px}.wordmark{font-size:35px}.mainnav{width:100%;justify-content:center;gap:21px}.intro{height:110px;padding-top:16px}.intro h1{font-size:27px}.intro p{font-size:10px}.genesis-heading h2{font-size:37px}}
.gallery-project{max-width:1180px;margin:0 auto;padding:60px 5vw 70px;border-top:1px solid #cfc7b6;scroll-margin-top:25px}.gallery-project>h2,.exhibition h2{font:normal clamp(34px,4.4vw,58px)/1.12 Georgia,serif;letter-spacing:-1px;margin:22px 0}.gallery-lead{font:22px/1.55 Georgia,serif;color:#625b4e;max-width:640px}.gallery-model{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}.gallery-model article{padding-top:25px;border-top:1px solid #cfc7b6}.gallery-model span{font:9px Arial,sans-serif;letter-spacing:2px;color:#827868}.gallery-model h3{font:normal 27px/1.2 Georgia,serif;margin:17px 0}.gallery-model p,.exhibition p{font:14px/1.9 Arial,sans-serif;color:#5a554b}.exhibition{background:#eee8dc;padding:60px max(5vw,calc((100vw - 1060px)/2));margin-bottom:65px;scroll-margin-top:25px}.exhibition p{max-width:730px}.exhibition-contact{display:inline-block;margin-top:15px;font:12px/1.6 Arial,sans-serif;text-underline-offset:5px}.mainnav{gap:22px}
@media(max-width:800px){.gallery-project{padding:40px 7vw 50px}.gallery-model{grid-template-columns:1fr;gap:24px;margin-top:30px}.gallery-model h3{font-size:26px}.exhibition{padding:45px 7vw;margin-bottom:45px}.mainnav{gap:17px;flex-wrap:wrap;justify-content:center}.gallery-lead{font-size:21px}}
@media(max-width:450px){.nav{font-size:8px;letter-spacing:1px}.mainnav{gap:15px}.intro p{font-size:9px}}
.editions-section{max-width:1180px;margin:0 auto;padding:65px 5vw 80px;border-top:1px solid #cfc7b6;scroll-margin-top:25px}.editions-heading{max-width:780px}.editions-heading h2{font:normal clamp(35px,4.4vw,58px)/1.1 Georgia,serif;letter-spacing:-1px;margin:23px 0}.editions-heading>p{font:21px/1.6 Georgia,serif;color:#625b4e}.edition-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:40px 0 55px}.edition-categories>div{border-top:1px solid #cfc7b6;padding-top:19px}.edition-categories span{font:9px/1.6 Arial,sans-serif;letter-spacing:1.7px;color:#827868}.edition-categories p,.capsule-copy p{font:14px/1.9 Arial,sans-serif;color:#5a554b}.yaz-capsule{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center}.capsule-image img{display:block;width:100%;height:auto}.capsule-image>span{display:block;font:8px/1.7 Arial,sans-serif;letter-spacing:2px;color:#827868;margin-top:14px}.capsule-copy h3{font:normal clamp(30px,3.2vw,42px)/1.15 Georgia,serif;margin:18px 0 24px;letter-spacing:-.6px}.capsule-copy a{text-underline-offset:4px}.capsule-copy .capsule-status{font-size:12px;color:#827868;border-top:1px solid #d5cdbd;margin-top:25px;padding-top:20px}.edition-enquiry{display:inline-block;font:12px/1.7 Arial,sans-serif;margin-top:10px}.mainnav{gap:18px}
@media(max-width:1050px){.nav{font-size:9px}.mainnav{gap:14px}.wordmark{font-size:45px}.yaz-capsule{gap:28px}}
@media(max-width:800px){.wordmark{font-size:39px}.editions-section{padding:45px 7vw 55px}.edition-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:35px}.yaz-capsule{grid-template-columns:1fr;gap:28px}.editions-heading>p{font-size:20px}.mainnav{gap:14px}.nav{font-size:8px}}
@media(max-width:450px){.wordmark{font-size:35px}.mainnav{gap:11px}.nav{font-size:7px;letter-spacing:.7px}.edition-categories{gap:17px}.edition-categories p{font-size:13px}.editions-heading h2{font-size:37px}}
.shirt-story{border-top:1px solid #cfc7b6;padding-top:18px;margin-top:25px}.shirt-story summary{font:14px/1.6 Georgia,serif;cursor:pointer}.shirt-story h4{font:normal 23px Georgia,serif;letter-spacing:1px;margin:24px 0 18px}.shirt-story div{padding-top:4px}.shirt-story div p{font-size:13px;line-height:1.85}
.tshirt-collection-heading{padding:20px 0 35px;scroll-margin-top:25px}.tshirt-collection-heading h3{font:normal clamp(30px,3.7vw,46px)/1.15 Georgia,serif;margin:20px 0}.tshirt-collection-heading nav{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px}.tshirt-collection-heading a{font:12px/1.6 Arial,sans-serif;text-underline-offset:5px}.yaz-capsule{scroll-margin-top:25px}.second-capsule{margin-top:65px;border-top:1px solid #cfc7b6;padding-top:55px}.mainnav{flex-wrap:wrap;justify-content:flex-end;gap:16px}.nav{font-size:9px}.mainnav .nav{white-space:nowrap}@media(max-width:1050px){header{height:auto;min-height:112px}.mainnav{gap:13px}.nav{font-size:8px}.wordmark{font-size:40px}}@media(max-width:800px){.mainnav{justify-content:center}.wordmark{font-size:39px}.tshirt-collection-heading nav{gap:18px}.second-capsule{margin-top:45px;padding-top:35px}}@media(max-width:450px){.wordmark{font-size:35px}.mainnav{gap:10px}.nav{font-size:7px}}

header{height:auto;min-height:105px;gap:24px;flex-wrap:wrap}.mainnav{display:flex;flex-wrap:wrap;gap:20px}.intro{height:auto;padding:58px 7vw 35px}.intro h1{font:normal clamp(38px,5vw,64px)/1.12 Georgia,serif;margin:18px 0}.intro p{font-size:16px;line-height:1.8;max-width:650px;margin:auto}.intro p br{display:initial}.page-lead{max-width:780px;margin:0 auto 32px;font-size:17px;line-height:1.9;color:#625e54}.editorial-block{max-width:1200px;margin:70px auto;padding:0 5vw}.editorial-block h2{font:normal clamp(30px,4vw,46px)/1.15 Georgia,serif}.editorial-block p{max-width:720px;line-height:1.9;color:#625e54}.text-link{display:inline-block;padding:12px 0;margin-top:8px;text-underline-offset:5px;font-size:13px}.shirt-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shirt-preview img{width:100%;display:block}.shirt-preview a{text-decoration:none}.shirt-preview h3{font:normal 23px Georgia,serif}.visual-guide{max-width:1200px;margin:60px auto;padding:0 5vw}.visual-guide>summary{cursor:pointer;font:normal 26px Georgia,serif;padding:22px 0;border-top:1px solid #ccc3b2;border-bottom:1px solid #ccc3b2}.visual-guide .olfactory-map{margin-top:35px}.card{text-decoration:none;display:block}.card .card-description{font:13px/1.6 Arial,sans-serif;letter-spacing:0;color:#686458}.perfume-page{max-width:1200px;margin:55px auto;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.perfume-page .product-art{width:100%;max-height:75vh;object-fit:contain;position:sticky;top:25px}.perfume-page h1{font:normal clamp(36px,4vw,55px)/1.1 Georgia,serif;margin:22px 0}.perfume-page .description{font:23px/1.5 Georgia,serif}.perfume-page .story-text{font-size:15px;line-height:1.9;color:#625e54}.perfume-page details{border-top:1px solid #ccc3b2;margin-top:28px;padding-top:20px}.perfume-page summary{cursor:pointer;font:20px Georgia,serif}.perfume-nav{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid #ccc3b2;font-size:13px}.status-note{font-size:12px!important;color:#756e60!important}.wordmark .edition{font-size:11px}footer a{text-underline-offset:4px}.tshirt-collection-heading nav a{font-size:12px}.capsule-copy h3{font-size:34px}.shirt-story div p{font-size:15px}.capsule-copy .capsule-status{font-size:13px}.sectionhead span{line-height:1.6}.map-bottle span{font-size:12px}.intro .eyebrow{font-size:10px}
@media(max-width:800px){header{padding:22px 6vw}.mainnav{gap:16px}.nav{font-size:10px}.wordmark{font-size:37px}.shirt-preview{grid-template-columns:1fr}.perfume-page{grid-template-columns:1fr;gap:25px;margin-top:30px}.perfume-page .product-art{position:static;max-height:55vh}.intro{padding:38px 7vw 25px}.intro h1{font-size:40px}.intro p{font-size:15px}.sectionhead{gap:20px}.sectionhead span{letter-spacing:1px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card h3{font-size:21px}.capsule-copy h3{font-size:32px}.yaz-capsule{grid-template-columns:1fr}}