@charset "UTF-8";
:root{--red:#a20d24;--red-dark:#7e081d;--ink:#141111;--cream:#f7f3ed;--muted:#71675f;--line:#d9d2c9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}p{line-height:1.75;margin:0 0 1.25rem}h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.045em}em{font-weight:400}h2{font-size:clamp(3.2rem,5.2vw,5.4rem);line-height:1.07}h3{font-size:1.8rem;line-height:1.2;letter-spacing:-.025em}figure{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #c6a264;outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:white;color:black;z-index:100}.skip-link:focus{top:15px}.section-pad{padding:108px max(6vw,24px)}.eyebrow{font-size:.78rem;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin-bottom:26px}.red{color:var(--red)}.lead{font-size:1.22rem;line-height:1.65}.header{height:100px;background:#080708;color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 5.7vw;position:relative;z-index:30;border-bottom:1px solid #ffffff25}.brand{width:126px;height:76px;overflow:hidden;position:relative;flex:none}.brand img{position:absolute;width:142px;max-width:none;left:-8px;top:-28px}.desktop-nav{display:flex;gap:32px;align-items:center}.desktop-nav a{font-size:.86rem;position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:#eec2b4;transition:width .25s}.desktop-nav a:hover:after{width:100%}.header-right{display:flex;gap:20px;align-items:center}.languages{display:flex;gap:11px;align-items:center;font-size:.8rem}.languages span{color:#776d6a}.languages button{padding:8px 0;color:#ada39d;background:none;border:0;font-size:.8rem}.languages button[aria-pressed=true]{color:#fff;border-bottom:1px solid #fff}.menu-toggle{display:none;background:none;border:1px solid #6b5f5a;color:var(--cream);padding:9px 12px}.mobile-nav{position:absolute;top:84px;left:0;right:0;background:#080708;color:var(--cream);padding:24px;z-index:25}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:22px}.hero{min-height:720px;height:calc(100svh - 100px);max-height:1020px;position:relative;color:var(--cream);overflow:hidden;background:#241316}.hero-photo{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 60%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,6,6,.77) 0%,rgba(9,6,6,.43) 46%,rgba(9,6,6,.1) 78%),linear-gradient(0deg,rgba(9,6,6,.52),transparent 35%)}.hero-content{position:relative;max-width:820px;padding:65px 0 100px 6vw;z-index:1}.hero .eyebrow{color:#e8c1b5;margin-bottom:22px}.hero h1{font-size:clamp(4.3rem,7.5vw,7.8rem);line-height:.99;letter-spacing:-.05em}.hero h1 em{color:#f3d6c7}.hero-intro{margin-top:27px;line-height:1.5;font-size:1.04rem;color:#eee3da}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;min-height:54px;padding:15px 23px;font-size:.88rem;margin-top:6px;border:1px solid transparent;transition:background .25s,color .25s}.button-cream{background:var(--cream);color:var(--ink)}.button-cream:hover{background:var(--red);color:white}.button span:last-child{font-size:1.4rem}.hero-note{position:absolute;right:6vw;top:58px;text-align:center;border:1px solid #f7f3ed65;width:156px;height:156px;border-radius:50%;display:flex;flex-direction:column;justify-content:center}.hero-number{font-family:var(--serif);font-size:3.8rem;font-style:italic;line-height:1.05}.hero-note>span:last-child{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;line-height:1.7;margin-top:7px}.hero-bottom{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff40;padding-top:18px;font-size:.76rem;letter-spacing:.035em;color:#e5d9d1}.hero-bottom>a{font-size:1.55rem;padding:0 8px}.belief-strip{display:flex;justify-content:center;align-items:center;gap:5vw;padding:26px 24px;background:var(--red);color:var(--cream);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.belief-strip>span:nth-child(even){font-size:.72rem;color:#dfabb2}.story{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;align-items:center}.story-copy h2{margin-bottom:30px}.story-copy>p:not(.eyebrow){max-width:485px}.story-copy>p:not(.lead):not(.eyebrow){color:#645a53}.story-image img{height:570px;object-fit:cover;object-position:36% center}.story-image figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:16px;font-size:.74rem;line-height:1.6;color:#76665d}.story-image figcaption>span:last-child{white-space:nowrap}.signature{border-top:1px solid var(--line);padding-top:24px;margin-top:28px;max-width:485px;display:flex;flex-direction:column;gap:9px}.signature>span{font-family:var(--serif);font-style:italic;font-size:1.6rem}.signature small{color:var(--muted);font-size:.78rem}.manifesto{background:var(--red);color:var(--cream);position:relative;padding-top:78px;padding-bottom:70px}.manifesto .eyebrow{color:#ecc4cb}.manifesto h2{font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:1.23;letter-spacing:-.043em}.manifesto h2 span{display:block}.manifesto h2 span:last-child{font-style:italic}.manifesto-footer{border-top:1px solid #ffffff50;margin-top:40px;padding-top:25px;display:flex;justify-content:space-between;gap:40px;align-items:center}.manifesto-word{font-size:3.5rem;font-family:var(--serif);font-style:italic}.manifesto-footer p{max-width:495px;font-size:1rem;margin-bottom:0;color:#f7e1df}.way-heading{text-align:center;margin-bottom:64px}.way-heading>p:last-child{max-width:530px;margin:25px auto 0;color:var(--muted)}.way-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}.way-image img{height:670px;object-fit:cover;object-position:center 60%}.way-rituals article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:29px 0}.way-rituals article:first-child{padding-top:0}.ritual-number{font-family:var(--serif);font-size:1.3rem;font-style:italic;color:var(--red);padding-top:4px;min-width:30px}.way-rituals h3{margin-bottom:15px}.way-rituals article p{font-size:.98rem;color:var(--muted);margin-bottom:0}.way-outro{font-family:var(--serif);font-size:1.55rem;line-height:1.6;margin:30px 0 0}.way-outro em{color:var(--red)}.pleasure{background:#141011;color:var(--cream)}.pleasure-top{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.pleasure .eyebrow{color:var(--accent)}.pleasure h2 em{color:#d74358}.pleasure-description{padding-top:38px}.pleasure-description .lead{font-family:var(--serif);font-size:1.7rem;line-height:1.5}.pleasure-description p:not(.lead){color:#c5b7b0;font-size:1rem}.ingredient-list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin-top:48px;padding:30px 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.1vw,2rem);color:#f2d7cc}.pleasure-bottom{display:flex;justify-content:space-between;gap:70px;margin-top:32px;align-items:start}.culture-note{max-width:300px;color:#b3a19a;font-size:.76rem;line-height:1.7}.pleasure-question{font-family:var(--serif);font-style:italic;font-size:1.7rem;line-height:1.4;text-align:right;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.section-heading>p{max-width:365px;color:var(--muted);margin:0 0 4px}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;grid-template-rows:320px 320px;gap:20px}.photo{position:relative;background:#221815;overflow:hidden;display:block;padding:0;border:0;color:#fff;text-align:left}.photo img{height:100%;object-fit:cover;transition:transform .6s ease}.photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6))}.photo:hover img{transform:scale(1.035)}.photo>span:not(.expand){position:absolute;bottom:22px;left:22px;right:50px;z-index:1;font-size:.87rem;line-height:1.4}.photo-wide{grid-column:1/3}.photo-tall{grid-column:3;grid-row:1/3}.photo .expand{position:absolute;bottom:21px;right:20px;font-size:1.3rem;z-index:2}.next-chapter{text-align:center;background:var(--red);color:var(--cream);padding-top:95px;padding-bottom:70px}.next-chapter .eyebrow{color:#eac1c8}.next-chapter h2{font-size:clamp(3.2rem,6.8vw,7rem)}.next-chapter>p:not(.eyebrow):not(.next-note){margin-top:30px;font-size:1.15rem;line-height:1.8}.next-signature{font-family:var(--serif);font-size:5rem;letter-spacing:-.07em;font-style:italic;display:block;margin-top:30px}.next-chapter .next-note{font-size:.76rem;line-height:1.7;color:#edc1c6;margin:26px auto 0}footer{background:#080708;color:var(--cream);display:grid;grid-template-columns:1fr 1.1fr 1fr;padding:45px 6vw;align-items:center;gap:30px}.footer-wordmark{font-family:var(--serif);font-size:3.1rem;font-style:italic;letter-spacing:-.06em;display:flex;flex-direction:column;line-height:1}.footer-wordmark span{font-family:var(--sans);font-size:.56rem;font-style:normal;text-transform:uppercase;letter-spacing:.24em;margin:9px 0 0 4px}footer p{font-size:.83rem;color:#b9aaa1;margin:0;line-height:1.8}.footer-end{display:flex;flex-direction:column;align-items:end;gap:14px;font-size:.73rem;color:#b9aaa1}.footer-end a{color:#f7f3ed}dialog{border:0;background:#141011;color:var(--cream);padding:20px;max-width:95vw;max-height:94svh;overflow:auto}dialog::backdrop{background:#050303e8;backdrop-filter:blur(6px)}dialog img{width:auto;max-width:85vw;max-height:77svh;object-fit:contain;margin:auto}dialog p{text-align:center;margin:16px 0 0;font-size:.9rem}.dialog-close{position:absolute;top:6px;right:6px;width:44px;height:44px;border:1px solid #ffffff50;background:#141011;color:white;font-size:1.8rem;z-index:2}
@media(min-width:1600px){.section-pad{padding-left:max(6vw,calc((100vw - 1450px)/2));padding-right:max(6vw,calc((100vw - 1450px)/2))}.hero-content{padding-top:90px}.hero h1{font-size:8.5rem}}
@media(max-width:1100px){.desktop-nav{gap:20px}.desktop-nav a{font-size:.8rem}.hero{min-height:690px}.hero-content{padding-top:65px}.hero h1{font-size:6rem}.story{gap:5vw}.story-image img{height:570px}.way-grid{gap:5vw}.way-image img{height:710px}.photo-grid{grid-template-rows:260px 260px}.pleasure-bottom{gap:35px}.pleasure-question{font-size:1.5rem}}
@media(max-width:800px){html{scroll-padding-top:25px}.header{height:84px;padding:0 24px}.desktop-nav{display:none}.menu-toggle{display:block}.brand{width:110px;height:66px}.brand img{width:130px;top:-27px;left:-8px}.hero{height:780px;min-height:0;max-height:none}.hero-content{padding:65px 24px 90px}.hero h1{font-size:5.5rem}.hero-note{right:25px;top:35px;width:116px;height:116px}.hero-number{font-size:2.8rem}.hero-note>span:last-child{font-size:.55rem}.hero .eyebrow{max-width:240px}.hero-bottom{left:24px;right:24px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#090606c7,#09060655),linear-gradient(0deg,#09060655,transparent 50%)}.section-pad{padding:76px 24px}.story{grid-template-columns:1fr;gap:45px}.story-copy>p:not(.eyebrow){max-width:620px}.story-image img{height:450px;object-position:center 42%}.signature{max-width:100%}.belief-strip{font-size:.68rem;gap:3vw;padding:23px 15px;letter-spacing:.07em}.manifesto h2{font-size:3.15rem}.manifesto-footer{gap:30px}.manifesto-footer p{max-width:390px;font-size:.93rem}.way-heading{margin-bottom:42px}.way-grid{grid-template-columns:1fr;gap:40px}.way-image img{height:500px;object-position:center 51%}.way-rituals article{padding:25px 0}.way-outro{margin-top:30px}.pleasure-top{grid-template-columns:1fr;gap:24px}.pleasure-description{padding-top:0}.pleasure-description .lead{font-size:1.6rem}.ingredient-list{justify-content:start;gap:20px 32px}.pleasure-bottom{flex-direction:column;gap:10px}.culture-note{max-width:440px}.pleasure-question{text-align:left;font-size:1.65rem}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px;max-width:500px}.photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 350px 280px;gap:15px}.photo-wide{grid-column:1/3;grid-row:1}.photo-tall{grid-column:2;grid-row:2/4}.photo:not(.photo-wide):not(.photo-tall){grid-column:1}.next-chapter{padding-top:76px;padding-bottom:60px}.next-chapter h2{font-size:4.4rem}footer{grid-template-columns:1fr 1.1fr;padding:38px 24px}.footer-end{grid-column:1/3;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:23px}}
@media(max-width:520px){.hero{height:730px}.hero-content{padding-top:64px}.hero h1{font-size:4.65rem}.hero-note{display:none}.hero .eyebrow{max-width:none;font-size:.7rem;letter-spacing:.14em}.hero-intro{margin-top:30px;font-size:1rem}.hero-bottom{font-size:.64rem}.hero-photo{object-position:56% center}.hero-shade{background:linear-gradient(90deg,#090606a8,#09060645),linear-gradient(0deg,#0906068a,transparent 65%)}.belief-strip{gap:10px;font-size:.57rem;letter-spacing:.05em}.belief-strip>span:nth-child(even){font-size:.5rem}.section-pad{padding:64px 22px}h2{font-size:3.15rem}.eyebrow{font-size:.7rem;letter-spacing:.13em;margin-bottom:22px}.lead{font-size:1.15rem}.story-image img{height:340px}.story-image figcaption{font-size:.66rem}.manifesto h2{font-size:2.25rem;line-height:1.4;letter-spacing:-.04em}.manifesto-footer{display:block;margin-top:27px;padding-top:20px}.manifesto-word{font-size:3rem;display:block;margin-bottom:20px}.way-heading{text-align:left}.way-heading>p:last-child{margin-top:22px}.way-image img{height:470px}.way-rituals article{gap:15px}h3{font-size:1.65rem}.way-outro{font-size:1.35rem}.ingredient-list{font-size:1.5rem;gap:18px 24px;margin-top:30px;padding:25px 0}.pleasure-question{font-size:1.4rem}.culture-note{font-size:.73rem}.photo-grid{grid-template-rows:230px 230px 220px;gap:10px}.photo>span:not(.expand){bottom:15px;left:13px;right:35px;font-size:.72rem}.photo .expand{right:13px;bottom:13px;font-size:1.1rem}.next-chapter h2{font-size:3.3rem}.next-chapter>p:not(.eyebrow):not(.next-note){font-size:1rem}.next-signature{font-size:4.5rem}.next-note{font-size:.7rem}footer p{font-size:.72rem}.footer-end{font-size:.66rem}.footer-wordmark{font-size:2.8rem}dialog{padding:10px}dialog img{max-width:88vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The supplied Gola emblem is the primary brand mark. */
.header{background:#101010}.brand{display:flex;align-items:center;gap:13px;width:174px;height:76px;overflow:visible}.brand img{position:static;width:64px;height:70px;object-fit:contain;flex:none}.brand-name{font-family:var(--serif);font-style:italic;font-size:2.6rem;letter-spacing:-.06em;line-height:1}.brand-name small{display:block;font-family:var(--sans);font-style:normal;font-size:.51rem;letter-spacing:.2em;text-transform:uppercase;margin-top:9px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-brand>img{width:72px;height:82px;object-fit:contain}footer{background:#101010}@media(max-width:1100px){.desktop-nav{gap:21px}.brand{width:155px}}@media(max-width:800px){.brand{width:155px;height:70px;gap:10px}.brand img{width:53px;height:62px}.brand-name{font-size:2.35rem}.brand-name small{font-size:.47rem}.mobile-nav{background:#101010}.footer-brand{gap:10px}.footer-brand>img{width:55px;height:68px}.footer-wordmark{font-size:2.55rem}}@media(max-width:380px){.header{padding:0 17px}.brand{width:133px;gap:8px}.brand img{width:46px}.brand-name{font-size:2.05rem}.header-right{gap:12px}.languages{gap:8px}.menu-toggle{font-size:.8rem;padding:8px}.hero h1{font-size:4.1rem}}

.mr-gola{background:#151311;color:var(--cream)}.way-image.mr-gola img{height:auto;max-height:none;aspect-ratio:1127 / 1395;object-fit:contain}.mr-gola figcaption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;border-top:1px solid #ffffff25}.mr-gola figcaption strong{font-family:var(--serif);font-size:2rem;font-weight:400;font-style:italic;white-space:nowrap}.mr-gola figcaption>span{font-size:.8rem;line-height:1.6;color:#d1c4b7;text-align:right}@media(max-width:520px){.mr-gola figcaption{padding:20px;gap:16px}.mr-gola figcaption strong{font-size:1.65rem}.mr-gola figcaption>span{font-size:.72rem}}

/* Original wordmark remains at the top left while the page scrolls. */
html{scroll-padding-top:116px}.header{position:sticky;top:0;background:#000}.brand.header-logo{position:relative;display:block;width:166px;height:98px;overflow:hidden;flex:none}.brand.header-logo img{position:absolute;top:50%;left:50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%);object-fit:contain}.mobile-nav{position:fixed;background:#000;max-height:calc(100svh - 84px);overflow-y:auto}@media(max-width:800px){html{scroll-padding-top:100px}.brand.header-logo{width:140px;height:82px}}@media(max-width:380px){.brand.header-logo{width:126px;height:76px}}

/* Mr Gola opens the site; the wordmark and emblem bookend the masthead. */
.header{gap:24px}.header-right{margin-left:auto}.header-emblem{display:block;flex:none;width:62px;height:74px;overflow:hidden}.header-emblem img{width:100%;height:100%;object-fit:contain}.desktop-nav{margin:auto;gap:24px}.mobile-nav{top:100px;max-height:calc(100svh - 100px)}
.hero.mr-gola-hero{height:calc(100svh - 100px);min-height:560px;max-height:1180px;padding:0 5.7vw;background:#080808;overflow:hidden}.welcome-portrait{height:100%;width:100%;max-width:1050px;margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) auto}.welcome-image{min-height:0;display:flex;justify-content:center}.welcome-image img{height:100%;width:100%;object-fit:contain;object-position:center;display:block}.welcome-caption{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 32px;background:#151311;border-top:1px solid #ffffff30}.hero .welcome-caption h1{font-family:var(--serif);font-style:italic;font-size:clamp(2.5rem,3.7vw,4rem);letter-spacing:-.03em;line-height:1.15;white-space:nowrap}.welcome-caption p{margin:0 0 0 auto;line-height:1.6;font-size:1rem;color:#d1c4b7;text-align:right}.welcome-scroll{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;font-size:1.5rem;color:var(--cream)}.welcome-scroll:hover{background:var(--red)}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.header-right{gap:22px}.header-emblem{width:56px;height:70px}}
@media(max-width:800px){.header{gap:16px}.header-right{gap:15px}.header-emblem{width:48px;height:64px}.mobile-nav{top:84px;max-height:calc(100svh - 84px)}.hero.mr-gola-hero{height:calc(100svh - 84px);min-height:520px;padding:0 24px}.welcome-caption{padding:22px;gap:18px}.welcome-caption p{font-size:.9rem}.hero .welcome-caption h1{font-size:2.7rem}}
@media(max-width:520px){.header{padding:0 16px;gap:10px}.brand.header-logo{width:116px;height:76px}.header-right{gap:10px}.languages{gap:7px}.menu-toggle{padding:8px;font-size:.8rem}.header-emblem{width:40px;height:56px}.hero.mr-gola-hero{height:calc(100svh - 84px);min-height:500px;padding:0}.welcome-caption{display:grid;grid-template-columns:1fr auto;padding:20px 22px;gap:8px 18px}.hero .welcome-caption h1{font-size:2.5rem}.welcome-caption p{grid-column:1;grid-row:2;margin:0;text-align:left;font-size:.84rem}.welcome-scroll{grid-column:2;grid-row:1/3;width:42px;height:42px}}
@media(max-width:360px){.header{padding:0 12px;gap:8px}.brand.header-logo{width:104px;height:70px}.header-right{gap:8px}.header-emblem{width:35px;height:50px}.languages{gap:6px}}
/* Clickable ingredient stories */
.ingredient-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px 0}
.ingredient-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;padding:12px 8px;border:0;border-radius:0;background:transparent;color:#f2d7cc;font:inherit;font-size:clamp(1.25rem,1.8vw,1.85rem);text-align:left;cursor:pointer;transition:color .2s,background-color .2s}
.ingredient-plus{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #f2d7cc66;border-radius:50%;font:18px Arial,sans-serif}
.ingredient-button:hover{background:#ffffff08;color:#fff}
.ingredient-button:hover .ingredient-plus{background:var(--red);border-color:var(--red);color:#fff}
.ingredient-button:focus-visible,.ingredient-close:focus-visible,.ingredient-sources a:focus-visible{outline:2px solid #f2d7cc;outline-offset:4px}
.ingredient-dialog{width:680px;max-width:calc(100vw - 32px);max-height:88svh;margin:auto;padding:0;border:1px solid #ffffff2b;border-top:3px solid var(--red);background:var(--ink);overscroll-behavior:contain}
.ingredient-dialog-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #ffffff20;background:var(--ink)}
.ingredient-dialog-brand{font-size:.68rem;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#cbbab2}
.ingredient-close{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;padding:0 12px;border:1px solid #ffffff40;background:transparent;color:var(--cream);font:12px var(--sans);cursor:pointer}
.ingredient-close span:last-child{font-size:24px;font-weight:normal}
.ingredient-close:hover{background:var(--red)}
.ingredient-dialog-content{padding:28px 40px 36px}
.ingredient-dialog p{text-align:left;margin:0;font-size:1rem;line-height:1.75;color:#dacfc8}
.ingredient-dialog .eyebrow{font-size:.7rem;letter-spacing:.15em;color:#c6afa4;margin-bottom:8px}
.ingredient-dialog h2{font:italic clamp(2.8rem,7vw,4.4rem)/1.12 var(--serif);margin:0;color:var(--cream)}
.ingredient-dialog .ingredient-tagline{font:italic 1.25rem/1.5 var(--serif);color:#f2d7cc;margin:12px 0 30px}
.ingredient-dialog h3{font:normal .7rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);margin:0 0 10px}
.ingredient-evidence{margin-top:24px;padding:20px 0 0;border-top:1px solid #ffffff25}
.ingredient-dialog .ingredient-evidence p{font-size:.9rem;color:#bfb1a9}
.ingredient-sources{margin-top:24px}
.ingredient-sources a{font-size:.75rem;line-height:1.6;color:#f2d7cc;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.ingredient-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient-button{font-size:1.6rem}}
@media(max-width:540px){.ingredient-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.ingredient-button{min-height:66px;padding:10px 4px;font-size:1.35rem}.ingredient-dialog-content{padding:24px}.ingredient-dialog-top{padding:10px 16px}.ingredient-dialog-brand{font-size:.58rem;letter-spacing:.08em}.ingredient-dialog p{font-size:.95rem}}


/* Large Gola lettering always uses the supplied original artwork.
   The CSS crop retains the G descender and excludes the lower tagline.
   Screen blending lets the original black background merge with the section. */
.gola-lettering{display:inline-block;position:relative;aspect-ratio:1248 / 680;overflow:hidden;vertical-align:middle;mix-blend-mode:screen;flex-shrink:0}
.gola-lettering>img{position:absolute;display:block;top:-31.617647%;left:0;width:100%;height:auto;max-width:none;clip-path:polygon(0 0,100% 0,100% 68%,38.5% 68%,38.5% 78%,0 78%)}
.hero .welcome-caption .mr-gola-title{display:flex;align-items:center;gap:10px;flex-shrink:0}
.mr-gola-title .gola-lettering{width:clamp(116px,13vw,180px)}
.next-signature{display:block;width:clamp(190px,23vw,300px);max-width:100%;margin:30px auto 0;font-size:0;line-height:0;letter-spacing:normal}
.next-signature .gola-lettering{display:block;width:100%}
.footer-wordmark{display:flex;align-items:center;flex-direction:column;width:clamp(90px,10vw,150px);font-size:0;line-height:1;letter-spacing:normal}
.footer-wordmark .gola-lettering{display:block;width:100%;margin:0;letter-spacing:normal;font-size:0}
.footer-wordmark .restaurant-label{margin:8px 0 0;font:normal .5rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
@media(max-width:520px){.hero .welcome-caption .mr-gola-title{gap:8px}.mr-gola-title .gola-lettering{width:116px}}


/* Direct Instagram and email contacts, with generous tap targets. */
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}
.footer-contact a{display:flex;align-items:center;gap:11px;min-height:44px;max-width:100%;color:var(--cream);font-size:.86rem;line-height:1.5}
.footer-contact a>svg{flex-shrink:0}
.footer-contact a>span{min-width:0;overflow-wrap:anywhere}
.footer-contact a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.footer-end{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:24px}
@media(max-width:800px){.footer-contact{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px}}
/* Four languages share the same layout; brand artwork is never mirrored. */
.header{direction:ltr}
.languages{gap:8px;flex-shrink:0}
.languages button{min-width:28px;min-height:40px;padding:6px 2px}
.languages button[lang=ar]{min-width:44px;font:normal .86rem/1.4 Tahoma,Arial,sans-serif}
.ingredient-button,.ingredient-dialog p{text-align:start}
html[dir=rtl] .desktop-nav,html[dir=rtl] .menu-toggle{direction:rtl}
html[dir=rtl] .welcome-caption p{margin:0 auto 0 0;text-align:right}
html[dir=rtl] .pleasure-question{text-align:left}
html[dir=rtl] .photo>span:not(.expand){right:22px;left:50px;text-align:right}
html[dir=rtl] .photo .expand{left:20px;right:auto}
html[dir=rtl] .dialog-close{left:6px;right:auto}
html[dir=rtl] .ingredient-dialog .eyebrow{direction:ltr;text-align:right}
html[dir=rtl] .ingredient-sources{unicode-bidi:plaintext}
html[lang=ar] body{font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .pleasure-description .lead,html[lang=ar] .pleasure-question,html[lang=ar] .way-outro,html[lang=ar] .ingredient-list,html[lang=ar] .ingredient-dialog .ingredient-tagline,html[lang=ar] .manifesto-word{font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-style:normal;letter-spacing:normal}
html[lang=ar] em{font-style:normal}
html[lang=ar] h2{font-size:clamp(2.5rem,5.3vw,5.4rem);line-height:1.5}
html[lang=ar] h3{line-height:1.65}
html[lang=ar] p{line-height:1.9}
html[lang=ar] .eyebrow,html[lang=ar] .belief-strip,html[lang=ar] .ingredient-dialog-brand,html[lang=ar] .ingredient-dialog h3,html[lang=ar] .restaurant-label{letter-spacing:normal;text-transform:none}
html[lang=ar] .ingredient-dialog h2{font-size:clamp(2.4rem,7vw,3.8rem);line-height:1.5}
html[lang=ar] .ingredient-dialog .ingredient-tagline{line-height:1.8}
html[lang=ar] .ingredient-button{font-style:normal;font-size:clamp(1.15rem,1.8vw,1.65rem)}
html[lang=ar] .ingredient-dialog-brand,html[lang=ar] .ingredient-dialog h3{font-size:.85rem}
html[lang=ar] .restaurant-label{font-family:inherit;font-size:.85rem}
@media(max-width:1440px){.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:800px){html[dir=rtl] .pleasure-question{text-align:right}}
@media(max-width:600px){.languages{display:grid;grid-template-columns:28px 44px;gap:0 4px}.languages button{width:100%;padding:4px 0;min-height:40px}.header-right{gap:8px}.languages button[lang=ar]{font-size:.78rem}}
@media(max-width:520px){html[dir=rtl] .welcome-caption p{margin:0;text-align:right}html[dir=rtl] .photo>span:not(.expand){right:13px;left:35px}html[dir=rtl] .photo .expand{left:13px;right:auto}html[lang=ar] .ingredient-button{font-size:1.2rem}html[lang=ar] .ingredient-dialog-brand{font-size:.7rem}html[lang=ar] .belief-strip{font-size:.65rem}}

/* Original photographs stay uncropped in the cuisine gallery. */
.cuisine{border-bottom:1px solid var(--line)}
.dish-gallery{columns:3;column-gap:28px}
.dish-photo{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 28px;padding:0;background:transparent;border:0;color:var(--ink);text-align:start}
.dish-photo img{width:100%;height:auto;background:var(--ink)}
.dish-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.2rem;line-height:1.4}
.dish-caption>span:last-child{color:var(--red);font-family:var(--sans);flex-shrink:0}
.dish-photo:hover .dish-caption{color:var(--red);border-color:var(--red)}
.photo-cherub{grid-column:1/-1;grid-row:3;justify-self:center;width:min(100%,360px);height:auto;margin:8px 0 0}
.photo-cherub img{height:auto;object-fit:contain;object-position:center}
@media(max-width:1000px){.dish-gallery{columns:2;column-gap:22px}}
@media(max-width:600px){.dish-gallery{columns:1}.dish-photo{margin-bottom:24px}.dish-caption{font-size:1.15rem}.photo-cherub{grid-row:4}}
@media(min-width:601px) and (max-width:800px){.photo-cherub{grid-row:4}}

/* A continuous black canvas across every section and language. */
:root{color-scheme:dark;--ink:#000;--muted:#bcb5ae;--line:#353131;--accent:#ff303b}
html,body,main{background:#000;color:var(--cream)}
.section-pad,.belief-strip,.header,.mobile-nav,footer,
.hero.mr-gola-hero,.welcome-caption,.mr-gola,.photo,
dialog,.dialog-close,.ingredient-dialog,.ingredient-dialog-top{background:#000;color:var(--cream)}
.belief-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.manifesto,.next-chapter{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.red,.ritual-number,.way-outro em,.pleasure h2 em,
.belief-strip>span:nth-child(even),.manifesto .eyebrow,
.next-chapter .eyebrow,.dish-caption>span:last-child{color:var(--accent)}
.story-copy>p:not(.lead):not(.eyebrow),.story-image figcaption,
.next-chapter .next-note{color:var(--muted)}
.dish-photo{color:var(--cream)}
.dish-photo:hover .dish-caption{color:var(--accent);border-color:var(--accent)}

/* Live translations are painted over the wall, aligned to the portrait itself. */
.welcome-image{align-items:center;container-type:size}
.welcome-scene{position:relative;flex:none;width:100%;max-height:100%;aspect-ratio:1075 / 1463;container-type:inline-size}
@supports(width:1cqw){.welcome-scene{width:min(100cqw,calc(100cqh * 1075 / 1463))}}
.welcome-scene>.host-portrait{width:100%;height:auto;aspect-ratio:1075 / 1463}
.wall-sins{position:absolute;inset:0;margin:0;padding:0;list-style:none;direction:ltr}
.wall-sin{position:absolute;width:24%;margin:0;text-align:center;font:italic clamp(.82rem,3.8cqw,2.75rem)/1.35 var(--serif);color:#e4dcd4;white-space:nowrap;text-shadow:0 2px 9px #000}
.sin-pride{top:42%}
.sin-greed{top:48.6%}
.sin-lust{top:55.2%}
.sin-envy{top:61.8%}
.sin-wrath{top:68.4%}
.sin-sloth{top:75%}
.sin-gola{left:0;top:0;width:100%;z-index:1;mix-blend-mode:screen}
.sin-gola .gola-lettering{display:block;width:100%}
html[lang=ar] .wall-sin:not(.sin-gola){font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-style:normal;letter-spacing:normal;font-size:clamp(.88rem,3.9cqw,2.8rem);line-height:1.5}

/* The opening invitation and seven stories share the restaurant's black canvas. */
.opening-invitation{padding:28px 6vw 24px;background:#000;text-align:center}
.opening-invitation h1{max-width:1050px;margin:auto;font:italic clamp(1.3rem,2.15vw,2rem)/1.45 var(--serif);letter-spacing:normal;color:var(--cream);text-wrap:balance}
.sin-trigger{display:block;width:100%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-shadow:inherit}
.sin-trigger>span[data-i18n]{text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#e4dcd480;text-underline-offset:.3em}
.sin-trigger:hover{color:var(--accent)}
.sin-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sin-gola .sin-trigger:hover{filter:drop-shadow(0 0 3px #ff303b44)}
.sin-wall-hint{margin:0;padding:14px 22px 22px;background:#000;color:var(--muted);text-align:center;font-size:.875rem;line-height:1.5}
.sin-dialog{width:640px;max-width:calc(100vw - 32px);max-height:88svh;margin:auto;padding:0;border:1px solid var(--line);border-top:3px solid var(--red);background:#000;color:var(--cream);overscroll-behavior:contain}
.sin-dialog-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 24px;border-bottom:1px solid var(--line);background:#000}
.sin-dialog-top .eyebrow{margin:0;font-size:.8rem;letter-spacing:.07em;line-height:1.5;color:var(--accent)}
.sin-close{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:44px;padding:0 12px;border:1px solid #ffffff50;background:#000;color:var(--cream);font-size:.875rem}
.sin-close span:last-child{font-size:1.5rem}
.sin-close:hover{background:var(--red)}
.sin-dialog-content{padding:30px 36px 36px}
.sin-dialog h2{font-size:clamp(2.6rem,6vw,4rem);line-height:1.2}
.sin-dialog .gola-sin-title .gola-lettering{width:210px;max-width:100%}
.sin-dialog p{text-align:start;margin:20px 0 0;font-size:1rem;line-height:1.8;color:#dacfc8}
.sin-dialog .sin-tagline{font:italic 1.35rem/1.5 var(--serif);color:var(--cream)}
.sin-link{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;border-bottom:1px solid var(--accent);color:var(--accent);font-size:1rem;line-height:1.5}
.sin-link:hover{color:var(--cream)}
html[lang=ar] .opening-invitation h1,html[lang=ar] .sin-dialog .sin-tagline{font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-style:normal;line-height:1.8}
html[lang=ar] .sin-dialog h2{line-height:1.5}
html[lang=ar] .sin-dialog-top .eyebrow{letter-spacing:normal}
@media(max-width:520px){.opening-invitation{padding:22px}.sin-dialog-content{padding:24px}.sin-dialog-top{padding:12px 16px;gap:12px}.sin-dialog-top .eyebrow{font-size:.75rem}.sin-dialog .sin-tagline{font-size:1.2rem}}

/* A quieter signature: the emblem carries the footer, and the portrait speaks for itself. */
.welcome-caption p{margin:0;text-align:start}
footer{grid-template-columns:auto minmax(0,1fr) auto;column-gap:36px}
@media(max-width:800px){footer{grid-template-columns:auto minmax(0,1fr)}}
@media(max-width:520px){.welcome-caption{display:flex}}

/* Keep the original calligraphy intact; the matching portrait layer hides it
   behind the hat and shoulders. Both portrait layers must use the same asset. */
.welcome-scene{isolation:isolate}
.wall-sin:not(.sin-gola){left:1%;right:auto;z-index:3}
.wall-sin:not(.sin-gola) .sin-trigger{min-height:clamp(24px,8cqw,44px)}
.welcome-scene>.host-foreground{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  z-index:2;pointer-events:none;aspect-ratio:1075 / 1463;
  clip-path:polygon(
    43.8% 6.0%,46.4% 4.9%,50.3% 4.3%,54.7% 4.3%,58.7% 4.8%,61.0% 6.1%,
    61.8% 7.9%,62.0% 11.6%,62.4% 14.5%,65.0% 15.6%,67.0% 17.1%,
    67.9% 18.8%,67.8% 20.1%,66.6% 22.0%,64.4% 23.5%,61.6% 24.5%,
    62.4% 26.8%,62.8% 28.2%,67.5% 29.0%,72.2% 30.2%,76.6% 32.3%,
    77.8% 34.5%,77.2% 40.0%,79.1% 47.0%,80% 65%,100% 65%,
    100% 100%,0 100%,0 65%,23.2% 65%,23.0% 50.5%,24.0% 44.9%,
    25.7% 38.8%,25.7% 33.5%,26.6% 32.2%,30.9% 30.2%,35.4% 28.9%,
    41.9% 27.8%,43.4% 25.7%,44.8% 24.0%,43.0% 23.4%,40.8% 22.1%,
    39.0% 20.4%,38.6% 18.9%,39.2% 17.3%,40.9% 16.0%,43.4% 14.9%,
    43.4% 11.1%,43.0% 8.5%,43.1% 7.1%
  );
}
.header-right{margin-left:0}
.header-emblem{margin-left:auto}
.desktop-nav{margin-left:0}

/* A large foreground motto crosses the cane; the six sins stay in one wall column. */
.wall-tagline{
  position:absolute;left:3%;bottom:2%;width:94%;margin:0;z-index:4;
  font:italic clamp(1.35rem,8.6cqw,5.6rem)/1.12 var(--serif);white-space:nowrap;
  letter-spacing:-.025em;color:#f7f3ed;text-align:center;
  text-shadow:0 2px 8px #000,0 5px 22px #000;pointer-events:none;
}
html[lang=ar] .wall-tagline{
  font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif;
  font-size:clamp(1.25rem,7.2cqw,4.8rem);font-style:normal;letter-spacing:normal;line-height:1.3;
}
.pleasure-question{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.35;text-wrap:balance}
.day-to-night{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;
  max-width:1050px;margin:44px auto 36px;padding:30px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  text-align:start;
}
.day-to-night .day-to-night-intro{grid-column:1/-1;max-width:760px;margin:0 auto 4px;text-align:center;color:var(--muted);font-size:1rem;line-height:1.75}
.day-to-night .day-moment{margin:0 0 9px;color:var(--accent);font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}
.day-to-night h3{font:italic 1.8rem/1.3 var(--serif);letter-spacing:normal}
.day-to-night .day-mood{margin:12px 0 0;color:var(--muted);font-size:.95rem;line-height:1.75}
html[lang=ar] .day-to-night h3{font-family:'Geeza Pro','Noto Naskh Arabic',Tahoma,Arial,sans-serif;font-style:normal}
html[lang=ar] .day-to-night .day-moment{letter-spacing:normal}
@media(max-width:620px){
  .day-to-night{grid-template-columns:1fr;gap:24px;margin-top:32px;padding:26px 0}
  .day-to-night .day-to-night-intro{text-align:start;margin-bottom:4px}
  .day-to-night article+article{border-top:1px solid var(--line);padding-top:22px}
}

/* Additional archive photographs and the Puglian roots inset. */
.story-visuals{min-width:0}
.archive-gallery{margin-bottom:32px}
.puglia-map{display:grid;grid-template-columns:minmax(85px,120px) minmax(0,1fr);gap:24px;align-items:center;margin:32px 0 0;text-align:start}
.puglia-map img{width:100%;height:auto;max-height:200px;object-fit:contain}
.puglia-map .dish-caption{font-size:1.15rem;padding:16px 0}
@media(max-width:560px){.puglia-map{grid-template-columns:90px minmax(0,1fr);gap:18px}.puglia-map .dish-caption{font-size:1rem}}

/* Social campaigns from the London archive. */
.marketing{background:#000;color:var(--cream);border-top:1px solid var(--line)}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.campaign{min-width:0}
.campaign-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#000;color:var(--cream);cursor:zoom-in}
.campaign-artwork{height:clamp(320px,38vw,480px);display:flex;align-items:center;justify-content:center}
.campaign-artwork>img{width:100%;height:100%;object-fit:contain}
.campaign-poster-frame{display:block;position:relative;height:100%;aspect-ratio:945/1418;max-width:100%;overflow:hidden}
.campaign-poster-frame img{position:absolute;width:100%;height:auto;max-width:none;top:-22.2144%;left:0}
.campaign-expand{position:absolute;inset-inline-end:0;bottom:0;display:grid;place-items:center;width:40px;height:40px;background:#000;color:var(--accent);font-size:1.4rem}
.campaign h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;line-height:1.2;margin:28px 0 18px}
.campaign-description{font-size:1rem;line-height:1.8;color:var(--muted);max-width:48ch}
.selfie-reward{display:flex;align-items:center;gap:20px;margin-top:28px}
.selfie-reward strong{font-family:var(--serif);font-size:clamp(3.8rem,7vw,6rem);font-weight:400;line-height:1;color:var(--accent)}
.selfie-reward span{font-size:1rem}
.campaign-rewards{width:100%;border-collapse:collapse;margin-top:26px;text-align:start;font-size:1rem;line-height:1.55}
.campaign-rewards th,.campaign-rewards td{text-align:start;padding:13px 0;border-bottom:1px solid var(--line)}
.campaign-rewards th{padding-inline-end:22px;font-weight:400}
.campaign-rewards thead th{font-size:.875rem;color:var(--muted)}
.campaign-rewards tbody th{color:var(--accent);white-space:nowrap}
.campaign-note{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:36px;max-width:74ch}
@media(max-width:760px){.marketing-grid{grid-template-columns:1fr;gap:56px}.campaign-artwork{height:clamp(300px,100vw,480px)}.campaign-description{max-width:none}}

/* A quiet, visitor-controlled soundtrack follows the four-language site. */
.music-player{position:fixed;inset-inline-start:max(18px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;max-width:calc(100vw - 36px);padding:3px;background:#080808f5;border:1px solid #4a3537;border-radius:30px;color:var(--cream);box-shadow:0 5px 25px #0008}
.music-player[hidden]{display:none}
.music-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 15px;background:none;border:0;border-radius:24px;color:var(--cream);font:400 .875rem/1.35 var(--sans);text-align:start}
.music-toggle svg{color:var(--accent);flex:none}
.music-toggle:hover{background:#251013}
.music-pause-icon{display:none}
.music-player.is-playing .music-play-icon{display:none}
.music-player.is-playing .music-pause-icon{display:block}
.music-settings summary{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;border-inline-start:1px solid #ffffff25;border-radius:0 24px 24px 0;cursor:pointer;list-style:none;color:var(--muted)}
.music-settings summary::-webkit-details-marker{display:none}
.music-settings summary:hover{color:var(--accent)}
.music-settings summary:focus-visible,.music-volume:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.music-panel{position:absolute;inset-inline-start:0;bottom:calc(100% + 12px);width:286px;max-width:calc(100vw - 36px);padding:22px;background:#080808;border:1px solid #4a3537;border-top:2px solid var(--accent);border-radius:8px;box-shadow:0 8px 30px #0009}
.music-panel .music-track{margin:0 0 5px;font:italic 1.45rem/1.3 var(--serif);color:var(--cream);text-align:start}
.music-panel .music-credit{margin:0 0 22px;font-size:.8125rem;line-height:1.5;text-align:start;color:var(--muted)}
.music-panel a{text-decoration:underline;text-underline-offset:3px}
.music-panel a:hover{color:var(--accent)}
.music-volume-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;line-height:1.4}
#music-volume{display:block;width:100%;height:44px;margin:0;accent-color:var(--accent);cursor:pointer}
#music-volume:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.music-panel .music-license{font-size:.75rem;line-height:1.65;color:var(--muted);margin:10px 0 0}
.music-error{position:absolute;inset-inline-start:0;bottom:calc(100% + 12px);width:286px;max-width:calc(100vw - 36px);margin:0;padding:16px;background:#080808;border:1px solid var(--accent);font-size:.875rem;line-height:1.5;border-radius:8px}
.music-settings[open]~.music-error{bottom:calc(100% + 270px)}
html[lang=ar] .music-toggle{font-family:Tahoma,Arial,sans-serif;line-height:1.6}
html[lang=ar] .music-settings summary{border-radius:24px 0 0 24px}
footer{padding-bottom:110px}
@media(max-width:520px){.music-player{inset-inline-start:14px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px)}.music-toggle{padding-inline:12px}.music-panel,.music-error{max-width:calc(100vw - 28px)}}