.bottega-page{background:#f2f2f0}
.bottega-page header{background:#f2f2f0}
.bot-hero{height:min(850px,100svh);min-height:650px;position:relative;overflow:hidden;background:#e9dfd0;color:#151515;margin-top:90px}
.bot-hero-image,.bot-hero-image img,.bot-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.bot-hero-image img{object-fit:cover;object-position:center 49%;transform:scale(1.08);animation:bot-reveal 12s ease-out forwards}
.bot-hero-shade{background:linear-gradient(90deg,#f2f2f0ad 0%,#f2f2f055 47%,transparent)}
.bot-hero-copy{position:absolute;left:max(7vw,calc((100vw - 1000px)/2));bottom:15%;z-index:1;width:min(800px,86vw);background:#f2f2f0db;padding:30px 35px;border-radius:20px;backdrop-filter:blur(7px)}
.bot-hero .eyebrow{color:#333;letter-spacing:2px}
.bot-hero h1{font-size:clamp(70px,8vw,108px);margin:25px 0;line-height:.95}
.bot-hero h1 .period{display:inline;color:var(--accent)}
.bot-hero p{font-size:clamp(15px,1.6vw,21px);margin:0}
.bot-scroll{position:absolute;right:7vw;bottom:40px;font-size:11px;color:#151515;z-index:1;background:#f2f2f0db;padding:10px 14px;border-radius:20px}
.bot-intro{padding:150px 0 130px;display:grid;grid-template-columns:1fr 2fr;gap:30px}
.bot-intro h2{font-size:clamp(55px,7vw,105px);line-height:.94}
.bot-intro p{font-size:17px;line-height:1.6;max-width:570px;margin:38px 0 0;color:#151515}
.bot-feature figure,.bot-pair figure,.bot-dark-grid figure,.bot-light-grid figure,.cabinet-item{margin:0}
.bot-feature img{width:100%;height:min(760px,67vw);object-fit:cover;object-position:center;display:block;border-radius:24px}
.bot-feature figcaption,.bot-pair figcaption,.bot-dark-grid figcaption,.bot-light-grid figcaption,.cabinet-item figcaption{font-size:10px;letter-spacing:.2px;color:#252525;padding:12px 2px}
.bot-pair{display:grid;grid-template-columns:.43fr .57fr;gap:26px;padding:70px 0 140px;align-items:start}
.bot-pair figure:first-child{margin-top:80px}
.bot-pair img{width:100%;height:590px;display:block;object-fit:cover;border-radius:20px}
.bot-pair figure:first-child img{height:650px}
.bot-dark{background:#d9d5ce;color:#151515;padding:125px 0 150px;overflow:hidden}
.bot-dark .eyebrow{color:#333}
.bot-dark h2{font-size:clamp(60px,8.5vw,125px);line-height:.92;margin:45px 0 90px}
.bot-dark-grid{display:grid;grid-template-columns:1fr .75fr 1fr;gap:20px;align-items:start}
.bot-dark-grid figure:nth-child(2){margin-top:120px}
.bot-dark-grid figure:nth-child(3){margin-top:45px}
.bot-dark-grid img{width:100%;height:480px;object-fit:cover;border-radius:18px;display:block}
.bot-dark-grid figure:nth-child(2) img{height:570px}
.bot-dark-grid figcaption{color:#333}
.bot-light{padding:145px 0}
.bot-light-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:75px}
.bot-light h2{font-size:clamp(55px,7vw,100px);line-height:.94}
.bot-light-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bot-light-grid figure:first-child{grid-row:span 2}
.bot-light-grid img{display:block;width:100%;height:300px;object-fit:cover;border-radius:18px}
.bot-light-grid figure:first-child img{height:690px}
.bot-cats{padding:0 0 145px}
.bot-cats-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.bot-cats h2{font-size:clamp(55px,7vw,100px);line-height:.94}
.bot-cats>img{display:block;width:100%;height:auto;border-radius:24px}
.bot-cabinet{padding:135px 0;background:#dfddd8}
.bot-cabinet-head{display:grid;grid-template-columns:1fr 2fr;gap:20px 35px;align-items:start;margin-bottom:75px}
.bot-cabinet-head h2{font-size:clamp(55px,7vw,100px);line-height:.94}
.bot-cabinet-head p{grid-column:2;font-size:16px;color:#151515;margin:0}
.cabinet-grid{columns:3;column-gap:18px}
.cabinet-item{break-inside:avoid;margin-bottom:18px;padding:13px;background:#f3f2ef;border-radius:15px}
.cabinet-item img{width:100%;height:auto;display:block;border-radius:7px}
.cabinet-item figcaption{padding:13px 4px 2px}
.bot-end{display:flex;justify-content:space-between;padding:85px 0 115px;font-size:13px}
.bot-end a{padding-bottom:11px;border-bottom:1px solid #aaa}
@keyframes bot-reveal{to{transform:scale(1)}}
@media(max-width:760px){
 .bot-hero{margin-top:75px;min-height:620px;height:78svh}
 .bot-hero-image img{object-position:58% center}
 .bot-hero-shade{background:linear-gradient(0deg,#f2f2f0aa,transparent 80%)}
 .bot-hero-copy{left:7vw;bottom:15%}
 .bot-hero-copy{padding:18px 20px}
 .bot-hero h1{font-size:14vw}
 .bot-scroll{left:7vw;right:auto;bottom:24px}
 .bot-intro{padding:85px 0 70px;grid-template-columns:1fr;gap:28px}
 .bot-intro h2,.bot-dark h2,.bot-light h2,.bot-cabinet h2{font-size:12vw}
 .bot-intro p{font-size:15px;margin-top:25px}
 .bot-feature img{height:62vh;min-height:410px;object-position:38% center}
 .bot-pair{padding:45px 0 85px;gap:13px}
 .bot-pair figure:first-child{margin-top:60px}
 .bot-pair img,.bot-pair figure:first-child img{height:380px;border-radius:13px}
 .bot-dark{padding:85px 0 90px}
 .bot-dark h2{margin:27px 0 55px}
 .bot-dark-grid{grid-template-columns:1fr 1fr;gap:13px}
 .bot-dark-grid figure:nth-child(2){margin-top:55px}
 .bot-dark-grid figure:nth-child(3){grid-column:1/-1;margin-top:15px}
 .bot-dark-grid img,.bot-dark-grid figure:nth-child(2) img{height:340px;border-radius:12px}
 .bot-dark-grid figure:nth-child(3) img{height:270px}
 .bot-light{padding:85px 0}
 .bot-light-head,.bot-cabinet-head{grid-template-columns:1fr;gap:23px;margin-bottom:45px}
 .bot-light-grid{gap:13px}
 .bot-light-grid img{height:200px;border-radius:12px}
 .bot-light-grid figure:first-child img{height:470px}
 .bot-cats{padding-bottom:85px}
 .bot-cats-head{display:block;margin-bottom:25px}
 .bot-cats h2{font-size:12vw;margin-top:20px}
 .bot-cats>img{border-radius:16px}
 .bot-cabinet{padding:85px 0}
 .bot-cabinet-head p{grid-column:auto;font-size:14px}
 .cabinet-grid{columns:2;column-gap:10px}
 .cabinet-item{padding:8px;margin-bottom:10px}
 .bot-end{padding:60px 0 75px;gap:20px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.bot-hero-image img{animation:none;transform:none}}
