/* Koffee Hut V20 · Open for Karaoke */
body.page-karaoke{background:#fffaf2;color:#21130f}
body.page-karaoke main{overflow:hidden}
.karaoke-hero{position:relative;min-height:calc(100svh - var(--kh185-header-h,82px));padding:clamp(72px,8vw,118px) 0 34px;background:radial-gradient(circle at 82% 16%,rgba(221,165,89,.22),transparent 27%),radial-gradient(circle at 12% 86%,rgba(116,31,55,.34),transparent 31%),linear-gradient(135deg,#180c09 0%,#2b1511 52%,#52172e 100%);color:#fff8ef;isolation:isolate}
.karaoke-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.karaoke-hero:after{content:"";position:absolute;right:-11vw;top:-20vw;width:58vw;height:58vw;border:1px solid rgba(239,204,138,.14);border-radius:50%;box-shadow:0 0 0 7vw rgba(239,204,138,.025),0 0 0 14vw rgba(239,204,138,.018);pointer-events:none}
.karaoke-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(44px,7vw,110px);align-items:center}
.karaoke-open-pill{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 13px;border:1px solid rgba(255,247,233,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#f1d6aa;backdrop-filter:blur(10px)}
.karaoke-open-pill i{width:7px;height:7px;border-radius:50%;background:#91d89f;box-shadow:0 0 0 5px rgba(145,216,159,.11)}
.karaoke-open-pill.is-paused i{background:#efb38e;box-shadow:0 0 0 5px rgba(239,179,142,.1)}
.karaoke-hero .eyebrow{margin:30px 0 18px;color:#d6aa69!important}
.karaoke-hero-copy h1{margin:0;font-family:"Poiret One",sans-serif;font-weight:400;letter-spacing:-.035em;line-height:.78;text-transform:uppercase;font-size:clamp(4.9rem,10.5vw,10.6rem)}
.karaoke-hero-copy h1 span,.karaoke-hero-copy h1 strong{display:block}
.karaoke-hero-copy h1 span{font-size:.44em;line-height:1.12;letter-spacing:.03em;color:#f2ddc1}
.karaoke-hero-copy h1 strong{font-weight:400;color:#fff8ef;text-shadow:0 14px 45px rgba(0,0,0,.22)}
.karaoke-lead{max-width:720px;margin:30px 0 0;color:rgba(255,247,238,.74);font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.8}
.karaoke-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}.karaoke-hero-actions .btn{min-height:54px;padding-inline:24px}.karaoke-text-link{color:#f5e2c6;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid rgba(245,226,198,.32);padding-bottom:4px}
.karaoke-stage-mark{position:relative;min-height:520px;display:grid;place-items:center}.karaoke-disc{position:relative;width:min(34vw,410px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(250,222,176,.34);background:radial-gradient(circle at 50% 50%,#d3a25e 0 2%,#23120f 2.2% 10%,#d3a25e 10.3% 11%,#20110e 11.3% 29%,rgba(245,213,166,.16) 29.4% 30%,#1d0f0d 30.4% 52%,rgba(245,213,166,.11) 52.4% 53%,#1b0e0c 53.4% 100%);box-shadow:0 42px 100px rgba(0,0,0,.34),inset 0 0 70px rgba(255,207,136,.06);transform:rotate(-8deg)}
.karaoke-disc:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(232,188,123,.22);border-radius:50%}
.karaoke-disc span,.karaoke-disc b,.karaoke-disc em{position:absolute;font-style:normal;font-family:"Poiret One",sans-serif;letter-spacing:.12em}.karaoke-disc span{top:18%;font-size:.82rem;color:#d9b477}.karaoke-disc b{font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;letter-spacing:.02em;color:#fff4e4}.karaoke-disc em{bottom:17%;font-size:.78rem;color:#cfb596}
.karaoke-sound-lines{position:absolute;left:3%;bottom:13%;display:flex;align-items:center;gap:7px;height:74px}.karaoke-sound-lines i{display:block;width:5px;border-radius:999px;background:linear-gradient(#efc67e,#8c3048);box-shadow:0 0 18px rgba(226,174,100,.12)}.karaoke-sound-lines i:nth-child(1){height:22%}.karaoke-sound-lines i:nth-child(2){height:56%}.karaoke-sound-lines i:nth-child(3){height:86%}.karaoke-sound-lines i:nth-child(4){height:46%}.karaoke-sound-lines i:nth-child(5){height:100%}.karaoke-sound-lines i:nth-child(6){height:62%}.karaoke-sound-lines i:nth-child(7){height:31%}
.karaoke-stage-mark>p{position:absolute;right:0;bottom:0;margin:0;text-align:right;font-size:.62rem;letter-spacing:.18em;color:#ad978a}.karaoke-stage-mark>p strong{display:block;margin-top:4px;color:#e4bd7b;font-size:.76rem}
.karaoke-facts{position:relative;z-index:2;display:grid;grid-template-columns:.7fr .9fr 1.7fr;margin-top:36px;border-top:1px solid rgba(255,247,238,.15);border-bottom:1px solid rgba(255,247,238,.1)}.karaoke-facts>div{min-width:0;padding:20px 26px;border-right:1px solid rgba(255,247,238,.1)}.karaoke-facts>div:first-child{padding-left:0}.karaoke-facts>div:last-child{border-right:0}.karaoke-facts small{display:block;margin-bottom:7px;font-size:.58rem;font-weight:800;letter-spacing:.16em;color:#bfa58f}.karaoke-facts b{display:block;font-size:.88rem;line-height:1.5;color:#f9ead6;overflow-wrap:anywhere}
.karaoke-process{padding:clamp(86px,10vw,150px) 0;background:#fffaf2}.karaoke-section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);grid-template-areas:"eyebrow copy" "title copy";gap:0 clamp(40px,7vw,110px);align-items:end}.karaoke-section-head .eyebrow{grid-area:eyebrow;margin:0 0 17px}.karaoke-section-head h2{grid-area:title;margin:0;font-family:"Poiret One",sans-serif;font-size:clamp(3.6rem,7vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.03em;color:#2b1712}.karaoke-section-head h2 span{color:#731f3a}.karaoke-section-head>p:last-child{grid-area:copy;margin:0 0 8px;color:#765f52;line-height:1.8;font-size:.94rem}.karaoke-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:68px;border-top:1px solid #d9c7b8;border-bottom:1px solid #d9c7b8}.karaoke-process-grid article{min-width:0;padding:38px 34px 42px;border-right:1px solid #d9c7b8}.karaoke-process-grid article:first-child{padding-left:0}.karaoke-process-grid article:last-child{border-right:0}.karaoke-process-grid article>span{display:block;font-family:"Poiret One",sans-serif;font-size:3rem;color:#b46f43}.karaoke-process-grid h3{margin:28px 0 11px;font-family:"Poiret One",sans-serif;font-size:2.05rem;font-weight:400;color:#2d1711}.karaoke-process-grid p{margin:0;color:#7a665a;font-size:.84rem;line-height:1.75}
.karaoke-application-section{padding:clamp(86px,10vw,150px) 0;background:linear-gradient(180deg,#26130f,#1a0d0b);color:#fff8ef}.karaoke-application-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,120px);align-items:start}.karaoke-application-aside{position:sticky;top:calc(var(--kh185-header-h,82px) + 30px)}.karaoke-application-aside .eyebrow{color:#d8aa64!important}.karaoke-application-aside h2{margin:18px 0 22px;font-family:"Poiret One",sans-serif;font-size:clamp(3.7rem,6vw,6.2rem);font-weight:400;line-height:.88;color:#fff4e6}.karaoke-application-aside>p{color:#baa99e;line-height:1.8;font-size:.9rem}.karaoke-rule-list{margin-top:44px;border-top:1px solid rgba(255,255,255,.14)}.karaoke-rule-list>div{display:grid;grid-template-columns:36px 1fr;gap:17px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.1)}.karaoke-rule-list b{font-family:"Poiret One",sans-serif;font-size:1.35rem;color:#d3a35f}.karaoke-rule-list span{font-size:.77rem;line-height:1.65;color:#c5b6ad}.karaoke-contact-card{margin-top:34px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14)}.karaoke-contact-card small{display:block;margin-bottom:12px;font-size:.58rem;letter-spacing:.14em;color:#ab9588}.karaoke-contact-card a{display:block;width:max-content;max-width:100%;margin-top:8px;color:#f1d7af;text-decoration:none;font-size:.8rem;overflow-wrap:anywhere}
.karaoke-form-wrap{min-width:0}.karaoke-form{border-top:1px solid rgba(255,255,255,.19)}.karaoke-form fieldset{border:0;margin:0;padding:0;min-width:0}.karaoke-form fieldset:disabled{opacity:.48;pointer-events:none}.karaoke-form-heading{display:flex;gap:18px;align-items:center;padding:32px 0 22px}.karaoke-form-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(233,192,127,.38);border-radius:50%;font-family:"Poiret One",sans-serif;color:#e4ba76}.karaoke-form-heading small{display:block;margin-bottom:3px;color:#aa9285;font-size:.55rem;font-weight:800;letter-spacing:.15em}.karaoke-form-heading h3{margin:0;font-family:"Poiret One",sans-serif;font-size:2rem;font-weight:400;color:#fff6e9}.karaoke-fields{display:grid;gap:18px}.karaoke-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.karaoke-fields label{display:block;min-width:0}.karaoke-fields label.full{grid-column:1/-1}.karaoke-fields label>span{display:block;margin-bottom:8px;font-size:.66rem;font-weight:700;letter-spacing:.035em;color:#c9b6a9}.karaoke-fields input,.karaoke-fields select,.karaoke-fields textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.055);color:#fff8ef;outline:none;padding:0 15px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.karaoke-fields input,.karaoke-fields select{height:54px}.karaoke-fields textarea{min-height:132px;padding-top:15px;resize:vertical}.karaoke-fields select{appearance:auto}.karaoke-fields select option{background:#25130f;color:#fff8ef}.karaoke-fields input::placeholder,.karaoke-fields textarea::placeholder{color:#8f7a6f}.karaoke-fields input:focus,.karaoke-fields select:focus,.karaoke-fields textarea:focus{border-color:#d4a45f;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(212,164,95,.08)}.karaoke-consent{display:flex;align-items:flex-start;gap:12px;margin:28px 0 24px;color:#bca99e;font-size:.72rem;line-height:1.65}.karaoke-consent input{margin-top:4px;accent-color:#d6a75f}.karaoke-submit{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;border-radius:999px;background:linear-gradient(135deg,#efca88,#c98749);color:#2b160f;padding:0 24px 0 28px;font-weight:900;letter-spacing:.08em;font-size:.72rem;cursor:pointer;box-shadow:0 18px 54px rgba(199,132,67,.16);transition:transform .2s ease,box-shadow .2s ease}.karaoke-submit:hover{transform:translateY(-2px);box-shadow:0 24px 64px rgba(199,132,67,.24)}.karaoke-submit b{font-size:1.3rem}.karaoke-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.karaoke-alert{margin:0 0 20px;padding:19px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055)}.karaoke-alert strong{display:block;color:#fff0dd}.karaoke-alert small{display:block;margin-bottom:6px;color:#cfaa71;letter-spacing:.13em;font-size:.58rem;font-weight:800}.karaoke-alert.success strong{font-family:"Poiret One",sans-serif;font-size:2.1rem;font-weight:400;color:#f1cd91}.karaoke-alert p{margin:8px 0 0;color:#c8b8ad;line-height:1.65;font-size:.76rem}.karaoke-alert.error{border-color:rgba(221,115,115,.32);background:rgba(137,39,39,.12)}.karaoke-alert.paused{border-color:rgba(224,173,104,.28)}
.karaoke-final{padding:clamp(92px,12vw,170px) 0;background:#f2e6d6;color:#2c1711}.karaoke-final .shell{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow link" "title link";align-items:end;gap:20px 50px}.karaoke-final .eyebrow{grid-area:eyebrow;margin:0}.karaoke-final h2{grid-area:title;margin:0;font-family:"Poiret One",sans-serif;font-size:clamp(3.6rem,7vw,7rem);font-weight:400;line-height:.9}.karaoke-final h2 span{color:#76233d}.karaoke-final a{grid-area:link;align-self:end;margin-bottom:8px;color:#5b261f;font-size:.78rem;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(91,38,31,.25);padding-bottom:5px}
@media(max-width:1050px){.karaoke-hero-grid{grid-template-columns:1fr .75fr;gap:30px}.karaoke-stage-mark{min-height:430px}.karaoke-application-grid{grid-template-columns:.75fr 1.25fr;gap:44px}.karaoke-section-head{grid-template-columns:1fr}.karaoke-section-head{grid-template-areas:"eyebrow" "title" "copy"}.karaoke-section-head>p:last-child{max-width:700px;margin-top:24px}}
@media(max-width:820px){.karaoke-hero{padding-top:64px}.karaoke-hero-grid{grid-template-columns:1fr}.karaoke-stage-mark{min-height:340px}.karaoke-disc{width:min(72vw,360px)}.karaoke-stage-mark>p{right:5%}.karaoke-facts{grid-template-columns:1fr 1fr}.karaoke-facts>div{padding:17px 14px}.karaoke-facts>div:first-child{padding-left:14px}.karaoke-facts>div:last-child{grid-column:1/-1;border-top:1px solid rgba(255,247,238,.1)}.karaoke-process-grid{grid-template-columns:1fr}.karaoke-process-grid article{border-right:0;border-bottom:1px solid #d9c7b8;padding:28px 0}.karaoke-process-grid article:last-child{border-bottom:0}.karaoke-application-grid{grid-template-columns:1fr}.karaoke-application-aside{position:static}.karaoke-fields.two{grid-template-columns:1fr}.karaoke-fields label.full{grid-column:auto}.karaoke-final .shell{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "link"}.karaoke-final a{justify-self:start;margin-top:18px}}
@media(max-width:520px){.karaoke-hero{min-height:auto;padding-top:52px}.karaoke-hero-copy h1{font-size:clamp(4.2rem,22vw,6.6rem)}.karaoke-stage-mark{min-height:300px}.karaoke-disc{width:min(78vw,320px)}.karaoke-sound-lines{left:0}.karaoke-facts{margin-top:18px}.karaoke-facts b{font-size:.78rem}.karaoke-process,.karaoke-application-section,.karaoke-final{padding-top:76px;padding-bottom:76px}.karaoke-section-head h2,.karaoke-final h2{font-size:clamp(3.3rem,15vw,5.2rem)}.karaoke-application-aside h2{font-size:clamp(3.6rem,17vw,5.2rem)}.karaoke-form-heading h3{font-size:1.7rem}.karaoke-submit{font-size:.66rem;padding-left:20px}}
@media(prefers-reduced-motion:reduce){.karaoke-submit{transition:none}}