.bb-home{--bb-night:#251719;--bb-paper:#fff4e5;--bb-gold:#e9c58d}.bb-cover{background:radial-gradient(ellipse at 78% 46%, #553032, transparent 56%), var(--bb-night);color:var(--bb-paper);padding-block:clamp(2.2rem,6vw,6rem)}.bb-cover-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(1.5rem,6vw,6rem);display:grid}.bb-cover-copy{min-width:0}.bb-overline{color:var(--bb-gold);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:600}.bb-cover h1{letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin-block:1.1rem 1.5rem;font-size:clamp(3rem,2rem + 4.2vw,6.7rem);line-height:.94}.bb-cover-intro{color:#ecd8ca;max-width:42ch}.bb-cover .v-metin-link{color:var(--bb-paper)}.vitrin .bb-gold-button{background:var(--bb-gold);color:#2c1b19;justify-content:space-between;align-items:center;gap:.85rem;min-height:48px;padding:.75rem 1rem;font-size:.83rem;font-weight:600;text-decoration:none;display:inline-flex}.vitrin .bb-gold-button:hover{background:#f8dbad}.bb-cover-figure{border:1px solid #aa805e;min-width:0;margin:0;padding:.65rem}.bb-cover-photo{background:#4d3430;overflow:hidden}.bb-cover-photo img{aspect-ratio:1.12;object-fit:cover;width:100%;height:auto;display:block}.bb-cover-figure figcaption{color:var(--bb-gold);letter-spacing:.12em;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.65rem .2rem .1rem;font-size:.65rem;display:flex}.bb-index{border-bottom:1px solid var(--v-cizgi);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bb-index a{align-items:center;gap:.65rem;min-height:60px;padding:.75rem;text-decoration:none;display:flex}.bb-index a+a{border-inline-start:1px solid var(--v-cizgi)}.bb-index a:hover{background:#eadbcb}.bb-index small{color:#795343;font-weight:600}.bb-index span{margin-inline-start:auto}.bb-collection .bb-topics .v-kart{border:1px solid var(--v-cizgi);background:#fff9ef}.bb-collection .bb-topics h3,.bb-collection .bb-topics p{margin-inline:1rem}.bb-process{color:var(--bb-paper);background:#382023;padding-block:clamp(3rem,8vw,7rem)}.bb-process-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(1.25rem,6vw,6rem);display:grid}.bb-process h2{max-width:13ch}.bb-process ol{margin:0;padding:0;list-style:none}.bb-process li{border-top:1px solid #896b60;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding-block:1rem;display:grid}.bb-process li:last-child{border-bottom:1px solid #896b60}.bb-process li span{color:var(--bb-gold);padding-top:.15rem;font-size:.8rem}.bb-process li h3{margin:0 0 .25rem;font-size:1.55rem}.bb-process li p{color:#ecd8ca;margin:0}.bb-atelier{margin-block-start:clamp(2rem,7vw,6rem)}@keyframes bb-rise{0%{opacity:.42;transform:translateY(44px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bb-cover-zoom{0%{transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.bb-cover-copy{animation:.85s cubic-bezier(.22,1,.36,1) bb-rise}.bb-cover-photo img{animation:1.4s cubic-bezier(.22,1,.36,1) bb-cover-zoom}.bb-home .reveal-enter:not(:focus-within){animation:.85s cubic-bezier(.22,1,.36,1) bb-rise}}@media (max-width:44rem){.bb-cover-grid,.bb-process-grid{grid-template-columns:minmax(0,1fr)}.bb-cover h1{font-size:clamp(2.55rem,1.45rem + 6vw,4rem)}.bb-index{grid-template-columns:1fr}.bb-index a{min-height:44px}.bb-index a+a{border-inline-start:0;border-top:1px solid var(--v-cizgi)}}
