@charset "utf-8";

/* Aesthetic direction: exacting / connected / spirited.
 * Workshop marks meet ledger rules: sharp geometry, generous paper fields,
 * dense operational labels, and one vermilion signal. Eight-pixel rhythm,
 * two-pixel corners, no shadows or decorative gradients, quiet state motion.
 */
:root { --bot-ink:#112820; --bot-ink-soft:#1b3b30; --bot-paper:#f1ede2; --bot-paper-deep:#e2dbc9; --bot-blue:#7ca9ff; --bot-blue-deep:#365fae; --bot-signal:#f15b3d; --bot-copy:#c6d5ca; --bot-copy-dark:#456056; --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:3rem; --s6:4rem; --s7:6rem; --s8:8rem; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body.bottega-site { margin:0; background:var(--bot-ink); color:var(--bot-paper); font-family:Manrope,ui-sans-serif,system-ui,sans-serif; font-synthesis:none; }
.bottega-site :where(h1,h2,h3,p) { text-wrap:pretty; }.bottega-site a { color:inherit; text-decoration:none; }.bottega-site a:focus-visible { outline:3px solid var(--bot-signal); outline-offset:4px; }
.bottega-skip { position:fixed; z-index:10; left:1rem; top:-5rem; padding:.75rem 1rem; background:var(--bot-paper); color:var(--bot-ink); font-weight:800; transition:top .2s ease; }.bottega-skip:focus { top:1rem; }

.bottega-nav { min-height:5.5rem; padding:0 clamp(1.25rem,5vw,5rem); display:flex; align-items:center; gap:var(--s4); border-bottom:1px solid color-mix(in srgb,var(--bot-paper) 22%,transparent); }.bottega-wordmark { display:inline-flex; align-items:center; gap:.5rem; font-size:1.35rem; font-weight:800; letter-spacing:-.075em; }.bottega-wordmark span { display:grid; place-items:center; width:1.8rem; height:1.8rem; border-radius:2px; background:var(--bot-signal); color:var(--bot-ink); font-size:.95rem; letter-spacing:-.05em; }.bottega-nav nav { display:flex; gap:var(--s3); margin-left:auto; }.bottega-nav nav a,.bottega-nav__cta,.bottega-footer div,.bottega-product-card__top,.bottega-hero__caption { font-family:"DM Mono",monospace; font-size:.68rem; letter-spacing:.075em; text-transform:uppercase; }.bottega-nav nav a { display:grid; min-height:44px; align-items:center; color:var(--bot-copy); transition:color .2s ease; }.bottega-nav nav a:hover,.bottega-nav nav a[aria-current="page"] { color:var(--bot-paper); }.bottega-nav__cta,.bottega-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:.75rem; border-radius:2px; background:var(--bot-signal); color:var(--bot-ink); font-size:.8rem; font-weight:800; transition:background .2s ease,color .2s ease,transform .2s ease; }.bottega-nav__cta { padding:.75rem 1rem; }.bottega-nav__cta:hover,.bottega-button:hover { background:var(--bot-paper); transform:translateY(-2px); }.bottega-nav__cta:active,.bottega-button:active { transform:translateY(0) scale(.98); }

