/* LFG Edition 02. Additive styles for the existing brand book. */
:root{--mandarin:#df6b87;--padx:clamp(1.25rem,5.5vw,6rem)}
body{transition:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #eaae60;outline-offset:6px}button{color:inherit}section{scroll-margin-top:70px}section[data-mode=dark]{--fg:#f4efe6;--fgm:rgba(244,239,230,.75);--rule:rgba(244,239,230,.22);color:var(--fg)}section[data-mode=light]{--fg:#1b150e;--fgm:#625649;--rule:rgba(27,21,14,.18);color:var(--fg)}.light .eyebrow{color:var(--bronze)}section[data-mode=dark] .eyebrow{color:var(--gold-light)}section[data-mode=light] .eyebrow{color:var(--bronze)}.wrap{max-width:1280px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--cream);color:var(--ink);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.book-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:16px;background:rgba(14,11,8,.9);color:var(--cream);border-bottom:1px solid #ffffff16;backdrop-filter:blur(18px)}.book-home{display:flex;gap:13px;align-items:center;text-decoration:none}.book-home img{width:37px;height:38px;object-fit:contain}.book-home span{font-size:10px;letter-spacing:.17em;font-weight:600}.book-home small{display:block;font-size:8px;font-weight:400;color:#d0bda3;margin-top:3px;letter-spacing:.15em}.header-actions{display:flex;gap:10px}.header-actions button,.contents-top button{background:transparent;border:1px solid #ffffff38;border-radius:0;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;min-height:40px}.header-actions button:hover{background:#ffffff12}.header-actions span{margin-left:12px}#motion-toggle{border-color:transparent;color:#d4c6b4}.crown{width:32px;height:33px;bottom:20px;left:22px}.chapter-tag{font-size:10px;background:rgba(14,11,8,.86);color:#e8d9c5!important;padding:8px 10px;bottom:18px;right:20px}.chapter-tag b{color:#eaae60!important}dialog{color:var(--cream);background:#14100b;border:1px solid #b88745;max-width:880px;width:calc(100% - 36px);padding:32px;max-height:90dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.contents-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.contents-top button{color:var(--cream)}dialog h2{font-size:clamp(2.6rem,5vw,4rem);margin:22px 0}#toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}#toc a{display:flex;gap:14px;text-decoration:none;padding:13px 0;border-bottom:1px solid #ffffff25;font-size:13px}#toc a span{font-size:11px;color:var(--gold-light)}#toc a[aria-current=true]{color:#efbf7c}
.cover{min-height:100svh;padding-top:120px;padding-bottom:75px}.cover .vid::after{background:linear-gradient(180deg,#0e0b0833,#0e0b0875 45%,#0e0b08ed)}.cover img.lockup{width:min(30vw,175px);margin:0 auto 24px}.cover-kicker{margin:0 0 25px;color:var(--gold-light)!important;font-size:10px}.cover h1{font-size:clamp(3.1rem,7.6vw,7rem);line-height:.98}.cover .sub{font-size:10px;letter-spacing:.23em;margin-top:24px}.cover-facts{display:flex;justify-content:center;gap:0;flex-wrap:wrap;margin:18px 0 24px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.cover-facts span{padding:0 14px;border-right:1px solid #ffffff40}.cover-facts span:last-child{border:0}.cover .scroll{margin-top:30px;font-size:9px}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:end;margin-bottom:50px}.section-heading h2{font-size:clamp(2.5rem,5.7vw,5.4rem);margin-top:20px;line-height:1.02}.section-heading>p{max-width:29rem;color:var(--fgm);font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.7;padding-bottom:4px}.invitation{min-height:900px;isolation:isolate;overflow:hidden}.invitation-photo{position:absolute;right:0;top:0;width:65%;height:100%;z-index:-1}.invitation-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}.invitation-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0b08 0%,#0e0b0840 60%,#0e0b0810),linear-gradient(0deg,#0e0b08 0%,transparent 35%)}.invitation-copy{max-width:650px}.invitation h2{font-size:clamp(3.8rem,8.3vw,8rem);line-height:.98;margin:30px 0}.invitation .lede{color:#f1e9de}.invitation-body{font-size:1rem;color:#cbbfb0;max-width:31rem;margin-top:24px}.invitation-sign{margin-top:35px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.invitation-sign span{color:var(--gold-light)}.image-caption{position:absolute;right:var(--padx);bottom:55px;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:#d5c4ad;writing-mode:vertical-rl}.launch-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:38px}.launch-heading{border-top:1px solid #9f8f79;border-bottom:1px solid #cbbda8;display:flex;justify-content:space-between;gap:12px;padding:15px 0;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:600}.launch-heading span:last-child{font-weight:400;color:#72614e}.launch-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lineup-can{text-decoration:none;display:block;padding-bottom:20px}.lineup-stage{height:390px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 58%,#e0ceb3,transparent 65%)}.lineup-stage img{height:340px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(5px 18px 14px #3d280e33);transition:transform .4s}.lineup-can:hover img{transform:translateY(-9px) rotate(-3deg)}.lineup-can:nth-child(2):hover img{transform:translateY(-9px) rotate(3deg)}.lineup-can .eyebrow{font-size:8px}.lineup-can h3{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.08;margin-top:12px;min-height:2.3em}.explore{display:flex;justify-content:space-between;padding-top:15px;margin-top:20px;border-top:1px solid #c9baa5;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.next-group .lineup-stage{background:radial-gradient(ellipse at 50% 58%,#e2d9ce,transparent 65%)}.next-group .lineup-stage img{height:300px}.collection-note{font-size:11px;border-top:1px solid var(--rule);padding-top:24px;margin-top:30px;color:var(--fgm)}
.moments{padding-top:90px;padding-bottom:100px}.moment-tabs{display:flex;border-top:1px solid #9d7b4c;border-bottom:1px solid #766044}.moment-tabs button{flex:1;background:transparent;color:#bbad9d;border:0;padding:19px 12px;text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.moment-tabs button[aria-selected=true]{color:#edbd7c;box-shadow:inset 0 -3px #edbd7c}.moment-panel{display:grid;grid-template-columns:1.8fr 1fr;min-height:540px}.moment-image{position:relative;min-height:540px;overflow:hidden}.moment-image img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .25s}.moment-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e0b0877,transparent 45%)}.moment-image>span{position:absolute;z-index:1;left:24px;bottom:23px;color:#fff2dc;font-size:10px;letter-spacing:.18em}.moment-copy{padding:50px 36px;background:#201910;display:flex;flex-direction:column;justify-content:center}.moment-copy .eyebrow{font-size:9px;line-height:1.7}.moment-copy h3{font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:1.04;margin:24px 0}.moment-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#cbbdaa}.moment-copy .moment-sign{border-top:1px solid #786044;padding-top:25px;margin-top:32px;color:#e9c18c!important;font-size:12px!important}.moment-panel.changing img{opacity:.3}.day-night-caption{font-size:11px;letter-spacing:.08em;color:var(--fgm);padding-top:20px}
.film-screen{position:relative;background:#17110c;aspect-ratio:16/9;overflow:hidden}.film-screen video{width:100%;height:100%;display:block;object-fit:contain}.film-overlay{position:absolute;pointer-events:none;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#fff7e9;text-shadow:0 1px 10px #000}.film-choices{display:grid;grid-template-columns:repeat(5,1fr)}.film-choices button{text-align:left;background:#1b150e;color:#ede0ce;border:0;border-top:2px solid #51412e;padding:22px 16px;font-family:var(--display);text-transform:uppercase;font-size:1.2rem}.film-choices button[aria-pressed=true]{background:#312316;border-color:#eaae60}.film-choices button>span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.18em;color:var(--gold-light);margin-bottom:12px}.film-choices small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.12em;color:#bfae97;margin-top:7px}.film-note{font-size:11px;line-height:1.6;color:#b8a793;margin-top:20px}
.flavor{min-height:900px;padding-top:100px;padding-bottom:100px}.flavor .num{font-size:14rem;top:100px;right:20px;opacity:.07}.flavor h2{font-size:clamp(2.7rem,6.2vw,6rem);line-height:1.02}.flavor .eyebrow{font-size:10px;color:#f2cf9a!important}.flavor .tag{color:#fff2d9}.flavor .canwrap{min-height:640px;z-index:0}.flavor .can{height:600px;width:auto;max-width:100%;object-fit:contain;transform:none;transition:opacity .15s}.flavor .disc{width:550px;max-width:100%;z-index:-1;background:radial-gradient(circle,#ffffff2c,transparent 66%)}.can-turn{position:absolute;bottom:-20px;background:transparent;border:1px solid #fff6;color:var(--cream);padding:12px 22px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.can-turn span{margin-left:20px;font-size:18px}.flavor .hex{gap:26px}.ritual h2{font-size:clamp(3rem,6vw,6rem);line-height:1.03;margin:20px 0}.ritual-heading .lede{max-width:40rem}.ritual-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;margin-top:50px;align-items:center}.ritual-art img{width:100%;height:440px;object-fit:cover;display:block}.ritual-steps{list-style:none;margin:0;padding:0}.ritual-steps li{display:flex;gap:20px;border-top:1px solid #ffffff3b;padding:27px 0}.ritual-steps>li>span{color:#eaae60;font-size:10px;padding-top:4px}.ritual-steps h3{font-size:2rem;line-height:1.1;margin-bottom:10px}.ritual-steps p{font-size:14px;color:#c6d2cb;max-width:25rem}.ritual-foot{border-top:1px solid #ffffff3b;margin-top:45px;padding-top:25px;display:flex;align-items:center;gap:35px}.ritual-foot>strong{font-family:var(--display);font-weight:400;font-size:6rem;line-height:1;color:#edc48e}.ritual-foot>strong span{font-size:3rem}.ritual-foot>div>p:last-child{color:var(--fgm);font-size:13px;margin-top:8px}.accents{grid-template-columns:repeat(4,1fr)}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.campaign-grid figure{margin:0}.campaign-grid img{width:100%;aspect-ratio:1122/1402;object-fit:contain;display:block;box-shadow:0 14px 30px #35271922}.campaign-grid figcaption{margin-top:24px;border-top:1px solid #b8a78f;padding-top:15px}.campaign-grid figcaption span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.campaign-grid figcaption p{font-size:12px;color:var(--fgm);line-height:1.6;margin-top:10px}.close{padding-bottom:100px}.close p{line-height:1.8}.photos figure img{min-height:220px}.photos figcaption{padding:40px 14px 14px;background:linear-gradient(transparent,#0e0b08e8)}.photos figcaption small{color:#f2e4d0;line-height:1.4}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:.001;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-motion .reveal.in{opacity:1;transform:none}.motion-paused .reveal{opacity:1;transform:none}.motion-paused *{animation:none!important;transition:none!important}.light .price{color:var(--fg)}
@media(min-width:1600px){.invitation{min-height:1000px}}
@media(max-width:1000px){.book-header{padding:12px 20px}.section-heading{gap:30px;grid-template-columns:1.4fr 1fr}.launch-grid{gap:24px}.launch-heading{display:block;line-height:1.6}.launch-heading span:last-child{display:block;margin-top:5px}.lineup-stage{height:330px}.lineup-stage img{height:285px}.next-group .lineup-stage img{height:260px}.moment-panel{grid-template-columns:1.3fr 1fr}.moment-copy{padding:34px 26px}.campaign-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}.flavor .can{height:540px}.flavor .canwrap{min-height:580px}.flavor .hex{gap:16px}.ritual-grid{gap:30px}.ritual-art img{height:400px}}
@media(max-width:820px){.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.section-heading>p{max-width:38rem}.section-heading h2{font-size:clamp(2.6rem,7vw,4rem)}.launch-grid{grid-template-columns:1fr;gap:30px}.launch-heading{display:flex}.lineup-stage{height:360px}.lineup-stage img{height:315px}.next-group .lineup-stage img{height:300px}.lineup-can h3{font-size:1.6rem;min-height:2.2em}.flavor .wrap{grid-template-columns:1fr 1fr;gap:20px}.flavor .canwrap{order:initial}.flavor .can{height:460px}.flavor .canwrap{min-height:520px}.flavor .hex{flex-wrap:wrap}.flavor h2{font-size:2.8rem}.flavor .copy{font-size:15px}.flavor .expr{font-size:1.4rem}.flavor .hex{font-size:9px}.flavor .hex b{font-size:12px}.feel{grid-template-columns:1fr 1fr}.photos.p3,.photos.p4{grid-template-columns:1fr 1fr}.photos img{aspect-ratio:1}.invitation{min-height:800px}.invitation-photo{width:100%;opacity:.7}.invitation-photo:after{background:linear-gradient(90deg,#0e0b08df,#0e0b0855),linear-gradient(0deg,#0e0b08,transparent)}.invitation-copy{max-width:540px}.ritual-grid{grid-template-columns:1fr}.ritual-art img{height:auto;aspect-ratio:16/10}.film-choices button{padding:16px 10px;font-size:1rem}.film-choices small{font-size:8px}.moment-panel{grid-template-columns:1fr}.moment-image{min-height:430px}.moment-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.moment-copy .eyebrow{grid-column:1/-1}.moment-copy h3{grid-row:2/4;margin:0}.moment-copy .moment-sign{margin-top:0}.accents[style]{grid-template-columns:repeat(3,1fr)!important;height:auto}.accents[style]>div{min-height:130px}.pillars div+div{padding-left:0}.swatchgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.book-header{padding:10px 15px}.book-home img{width:29px;height:30px}.book-home{gap:8px}.book-home span{font-size:8px;letter-spacing:.1em}.book-home small{font-size:7px;letter-spacing:.05em}.header-actions{gap:2px}.header-actions button{font-size:8px;padding:7px;min-height:36px}.header-actions span{margin-left:5px}.cover{min-height:850px;min-height:max(780px,100svh);padding-top:105px;padding-bottom:85px}.cover .lockup{width:125px!important;margin-bottom:28px!important}.cover h1{font-size:clamp(3rem,12.6vw,4.2rem);line-height:1.02}.cover-kicker{font-size:8px;letter-spacing:.16em}.cover .sub{font-size:8px;letter-spacing:.15em}.cover-facts{font-size:8px;row-gap:10px}.cover-facts span:first-child{width:100%;border:0}.cover .scroll{margin-top:25px}.crown{width:23px;height:24px;left:12px;bottom:15px}.chapter-tag{font-size:8px;right:12px;bottom:12px;max-width:70vw}.invitation{min-height:820px}.invitation h2{font-size:17vw}.invitation .eyebrow{font-size:8px}.invitation .lede{font-size:1.15rem}.invitation-body{font-size:14px;max-width:90%}.invitation-sign{font-size:9px}.image-caption{display:none}.launch-heading{font-size:8px;gap:15px}.launch-heading span:last-child{text-align:right}.launch-pair{gap:18px}.lineup-stage{height:320px}.lineup-stage img{height:280px}.next-group .lineup-stage img{height:265px}.lineup-can h3{font-size:1.5rem}.lineup-can .eyebrow{font-size:7px;letter-spacing:.15em}.explore{font-size:8px}.collection-note{font-size:10px}.moment-tabs button{font-size:8px;padding:17px 8px;letter-spacing:.06em;line-height:1.5;min-height:60px}.moment-image{min-height:300px}.moment-copy{display:block;padding:30px 24px}.moment-copy h3{font-size:3rem;margin:20px 0}.moment-copy .moment-sign{margin-top:24px}.film-choices{grid-template-columns:repeat(3,1fr)}.film-choices button{min-height:110px}.film-overlay{top:12px;left:12px;right:12px;font-size:7px}.film-note{font-size:10px}.flavor{padding-top:85px;min-height:0;padding-bottom:95px}.flavor .wrap{display:flex;flex-direction:column;gap:50px;align-items:stretch}.flavor .canwrap{order:0;min-height:430px}.flavor .can{height:410px;max-width:100%;max-height:none;width:auto}.flavor .can-turn{bottom:-26px}.flavor h2{font-size:3rem}.flavor .copy{font-size:15px}.flavor .num{font-size:9rem;top:85px}.flavor .meta span{font-size:9px}.flavor .hex{margin-top:22px}.flavor .hex b{font-size:11px}.flavor .tag{font-size:1.2rem}.ritual-foot{gap:22px}.ritual-foot>strong{font-size:4.4rem}.ritual-foot>div>.eyebrow{font-size:8px}.ritual-foot>div>p:last-child{font-size:11px}.campaign-grid{gap:30px 17px}.campaign-grid figcaption span{font-size:8px}.campaign-grid figcaption p{font-size:10px}.campaign-grid figcaption{margin-top:16px}.photos.p3,.photos.p4{grid-template-columns:1fr}.photos img{aspect-ratio:4/3}.photos figcaption{font-size:1.1rem}.photos figcaption small{font-size:12px}.accents{height:auto;grid-template-columns:1fr 1fr;gap:0}.accents>div{min-height:130px}.accents b{font-size:.85rem}.accents[style]{grid-template-columns:1fr 1fr!important}.accents small{font-size:.64rem}.feel,.seq{grid-template-columns:1fr}.swatchgrid{grid-template-columns:1fr 1fr}.swatchgrid span{font-size:8px}.bands small{font-size:9px}.bands div{padding:13px 9px}.bands .role{font-size:10px}.proofs>div{gap:15px;grid-template-columns:2rem 1fr}.proofs .n{font-size:2rem}.dont{grid-template-columns:1fr 1fr}.dont .x{height:85px}.dont img{max-width:95%;height:75px}.ratio-l{font-size:8px}.close p{letter-spacing:.08em;font-size:10px}.close h2{font-size:3.5rem}dialog{padding:22px;max-height:88dvh}#toc{grid-template-columns:1fr}#toc a{padding:12px 0;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.js-motion .reveal{opacity:1;transform:none}}
@media print{.book-header,.crown,.chapter-tag,.can-turn,.cover .scroll,.film-choices,.moment-tabs{display:none}section{min-height:0!important;break-inside:auto;padding:30px 24px;print-color-adjust:exact}body{font-size:10pt}.reveal{opacity:1!important;transform:none!important}video{display:none}.cover{min-height:700px!important}.flavor{break-before:page}.flavor .can{height:420px}}

.moment-panorama{margin:0 0 38px;position:relative}.moment-panorama img{width:100%;height:auto;aspect-ratio:2.5;object-fit:cover;object-position:center 65%;display:block}.moment-panorama figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cbb99f;padding-top:14px}.moment-panorama figcaption span{color:#e9bf86}@media(max-width:540px){.moment-panorama img{aspect-ratio:1.7}.moment-panorama figcaption{font-size:7px;letter-spacing:.1em}}

/* Keep the hero statement on its two intended lines at phone sizes. */
.cover h1 .hero-line{display:block;white-space:nowrap}
@media(max-width:540px){.cover h1{font-size:clamp(1.8rem,9.5vw,3.2rem)}}

/* A quieter hero, with a stationary caption and a moving vertical scroll cue. */
.cover{padding-bottom:150px}
.cover .scroll{position:absolute;left:0;right:0;bottom:36px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;font-size:9px;line-height:1.5;animation:none;transform:none}
.cover .scroll-line{position:relative;display:block;width:1px;height:46px;overflow:hidden;background:rgba(234,174,96,.18)}
.cover .scroll-line::after{content:"";position:absolute;top:0;left:0;width:1px;height:24px;background:var(--gold-light);animation:hero-scroll-pulse 2.2s ease-in-out infinite}
@keyframes hero-scroll-pulse{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(22px);opacity:1}}
.motion-paused .cover .scroll-line::after{animation:none;transform:translateY(11px);opacity:.8}
@media(max-width:540px){.cover .scroll{font-size:8px;letter-spacing:.22em}}
@media(prefers-reduced-motion:reduce){.cover .scroll-line::after{animation:none;transform:translateY(11px);opacity:.8}}

/* Lower the can controls within the existing section, without changing layout height. */
.flavor .canwrap{--can-half-height:300px;--can-button-gap:55px}
.flavor .can-turn{top:calc(50% + var(--can-half-height) + var(--can-button-gap));bottom:auto}
@media(max-width:1000px){.flavor .canwrap{--can-half-height:270px}}
@media(max-width:820px){.flavor .canwrap{--can-half-height:230px}}
@media(max-width:540px){.flavor .canwrap{--can-half-height:205px;--can-button-gap:32px}}