html,body{max-width:100%;overflow-x:clip}.announcement-strip{position:fixed;z-index:130;right:18px;bottom:18px;display:grid;grid-template-columns:auto minmax(0,360px) auto;gap:12px;align-items:center;padding:12px 14px;color:#fff;background:#17131ded;box-shadow:0 12px 35px #0003;backdrop-filter:blur(12px)}.announcement-strip b{font-size:9px;text-transform:uppercase}.announcement-strip span{font-size:11px;line-height:1.45}.announcement-strip button{border:0;color:inherit;background:transparent;font-size:18px;cursor:pointer}
.c-hero [data-reveal],.f-hero [data-reveal],.b-hero [data-reveal],.k-hero [data-reveal],.s-hero [data-reveal],.q-hero [data-reveal],.w-hero [data-reveal]{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}
/* Coffee: photographic cover and an editorial plate. */
.theme-coffee .c-header{color:#fff;background:transparent}.theme-coffee .c-hero{display:block;min-height:100svh;padding:0;background:#342b25}.theme-coffee .c-hero-photo{position:absolute;inset:0;margin:0;clip-path:none}.theme-coffee .c-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07102fb8 0 34%,#07102f15 72%)}.theme-coffee .c-hero-copy{position:relative;z-index:2;display:flex;width:min(660px,55vw);min-height:100svh;padding:130px 4vw 55px;flex-direction:column;justify-content:flex-end;color:#fff;background:#79422ee8;backdrop-filter:blur(4px)}.theme-coffee .c-hero h1{font-size:clamp(78px,9vw,150px)}.theme-coffee .c-hero-bottom{margin-top:50px}.theme-coffee .c-bean-card{z-index:3;left:auto;right:7vw;bottom:7vw}.theme-coffee .c-hero-photo figcaption{z-index:3}
/* Bistro: cinematic restaurant scene with receipt-like copy. */
.theme-bistro .b-hero{display:block;min-height:100svh;padding-top:68px;color:#fff;background:#121212}.theme-bistro .b-hero-photo{position:absolute;inset:68px 0 0}.theme-bistro .b-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002 5%,#0001 42%,#000d 100%)}.theme-bistro .b-hero-type{position:relative;z-index:2;display:flex;min-height:calc(100svh - 68px);padding:5vw 3vw 3vw;flex-direction:column;justify-content:flex-end}.theme-bistro .b-hero-type>p{position:absolute;top:5vw;left:3vw}.theme-bistro .b-hero h1{max-width:1050px;font-size:clamp(90px,12vw,190px);line-height:.74;color:#fff}.theme-bistro .b-hero-type>div{position:absolute;right:3vw;bottom:4vw;padding:18px;color:#121212;background:#d9ddd7}.theme-bistro .b-stamp{top:18%;right:8%;left:auto;color:#121212;background:#b94e32;border-color:#121212}.theme-bistro .b-hero-photo figcaption{z-index:2}
/* Bakery: printed poster with a pasted photograph. */
.theme-bakery .k-hero{display:block;min-height:100svh;padding-top:80px;background:#f3e7ce}.theme-bakery .k-hero-copy{position:relative;z-index:3;width:67%;min-height:calc(100svh - 80px);padding:7vw 4vw 4vw}.theme-bakery .k-hero h1{font-size:clamp(85px,12vw,185px)}.theme-bakery .k-window{position:absolute;z-index:2;right:3vw;top:15%;width:42vw;padding:0;background:transparent;transform:rotate(3deg)}.theme-bakery .k-window figure{height:60svh}.theme-bakery .k-window p{width:100%;padding:14px;color:#fff;background:#963d2c;font-size:16px}.theme-bakery .k-dough{left:auto;right:38vw;top:25%}.theme-bakery .k-sun{top:14%;left:45%}
/* Studio: centred ritual image with copy orbiting around it. */
.theme-studio .s-hero{display:block;min-height:100svh;padding-top:72px;background:radial-gradient(circle at 60% 50%,#ece5f6 0 30%,#f3f6ee 62%)}.theme-studio .s-hero::before{display:none}.theme-studio .s-hero-photo{position:absolute;z-index:1;left:50%;top:18%;width:37vw;height:68svh;border-radius:50% 50% 4px 4px;transform:translateX(-10%);box-shadow:18px 22px 0 #dfe6d8}.theme-studio .s-hero-copy{position:relative;z-index:2;display:flex;min-height:calc(100svh - 72px);padding:7vw 5vw 5vw;flex-direction:column;justify-content:center}.theme-studio .s-hero h1{max-width:780px;font-size:clamp(72px,8vw,135px)}.theme-studio .s-whisper{z-index:3;right:4vw;top:18%;bottom:auto}.theme-studio .s-hero-copy>a{align-self:flex-start;margin-top:55px}
/* Karaoke: a full dark stage cover. */
.theme-karaoke .q-hero{display:block;position:relative;min-height:100svh;padding-top:72px;background:#090716}.theme-karaoke .q-hero figure{position:absolute;inset:72px 0 0;min-height:0;clip-path:none}.theme-karaoke .q-hero figure::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 48%,transparent 0 16%,#09071655 50%,#090716e8 100%)}.theme-karaoke .q-hero>div{position:relative;z-index:2;min-height:calc(100svh - 72px);padding:8vw 5vw 5vw;justify-content:flex-end}.theme-karaoke .q-hero h1{font-size:clamp(100px,16vw,245px);mix-blend-mode:screen}.theme-karaoke .q-hero span{max-width:420px}.theme-karaoke .q-hero a{color:#ff2f76}
/* Workshop: diagnostic interface rather than another split. */
.theme-workshop .w-hero{display:block;position:relative;min-height:100svh;padding-top:76px;color:#fff;background:#171717}.theme-workshop .w-hero>div{position:relative;z-index:2;display:flex;min-height:calc(100svh - 76px);padding:6vw 4vw 4vw;justify-content:flex-end}.theme-workshop .w-hero h1{max-width:1050px;font-size:clamp(85px,11vw,170px)}.theme-workshop .w-hero h1 em{color:#d8ff35}.theme-workshop .w-hero>div>span{max-width:480px}.theme-workshop .w-hero figure{position:absolute;z-index:1;right:5vw;top:16%;width:38vw;height:58svh;min-height:0;border:2px solid #d8ff35;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);opacity:.75}.theme-workshop .w-hero figure::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5b50ff66,transparent)}.theme-workshop .w-hero figcaption{z-index:2}.theme-workshop .w-status{position:relative;z-index:2}
@media(max-width:900px){.theme-coffee .c-hero-copy{width:68vw}.theme-bakery .k-hero-copy{width:78%}.theme-bakery .k-window{right:-5vw;width:48vw}.theme-studio .s-hero-photo{left:44%;width:50vw}.theme-workshop .w-hero figure{right:-5vw;width:50vw}}
@media(max-width:680px){.announcement-strip{right:8px;bottom:8px;left:8px;grid-template-columns:auto 1fr auto}.theme-coffee .c-hero-copy{width:100%;padding:110px 14px 45px;background:linear-gradient(180deg,#79422e99,#79422e 72%)}.theme-coffee .c-hero h1{font-size:62px}.theme-coffee .c-bean-card{right:14px;bottom:18px}.theme-bistro .b-hero-type{padding:95px 14px 35px}.theme-bistro .b-hero-type>p{top:35px;left:14px}.theme-bistro .b-hero h1{font-size:68px}.theme-bistro .b-hero-type>div{position:static;align-self:flex-start;margin-top:25px}.theme-bistro .b-stamp{right:14px;top:15%}.theme-bakery .k-hero-copy{width:100%;min-height:100svh;padding:75px 14px 35px}.theme-bakery .k-hero h1{font-size:60px}.theme-bakery .k-window{right:-12vw;top:39%;width:70vw;opacity:.72}.theme-bakery .k-window figure{height:47svh}.theme-bakery .k-dough{right:8px;top:28%}.theme-bakery .k-sun{left:auto;right:15px}.theme-studio .s-hero-copy{padding:85px 14px 35px;justify-content:flex-start}.theme-studio .s-hero h1{font-size:55px}.theme-studio .s-hero-photo{left:26%;top:40%;width:70vw;height:48svh;transform:none}.theme-studio .s-whisper{right:14px;top:34%}.theme-karaoke .q-hero>div{padding:80px 14px 45px}.theme-karaoke .q-hero h1{font-size:72px}.theme-workshop .w-hero>div{padding:90px 14px 40px}.theme-workshop .w-hero h1{font-size:62px}.theme-workshop .w-hero figure{right:-20vw;top:35%;width:85vw;height:45svh;opacity:.42}}
@media(prefers-reduced-motion:reduce){.announcement-strip{backdrop-filter:none}}
.theme-workshop .w-hero>div>a{position:relative;z-index:3;color:#111;background:#d8ff35}