.bottega-hero { min-height:min(51rem,calc(100vh - 5.5rem)); display:grid; grid-template-columns:minmax(0,1.06fr) minmax(24rem,.94fr); overflow:hidden; }.bottega-hero__copy { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; padding:clamp(4rem,10vw,10rem) clamp(1.25rem,5vw,5rem); border-right:1px solid color-mix(in srgb,var(--bot-paper) 22%,transparent); }.bottega-kicker { margin:0; color:var(--bot-signal); font-family:"DM Mono",monospace; font-size:.7rem; letter-spacing:.1em; line-height:1.5; text-transform:uppercase; }.bottega-hero h1,.bottega-intro h2,.bottega-section-head h2,.bottega-closing h2,.bottega-page-hero h1,.bottega-product-hero h1 { margin:1rem 0 1.5rem; font-size:clamp(3.8rem,7.6vw,8rem); font-weight:700; letter-spacing:-.09em; line-height:.86; }.bottega-site em { color:var(--bot-blue); font-style:normal; }.bottega-hero__lead,.bottega-page-hero>p,.bottega-product-hero>p { max-width:37rem; margin:0; color:var(--bot-copy); font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.7; }.bottega-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s3); margin-top:var(--s5); }.bottega-button { padding:.85rem 1.1rem; }.bottega-text-link { display:inline-flex; min-height:44px; align-items:center; gap:.75rem; color:var(--bot-paper); font-size:.88rem; font-weight:800; text-decoration:underline; text-decoration-color:var(--bot-signal); text-underline-offset:.35rem; transition:color .2s ease,text-decoration-color .2s ease; }.bottega-text-link:hover { color:var(--bot-signal); text-decoration-color:var(--bot-paper); }.bottega-hero__visual { position:relative; display:grid; align-items:center; padding:clamp(1.25rem,4vw,4rem); background:var(--bot-blue-deep); }.bottega-hero__visual::before { position:absolute; inset:1.25rem; border:1px solid color-mix(in srgb,var(--bot-paper) 48%,transparent); content:""; pointer-events:none; }.bottega-hero__visual img { position:relative; width:100%; height:auto; mix-blend-mode:screen; }.bottega-hero__caption { position:absolute; z-index:1; left:clamp(2rem,5vw,5rem); right:clamp(2rem,5vw,5rem); bottom:clamp(2rem,5vw,5rem); display:flex; justify-content:space-between; color:var(--bot-paper); }

.bottega-intro { padding:clamp(5rem,10vw,10rem) clamp(1.25rem,12vw,14rem); background:var(--bot-paper); color:var(--bot-ink); }.bottega-intro h2 { max-width:55rem; margin-bottom:var(--s3); font-size:clamp(3rem,5.5vw,5.8rem); }.bottega-intro h2 em { color:var(--bot-signal); }.bottega-intro>p { max-width:43rem; margin:0; color:var(--bot-copy-dark); font-size:1.1rem; line-height:1.8; }.bottega-intro dl { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); margin:var(--s6) 0 0; }.bottega-intro dl div { padding-top:var(--s2); border-top:2px solid var(--bot-ink); }.bottega-intro dt { color:var(--bot-signal); font-family:"DM Mono",monospace; font-size:.72rem; }.bottega-intro dd { margin:.75rem 0 0; font-weight:800; line-height:1.45; }
.bottega-products { padding:clamp(5rem,10vw,10rem) clamp(1.25rem,5vw,5rem); }.bottega-section-head { display:grid; grid-template-columns:minmax(10rem,.7fr) minmax(20rem,1.3fr) auto; align-items:end; gap:var(--s3); margin-bottom:var(--s5); }.bottega-section-head h2 { margin:0; font-size:clamp(3rem,5.5vw,5.8rem); }.bottega-product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid color-mix(in srgb,var(--bot-paper) 35%,transparent); border-bottom:1px solid color-mix(in srgb,var(--bot-paper) 35%,transparent); }.bottega-product-card { --product-tone:var(--bot-blue); min-height:27rem; padding:var(--s3); display:flex; flex-direction:column; border-right:1px solid color-mix(in srgb,var(--bot-paper) 35%,transparent); transition:background .2s ease,color .2s ease; }.bottega-product-card:last-child { border-right:0; }.bottega-product-card--2 { --product-tone:var(--bot-signal); }.bottega-product-card--3 { --product-tone:var(--bot-paper); }.bottega-product-card:hover { background:var(--bot-ink-soft); }.bottega-product-card__top { display:flex; justify-content:space-between; color:var(--product-tone); }.bottega-product-card__top p { margin:0; }.bottega-product-card h3 { margin:auto 0 var(--s3); font-size:clamp(2rem,3vw,3rem); letter-spacing:-.075em; line-height:.95; }.bottega-product-card h3 span { display:block; margin-bottom:var(--s2); color:var(--product-tone); font-family:"DM Mono",monospace; font-size:clamp(4rem,7vw,7rem); font-weight:400; line-height:.7; letter-spacing:-.15em; }.bottega-product-card__statement { margin:0 0 var(--s4); color:var(--bot-copy); font-size:.93rem; line-height:1.65; }.bottega-product-card a { display:inline-flex; min-height:44px; align-items:end; gap:.5rem; color:var(--product-tone); font-size:.83rem; font-weight:800; transition:color .2s ease; }.bottega-product-card a:hover { color:var(--bot-paper); }
.bottega-closing { display:grid; grid-template-columns:1.25fr .75fr; gap:var(--s6); padding:clamp(5rem,11vw,11rem) clamp(1.25rem,5vw,5rem); background:var(--bot-signal); color:var(--bot-ink); }.bottega-closing .bottega-kicker { color:var(--bot-ink); }.bottega-closing h2 { max-width:50rem; }.bottega-closing em { color:var(--bot-paper); }.bottega-closing>div:last-child { align-self:end; max-width:25rem; }.bottega-closing>div:last-child p { margin:0; color:var(--bot-ink-soft); line-height:1.7; }.bottega-button--dark { margin-top:var(--s4); background:var(--bot-ink); color:var(--bot-paper); }.bottega-button--dark:hover { background:var(--bot-paper); color:var(--bot-ink); }

