*{box-sizing:border-box}
:root{--paper:#f4f5ee;--ink:#202325;--muted:#66675e;--header:76px}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'EB Garamond',Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}img{display:block;width:100%;height:auto}h1,h2,p,figure{margin:0}h1,h2{font-weight:400}em{font-weight:400}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8c6940;outline-offset:6px}
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:20px;top:-100px;background:var(--paper);padding:16px;z-index:60}.skip:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;align-items:center;padding:0 4vw;z-index:40;border-bottom:1px solid #20232515}.site-header nav{align-items:center}
.small-label{font:400 10px/1.6 'Libre Franklin',sans-serif;text-transform:uppercase;letter-spacing:.15em}
.text-link,.quiet-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:12px 0 9px;border-bottom:1px solid currentColor;font:400 11px/1.5 'Libre Franklin',sans-serif;letter-spacing:.08em;text-transform:uppercase}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
main{padding-top:var(--header)}
.product-opening{display:grid;grid-template-columns:52% 48%;min-height:calc(100svh - var(--header))}
.bottle-portrait{position:relative;min-height:780px;overflow:hidden;background:#ecece3}.bottle-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.product-introduction{align-self:center;padding:58px clamp(36px,6vw,100px) 52px}
.product-place{font-size:22px;line-height:1.4;font-style:italic;margin-bottom:13px}
.product-introduction h1{font-size:clamp(44px,4.6vw,76px);line-height:1.05;letter-spacing:-.035em;margin-bottom:28px;white-space:nowrap}.product-introduction h1 span{font-size:.66em;letter-spacing:-.025em}
.product-description{font-size:clamp(20px,1.55vw,25px);line-height:1.7;letter-spacing:.015em;max-width:28em}
.product-notes{margin-top:27px}.product-notes p{font-size:18px;line-height:1.65;letter-spacing:.02em;margin-top:8px}
.purchase-form{margin-top:28px;max-width:440px}.size-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.size-heading output{font-size:24px;line-height:1.1}
.size-options{display:flex;gap:12px;border:0;padding:0;margin:0 0 15px}.size-options label{position:relative;flex:1}.size-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.size-options span{display:block;padding:13px;text-align:center;border:1px solid #20232544;font:400 12px/1.6 'Libre Franklin',sans-serif}.size-options input:checked+span{border-color:var(--ink);background:#e7e8de}.size-options input:focus-visible+span{outline:2px solid #8c6940;outline-offset:3px}
.purchase-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 23px;background:#252c25;color:var(--paper);font:400 11px/1.6 'Libre Franklin',sans-serif;text-transform:uppercase;letter-spacing:.13em;transition:background .2s}.purchase-button:hover{background:#47503f}.purchase-note{font:400 10px/1.6 'Libre Franklin',sans-serif;letter-spacing:.01em;color:var(--muted);margin:11px 0 22px}.quiet-link{font-size:10px;gap:22px}
.product-film{height:170svh;--expand:0}.film-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));overflow:hidden}.film-window{position:absolute;inset:0;overflow:hidden;clip-path:inset(calc(6% * (1 - var(--expand))) calc(5% * (1 - var(--expand))));background:#3d4833}.film-poster{width:100%;height:100%;object-fit:cover}.film-poster,#film-mount{transform:scale(calc(.96 + .085 * var(--expand)))}
#film-mount{position:absolute;inset:0;opacity:0;transition:opacity .6s} .film-window.is-playing #film-mount,.film-window.has-played #film-mount{opacity:1}
#film-mount iframe{position:absolute;top:50%;left:50%;width:max(100vw,calc((100svh - var(--header)) * 1.77778));height:max(calc(100vw * .5625),calc(100svh - var(--header)));transform:translate(-50%,-50%);border:0;pointer-events:none}
.film-gradient{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}.film-controls{position:absolute;bottom:clamp(36px,5vw,70px);left:7vw;right:7vw;display:flex;justify-content:space-between;gap:16px;color:#fff}.film-right-controls{display:flex;gap:26px}.film-control{padding:10px 0;font:400 11px/1.5 'Libre Franklin',sans-serif;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #fffa}.film-control:hover{color:#f0dab0}
.product-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;padding:78px 7vw 64px;align-items:start}
.harvest-portrait{position:sticky;top:110px;height:clamp(540px,64vw,880px);overflow:hidden}.harvest-portrait img{height:100%;object-fit:cover;object-position:66% 50%}
.details-copy{max-width:590px;padding:8px 0 0}.details-copy h2{font-size:54px;line-height:1.1;letter-spacing:-.025em;margin-bottom:30px}.details-copy p{font-size:21px;line-height:1.85;letter-spacing:.025em}.details-copy p+p{margin-top:26px}.details-copy a{font-size:.8em;text-decoration:underline;text-underline-offset:4px;letter-spacing:.08em}
.listening-room{margin:0 7vw 72px;padding:30px 0 24px;border-top:1px solid #20232533;border-bottom:1px solid #20232533;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.listening-title h2{font-size:47px;line-height:1.1}.listening-title p{margin-top:12px;font:400 10px/1.6 'Libre Franklin',sans-serif;color:var(--muted);letter-spacing:.04em}.listening-title a:hover{text-decoration:underline;text-underline-offset:3px}
#listen-toggle{display:flex;gap:16px;align-items:center;font:400 11px/1.5 'Libre Franklin',sans-serif;text-transform:uppercase;letter-spacing:.09em;padding:4px 0 12px}.listen-icon{width:36px;height:36px;border:1px solid #20232566;border-radius:50%;display:grid;place-items:center;font-size:17px}.listen-timeline{display:flex;align-items:center;gap:16px}#listen-progress{appearance:none;border:0;height:1px;width:100%;background:#20232533;color:#8b7556}#listen-progress::-webkit-progress-bar{background:#20232533}#listen-progress::-webkit-progress-value{background:#8b7556}#listen-progress::-moz-progress-bar{background:#8b7556}#listen-time{font:400 10px/1.6 'Libre Franklin',sans-serif;white-space:nowrap;color:var(--muted)}#listen-status{min-height:16px;margin-top:8px;font:400 10px/1.6 'Libre Franklin',sans-serif;color:var(--muted)}#soundcloud-fallback summary{width:max-content;cursor:pointer;color:var(--muted);font:400 9px/1.6 'Libre Franklin',sans-serif;letter-spacing:.03em}#soundcloud-mount iframe{display:block;width:100%;height:166px;border:0;margin-top:16px}
.journey-scene{height:180svh;--expand:0}.journey-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));overflow:hidden;color:#fff}.journey-visual{position:absolute;inset:0;clip-path:inset(calc(5% * (1 - var(--expand))) calc(5% * (1 - var(--expand))))}.journey-visual img{height:100%;object-fit:cover;object-position:50% 50%;transform:scale(calc(1 + .09 * var(--expand)))}.journey-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12242822 0%,#12242808 25%,#14201e15 45%,#14201eaa 100%)}
.journey-diary{position:absolute;top:14%;left:10%;width:42%;max-width:630px;transform:rotate(-4deg)}.diary{font:400 clamp(21px,2.25vw,34px)/1.8 'Homemade Apple',cursive;text-shadow:0 1px 18px #0b222845}.ink-word{display:inline-block;white-space:pre;clip-path:inset(0 100% 0 0)}
.journey-caption{position:absolute;bottom:10%;left:10%;max-width:75%}.journey-caption h2{font-size:clamp(38px,5vw,74px);line-height:1.03;letter-spacing:-.025em;margin-bottom:22px}.journey-caption .text-link{min-width:140px}
.other-parfum{display:grid;grid-template-columns:270px minmax(0,630px);gap:7vw;align-items:center;justify-content:center;padding:65px 7vw}.companion-photo{height:300px;overflow:hidden}.companion-photo img{height:100%;object-fit:contain;object-position:center}.companion-copy h2{font-size:42px;line-height:1.2;letter-spacing:-.02em;margin:13px 0 15px}.companion-copy>p:not(.small-label){font-size:20px;line-height:1.75;letter-spacing:.02em;max-width:31em}.companion-copy .text-link{margin-top:14px}
.original-footer{border-top:1px solid #20232520}
.motion-paused .product-film,.motion-paused .journey-scene{height:calc(100svh - var(--header))}.motion-paused .film-stage,.motion-paused .journey-stage{position:relative;top:0}.motion-paused .harvest-portrait{position:relative;top:0}
@media(min-width:1700px){.product-introduction{max-width:850px}.bottle-portrait{min-height:900px}}
@media(max-width:1100px){.product-introduction{padding:40px 4vw}.product-introduction h1{font-size:48px}.product-description{font-size:21px}.bottle-portrait{min-height:760px}.product-details{gap:5vw;padding:58px 5vw}.details-copy p{font-size:20px}.harvest-portrait{height:750px}.listening-room{margin-left:5vw;margin-right:5vw}.other-parfum{gap:5vw}}
@media(max-width:760px){.product-opening{grid-template-columns:1fr}.bottle-portrait{min-height:0;height:65svh;max-height:660px}.bottle-portrait img{object-position:50% 85%}.product-introduction{padding:35px 7vw 44px}.product-introduction h1{font-size:clamp(42px,7vw,58px);margin-bottom:22px}.product-place{font-size:20px;margin-bottom:10px}.product-description{max-width:none;font-size:21px}.product-notes p{font-size:18px}.purchase-form{max-width:none}.product-details{grid-template-columns:1fr;padding:44px 7vw;gap:32px}.harvest-portrait{position:relative;top:0;height:440px}.details-copy{max-width:none}.details-copy h2{font-size:43px;margin-bottom:22px}.details-copy p{font-size:20px;line-height:1.8}.listening-room{margin:0 7vw 44px;grid-template-columns:1fr;gap:26px}.listening-title h2{font-size:40px}.journey-diary{width:70%;top:13%;left:9%}.journey-caption{left:9%;bottom:10%;max-width:82%}.journey-caption h2{font-size:44px}.diary{font-size:24px}.other-parfum{grid-template-columns:160px minmax(0,1fr);gap:25px;padding:44px 7vw}.companion-photo{height:240px}.companion-copy h2{font-size:32px}.companion-copy>p:not(.small-label){font-size:18px}.film-controls{left:9vw;right:9vw;bottom:9%}.film-right-controls{gap:18px}.film-control{font-size:9px}}
@media(max-width:600px){:root{--header:64px}.site-header{padding:0 5vw}.product-introduction h1{font-size:46px}.bottle-portrait{height:57svh;min-height:360px}.product-description{font-size:20px}.product-film{height:145svh}.film-window{clip-path:inset(calc(4% * (1 - var(--expand))) calc(4% * (1 - var(--expand))))}.harvest-portrait{height:330px}.journey-scene{height:170svh}.journey-diary{width:78%;top:12%}.diary{font-size:21px}.journey-caption h2{font-size:39px}.other-parfum{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:22px}.companion-photo{height:180px}.companion-copy h2{font-size:29px}.companion-copy>p:not(.small-label){font-size:17px;line-height:1.6}.companion-copy .small-label{font-size:8px}.companion-copy .text-link{font-size:9px;gap:18px}.film-right-controls .film-control{font-size:8px}.listening-room{padding:25px 0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link span{transition:none}.product-film,.journey-scene{height:calc(100svh - var(--header))}.film-stage,.journey-stage{position:relative;top:0}.film-window,.journey-visual{clip-path:none}.ink-word{clip-path:none}.harvest-portrait{position:relative;top:0}}
@media(max-width:600px) and (max-height:700px){.journey-diary{top:10%}.diary{font-size:17px;line-height:1.7}.journey-caption{bottom:9%}.journey-caption h2{font-size:32px}}

/* Shopify product availability and native form feedback. */
.purchase-button:disabled{opacity:.5;cursor:not-allowed}.purchase-button:disabled:hover{background:#252c25}.size-options input[data-available="false"]+span{color:var(--muted);text-decoration:line-through}.purchase-feedback{font:400 11px/1.6 'Libre Franklin',sans-serif;margin:12px 0;color:#803c2c}.purchase-form{margin-bottom:22px}
