@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(/neu/v2/fonts/inter-tight-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:500;font-display:swap;src:url(/neu/v2/fonts/inter-tight-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:800;font-display:swap;src:url(/neu/v2/fonts/inter-tight-latin-800-normal.woff2) format("woff2")}

:root{--bg:#000;--fg:#f2f0ed;--mute:#8b8885;--paper:#f2f0ed;--ink:#0b0b0b;--h:56px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--fg);font-family:"Inter Tight",Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.arr{display:inline-block;transition:transform .4s var(--ease)}
a:hover .arr{transform:translateY(2px)}

.adminbar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:#c8b8a6;color:#111;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:6px 10px}

/* Kopfzeile – schwarzer Balken wie bei Alsu */
.top{color:var(--fg);position:fixed;inset:0 0 auto 0;height:var(--h);z-index:60;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand{position:absolute;left:50%;transform:translateX(-50%);font-weight:800;font-size:22px;letter-spacing:-.055em;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.logo{display:block;margin-left:auto}.logo img{width:auto;height:30px}
.burger{width:44px;height:44px;margin-left:-10px;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--fg);transition:transform .45s var(--ease),top .45s var(--ease)}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.menu-open .burger span:first-child{top:21px;transform:rotate(45deg)}
.menu-open .burger span:last-child{top:21px;transform:rotate(-45deg)}

/* Menü */
.menu{color:var(--fg);position:fixed;inset:0;z-index:55;background:#000;padding:calc(var(--h) + 6vh) 20px 40px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity .45s var(--ease)}
.menu.show{opacity:1}
.menu-main{list-style:none}
.menu-main li{overflow:hidden}
.menu-main a{display:inline-block;font-weight:800;font-size:clamp(44px,8.4vw,120px);line-height:.98;letter-spacing:-.045em;text-decoration:none;transform:translateY(105%);transition:transform .7s var(--ease),color .3s}
.menu.show .menu-main a{transform:none}
.menu-main li:nth-child(2) a{transition-delay:.04s}.menu-main li:nth-child(3) a{transition-delay:.08s}.menu-main li:nth-child(4) a{transition-delay:.12s}.menu-main li:nth-child(5) a{transition-delay:.16s}.menu-main li:nth-child(6) a{transition-delay:.2s}
.menu-main a:hover{color:var(--mute)}
.menu-small{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px}
.menu-small a{text-decoration:none;border-bottom:1px solid currentColor}

/* Hero – drei Spalten, die sich wie ein Film überblenden */
.hero{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;background:#000}
.reel{position:absolute;inset:var(--h) 0 0 0;display:grid;grid-template-columns:repeat(3,1fr)}
.reel-col{position:relative;overflow:hidden}
.reel-col img{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity 1.6s ease,transform 7s linear;filter:grayscale(1)}
.reel-col img.on{opacity:1;transform:scale(1)}
.hero-video{position:absolute;inset:var(--h) 0 0 0;width:100%;height:calc(100% - var(--h));object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.28),rgba(0,0,0,0) 65%);pointer-events:none}
.hero-words{position:absolute;inset:var(--h) 0 0 0;display:grid;place-items:center;z-index:2;pointer-events:none}
.hero-words span{grid-area:1/1;font-weight:800;font-size:clamp(46px,9vw,150px);letter-spacing:-.05em;line-height:1;color:#fff;text-align:center;padding:0 20px;opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1.2s var(--ease),filter 1s var(--ease)}
.hero-words span.on{opacity:1;transform:none;filter:none}
.hero-down{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);text-decoration:none;font-size:20px;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translate(-50%,6px)}}

/* Portrait-Raster – randlos, ohne Abstände */
.grid{display:grid;grid-template-columns:repeat(3,1fr)}
.tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#111}
.tile img{transition:transform 1.2s var(--ease),filter .8s}
.tile:hover img{transform:scale(1.035)}
.cap{position:absolute;left:14px;bottom:12px;font-size:12px;letter-spacing:.02em;color:#fff;display:flex;gap:8px;align-items:baseline;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.cap i{font-style:normal;color:rgba(255,255,255,.65);font-size:11px}

/* Vollbild-Überleitung */
.bleed{position:relative;height:100vh;height:100svh;overflow:hidden}
.bleed-img{display:block;width:100%;height:100%}
.bleed-img img{object-position:50% 30%}
.label{position:absolute;left:20px;bottom:18px;font-size:12px;letter-spacing:.02em;color:#fff}
.label.dark{position:static;display:block;color:var(--ink);margin:0 0 18px}

/* Hochzeit – helle, ruhige Paare mit Luft (Luise) */
.pairs{background:var(--paper);color:var(--ink);padding:14vh 6vw}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1080px;margin:0 auto}
.pair+.solo,.solo+.pair{margin-top:14vh}
.pair button,.solo button{display:block;aspect-ratio:2/3;overflow:hidden;background:#ddd}
.pair.wide{max-width:1240px;grid-template-columns:1.25fr 1fr;align-items:end}
.pair.wide button:last-child{aspect-ratio:3/4}
.solo{max-width:560px;margin-left:auto;margin-right:10vw}
.pairs img{transition:transform 1.2s var(--ease)}
.pairs button:hover img{transform:scale(1.03)}
.giftlink{display:block;max-width:1080px;margin:14vh auto 0;font-size:13px;text-decoration:none;border-top:1px solid rgba(0,0,0,.18);padding-top:16px}
.giftlink:hover .arr{transform:translateX(4px)}
.baby{padding-top:0}

/* Kontakt – ein Satz, wie bei Maxim */
.about{background:#000;padding:16vh 20px 12vh;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:end}
.about p{font-size:clamp(17px,1.6vw,22px);line-height:1.35;max-width:520px}
.about a{text-decoration:none;border-bottom:1px solid rgba(242,240,237,.5)}
.about a:hover{border-color:var(--fg)}
.muted{color:var(--mute)}
.btns{display:flex;flex-wrap:wrap;gap:10px;justify-self:end}
.btns a.btn{border:1px solid var(--fg);padding:13px 20px;font-size:14px;border-radius:999px;transition:background .3s,color .3s}
.btns a.btn:hover{background:var(--fg);color:#000}
.btns a.btn.ghost{border-color:rgba(242,240,237,.35)}

/* Großer Schriftzug unten (Luise) */
.foot{background:#000;padding:0 0 46px;overflow:hidden}
.word{font-weight:800;font-size:9.6vw;letter-spacing:-.055em;line-height:.8;white-space:nowrap;text-align:center;padding:0 .5vw;margin-bottom:28px}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 20px;font-size:12px;color:var(--mute)}
.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--fg)}
.foot-links span{margin-left:auto}

/* Einblenden beim Scrollen */
.fx{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease)}
.fx.in{opacity:1;transform:none}
.fx.d1{transition-delay:.12s}
.grid .tile.fx{transform:none;transition:opacity 1.2s var(--ease)}

/* Lightbox */
.lb{color:var(--fg);position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;opacity:0;transition:opacity .35s ease}
.lb.show{opacity:1}
.lb-img{width:auto;height:auto;max-width:calc(100vw - 32px);max-height:calc(100svh - 110px);object-fit:contain;transition:opacity .25s}
.lb-img.fade{opacity:0}
.lb-x:focus:not(:focus-visible){outline:none}
.lb-x{position:absolute;top:14px;right:20px;font-size:13px;padding:8px 0;z-index:2}
.lb-prev,.lb-next{position:absolute;top:0;bottom:0;width:40%;cursor:w-resize}
.lb-prev{left:0}.lb-next{right:0;cursor:e-resize}
.lb-info{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;font-size:13px}
.lb-count{color:var(--mute)}

@media (max-width:1000px){
  .grid{grid-template-columns:1fr 1fr}
  .about{grid-template-columns:1fr;gap:28px}
  .btns{justify-self:start}
}
@media (max-width:640px){
  :root{--h:52px}
  .top{padding:0 16px}
  .brand{font-size:17px}
  .logo img{height:24px}
  .reel{grid-template-columns:1fr}
  .reel-col:nth-child(n+2){display:none}
  .pairs{padding:10vh 16px}
  .pair{gap:8px}
  .pair.wide{grid-template-columns:1fr 1fr}
  .solo{margin:10vh 0 0 18%;max-width:none}
  .pair+.solo,.solo+.pair{margin-top:10vh}
  .about{padding:12vh 16px 10vh}
  .foot-links span{margin-left:0;width:100%}
  .menu{padding-left:16px;padding-right:16px}
  .lb-img{max-width:100vw;max-height:calc(100svh - 100px)}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation:none!important}
  .fx{opacity:1;transform:none}
}

/* Wedding-Gift-Seite */
.giftpage{background:var(--paper);color:var(--ink)}
.gift{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;padding-top:var(--h)}
.gift-img{position:sticky;top:var(--h);height:calc(100svh - var(--h))}
.gift-body{padding:9vh 6vw 12vh;max-width:680px}
.gift-body h1{font-weight:800;font-size:clamp(48px,7vw,104px);letter-spacing:-.05em;line-height:.9;margin-bottom:28px}
.gift-lead{font-size:clamp(18px,1.6vw,22px);line-height:1.35;max-width:460px}
.gift-dates{display:flex;gap:40px;margin:36px 0 10px;font-size:14px}
.gift-dates dt{color:#777;font-size:12px}
.gift-more{font-size:13px;color:#555;margin-bottom:56px}
.gform{display:grid;gap:18px}
.gform label{display:grid;gap:6px;font-size:12px;color:#555}
.gform input,.gform select,.gform textarea{font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.25);padding:10px 0;border-radius:0;outline:none;width:100%}
.gform input:focus,.gform select:focus,.gform textarea:focus{border-color:var(--ink)}
.gform textarea{resize:vertical;border:1px solid rgba(0,0,0,.25);padding:12px}
.gform input[type=file]{border:0;font-size:13px}
.gform .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gform .check{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.gform .check input{width:auto;margin-top:3px}
.gform .hp{position:absolute;left:-9999px}
.gform .note{background:var(--ink);color:var(--paper);padding:14px 16px;font-size:14px}
.send{justify-self:start;background:var(--ink);color:var(--paper);padding:15px 26px;border-radius:999px;font-size:15px;margin-top:8px}
.send:hover .arr{transform:translateX(4px)}
.giftpage .foot{background:var(--paper);padding-top:30px}
.giftpage .foot-links{color:#777}.giftpage .foot-links a:hover{color:var(--ink)}
@media (max-width:860px){
  .gift{grid-template-columns:1fr}
  .gift-img{position:relative;top:0;height:62svh}
  .gift-body{padding:8vh 16px 10vh}
  .gform .two{grid-template-columns:1fr}
}

/* ===== Unterseiten (SEO-Seiten) ===== */
.big{font-weight:800;letter-spacing:-.05em;line-height:.92}
.subpage{background:#000}
.sub{padding-top:var(--h)}
.phero{position:relative;height:78vh;height:78svh;min-height:460px;overflow:hidden}
.phero img{position:absolute;inset:0;filter:grayscale(1)}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0) 55%)}
.phero-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 20px 34px}
.phero h1{font-size:clamp(44px,8.2vw,128px);hyphens:manual;max-width:14ch}
.crumbs{font-size:12px;color:rgba(242,240,237,.75);margin-bottom:16px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:#fff}
.prose{max-width:760px;margin:0 auto;padding:9vh 20px 0}
.prose h2{font-weight:800;font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;line-height:1.05;margin-bottom:22px}
.prose p{font-size:17px;line-height:1.65;color:#d9d6d2;margin-bottom:18px}
.prose p.lead{font-size:clamp(20px,2vw,26px);line-height:1.4;color:var(--fg)}
.prose a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(242,240,237,.45)}
.prose a:hover{border-color:var(--fg)}
.prose strong{color:#fff;font-weight:500}
.ppair{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1100px;margin:9vh auto 0;padding:0 20px}
.ppair button{display:block;aspect-ratio:3/4;overflow:hidden;background:#111}
.ppair img{transition:transform 1.2s var(--ease)}
.ppair button:hover img{transform:scale(1.03)}
.ppair button:nth-child(2){margin-top:12vh}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:10vh auto 0;padding:0 20px}
.facts div{border-top:1px solid #2a2a2a;padding-top:16px;display:grid;gap:8px}
.facts .big{font-size:clamp(44px,6vw,84px)}
.facts span:last-child{font-size:13px;color:var(--mute)}
.pk{background:var(--paper);color:var(--ink);margin-top:12vh;padding:10vh 20px}
.pk-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#777;margin-bottom:26px}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;max-width:1240px}
.pk-item{border-top:1px solid rgba(0,0,0,.2);padding-top:16px}
.pk-n{font-weight:500;font-size:15px;display:flex;justify-content:space-between}
.pk-n span{color:#777;font-weight:400}
.pk-p{font-size:clamp(40px,4.4vw,64px);margin:12px 0 12px}
.pk-d{font-size:14px;line-height:1.5;color:#444}
.pk-note{margin-top:36px;font-size:13px;color:#555;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.pk .btn,.cta .btn,.share .btn{display:inline-block;border:1px solid currentColor;padding:12px 20px;border-radius:999px;font-size:14px;text-decoration:none;transition:background .3s,color .3s;cursor:pointer}
.pk .btn:hover{background:var(--ink);color:var(--paper)}
.faq details{border-top:1px solid #2a2a2a;padding:18px 0}
.faq details:last-of-type{border-bottom:1px solid #2a2a2a;margin-bottom:24px}
.faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:14px 0 0;font-size:16px}
.cta{text-align:center;padding:16vh 20px 12vh}
.cta .big{font-size:clamp(48px,9vw,140px);margin-bottom:24px}
.cta p{color:#cfccc8;font-size:17px;max-width:560px;margin:0 auto}
.btns-c{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px!important}
.cta .btn:hover{background:var(--fg);color:#000}
.btn.solid{background:var(--fg);color:#000!important;border-color:var(--fg)}
.cta .btn.solid:hover{background:transparent;color:var(--fg)!important}
.rel{padding:0 20px 12vh}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.rel-item{text-decoration:none;display:grid;gap:12px;font-size:15px}
.card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#111}
.card-img img{filter:grayscale(1);transition:transform 1.2s var(--ease)}
.rel-item:hover img,.card:hover img{transform:scale(1.04)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px 18px;max-width:1240px;margin:8vh auto 0;padding:0 20px}
.card{text-decoration:none;display:grid;gap:10px}
.card-k{font-size:12px;color:var(--mute);margin-top:6px}
.card-t{font-weight:800;font-size:24px;letter-spacing:-.03em;line-height:1.1}
.card-d{font-size:14px;color:#bdbab6;line-height:1.5}

/* Fußzeilen-Navigation – dezent */
.foot-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:8vh 20px 9vh;border-top:1px solid #1d1d1d}
.foot-nav p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b6865;margin-bottom:12px}
.foot-nav ul{list-style:none;display:grid;gap:7px}
.foot-nav a{font-size:13px;color:#9a9692;text-decoration:none}
.foot-nav a:hover{color:var(--fg)}

/* Wedding Gift */
.gift-win{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:9vh auto 0;padding:0 20px}
.gift-win div{border-top:1px solid #2a2a2a;padding-top:16px;display:grid;gap:8px}
.gift-win .big{font-size:clamp(56px,7vw,110px)}
.gift-win span:last-child{font-size:14px;color:#bdbab6;max-width:240px}
.steps{padding-left:22px;display:grid;gap:12px;font-size:17px;line-height:1.6;color:#d9d6d2;margin-bottom:20px}
.muted-s{font-size:13px!important;color:var(--mute)!important}
.share{text-align:center;padding:10vh 20px 0}
.share p{color:#cfccc8;font-size:17px}
.share-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.share .btn{background:none;color:var(--fg);font:inherit;font-size:14px}
.share .btn:hover{background:var(--fg);color:#000}

/* Formulare auf hellem Grund */
.formwrap{background:var(--paper);color:var(--ink);margin-top:12vh;padding:10vh 20px}
.formwrap-in{max-width:760px;margin:0 auto}
.formwrap .big{font-size:clamp(48px,7vw,100px);margin-bottom:12px}
.formlead{font-size:14px;color:#555;margin-bottom:40px}
.formhint{font-size:13px;color:#666}
.formhint a,.gform .check a{color:inherit}
.gform em{font-style:normal;color:#888}
.seg{border:0;display:flex;gap:10px;margin-bottom:6px}
.seg legend{font-size:12px;color:#555;margin-bottom:10px}

.seg label{position:relative}
.gform .seg input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}
.seg span{display:inline-block;padding:12px 26px;border:1px solid rgba(0,0,0,.3);border-radius:999px;font-size:15px;color:var(--ink);cursor:pointer;transition:background .3s,color .3s}
.seg input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.seg input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.kform[data-typ=hochzeit] .only-p,.kform[data-typ=portrait] .only-h{display:none}
.kform[data-typ=hochzeit] .t-p,.kform[data-typ=portrait] .t-h{display:none}

/* Kontaktseite */
.k-intro{display:grid;grid-template-columns:5fr 7fr;min-height:calc(100svh - var(--h))}
.k-img{position:relative}.k-img img{position:absolute;inset:0}
.k-txt{padding:10vh 6vw 8vh}
.k-txt .big{font-size:clamp(46px,6vw,96px);margin:14px 0 30px}
.k-txt p{font-size:17px;line-height:1.65;color:#d9d6d2;margin-bottom:16px;max-width:560px}
.k-txt p.lead{font-size:clamp(19px,1.8vw,24px);line-height:1.4;color:var(--fg)}
.k-txt a{text-decoration:none;border-bottom:1px solid rgba(242,240,237,.45)}
.k-txt strong{color:#fff;font-weight:500}
.k-direct{font-size:14px!important;color:var(--mute)!important;margin-top:30px}
.kontakt .formwrap{margin-top:0}

@media (max-width:860px){
  .foot-nav{grid-template-columns:1fr 1fr}
  .k-intro{grid-template-columns:1fr}
  .k-img{height:60svh}
  .gift-win,.facts{grid-template-columns:1fr}
}
@media (max-width:640px){
  .phero-txt{padding:0 16px 26px}
  .prose,.ppair,.rel,.cards,.foot-nav{padding-left:16px;padding-right:16px}
  .ppair{gap:6px}
  .prose p{font-size:16px}
}
.rounds{max-width:1100px;margin:9vh auto 0;padding:0 20px}
.rounds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.rounds-grid div{border-top:1px solid #2a2a2a;padding-top:16px;display:grid;gap:6px;font-size:15px;color:#cfccc8}
.rounds-grid .big{font-size:clamp(56px,7vw,110px);color:var(--fg)}
.rounds-grid strong{color:#fff;font-weight:500}
.legal-head{padding-top:12vh}
.legal-head .big{font-size:clamp(48px,8vw,110px);margin-bottom:10px}
.legal .prose h2{font-size:clamp(20px,2vw,26px);margin:38px 0 12px}
.legal .prose p{font-size:16px}

/* Cookie-Hinweis */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:95;max-width:560px;margin-left:auto;background:#0b0b0b;color:var(--fg);border:1px solid rgba(242,240,237,.18);padding:20px 22px;display:grid;gap:16px;font-size:14px;line-height:1.5;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:ckin .5s var(--ease)}
.ck a{color:var(--fg);text-underline-offset:3px}
.ck-b{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.ck-b button{border:1px solid rgba(242,240,237,.35);padding:11px 18px;border-radius:999px;font-size:13px;transition:background .3s,color .3s}
.ck-b button:hover{border-color:var(--fg)}
.ck-b .ck-yes{background:var(--fg);color:#000;border-color:var(--fg)}
.ck-b .ck-yes:hover{background:transparent;color:var(--fg)}
@keyframes ckin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:560px){.ck{left:10px;right:10px;bottom:10px}.ck-b button{flex:1}}