.site-header{position:relative;z-index:50;background:var(--color-rust);color:var(--color-cream)}
.site-header__inner{position:relative;display:flex;align-items:center;gap:2rem;width:min(100% - 2 * var(--gutter),var(--container));min-height:5rem;margin-inline:auto}
.site-header__brand{margin-right:auto}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand__logo{height:2.75rem;width:auto}
.brand:focus-visible{outline:2px solid var(--color-apricot);outline-offset:4px;border-radius:var(--radius-pill)}
.site-header__toggle{position:absolute;right:0;top:50%;width:3.5rem;height:2.75rem;margin:-1.375rem 0 0;opacity:0;pointer-events:none}
.burger{position:relative;display:inline-grid;place-items:center;width:3.75rem;height:2.75rem;border:1px solid rgba(255,247,238,.45);border-radius:var(--radius-pill);cursor:pointer;transition:width .35s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease)}
.burger:hover{border-color:var(--color-cream)}
.burger__bar{position:absolute;left:50%;top:50%;height:2px;border-radius:var(--radius-pill);background:var(--color-cream);transition:transform .35s var(--ease),width .35s var(--ease),background-color .3s var(--ease)}
.burger__bar--top{width:1.375rem;transform:translate(-50%,-.3rem)}
.burger__bar--bottom{width:.875rem;transform:translate(-.1875rem,.2rem)}
.burger:hover .burger__bar--bottom{width:1.375rem;transform:translate(-50%,.2rem)}
.site-header__toggle:focus-visible~.burger{outline:2px solid var(--color-apricot);outline-offset:3px}
.site-header__toggle:checked~.burger{width:2.75rem;background:var(--color-apricot);border-color:var(--color-apricot)}
.site-header__toggle:checked~.burger .burger__bar{width:1.125rem;background:var(--color-ink)}
.site-header__toggle:checked~.burger .burger__bar--top{transform:translate(-50%,-50%) rotate(45deg)}
.site-header__toggle:checked~.burger .burger__bar--bottom{transform:translate(-50%,-50%) rotate(-45deg)}
.site-nav{position:absolute;top:calc(100% + .75rem);left:0;right:0;display:none;flex-direction:column;gap:1.75rem;padding:1.25rem 1.25rem 1.5rem;border-radius:var(--radius-card);background:var(--color-rust-raised);box-shadow:0 1.5rem 3rem -1rem rgba(20,8,2,.55);opacity:0;transform:translateY(-.5rem);transition:opacity .3s var(--ease),transform .3s var(--ease),display .3s allow-discrete}
.site-header__toggle:checked~.site-nav{display:flex;opacity:1;transform:none}
@starting-style{
.site-header__toggle:checked~.site-nav{opacity:0;transform:translateY(-.5rem)}
}
.site-nav__list{margin:0;padding:0;list-style:none}
.site-nav__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem .25rem;font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.2;text-decoration:none;white-space:nowrap;color:var(--color-cream-soft);transition:color .2s var(--ease)}
.site-nav__link::after{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--color-apricot);opacity:0;transition:opacity .2s var(--ease)}
.site-nav__link:hover,.site-nav__link--current{color:var(--color-cream)}
.site-nav__link--current::after{opacity:1}
.site-nav__link:focus-visible{outline:2px solid var(--color-apricot);outline-offset:2px;border-radius:.5rem}
.site-nav__actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.site-nav__button{width:100%}
@media (min-width:40rem){
.site-nav{left:auto;width:24rem}
}
@media (max-width:26rem){
.site-nav__actions{grid-template-columns:1fr}
}
@media (min-width:75rem){
  .site-header__inner{min-height:6rem;gap:clamp(3rem,4.5vw,5rem)}
  .site-header__brand{margin-right:0}
  .site-header__toggle,.burger{display:none}
  .site-nav{position:static;display:flex;flex-direction:row;align-items:center;flex:1;gap:2rem;padding:0;border-radius:0;background:none;box-shadow:none;opacity:1;transform:none;transition:none}
  .site-nav__list{display:flex;align-items:center;gap:clamp(1.25rem,2.2vw,2.25rem)}
  .site-nav__link{position:relative;padding:.5rem 0;font-family:var(--font-body);font-weight:500;font-size:1.0625rem}
  .site-nav__link::after{position:absolute;left:50%;bottom:-.25rem;width:.3125rem;height:.3125rem;margin-left:-.15625rem}
  .site-nav__actions{display:flex;gap:.875rem;margin-left:auto}
  .site-nav__button{width:auto}
}
.pair-rules{position:relative;overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-rust);color:var(--color-cream);isolation:isolate}
.pair-rules__scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.95)}
.pair-rules::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,12,4,.82),rgba(30,12,4,.6) 45%,rgba(30,12,4,.88))}
.pair-rules__inner{position:relative;width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.pair-rules__title{max-width:12ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.pair-rules__grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1rem,2vw,1.5rem);row-gap:0;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none}
.pair-rules__card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:.75rem;align-content:start;margin-bottom:clamp(1rem,2vw,1.5rem);padding:clamp(1.5rem,2.6vw,2.25rem);border-radius:var(--radius-card);background:rgba(78,36,18,.55);color:var(--color-cream);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);transition:background-color .25s var(--ease)}
.pair-rules__card:hover{background:rgba(96,46,23,.62)}
.pair-rules__icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:clamp(1.25rem,2.5vw,2.25rem);border-radius:50%;background:rgba(255,247,238,.1);color:var(--color-apricot)}
.pair-rules__svg{width:1.5rem;height:1.5rem}
.pair-rules__card-title{align-self:end;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.2}
.pair-rules__card-text{font-size:1.0625rem;line-height:1.6;color:var(--color-cream-soft)}
.pair-rules__card--orange{background:var(--color-orange-deep)}
.pair-rules__card--orange:hover{background:#AA430D}
.pair-rules__card--orange .pair-rules__icon{background:var(--color-apricot);color:var(--color-ink)}
.pair-rules__card--orange .pair-rules__card-text{color:var(--color-cream)}
.pair-rules__card--apricot{background:var(--color-apricot);color:var(--color-ink)}
.pair-rules__card--apricot:hover{background:var(--color-apricot-hover)}
.pair-rules__card--apricot .pair-rules__icon{background:var(--color-rust);color:var(--color-cream)}
.pair-rules__card--apricot .pair-rules__card-text{color:var(--color-ink)}
@media (min-width:40rem){
.pair-rules__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pair-rules__card:last-child{grid-column:1/-1}
}
@media (min-width:64rem){
.pair-rules__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.pair-rules__card:last-child{grid-column:auto}
.pair-rules__title{position:absolute;left:0;top:0;width:calc((100% - 2 * clamp(1rem,2vw,1.5rem)) / 3);max-width:none;padding-top:clamp(.5rem,1vw,1rem);padding-right:1rem}
.pair-rules__grid::before{content:"";grid-row:span 3;margin-bottom:clamp(1rem,2vw,1.5rem)}
}
.short-play{padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-clay);color:var(--color-ink)}
.short-play__inner{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.short-play__head{display:grid;gap:clamp(1.25rem,3vw,2rem)}
.short-play__title{max-width:14ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.short-play__lead{max-width:30rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.65;color:var(--color-text-soft)}
.short-play__body{display:grid;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem)}
.short-play__hint{margin:0;padding:.9rem 1.1rem;border-radius:1rem;background:rgba(62,26,11,.1);font-size:1rem;color:var(--color-text-soft)}
.short-play__stage{display:grid;padding:clamp(.75rem,1.6vw,1.25rem) clamp(.75rem,1.6vw,1.25rem) 0;border-radius:clamp(1.25rem,3vw,1.75rem);background:var(--color-rust);color:var(--color-cream)}
.short-play__slide{grid-area:1/1;display:grid;grid-template-rows:auto 1fr;opacity:1;visibility:visible;transition:opacity .45s var(--ease),visibility 0s linear .45s}
@supports selector(:has(*)){
.short-play__slide{opacity:0;visibility:hidden}
}
.short-play:has(.short-play__radio[value="farm-merge-harvest"]:checked) .short-play__slide--farm-merge-harvest,
.short-play:has(.short-play__radio[value="garden-bloom"]:checked) .short-play__slide--garden-bloom,
.short-play:has(.short-play__radio[value="tower-mania"]:checked) .short-play__slide--tower-mania,
.short-play:has(.short-play__radio[value="house-flip"]:checked) .short-play__slide--house-flip,
.short-play:has(.short-play__radio[value="cooking-rage"]:checked) .short-play__slide--cooking-rage,
.short-play:has(.short-play__radio[value="panda-pizza-parlor"]:checked) .short-play__slide--panda-pizza-parlor{opacity:1;visibility:visible;transition:opacity .45s var(--ease),visibility 0s}
.short-play__media{position:relative;overflow:hidden;border-radius:clamp(.875rem,2vw,1.25rem);background:var(--color-rust-raised)}
.short-play__frame{width:100%;aspect-ratio:1;object-fit:cover;transition:filter .45s var(--ease)}
.short-play__media::after{content:"";position:absolute;inset:0;background:rgba(20,8,2,.55);opacity:0;transition:opacity .45s var(--ease);pointer-events:none}
.short-play__button{position:absolute;left:50%;top:50%;z-index:2;min-height:3.75rem;padding-inline:2.25rem;font-size:1.1875rem;opacity:0;transform:translate(-50%,-50%) scale(.82);transition:opacity .35s var(--ease),transform .45s cubic-bezier(.34,1.56,.64,1),background-color .25s var(--ease),box-shadow .25s var(--ease)}
.short-play__media:hover::after,.short-play__media:focus-within::after{opacity:1}
.short-play__media:hover .short-play__button,.short-play__media:focus-within .short-play__button{opacity:1;transform:translate(-50%,-50%) scale(1)}
.short-play__badge{position:absolute;right:clamp(.75rem,2vw,1.25rem);top:clamp(.75rem,2vw,1.25rem);z-index:1;display:grid;place-items:center;width:clamp(3.25rem,5vw,4.25rem);aspect-ratio:1;border-radius:50%;box-shadow:0 .75rem 1.5rem -.75rem rgba(20,8,2,.6)}
.short-play__badge-icon{width:48%;height:48%}
.short-play__badge--anbauen{background:var(--color-apricot);color:var(--color-ink)}
.short-play__badge--bauen{background:var(--color-cream);color:var(--color-rust)}
.short-play__badge--kochen{background:var(--color-orange-deep);color:var(--color-cream)}
.short-play__desc{align-self:center;max-width:46rem;margin-inline:auto;padding:clamp(1.25rem,2.5vw,1.75rem) clamp(.5rem,2vw,1.5rem);text-wrap:balance;text-align:center;font-family:var(--font-display);font-weight:700;font-size:clamp(1.25rem,1.05rem + .8vw,1.75rem);line-height:1.25}
@media (hover:none){
.short-play__media::after{opacity:.35}
.short-play__button{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
.short-play__picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.625rem,1.4vw,1rem);min-width:0;margin:0;padding:0;border:0}
.short-play__option{position:relative;display:flex;align-items:flex-end;min-height:11rem;overflow:hidden;border-radius:clamp(.875rem,2vw,1.25rem);background:var(--color-rust);color:var(--color-cream);cursor:pointer;isolation:isolate;transition:outline-color .25s var(--ease)}
.short-play__radio{position:absolute;inset:0;z-index:3;margin:0;opacity:0;cursor:pointer}
.short-play__option-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.8);transform:scale(1.02);transition:filter .4s var(--ease),transform .6s var(--ease)}
.short-play__option::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(30,12,4,.92) 0%,rgba(30,12,4,.55) 45%,rgba(30,12,4,.1) 100%)}
.short-play__option-text{display:grid;gap:.25rem;padding:clamp(.875rem,1.6vw,1.25rem)}
.short-play__option-craft{font-size:.9375rem;font-weight:600;line-height:1.2;color:var(--color-apricot)}
.short-play__option-short{min-width:0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.0625rem,.85rem + 1vw,1.625rem);line-height:1.1;hyphens:auto;overflow-wrap:anywhere}
.short-play__option:hover .short-play__option-image{filter:saturate(1) brightness(.92);transform:scale(1.06)}
.short-play__option:has(.short-play__radio:checked){outline:3px solid var(--color-apricot);outline-offset:-3px}
.short-play__option:has(.short-play__radio:checked) .short-play__option-image{filter:saturate(1) brightness(1)}
.short-play__option:has(.short-play__radio:focus-visible){outline:3px solid var(--color-cream);outline-offset:3px}
@media (min-width:40rem){
.short-play__picker{grid-template-columns:repeat(3,minmax(0,1fr))}
.short-play__option{min-height:13rem}
}
@media (min-width:64rem){
.short-play__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.short-play__lead{justify-self:end}
.short-play__body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch}
.short-play__picker{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.short-play__option{min-height:0}
}
.game-dialog{width:min(100% - 2rem,30rem);height:min(88dvh,52rem);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:1.25rem;overflow:hidden;background:var(--color-rust);color:var(--color-cream)}
.game-dialog[open]{display:flex;flex-direction:column}
.game-dialog::backdrop{background:rgba(20,8,2,.72)}
.game-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .75rem .75rem 1.25rem}
.game-dialog__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:1.125rem}
.game-dialog__form{margin:0}
.game-dialog__close{min-height:2.5rem;padding:.5rem 1.1rem;font-size:.9375rem}
.game-dialog__frame{flex:1;width:100%;border:0;background:#000}
.crafts{padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-rust);color:var(--color-cream)}
.crafts__inner{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.crafts__head{display:grid;gap:clamp(1.25rem,3vw,2rem)}
.crafts__title{max-width:14ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.crafts__lead{max-width:32rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.65;color:var(--color-cream-soft)}
.crafts__grid{position:relative;margin-top:clamp(2.5rem,5vw,4rem)}
.crafts__list{display:grid;gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none}
.crafts__card{display:flex;flex-direction:column;overflow:hidden;border-radius:clamp(1.125rem,2.5vw,1.5rem);background:var(--color-rust-raised);color:var(--color-cream)}
.crafts__band{width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--color-rust)}
.crafts__body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:clamp(1.5rem,2.6vw,2.25rem)}
.crafts__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:.5rem;border-radius:50%;background:rgba(255,247,238,.1);color:var(--color-apricot)}
.crafts__icon-svg{width:1.5rem;height:1.5rem}
.crafts__name{font-size:clamp(1.5rem,1.3rem + .7vw,1.875rem);line-height:1.15}
.crafts__text{flex:1;font-size:1.0625rem;line-height:1.6;color:var(--color-cream-soft)}
.crafts__pairs{margin-top:1rem}
.crafts__pairs-head,.crafts__pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}
.crafts__pairs-head{padding:0 1.1rem .5rem}
.crafts__pairs-caption{font-size:.9375rem;font-weight:700;letter-spacing:.02em;color:var(--color-apricot)}
.crafts__pairs-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.crafts__pair{align-items:center;padding:.9rem 1.1rem;border-radius:.875rem;background:rgba(255,247,238,.07)}
.crafts__pair-big{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;line-height:1.25}
.crafts__pair-short{font-size:1rem;line-height:1.25;color:var(--color-cream-soft)}
.crafts__link{align-self:flex-start;padding-top:1rem;font-family:var(--font-display);font-weight:700;font-size:1.0625rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em;color:var(--color-apricot);transition:color .2s var(--ease)}
.crafts__link:hover{color:var(--color-cream)}
.crafts__link:focus-visible{outline:2px solid var(--color-apricot);outline-offset:4px;border-radius:.25rem}
.crafts__card--apricot{background:var(--color-apricot);color:var(--color-ink)}
.crafts__card--apricot .crafts__band{background:var(--color-apricot)}
.crafts__card--apricot .crafts__icon{background:var(--color-rust);color:var(--color-cream)}
.crafts__card--apricot .crafts__text{color:var(--color-ink)}
.crafts__card--apricot .crafts__pair{background:rgba(62,26,11,.1)}
.crafts__card--apricot .crafts__pairs-caption{color:var(--color-rust)}
.crafts__card--apricot .crafts__pair-short{color:rgba(36,24,16,.75)}
.crafts__card--apricot .crafts__link{color:var(--color-rust)}
.crafts__card--apricot .crafts__link:hover{color:var(--color-ink)}
.crafts__card--orange{background:var(--color-orange-deep)}
.crafts__card--orange .crafts__band{background:var(--color-orange-deep)}
.crafts__card--orange .crafts__text{color:var(--color-cream)}
.crafts__card--orange .crafts__pair{background:rgba(255,247,238,.12)}
.crafts__card--orange .crafts__pair-short{color:var(--color-cream)}
.crafts__card--orange .crafts__pairs-caption{color:#FFD08A}
.crafts__card--orange .crafts__link{color:#FFD08A}
.crafts__card--orange .crafts__link:focus-visible{outline-color:#FFD08A}
.crafts__numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:.5rem;border-radius:clamp(1.125rem,2.5vw,1.5rem);background:var(--color-orange-deep);list-style:none}
.crafts__number{display:grid;justify-items:center;align-content:center;gap:.3rem;padding:clamp(1rem,2vw,1.5rem) .75rem;border-radius:clamp(.75rem,2vw,1.125rem);background:var(--color-rust);text-align:center}
.crafts__number-value{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,2rem + 2vw,3.75rem);line-height:1}
.crafts__number-value--apricot{color:var(--color-apricot)}
.crafts__number-label{color:var(--color-cream-soft)}
.crafts__number-label{font-size:1.0625rem;color:var(--color-cream-soft)}
@media (min-width:64rem){
.crafts__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.crafts__lead{justify-self:end}
.crafts__list{grid-template-columns:repeat(3,minmax(0,1fr))}
.crafts__numbers{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.faq{padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-rust);color:var(--color-cream)}
.faq__inner{display:grid;gap:clamp(2rem,4vw,3.5rem);width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.faq__intro{display:grid;justify-items:start;gap:clamp(1.5rem,3vw,2.25rem);align-content:start}
.faq__scene{width:100%;max-width:28rem;aspect-ratio:4/5;border-radius:clamp(1rem,2.5vw,1.5rem);object-fit:cover;background:var(--color-rust-raised)}
.faq__title{max-width:16ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.faq__list{display:grid;align-content:start;gap:.75rem;min-height:43rem;margin:0;padding:0;list-style:none}
.faq__details{border-radius:var(--radius-card);background:var(--color-rust-raised);transition:background-color .3s var(--ease)}
.faq__details[open]{background:#5A2B16}
.faq__summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:clamp(1.1rem,2vw,1.5rem) clamp(1.25rem,2.2vw,1.75rem);cursor:pointer;list-style:none}
.faq__summary::-webkit-details-marker{display:none}
.faq__summary:focus-visible{outline:2px solid var(--color-apricot);outline-offset:3px;border-radius:var(--radius-card)}
.faq__question{font-family:var(--font-display);font-weight:700;font-size:clamp(1.0625rem,1rem + .45vw,1.375rem);line-height:1.25}
.faq__mark{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--color-apricot);color:var(--color-ink);transition:transform .35s var(--ease),background-color .3s var(--ease)}
.faq__mark-svg{width:1.25rem;height:1.25rem}
.faq__item--orange .faq__mark{background:var(--color-orange-deep);color:var(--color-cream)}
.faq__details[open] .faq__mark{transform:rotate(135deg)}
.faq__answer{overflow:hidden;padding:0 clamp(1.25rem,2.2vw,1.75rem) clamp(1.25rem,2.2vw,1.75rem)}
.faq__text{max-width:44rem;font-size:1.0625rem;line-height:1.7;color:var(--color-cream-soft)}
.faq__link{color:var(--color-apricot);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
.faq__link:hover{color:var(--color-cream)}
@supports (interpolate-size: allow-keywords){
:root{interpolate-size:allow-keywords}
.faq__details::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete;content-visibility:hidden}
.faq__details[open]::details-content{block-size:auto;content-visibility:visible}
}
@media (min-width:40rem){
.faq__list{min-height:40rem}
}
@media (min-width:64rem){
.faq__list{min-height:45rem}
.faq__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch}
.faq__intro{grid-template-rows:auto minmax(0,1fr);justify-items:stretch}
.faq__scene{height:100%;max-width:none;aspect-ratio:auto;min-height:18rem}
}
.pairs{padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-rust);color:var(--color-cream)}
.pairs__inner{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.pairs__head{display:grid;gap:clamp(1.25rem,3vw,2rem)}
.pairs__title{max-width:16ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.pairs__lead{max-width:34rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.65;color:var(--color-cream-soft)}
.pairs__hinweis{margin:1rem 0 0;padding:.9rem 1.1rem;border-radius:1rem;background:rgba(255,247,238,.1);font-size:1rem;line-height:1.55;color:var(--color-cream)}
.pairs__list{display:grid;gap:clamp(2.5rem,4.5vw,3.5rem);margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none}
.pairs__row{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:center}
.pairs__frames{position:relative;display:block;padding-bottom:14%;border-radius:clamp(.875rem,2vw,1.25rem)}
.pairs__frames:focus-visible{outline:3px solid var(--color-apricot);outline-offset:6px}
.pairs__frame{border-radius:clamp(.875rem,2vw,1.25rem);object-fit:cover;background:var(--color-rust-raised);transition:transform .45s var(--ease)}
.pairs__frame--big{width:72%;aspect-ratio:1}
.pairs__frame--small{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1;box-shadow:0 1.25rem 2.5rem -1.25rem rgba(18,6,1,.75)}
.pairs__seal{position:absolute;left:58%;top:52%;z-index:2;display:grid;place-items:center;width:clamp(5rem,11vw,7.5rem);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-8deg);transition:transform .5s var(--ease);border-radius:50%;box-shadow:0 1rem 2rem -.75rem rgba(18,6,1,.65),inset 0 .125rem .35rem rgba(255,255,255,.35);font-family:var(--font-display);font-weight:800;font-size:clamp(.9375rem,.8rem + .5vw,1.25rem);text-align:center;letter-spacing:-.01em}
.pairs__seal--apricot{background:radial-gradient(120% 120% at 30% 22%,#FFD588 0%,var(--color-apricot) 46%,#E08A1E 100%);color:var(--color-ink)}
.pairs__seal--cream{background:radial-gradient(120% 120% at 30% 22%,#FFFFFF 0%,var(--color-cream) 45%,#E4CDB4 100%);color:var(--color-rust)}
.pairs__seal--orange{background:radial-gradient(120% 120% at 30% 22%,#D9600F 0%,var(--color-orange-deep) 50%,#6E2707 100%);color:var(--color-cream)}
.pairs__body{display:grid;justify-items:start;gap:clamp(.9rem,1.6vw,1.25rem);align-content:start}
.pairs__craft{display:inline-flex;align-items:center;gap:.6rem;margin-top:.25rem}
.pairs__craft-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,247,238,.1);color:var(--color-apricot)}
.pairs__icon{width:1.25rem;height:1.25rem}
.pairs__craft-name{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;letter-spacing:.02em;color:var(--color-apricot)}
.pairs__names{display:grid;gap:.1rem;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);line-height:1.08;letter-spacing:-.02em}
.pairs__name--small{font-size:.66em;color:var(--color-apricot)}
.pairs__text{max-width:34rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.125rem,1rem + .55vw,1.4375rem);line-height:1.35}
.pairs__facts{display:grid;gap:.75rem;width:100%;margin:.25rem 0 0;padding:0;list-style:none}
.pairs__fact{display:grid;gap:.5rem;padding:clamp(.9rem,1.6vw,1.15rem) clamp(1rem,1.8vw,1.35rem);border-radius:1rem;background:rgba(255,247,238,.07)}
.pairs__fact-head{display:inline-flex;align-items:center;gap:.6rem}
.pairs__fact-icon{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:.625rem;background:rgba(255,247,238,.12);color:var(--color-cream)}
.pairs__fact-caption{font-family:var(--font-display);font-weight:800;font-size:.9375rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-apricot)}
.pairs__fact-text{font-size:1.0625rem;line-height:1.5;color:var(--color-cream)}
.pairs__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;margin-top:.75rem}
.pairs__button{width:100%}
.pairs__frames:hover .pairs__frame{transform:scale(1.025)}
.pairs__frames:hover .pairs__seal{transform:translate(-50%,-50%) rotate(12deg) scale(1.06)}
@media (max-width:26rem){
.pairs__links{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:40rem){
.pairs__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64rem){
.pairs__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
.pairs__lead{justify-self:end}
.pairs__row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,4.5rem)}
.pairs__row--flip .pairs__frames{order:2}
.pairs__row--flip .pairs__body{order:1;justify-items:end;text-align:right}
.pairs__row--flip .pairs__craft{flex-direction:row-reverse}
.pairs__row--flip .pairs__fact{text-align:left}
.pairs__row--flip .pairs__links{justify-content:flex-end}
}
.site-footer{padding-block:clamp(3.5rem,7vw,6rem) 0;background:var(--color-rust);color:var(--color-cream)}
.site-footer__inner{display:grid;justify-items:center;gap:clamp(2rem,4vw,3rem);width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.site-footer__brand{display:inline-flex}
.site-footer__brand:focus-visible{outline:2px solid var(--color-apricot);outline-offset:6px;border-radius:.5rem}
.site-footer__logo{height:clamp(3rem,6vw,4.25rem);width:auto}
.site-footer__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1rem);width:100%}
.footer-card{grid-column:span 12;display:grid;align-content:start;gap:1rem;padding:clamp(1.25rem,2.4vw,1.75rem);border-radius:var(--radius-card);background:var(--color-rust-raised)}
.footer-card__title{font-family:var(--font-display);font-weight:800;font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-apricot)}
.footer-card__title--dark{color:var(--color-rust)}
.footer-card__list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.footer-card__link{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;line-height:1.3;text-decoration:none;color:var(--color-cream);transition:color .2s var(--ease)}
.footer-card__list--big .footer-card__link{font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem)}
.footer-card__link:hover{color:var(--color-apricot)}
.footer-card__link:focus-visible{outline:2px solid var(--color-apricot);outline-offset:4px;border-radius:.25rem}
.footer-card--contact{background:var(--color-apricot);color:var(--color-ink)}
.footer-card__mail{font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,1.05rem + .9vw,1.875rem);line-height:1.2;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.28em;color:var(--color-rust);word-break:break-word}
.footer-card__mail:hover{color:var(--color-ink)}
.footer-card__mail:focus-visible{outline:2px solid var(--color-rust);outline-offset:4px;border-radius:.25rem}
.footer-card__note{max-width:28rem;font-size:1rem;line-height:1.55;color:rgba(36,24,16,.78)}
.site-footer__bottom{display:grid;justify-items:center;gap:.5rem;width:100%;padding-block:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.5rem);text-align:center}
.site-footer__copy{font-family:var(--font-display);font-weight:700;font-size:1rem}
.site-footer__operator{font-size:.9375rem;line-height:1.5;color:var(--color-cream-soft)}
@media (min-width:48rem){
.footer-card--crafts{grid-column:span 5}
.footer-card--site{grid-column:span 7}
.footer-card--legal{grid-column:span 7}
.footer-card--contact{grid-column:span 5}
.footer-card__list--split{grid-template-columns:repeat(2,minmax(0,1fr))}
.site-footer__bottom{grid-template-columns:auto auto;justify-content:space-between;text-align:left}
}
@media (min-width:64rem){
.footer-card--crafts{grid-column:span 4}
.footer-card--site{grid-column:span 3}
.footer-card--legal{grid-column:span 5}
.footer-card--contact{grid-column:span 12}
.footer-card--contact{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:2.5rem}
.footer-card--contact .footer-card__title{grid-column:1;grid-row:1}
.footer-card__mail{grid-column:1;grid-row:2}
.footer-card__note{grid-column:2;grid-row:1/3;justify-self:end;text-align:right}
}
.pair-rules__head{display:grid;gap:clamp(1rem,2.5vw,1.5rem);max-width:60ch}
.pair-rules__lead{font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.65;color:var(--color-cream-soft)}
.pair-rules__after{max-width:60ch;margin-top:clamp(1.5rem,3vw,2.25rem);font-size:1.0625rem;line-height:1.65;color:var(--color-cream-soft)}
.pair-rules__link{color:var(--color-apricot);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;transition:color .2s var(--ease)}
.pair-rules__link:hover{color:var(--color-cream)}
.pair-rules__link:focus-visible{outline:2px solid var(--color-apricot);outline-offset:3px;border-radius:.25rem}
.pair-rules--head .pair-rules__title{max-width:18ch}
@media (min-width:64rem){
.pair-rules--head .pair-rules__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,4rem)}
.pair-rules--head .pair-rules__grid::before{content:none}
.pair-rules--head .pair-rules__title{position:static;width:auto;max-width:18ch;padding:0}
}
.crafts__lead-link{color:var(--color-apricot);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;transition:color .2s var(--ease)}
.crafts__lead-link:hover{color:var(--color-cream)}
.crafts__lead-link:focus-visible{outline:2px solid var(--color-apricot);outline-offset:3px;border-radius:.25rem}
.closer__scene{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.95)}
.closer::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,12,4,.75),rgba(30,12,4,.55) 45%,rgba(30,12,4,.85))}
.closer__inner{width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.closer__card{display:grid;gap:clamp(2rem,4vw,3.5rem);padding:clamp(1.75rem,4vw,3.5rem);border-radius:clamp(1.5rem,3.5vw,2.5rem);background:rgba(45,18,7,.55);box-shadow:0 2rem 4rem -2rem rgba(12,4,1,.8);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15)}
.closer__content{display:grid;justify-items:start;align-content:center;gap:clamp(1rem,2vw,1.5rem)}
.closer__title{max-width:14ch;font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);line-height:1.05;letter-spacing:-.02em}
.closer__lead{max-width:34rem;font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.6;color:var(--color-cream-soft)}
.closer__button{margin-top:.5rem}
.closer__facts{display:grid;align-content:center;gap:.75rem;margin:0;padding:0;list-style:none}
.closer__fact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(1.1rem,2vw,1.4rem);border-radius:1.125rem;background:rgba(255,247,238,.1)}
.closer__fact-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:50%}
.closer__icon{width:1.35rem;height:1.35rem}
.closer__fact-icon--apricot{background:var(--color-apricot);color:var(--color-ink)}
.closer__fact-icon--cream{background:var(--color-cream);color:var(--color-rust)}
.closer__fact-icon--orange{background:var(--color-orange-deep);color:var(--color-cream)}
.closer__fact-body{display:grid;gap:.3rem}
.closer__fact-title{font-family:var(--font-display);font-weight:800;font-size:1.1875rem;line-height:1.2}
.closer__fact-text{font-size:1.0625rem;line-height:1.5;color:var(--color-cream-soft)}
@media (min-width:64rem){
.closer__card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
}
.closer{position:relative;overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-rust);color:var(--color-cream);isolation:isolate}
.closer--kompakt{padding-block:clamp(3.25rem,6.5vw,5.5rem)}
.closer--kompakt .closer__card{gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.5rem,3vw,2.5rem)}
.closer--kompakt .closer__title{max-width:18ch;font-size:clamp(1.875rem,1.35rem + 2.2vw,3rem)}
.closer--kompakt .closer__lead{max-width:40ch}
@media (min-width:64rem){
.closer--kompakt .closer__card{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
}
.closer--kompakt .closer__scene{filter:brightness(.62) saturate(1.02)}
.closer--kompakt::after{background:linear-gradient(180deg,rgba(30,12,4,.5),rgba(30,12,4,.28) 45%,rgba(30,12,4,.62))}
.closer--kompakt .closer__card{background:rgba(40,16,6,.68)}
.closer--kompakt .closer__fact{background:rgba(255,247,238,.14)}
.pairs__text--schluss{color:var(--color-cream-soft)}
.pair-split{padding-block:clamp(4.5rem,9vw,8rem);background:var(--color-clay)}
.pair-split__inner{display:grid;gap:clamp(2.5rem,6vw,5rem);width:min(100% - 2 * var(--gutter),var(--container));margin-inline:auto}
.pair-split__content{order:-1}
.pair-split__title{max-width:15ch;font-size:clamp(2.125rem,1.45rem + 2.7vw,3.5rem);line-height:1.08;letter-spacing:-.02em}
.pair-split__text{max-width:32rem}
.pair-split__text--lead{margin-top:clamp(1.75rem,3vw,2.5rem);font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.3;letter-spacing:-.01em;color:var(--color-ink)}
.pair-split__text--note{margin-top:clamp(1.25rem,2vw,1.75rem);padding:clamp(1.25rem,2.5vw,1.75rem);border-radius:var(--radius-card);background:rgba(62,26,11,.07);font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.7;color:var(--color-text-soft)}
@media (min-width:64rem){
.pair-split__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.pair-split__content{order:0}
}
.pair-scene{position:relative;container-type:inline-size;padding:7% 7% 13%;border-radius:clamp(1.25rem,3vw,1.75rem);background:var(--color-clay-deep)}
.pair-scene__card{color:var(--color-ink);margin:0;padding:3cqi;background:var(--color-sand);color:var(--color-ink);border-radius:clamp(.875rem,3cqi,1.25rem);box-shadow:0 1.5rem 3rem -1.75rem rgba(62,26,11,.45)}
.pair-scene__frame{width:100%;aspect-ratio:16/10;border-radius:clamp(.5rem,2cqi,.875rem);object-fit:cover;background:var(--color-sand)}
.pair-scene__caption{display:grid;gap:.4cqi;padding:2.6cqi .6cqi .4cqi}
.pair-scene__eyebrow{font-size:max(.875rem,2.3cqi);font-weight:500;line-height:1.3;color:var(--color-muted)}
.pair-scene__name{font-family:var(--font-display);font-weight:800;font-size:max(1.0625rem,4cqi);line-height:1.15}
.pair-scene__chip{color:var(--color-ink);position:absolute;right:4cqi;bottom:4cqi;display:flex;align-items:center;gap:2cqi;padding:1.2cqi 3.6cqi 1.2cqi 1.2cqi;border-radius:var(--radius-pill);background:var(--color-clay-deep);box-shadow:0 1.25rem 2.5rem -1.5rem rgba(62,26,11,.5)}
.pair-scene__chip-thumb{flex:none;width:max(2.5rem,8cqi);height:max(2.5rem,8cqi);border-radius:50%;object-fit:cover;background:var(--color-sand)}
.pair-scene__chip-text{display:grid;gap:.2cqi}
.pair-scene__chip-name{font-family:var(--font-display);font-weight:700;font-size:max(.875rem,2.7cqi);line-height:1.2}
.pair-scene__chip-note{font-size:max(.875rem,2.2cqi);line-height:1.2;color:var(--color-rust)}
@media (max-width:39.99rem){
.pair-scene{padding:5% 5% 22%}
}