#panebianco-editorial-pilot {
  --ink:#1e2220; --muted:#5a625e; --green:#173828; --paper:#fff;
  --ivory:#f8f8f6; --line:#e5e5e0; --sage:#edf0e8;
  --serif:"Playfair Display", Georgia, serif; --sans:Inter,system-ui,sans-serif;
  --gutter:clamp(20px,5vw,72px); --max:1280px;
}
#panebianco-editorial-pilot *, #panebianco-editorial-pilot *::before, #panebianco-editorial-pilot *::after { box-sizing:border-box }
html:has(#panebianco-editorial-pilot) { scroll-behavior:smooth }
#panebianco-editorial-pilot { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.68 var(--sans) }
#panebianco-editorial-pilot img, #panebianco-editorial-pilot svg { display:block; max-width:100% }
#panebianco-editorial-pilot a { color:inherit; text-underline-offset:.2em }
#panebianco-editorial-pilot button, #panebianco-editorial-pilot summary { font:inherit; cursor:pointer }
#panebianco-editorial-pilot :focus-visible { outline:3px solid #6f8c53; outline-offset:4px }
#panebianco-editorial-pilot [hidden] { display:none!important }
#panebianco-editorial-pilot .wrap { width:min(calc(100% - var(--gutter)*2),var(--max)); margin-inline:auto }
#panebianco-editorial-pilot .skip { position:absolute; top:8px; left:12px; transform:translateY(-200%); z-index:2; padding:.65em; background:white }
#panebianco-editorial-pilot .skip:focus { transform:none }
#panebianco-editorial-pilot .site-header { border-bottom:1px solid var(--line); background:white }
#panebianco-editorial-pilot .nav { min-height:88px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; padding-block:10px }
#panebianco-editorial-pilot .brand img { width:128px; height:auto; aspect-ratio:818/449 }
#panebianco-editorial-pilot .site-nav { display:flex; flex-wrap:wrap; gap:0 20px; align-items:center; font-size:.82rem; font-weight:600 }
#panebianco-editorial-pilot .site-nav a { min-height:44px; display:flex; align-items:center; text-decoration:none }
#panebianco-editorial-pilot .site-nav a:hover, #panebianco-editorial-pilot .text-link:hover { text-decoration:underline }
#panebianco-editorial-pilot .site-nav a:last-child { color:var(--green) }
#panebianco-editorial-pilot .hero { padding:clamp(48px,8vw,106px) 0 clamp(34px,5vw,64px); text-align:center }
#panebianco-editorial-pilot .eyebrow { color:var(--green); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin:0 0 15px }
#panebianco-editorial-pilot .eyebrow a { text-decoration:none }
#panebianco-editorial-pilot h1, #panebianco-editorial-pilot h2, #panebianco-editorial-pilot h3 { font-family:var(--serif); font-weight:600; color:var(--green); line-height:1.09; margin:0; text-wrap:balance }
#panebianco-editorial-pilot h1 { font-size:clamp(3.1rem,8vw,7.5rem); letter-spacing:-.055em }
#panebianco-editorial-pilot .producer-title { font-size:clamp(2.55rem,6.4vw,6.1rem) }
#panebianco-editorial-pilot h2 { font-size:clamp(2.15rem,4.2vw,4.2rem); letter-spacing:-.042em }
#panebianco-editorial-pilot h3 { font-size:clamp(1.25rem,2vw,1.78rem); letter-spacing:-.022em }
#panebianco-editorial-pilot .lead { color:var(--muted); margin:14px 0 0 }
#panebianco-editorial-pilot .region-grid, #panebianco-editorial-pilot .editorial, #panebianco-editorial-pilot .story, #panebianco-editorial-pilot .territory { display:grid; gap:clamp(22px,4vw,56px); align-items:center }
#panebianco-editorial-pilot .map-card { border:1px solid var(--line); background:var(--ivory); border-radius:17px; overflow:hidden; padding:14px 14px 12px; margin:0 }
#panebianco-editorial-pilot .map-card svg { width:100%; height:auto; aspect-ratio:520/430 }
#panebianco-editorial-pilot .map-shape { fill:#dce5d7; stroke:#8c9f89; stroke-width:1.1; stroke-linejoin:round }
#panebianco-editorial-pilot .map-grid { fill:none; stroke:#e4e7de; stroke-width:1 }
#panebianco-editorial-pilot .map-credit { color:var(--muted); font-size:.7rem; text-align:center; margin:3px 0 0 }
#panebianco-editorial-pilot .map-credit a { text-decoration-color:#a2aaa1 }
#panebianco-editorial-pilot .pin circle:first-child { fill:transparent }
#panebianco-editorial-pilot .pin circle:nth-child(2) { fill:var(--green); stroke:white; stroke-width:2; transition:fill .16s,stroke .16s }
#panebianco-editorial-pilot .pin text { fill:white; text-anchor:middle; dominant-baseline:central; font:700 13px var(--sans); pointer-events:none }
#panebianco-editorial-pilot .pin.is-current circle:nth-child(2), #panebianco-editorial-pilot .pin:focus-visible circle:nth-child(2) { fill:#946a32; stroke:#fff }
#panebianco-editorial-pilot .pin:focus-visible { outline:none }
#panebianco-editorial-pilot .pin:focus-visible circle:first-child { stroke:#946a32; stroke-width:2 }
#panebianco-editorial-pilot .producer-list { margin:10px 0 0; padding:0; list-style:none; border-top:1px solid var(--line) }
#panebianco-editorial-pilot .producer-link { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:12px; min-height:68px; padding:8px 10px; border-bottom:1px solid var(--line); text-decoration:none }
#panebianco-editorial-pilot .producer-link.is-current, #panebianco-editorial-pilot .producer-link:hover { background:var(--sage) }
#panebianco-editorial-pilot .producer-link .number { display:grid; place-items:center; width:32px; aspect-ratio:1; border:1px solid #8b9c8f; border-radius:50%; color:var(--green); font-weight:700; font-size:.8rem }
#panebianco-editorial-pilot .producer-link.is-current .number { background:var(--green); color:#fff }
#panebianco-editorial-pilot .producer-link strong { display:block; font-size:clamp(.92rem,1.5vw,1.04rem); line-height:1.3 }
#panebianco-editorial-pilot .producer-link small, #panebianco-editorial-pilot .meta { color:var(--muted); font-size:.8rem }
#panebianco-editorial-pilot .arrow { color:var(--green); font-size:1.15rem }
#panebianco-editorial-pilot .editorial { border-top:1px solid var(--line); padding-top:clamp(42px,7vw,92px); margin-block:clamp(48px,8vw,106px) }
#panebianco-editorial-pilot .photo { margin:0; overflow:hidden; background:var(--ivory); border-radius:13px }
#panebianco-editorial-pilot .photo img { width:100%; height:auto; aspect-ratio:8/5; object-fit:cover }
#panebianco-editorial-pilot .wide-photo img { aspect-ratio:16/8; object-position:center 55% }
#panebianco-editorial-pilot .copy p { margin:14px 0 0; max-width:64ch }
#panebianco-editorial-pilot .tags, #panebianco-editorial-pilot .filters { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none }
#panebianco-editorial-pilot .tags { margin:20px 0 0 }
#panebianco-editorial-pilot .tags li { padding:.35em .7em; background:var(--ivory); border:1px solid var(--line); border-radius:7px; font-size:.76rem }
#panebianco-editorial-pilot .tags b { color:var(--green) }
#panebianco-editorial-pilot .facts { display:grid; grid-template-columns:repeat(2,1fr); margin:28px auto 0; max-width:760px; border-block:1px solid var(--line) }
#panebianco-editorial-pilot .facts div { padding:10px 6px }
#panebianco-editorial-pilot .facts dt { font-size:.69rem; color:var(--muted); font-weight:700; letter-spacing:.09em; text-transform:uppercase }
#panebianco-editorial-pilot .facts dd { margin:1px 0 0; font-weight:600; font-size:.93rem; color:var(--green) }
#panebianco-editorial-pilot .story { margin-block:clamp(48px,7vw,100px) }
#panebianco-editorial-pilot .territory { margin-block:clamp(50px,8vw,110px); background:var(--ivory); border:1px solid var(--line); border-radius:16px; padding:clamp(18px,4vw,44px) }
#panebianco-editorial-pilot .territory .map-card { background:#fff }
#panebianco-editorial-pilot .cta { min-height:45px; display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-top:18px; padding:8px 16px; border:1px solid var(--green); border-radius:6px; color:var(--green); text-decoration:none; font-weight:650; font-size:.83rem }
#panebianco-editorial-pilot .cta:hover { background:var(--green); color:white }
#panebianco-editorial-pilot .wines { border-top:1px solid var(--line); padding-top:clamp(38px,6vw,72px); margin-bottom:clamp(56px,8vw,100px) }
#panebianco-editorial-pilot .wine-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:14px }
#panebianco-editorial-pilot .filters { margin:0; align-items:center }
#panebianco-editorial-pilot .filters button { min-height:44px; padding:7px 15px; border:1px solid var(--line); background:white; color:var(--green); border-radius:99px; font-size:.82rem; font-weight:650 }
#panebianco-editorial-pilot .filters button[aria-pressed=true] { background:var(--green); color:white; border-color:var(--green) }
#panebianco-editorial-pilot .wine-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; margin-top:24px; align-items:start }
#panebianco-editorial-pilot .wine-card { min-width:0; border:1px solid var(--line); background:var(--ivory); border-radius:13px; overflow:hidden }
#panebianco-editorial-pilot .bottle { background:linear-gradient(160deg,#f0f1ec,#f8f8f6); margin:0; aspect-ratio:4/3; display:grid; place-items:center; padding:12px }
#panebianco-editorial-pilot .bottle img { width:100%; height:100%; min-height:0; object-fit:contain; max-height:250px; aspect-ratio:2/3 }
#panebianco-editorial-pilot .wine-content { padding:16px }
#panebianco-editorial-pilot .wine-content .meta { margin:4px 0 10px }
#panebianco-editorial-pilot .wine-content dl { margin:0; font-size:.84rem; line-height:1.4 }
#panebianco-editorial-pilot .wine-content dl div { display:grid; grid-template-columns:55px 1fr; gap:7px; padding-block:5px; border-bottom:1px solid var(--line) }
#panebianco-editorial-pilot .wine-content dt { font-weight:650; color:var(--green) }
#panebianco-editorial-pilot .wine-content dd { margin:0 }
#panebianco-editorial-pilot details { margin-top:8px }
#panebianco-editorial-pilot summary { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:8px; color:var(--green); font-weight:650; font-size:.86rem; list-style:none }
#panebianco-editorial-pilot summary::-webkit-details-marker { display:none }
#panebianco-editorial-pilot summary::after { content:'+'; font-size:1.2rem }
#panebianco-editorial-pilot details[open] summary::after { content:'−' }
#panebianco-editorial-pilot .detail { font-size:.84rem; padding-top:2px }
#panebianco-editorial-pilot .detail p { margin:0 0 9px }
#panebianco-editorial-pilot .detail a { display:block; min-height:44px; padding:8px 0; color:var(--green); font-weight:650 }
#panebianco-editorial-pilot .footer { background:var(--green); color:#fff; padding:29px 0 }
#panebianco-editorial-pilot .footer .wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 25px; align-items:center }
#panebianco-editorial-pilot .footer p { margin:0; font-size:.83rem }
#panebianco-editorial-pilot .footer a { font-size:.83rem }
@media(min-width:780px) {
#panebianco-editorial-pilot .region-grid { grid-template-columns:1.1fr .9fr; align-items:stretch }
#panebianco-editorial-pilot .region-grid .map-card { display:grid; align-content:center; padding:18px }
#panebianco-editorial-pilot .editorial, #panebianco-editorial-pilot .story, #panebianco-editorial-pilot .territory { grid-template-columns:1fr 1fr }
#panebianco-editorial-pilot .story.reverse .photo { order:2 }
#panebianco-editorial-pilot .facts { grid-template-columns:repeat(4,1fr) }
#panebianco-editorial-pilot .facts div+div { border-left:1px solid var(--line) }
#panebianco-editorial-pilot .wine-grid { grid-template-columns:repeat(3,minmax(0,1fr)) }
}
@media(max-width:540px) { .site-nav { column-gap:14px } .wide-photo img { aspect-ratio:4/3 } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important } }
#panebianco-editorial-pilot .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0 }

