/* NameSake / CircularXX — visual refinement, September 2026 */
@font-face{font-family:CircularXX;src:url('assets/fonts/CircularXX-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:CircularXX;src:url('assets/fonts/CircularXX-Book.woff') format('woff');font-weight:450;font-style:normal;font-display:swap}
:root{--font-brand:CircularXX,"Helvetica Neue",Helvetica,Arial,sans-serif}
body{font-family:var(--font-brand);font-weight:450;font-synthesis:none}
h1,h2,h3{font-family:var(--font-brand);font-weight:300;letter-spacing:-.055em}
.eyebrow{font-weight:450;letter-spacing:.17em}
.button{font-size:.9375rem;font-weight:450;padding:17px 34px;min-height:56px}
.page-top{position:absolute;top:0;height:1px;width:1px;pointer-events:none}
.header{position:fixed;transition:height .35s var(--ease),background .35s,border-color .35s;height:96px;padding:0 5.5vw;border-color:#ffffff16}
.header.scrolled{height:77px;background:#080808ed;backdrop-filter:blur(18px);border-color:#ffffff20}
.brand{width:180px}
.desktop-nav{font-size:.9375rem;gap:38px}
.header-contact{font-size:.875rem;padding:11px 21px}
.hero{padding-top:145px;padding-bottom:112px;min-height:900px;grid-template-columns:43% 57%}
h1{font-size:clamp(5.6rem,9.7vw,9.8rem);line-height:.94;letter-spacing:-.065em}
.hero-description{font-size:1.0625rem;line-height:1.75}
.hero-art{min-height:550px}
.hero-image{width:140%;filter:brightness(1.08);animation-duration:13s}
.hero-seal{right:2%;width:116px;height:116px;transform:rotate(0deg);background:#0004}
.hero-seal strong{font-weight:300}
.hero-caption{font-size:.75rem;left:10%}
.hero-bottom{font-size:.8125rem}
.hero-bottom .scroll-cue:hover{color:var(--gold)}
.scroll-line{transition:width .3s}
.scroll-cue:hover .scroll-line{width:54px}
.brand-statement{padding:145px 15vw 150px;text-align:center;background:#0a0a09}
.brand-statement>.eyebrow{font-size:.75rem}
.brand-statement>p{font-weight:300;font-size:clamp(2.75rem,4.8vw,5rem);letter-spacing:-.05em;max-width:1100px;margin:33px auto 0;line-height:1.14}
.brand-statement>img{position:static;width:47px;margin:48px auto 0;transform:none;opacity:.9}
.section-padding{padding-top:115px;padding-bottom:115px}
.section-top{margin-bottom:85px}
.cocktail-copy h2{font-size:clamp(3.2rem,5.1vw,5.5rem);line-height:1.03}
.background-type,.product-big-type{font-weight:300}
.cocktail-art>img{height:560px}
.flavor summary{font-size:1.1875rem}
.flavor p{font-size:1rem}
.flavor-note{font-size:.8125rem}
.cocktail-facts{font-size:.8125rem}
.cocktail-facts strong{font-size:1.1875rem;font-weight:450}
.story-copy{padding-top:105px;padding-bottom:90px}
.story-copy h2{font-size:clamp(3.7rem,5.8vw,6.2rem);letter-spacing:-.06em}
.story-copy p{font-size:1.0625rem}
.story-image{min-height:940px}
.story-image>img{filter:brightness(.78);object-position:60% center}
.story-signature{font-size:.8125rem}
.collection-title h2{font-size:clamp(3.2rem,5.5vw,5.6rem)}
.product-selector button{font-size:1.125rem;padding:24px 12px}
.product-selector button span{font-size:.8125rem}
.product-stage{min-height:675px}
.product-visual{min-height:620px}
.product-visual>img{height:465px}
.product-big-type{font-size:clamp(5rem,10vw,10rem);bottom:45px}
.product-details h3{font-size:3.5rem}
.product-details>p:not(.eyebrow){font-size:1.0625rem}
.product-details dl{font-size:.9375rem}
.chapter-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:0}
.chapter-nav a{display:flex;align-items:center;position:relative;width:42px;height:37px;padding:0 4px}
.chapter-nav span{color:var(--gold);font-size:.75rem;opacity:0;width:22px;position:absolute;transition:opacity .25s}
.chapter-nav i{display:block;width:10px;height:1px;background:#9a908280;transition:width .25s,background .25s;position:absolute;left:7px}
.chapter-nav b{position:absolute;left:46px;padding:6px 11px;background:#080808e8;color:var(--gold-light);font-size:.8125rem;font-weight:450;white-space:nowrap;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;pointer-events:none}
.chapter-nav a:hover i,.chapter-nav a:focus-visible i{width:19px;background:var(--gold)}
.chapter-nav a:hover b,.chapter-nav a:focus-visible b{opacity:1;transform:translateX(0)}
.chapter-nav a[aria-current=location] span{opacity:1}
.chapter-nav a[aria-current=location] i{opacity:0}
.side-contact{position:fixed;z-index:7;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;flex-direction:column;padding:17px 13px 22px;border:1px solid #c3a17b55;border-right:0;background:#0b0b0be6;backdrop-filter:blur(10px);color:var(--gold);transition:background .2s}
.side-contact:hover{background:#27221c}
.side-contact img{width:16px;height:auto}
.side-contact span{writing-mode:vertical-rl;text-transform:uppercase;font-size:.75rem;letter-spacing:.17em}
.feature-gallery{min-height:760px;height:90svh;max-height:1100px;background:#020202;position:relative;isolation:isolate;overflow:hidden;touch-action:pan-y}
.gallery-image-wrap{position:absolute;inset:0;z-index:-3;overflow:hidden}
.gallery-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.6s var(--ease)}
.feature-gallery[data-active-slide="1"] .gallery-image-wrap img{object-fit:contain;object-position:74% center}
.feature-gallery[data-active-slide="2"] .gallery-image-wrap img{object-fit:contain;object-position:70% center}
.gallery-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#000c 0%,#0002 80%),linear-gradient(0deg,#000a,transparent 35%)}
.gallery-top{position:absolute;top:45px;left:7.5vw;right:7.5vw;display:flex;justify-content:space-between;gap:30px;color:var(--gold-light)}
.gallery-content{position:absolute;left:7.5vw;right:7.5vw;bottom:155px;max-width:720px}
.gallery-content>.eyebrow{color:var(--gold)}
.gallery-content h2{font-size:clamp(4rem,7.2vw,7.5rem);letter-spacing:-.055em;margin-top:24px;line-height:.99;color:var(--text)}
.gallery-content p{font-size:1.0625rem;max-width:380px;color:#cdc4b8;margin-top:27px}
.gallery-bottom{position:absolute;bottom:38px;left:7.5vw;right:7.5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;border-top:1px solid #ffffff40}
.gallery-pagination{display:flex;gap:12px}
.gallery-pagination button{position:relative;width:45px;height:45px;border:1px solid transparent;border-radius:50%;font-size:.8125rem;color:#d2cbc0;transition:color .2s,border .2s}
.gallery-pagination button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.gallery-pagination button:hover{color:var(--gold);background:#c3a17b15}
.gallery-controls{display:flex;gap:24px;align-items:center}
.gallery-controls button{font-size:.9375rem;min-height:44px;padding:10px 5px;color:var(--gold-light)}
.gallery-controls button:hover{text-decoration:underline;text-underline-offset:7px}
.gallery-controls>span{font-size:.75rem;letter-spacing:.12em;color:#b5aea3;min-width:65px;text-align:center}
.ritual-heading h2{font-size:clamp(3rem,4.8vw,5rem)}
.ritual-text h3{font-size:1.4rem}
.ritual-text li p{font-size:1rem}
.ritual figcaption{font-size:.8125rem}
.question-list summary{font-size:1.125rem}
.question-list p{font-size:1rem}
.closing{min-height:780px}
.closing h2{font-size:clamp(3.5rem,6.8vw,7rem);letter-spacing:-.06em}
.closing p:not(.eyebrow){font-size:1.125rem}
.footer{padding-top:90px;padding-bottom:35px}
.footer-top{font-size:.9375rem}
.footer-top>p{font-size:1.25rem}
.design-credit{padding-top:24px;color:#92897d;font-size:.8125rem}
.design-credit a{color:var(--gold);margin-left:4px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c3a17b60}
.design-credit a:hover{text-decoration-color:var(--gold)}
.footer-bottom{font-size:.8125rem;padding-top:16px}
.privacy-button{font-size:.8125rem}
.dialog-intro{font-size:1.0625rem}
.contact-options a>span{font-size:1.1875rem}
.contact-options small{font-size:.875rem}
html.reveal-ready .reveal-target{transition:opacity .85s ease,transform 1s var(--ease)}
html.reveal-ready .reveal-target.reveal-pending{opacity:0;transform:translateY(24px)}
@media(min-width:1700px){.gallery-content,.gallery-top,.gallery-bottom{left:max(7.5vw,calc((100vw - 1480px)/2));right:max(7.5vw,calc((100vw - 1480px)/2))}}
@media(max-width:1249px){.chapter-nav{display:none}.side-contact{display:none}}
@media(max-width:1000px){.header{height:82px;padding:0 5vw}.brand{width:160px}.desktop-nav{gap:22px;font-size:.875rem}.header-contact{padding:10px 15px}.hero{min-height:775px;padding-top:130px}h1{font-size:clamp(5.2rem,9.3vw,7rem)}.hero-image{width:145%}.hero-seal{right:-3vw;width:105px;height:105px}.hero-caption{left:0}.brand-statement{padding:100px 10vw}.brand-statement>p{font-size:clamp(2.5rem,5.1vw,4rem)}.section-padding{padding-top:85px;padding-bottom:85px}.section-top{margin-bottom:60px}.cocktail-art>img{height:450px}.cocktail-copy h2{font-size:clamp(2.9rem,5vw,4rem)}.flavor summary{font-size:1.0625rem}.flavor-note{font-size:.75rem}.story-copy{padding-top:70px;padding-bottom:65px}.story-image{min-height:890px}.story-copy h2{font-size:clamp(3.35rem,5.8vw,5rem)}.story-copy p{font-size:1rem}.product-selector button{font-size:1rem;gap:10px}.product-visual>img{height:405px}.product-details h3{font-size:3rem}.product-stage{min-height:625px}.product-visual{min-height:580px}.gallery-top,.gallery-content,.gallery-bottom{left:6vw;right:6vw}.feature-gallery{min-height:660px;max-height:900px}.gallery-content h2{font-size:clamp(4rem,8vw,6rem)}.closing{min-height:690px}.footer-bottom{font-size:.75rem}}
@media(max-width:700px){html{scroll-padding-top:85px}.header{height:76px;padding:0 7vw}.header.scrolled{height:68px}.brand{width:153px}.mobile-nav{position:fixed;top:75px}.header.scrolled+.mobile-nav{top:67px}.hero{min-height:970px;height:auto;max-height:none;padding:121px 7vw 88px;display:block}.hero-copy{max-width:none}h1{font-size:clamp(5.2rem,19vw,8rem);line-height:.94;letter-spacing:-.065em}.hero-description{font-size:1rem}.hero-art{height:340px;min-height:340px}.hero-image{width:116%;max-width:640px;left:4vw}.hero-seal{width:93px;height:93px;right:6vw;bottom:-4px}.hero-caption{left:7vw;font-size:.75rem;max-width:185px}.hero-bottom{font-size:.75rem;min-height:62px}.brand-statement{padding:82px 7vw 85px}.brand-statement>p{font-size:clamp(2.4rem,8.2vw,3.6rem);line-height:1.12;margin-top:29px}.brand-statement>.eyebrow{font-size:.75rem;letter-spacing:.1em}.brand-statement>img{width:37px;margin-top:35px}.section-padding{padding:67px 7vw}.section-top{margin-bottom:45px}.section-top .eyebrow{font-size:.75rem;letter-spacing:.1em}.cocktail-art{min-height:470px}.cocktail-art>img{height:390px}.cocktail-copy h2{font-size:clamp(2.85rem,10.2vw,4.8rem)}.cocktail-copy .intro{font-size:1rem}.flavor summary{font-size:1.125rem}.flavor-note{font-size:.75rem}.flavor p{font-size:.9375rem}.cocktail-facts{font-size:.8125rem}.story-copy{padding:67px 7vw 60px}.story-copy h2{font-size:clamp(3.5rem,13vw,5.5rem);line-height:1}.story-copy p{font-size:1rem}.story-image{min-height:480px}.story-image>img{object-position:68% center}.story-signature{font-size:.8125rem}.collection-title h2{font-size:clamp(2.65rem,10.5vw,4.8rem)}.product-selector button{font-size:.9375rem;padding:17px 0;gap:4px}.product-selector button span{font-size:.75rem}.product-stage{min-height:0}.product-visual{min-height:450px}.product-visual>img{height:345px}.product-big-type{font-size:21vw;bottom:30px}.product-details h3{font-size:3rem}.product-details>p:not(.eyebrow){font-size:1rem}.product-details dl{font-size:.875rem}.feature-gallery{height:760px;min-height:700px;max-height:none}.gallery-top{top:30px;left:7vw;right:7vw}.gallery-top .eyebrow{font-size:.75rem;letter-spacing:.09em}.gallery-top .eyebrow:last-child{max-width:150px;text-align:right}.gallery-image-wrap img{object-position:61% top}.feature-gallery[data-active-slide="1"] .gallery-image-wrap img,.feature-gallery[data-active-slide="2"] .gallery-image-wrap img{object-position:center 23%;object-fit:contain}.gallery-shade{background:linear-gradient(0deg,#000f 0%,#000b 35%,#0001 80%)}.gallery-content{left:7vw;right:7vw;bottom:169px}.gallery-content h2{font-size:clamp(3rem,12vw,5rem);line-height:1.04;margin-top:19px}.gallery-content p{font-size:1rem;max-width:270px;margin-top:20px}.gallery-bottom{left:7vw;right:7vw;bottom:24px;flex-wrap:wrap;gap:9px;padding-top:15px}.gallery-pagination{gap:6px}.gallery-pagination button{width:40px;height:44px}.gallery-controls{gap:13px;margin-left:auto}.gallery-controls>span{display:none}.gallery-controls button{font-size:.875rem}.ritual-heading h2{font-size:clamp(2.5rem,9.8vw,4.6rem)}.ritual-text h3{font-size:1.35rem}.ritual-text li p{font-size:.9375rem}.ritual figcaption{font-size:.75rem}.question-list summary{font-size:1rem}.question-list p{font-size:.9375rem}.closing{min-height:690px}.closing h2{font-size:clamp(2.5rem,10.7vw,4.6rem)}.closing p:not(.eyebrow){font-size:1rem}.footer{padding-top:55px;padding-bottom:25px}.footer-top{font-size:.9375rem}.footer-top>p{font-size:1.125rem}.design-credit{font-size:.8125rem;max-width:310px;line-height:1.8}.design-credit a{display:inline-block}.footer-bottom{font-size:.75rem;gap:12px}.dialog-logo{width:160px}.contact-options a>span{font-size:1.125rem}.contact-options small{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html.reveal-ready .reveal-target.reveal-pending{opacity:1;transform:none}.gallery-image-wrap img{transition:none}.hero-image{animation:none}}