.bottega-page-hero,.bottega-product-hero { position:relative; overflow:hidden; padding:clamp(5rem,11vw,11rem) clamp(1.25rem,12vw,14rem); border-bottom:1px solid color-mix(in srgb,var(--bot-paper) 22%,transparent); }.bottega-page-hero::after { position:absolute; right:clamp(1.25rem,5vw,5rem); bottom:clamp(2rem,5vw,5rem); width:clamp(6rem,16vw,13rem); aspect-ratio:1; border:clamp(1rem,2.5vw,2rem) solid var(--bot-signal); border-radius:50%; content:""; }.bottega-page-hero h1 { position:relative; z-index:1; font-size:clamp(3.8rem,7.6vw,8rem); }.bottega-page-hero--legal { background:var(--bot-ink-soft); }.bottega-page-hero--legal::after { border-radius:2px; border-color:var(--bot-blue); transform:rotate(18deg); }.bottega-products--page { padding-top:0; }.bottega-product-hero { min-height:61vh; display:flex; flex-direction:column; justify-content:end; background:var(--bot-blue-deep); }.bottega-product-hero--soldi { background:var(--bot-signal); color:var(--bot-ink); }.bottega-product-hero--ciclo { background:var(--bot-paper); color:var(--bot-ink); }.bottega-product-hero--trama { background:var(--bot-ink-soft); }.bottega-product-hero--soldi .bottega-kicker,.bottega-product-hero--ciclo .bottega-kicker { color:var(--bot-ink); }.bottega-product-hero--soldi>p,.bottega-product-hero--ciclo>p { color:var(--bot-ink-soft); }.bottega-product-hero--soldi em,.bottega-product-hero--ciclo em { color:var(--bot-blue-deep); }.bottega-back { position:absolute; top:var(--s4); display:inline-flex; min-height:44px; align-items:center; color:inherit; font-size:.82rem; font-weight:800; text-decoration:underline; text-decoration-color:var(--bot-signal); text-underline-offset:.35rem; }.bottega-product-hero__index { position:absolute; right:clamp(1.25rem,8vw,9rem); top:clamp(3rem,8vw,8rem); color:color-mix(in srgb,currentColor 20%,transparent); font-family:"DM Mono",monospace; font-size:clamp(12rem,28vw,29rem); font-weight:500; letter-spacing:-.2em; line-height:.7; pointer-events:none; }.bottega-product-hero h1,.bottega-product-hero>p,.bottega-product-hero .bottega-kicker { position:relative; z-index:1; }.bottega-product-hero h1 { font-size:clamp(5rem,12vw,12rem); }.bottega-product-detail { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr); gap:clamp(3rem,9vw,9rem); padding:clamp(5rem,10vw,10rem) clamp(1.25rem,12vw,14rem); background:var(--bot-paper); color:var(--bot-ink); }.bottega-product-detail h2 { max-width:42rem; margin:.75rem 0 0; font-size:clamp(2.3rem,4vw,4rem); letter-spacing:-.075em; line-height:1; }.bottega-product-detail ul { list-style:none; margin:0; padding:0; }.bottega-product-detail li { display:flex; gap:var(--s2); padding:var(--s2) 0; border-bottom:1px solid color-mix(in srgb,var(--bot-ink) 24%,transparent); font-weight:800; }.bottega-product-detail li:first-child { border-top:1px solid color-mix(in srgb,var(--bot-ink) 24%,transparent); }.bottega-product-detail li span { color:var(--bot-signal); font-family:"DM Mono",monospace; font-size:.72rem; }.bottega-product-cta { padding:clamp(5rem,9vw,8rem) clamp(1.25rem,12vw,14rem); }.bottega-product-cta>p { color:var(--bot-signal); font-family:"DM Mono",monospace; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }.bottega-product-cta h2 { max-width:48rem; font-size:clamp(2.5rem,4.5vw,4.5rem); letter-spacing:-.075em; line-height:1; }
.bottega-legal { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:var(--bot-paper); color:var(--bot-ink); padding:clamp(3rem,8vw,8rem) clamp(1.25rem,12vw,14rem); }.bottega-legal section { padding:var(--s4); border-top:1px solid color-mix(in srgb,var(--bot-ink) 28%,transparent); }.bottega-legal section:nth-child(odd) { padding-left:0; }.bottega-legal h2 { margin:0 0 var(--s2); font-size:1.25rem; letter-spacing:-.04em; }.bottega-legal p { max-width:36rem; margin:0; color:var(--bot-copy-dark); line-height:1.75; }.bottega-legal a { color:var(--bot-blue-deep); font-weight:800; text-decoration:underline; text-underline-offset:.2rem; }.bottega-footer { display:grid; grid-template-columns:1fr 1fr auto; align-items:start; gap:var(--s4); padding:var(--s5) clamp(1.25rem,5vw,5rem); border-top:1px solid color-mix(in srgb,var(--bot-paper) 22%,transparent); color:var(--bot-copy); }.bottega-footer p { max-width:21rem; margin:0; font-size:.88rem; line-height:1.6; }.bottega-footer div { display:flex; flex-direction:column; gap:.75rem; text-align:right; }.bottega-footer div a { transition:color .2s ease; }.bottega-footer div a:hover { color:var(--bot-paper); }
@media (max-width:56rem) { .bottega-nav nav { display:none; }.bottega-nav__cta { margin-left:auto; }.bottega-hero { grid-template-columns:1fr; }.bottega-hero__copy { min-height:39rem; border-right:0; }.bottega-hero__visual { min-height:26rem; }.bottega-intro { padding-inline:clamp(1.25rem,8vw,4rem); }.bottega-intro dl,.bottega-product-grid { grid-template-columns:repeat(2,1fr); }.bottega-product-card:nth-child(2) { border-right:0; }.bottega-product-card:nth-child(-n + 2) { border-bottom:1px solid color-mix(in srgb,var(--bot-paper) 35%,transparent); }.bottega-section-head,.bottega-product-detail,.bottega-closing { grid-template-columns:1fr; gap:var(--s3); }.bottega-section-head a { justify-self:start; }.bottega-closing>div:last-child { max-width:32rem; }.bottega-legal { grid-template-columns:1fr; padding-inline:clamp(1.25rem,8vw,4rem); }.bottega-legal section:nth-child(odd) { padding-left:var(--s4); }.bottega-footer { grid-template-columns:1fr; }.bottega-footer div { text-align:left; } }
@media (max-width:34rem) { .bottega-nav { padding-inline:1.25rem; gap:var(--s2); }.bottega-nav__cta { padding:.75rem; font-size:.6rem; }.bottega-hero h1 { font-size:clamp(3.75rem,18vw,5.25rem); }.bottega-hero__copy { min-height:35rem; padding-block:var(--s6); }.bottega-hero__caption { flex-direction:column; gap:var(--s1); }.bottega-intro dl,.bottega-product-grid { grid-template-columns:1fr; }.bottega-product-card,.bottega-product-card:nth-child(2) { min-height:22rem; border-right:0; border-bottom:1px solid color-mix(in srgb,var(--bot-paper) 35%,transparent); }.bottega-product-card:last-child { border-bottom:0; }.bottega-page-hero::after { opacity:.55; }.bottega-product-hero__index { right:2rem; top:6rem; }.bottega-legal section,.bottega-legal section:nth-child(odd) { padding-inline:0; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.bottega-site *,.bottega-site *::before,.bottega-site *::after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }

/* The gallery stage. Bottega's own frame around the shared animated demo —
 * the illustration reads its colours from custom properties, so it is mapped
 * onto these tokens on the figure rather than restyled here.
 */
.bottega-stage-wrap { padding:clamp(3rem,8vw,7rem) clamp(1.25rem,12vw,14rem); }
.bottega-stage { margin:0; border:1px solid color-mix(in srgb,var(--bot-paper) 26%,transparent); border-radius:2px; background:#0d2019; overflow:hidden; }
.bottega-stage figcaption { display:flex; flex-wrap:wrap; gap:var(--s2); justify-content:space-between; padding:var(--s2) var(--s3); border-top:1px solid color-mix(in srgb,var(--bot-paper) 18%,transparent); color:var(--bot-copy); font-size:.86rem; line-height:1.55; }
.bottega-stage figcaption span:last-child { font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.09em; text-transform:uppercase; }
.bottega-stage__note { max-width:42rem; margin:var(--s4) 0 0; color:var(--bot-copy); font-size:1rem; line-height:1.75; }

/* Long-form documents. The two-column legal grid now carries privacy, terms,
 * acceptable use, accessibility and the support answers, so it needs the
 * furniture prose actually uses.
 */
.bottega-legal section > p + p { margin-top:var(--s2); }
/* Roadmap furniture inside the paper grid: a mono horizon label above the
   theme, and the tracked items as a ruled list rather than prose, so a reader
   scanning for one capability can find it without reading the paragraph. */
.bottega-track__when { margin:0 0 var(--s1); color:var(--bot-blue-deep); font-family:"DM Mono",monospace; font-size:.66rem; font-weight:500; letter-spacing:.11em; text-transform:uppercase; }
.bottega-legal ul.bottega-track { max-width:36rem; margin:var(--s2) 0 0; padding:0; list-style:none; display:grid; gap:.55rem; }
.bottega-legal ul.bottega-track li { position:relative; padding-left:1.1rem; color:var(--bot-copy-dark); font-size:.94rem; line-height:1.6; }
.bottega-legal ul.bottega-track li::before { content:""; position:absolute; top:.66em; left:0; width:5px; height:1px; background:var(--bot-blue-deep); }
.bottega-legal code { padding:.1em .35em; border-radius:2px; background:color-mix(in srgb,var(--bot-blue-deep) 14%,transparent); color:var(--bot-blue-deep); font-family:"DM Mono",monospace; font-size:.86em; }
.bottega-product-cta > p:not(.bottega-kicker) { color:var(--bot-copy); font-family:inherit; font-size:1rem; letter-spacing:normal; line-height:1.75; text-transform:none; }
.bottega-product-cta .bottega-text-link { font-size:.92rem; }
.bottega-footer div { flex-wrap:wrap; }