#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 .producer-banner { position:relative; isolation:isolate; min-height:clamp(310px,37vw,530px); display:grid; align-items:end; background:var(--green); color:white; overflow:hidden }
#panebianco-editorial-pilot .producer-banner img, #panebianco-editorial-pilot .producer-banner::after { position:absolute; inset:0; width:100%; height:100% }
#panebianco-editorial-pilot .producer-banner img { object-fit:cover; object-position:center 54%; z-index:-2 }
#panebianco-editorial-pilot .producer-banner::after { content:""; z-index:-1; background:linear-gradient(0deg,rgba(12,25,17,.86),rgba(12,25,17,.13) 78%),linear-gradient(90deg,rgba(12,25,17,.26),transparent 80%) }
#panebianco-editorial-pilot .producer-banner .wrap { padding-block:clamp(27px,4vw,54px) }
#panebianco-editorial-pilot .producer-banner h1 { color:white; font-size:clamp(2.6rem,5.8vw,6rem); line-height:1; letter-spacing:-.04em }
#panebianco-editorial-pilot .producer-banner .eyebrow, #panebianco-editorial-pilot .producer-banner .lead { color:white }
#panebianco-editorial-pilot .producer-banner .eyebrow a { text-decoration:underline }
#panebianco-editorial-pilot .producer-banner .lead { margin-top:10px }
#panebianco-editorial-pilot .producer-facts { background:var(--ivory); border-bottom:1px solid var(--line) }
#panebianco-editorial-pilot .producer-facts .facts { margin:0 auto; max-width:var(--max); border:0 }
#panebianco-editorial-pilot .producer-facts .facts div { padding:12px 8px }
#panebianco-editorial-pilot .producer-facts .facts dd { line-height:1.4 }
#panebianco-editorial-pilot .producer-overview { display:grid; gap:30px; margin-block:clamp(40px,6vw,82px); align-items:start }
#panebianco-editorial-pilot .producer-overview .eyebrow, #panebianco-editorial-pilot .wines .eyebrow { margin-bottom:9px }
#panebianco-editorial-pilot .producer-overview h2, #panebianco-editorial-pilot .wines h2 { font-size:clamp(2rem,3.7vw,3.5rem) }
#panebianco-editorial-pilot .story-lead::first-letter { font:600 3.1em/.77 var(--serif); float:left; color:var(--green); padding:.11em .12em 0 0 }
#panebianco-editorial-pilot .producer-gallery { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:24px }
#panebianco-editorial-pilot .producer-gallery .photo img { aspect-ratio:4/3 }
#panebianco-editorial-pilot .producer-aside { display:grid; gap:12px }
#panebianco-editorial-pilot .producer-aside section { background:var(--ivory); border:1px solid var(--line); border-radius:14px; padding:clamp(15px,2.2vw,25px) }
#panebianco-editorial-pilot .producer-aside p { margin:8px 0 0; color:var(--muted) }
#panebianco-editorial-pilot .producer-aside .map-card { background:white; margin-top:15px; padding:8px }
#panebianco-editorial-pilot .producer-aside .map-card svg { max-height:235px }
#panebianco-editorial-pilot .producer-aside .cta { margin-top:10px }
#panebianco-editorial-pilot .wine-type { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:13px 13px 0; font-size:.69rem; font-weight:650; color:var(--green); text-transform:uppercase; letter-spacing:.06em }
#panebianco-editorial-pilot .wine-type span:first-child { background:white; border:1px solid var(--line); border-radius:4px; padding:3px 6px }
#panebianco-editorial-pilot .wine-card .bottle { margin:9px 12px 0; background:white; border:1px solid var(--line); border-radius:8px; height:clamp(190px,23vw,280px); aspect-ratio:auto }
#panebianco-editorial-pilot .wine-card .bottle img { height:100%; width:auto; max-width:100%; max-height:100%; aspect-ratio:3/5; object-fit:contain }
#panebianco-editorial-pilot .wine-content h3 { font-size:clamp(1.28rem,2.1vw,1.8rem); margin-bottom:8px }
#panebianco-editorial-pilot .wine-content summary { border:1px solid var(--green); border-radius:5px; padding:0 9px; margin-top:11px }
@media(min-width:780px) {
#panebianco-editorial-pilot .producer-overview { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:clamp(24px,5vw,72px) }
#panebianco-editorial-pilot .producer-facts .facts div { padding:16px 16px }
}
#panebianco-editorial-pilot .editorial-story { max-width: 760px; margin: clamp(36px, 6vw, 76px) 0; }
#panebianco-editorial-pilot .editorial-wines { margin-block: clamp(42px, 7vw, 90px); }
#panebianco-editorial-pilot .editorial-wines h2 { margin-bottom: 24px; }
#panebianco-editorial-pilot .producer-banner--plain { min-height: clamp(235px, 26vw, 360px); }
#panebianco-editorial-pilot .wine-content .text-link { display: inline-block; margin-top: 12px; }