#panebianco-editorial-pilot { --sans:Prompt, system-ui, sans-serif; --serif:Georgia,"Times New Roman",serif }
#panebianco-editorial-pilot .region-banner {
  position:relative;
  isolation:isolate;
  min-height:clamp(320px,36vw,500px);
  display:grid;
  align-items:end;
  overflow:hidden;
  background:#173828;
  color:#fff;
}
#panebianco-editorial-pilot .region-banner img, #panebianco-editorial-pilot .region-banner::after {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
#panebianco-editorial-pilot .region-banner img { object-fit:cover; object-position:62% 49%; z-index:-2 }
#panebianco-editorial-pilot .region-banner::after {
  content:"";
  z-index:-1;
  background:linear-gradient(0deg,rgba(12,24,16,.87),rgba(12,24,16,.19) 63%,rgba(12,24,16,.19)),
             linear-gradient(90deg,rgba(12,24,16,.33),transparent 75%);
}
#panebianco-editorial-pilot .region-banner .wrap { padding-block:clamp(26px,4.3vw,58px) }
#panebianco-editorial-pilot .region-banner h1 {
  color:#fff;
  font-size:clamp(2.5rem,7vw,6.1rem);
  letter-spacing:-.032em;
  text-transform:uppercase;
}
#panebianco-editorial-pilot .region-banner .eyebrow, #panebianco-editorial-pilot .region-banner .lead { color:#fff }
#panebianco-editorial-pilot .region-banner .eyebrow { margin-bottom:11px; letter-spacing:.11em }
#panebianco-editorial-pilot .region-banner .lead { margin-top:9px; font-weight:400 }
#panebianco-editorial-pilot .region-grid { padding-top:clamp(34px,6vw,78px) }
#panebianco-editorial-pilot .atlas-card {
  background:#f1e9d7;
  padding:11px 11px 10px;
  border-color:#ded3b9;
}
#panebianco-editorial-pilot .atlas-card svg { aspect-ratio:520/430 }
#panebianco-editorial-pilot .atlas-card .map-credit { color:#534c3d; margin-top:5px }
#panebianco-editorial-pilot .atlas-photo-credit { margin:0; padding:6px 10px; font-size:.7rem; color:var(--muted) }
@media(max-width:540px) {
#panebianco-editorial-pilot .region-banner img { object-position:68% 49% }
#panebianco-editorial-pilot .region-banner::after { background:linear-gradient(0deg,rgba(12,24,16,.87),rgba(12,24,16,.12) 79%) }
#panebianco-editorial-pilot .region-banner .lead { max-width:27ch }
}
#panebianco-editorial-pilot .region-banner--atlas { min-height: clamp(235px, 26vw, 360px); background: radial-gradient(ellipse at top right,#365944,#173828 70%); }
#panebianco-editorial-pilot .region-banner--atlas::after { display: none; }
#panebianco-editorial-pilot .atlas-outline { fill: #f7efd9; stroke: #8f7e5c; stroke-width: 1.35; fill-rule: evenodd; }
#panebianco-editorial-pilot .atlas-river { fill: none; stroke: #70909a; stroke-width: 1.12; }
#panebianco-editorial-pilot .atlas-lake { fill: #b6c9c7; stroke: #78969a; stroke-width: .6; }
#panebianco-editorial-pilot .pin circle:first-child { fill: transparent; }
#panebianco-editorial-pilot .pin circle:nth-child(2) { fill: #173828; stroke: #fffaf0; stroke-width: 2; }
#panebianco-editorial-pilot .pin text { fill: #fff; text-anchor: middle; dominant-baseline: central; font: 700 12px Prompt,sans-serif; pointer-events: none; }
#panebianco-editorial-pilot .pin.is-current circle:nth-child(2), #panebianco-editorial-pilot .pin:focus-visible circle:nth-child(2) { fill: #946a32; }