/* Panda Brew, free-form edition. Retains all archive behaviour and provenance. */
body.new-site{--ink:#20352b;--paper:#f6f3e9;--accent:#e4ed8a;--lilac:#d4c9ed;--muted:#56665d;--soft:#e9e5d9;--line:#20352b30;background:var(--paper);color:var(--ink);font-family:Jost,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.65;margin:0;overflow-x:clip}body.new-site *{box-sizing:border-box}body.new-site [hidden]{display:none!important}body.new-site a{color:inherit}body.new-site button,body.new-site input,body.new-site select{font-family:inherit}body.new-site button{cursor:pointer}body.new-site img{max-width:100%}body.new-site h1,body.new-site h2,body.new-site h3{font-family:inherit;letter-spacing:-.04em}body.new-site .light{background:var(--paper);color:var(--ink)}body.new-site .new-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 5%;background:var(--lilac);border:0;position:relative;z-index:30}body.new-site .new-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;line-height:1.15;text-decoration:none}body.new-site .new-brand small{display:block;font:10px/1.3 Jost,sans-serif;letter-spacing:.18em;margin-top:7px}body.new-site .new-brand-mark,body.new-site .new-panda-stamp{display:block;width:66px;height:66px;flex:none;background:url('brand-header.jpg') -513px -39px/1920px 110px no-repeat;filter:invert(1);mix-blend-mode:multiply}body.new-site .new-brand-mark{transform:scale(.75);margin:-8px}body.new-site .new-header nav{position:static;display:flex;gap:35px;background:transparent;border:0;padding:0;width:auto;transform:none;height:auto}body.new-site .new-header nav a{font:15px/1.5 Jost,'PingFang SC',sans-serif;min-height:44px;display:flex;align-items:center;color:var(--ink);text-decoration:none}body.new-site .new-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}body.new-site .new-header nav a:after{display:none}body.new-site .lang-switch{font:14px Jost,sans-serif!important;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #20352b40;border-radius:50%;margin:0}body.new-site .menu{display:none}body.new-site .new-footer{background:var(--ink);color:var(--paper);padding:55px 5% 25px}body.new-site .new-footer-top{display:flex;align-items:start;justify-content:space-between;gap:30px}body.new-site .new-footer-top>a{font-size:30px;letter-spacing:-.04em}body.new-site .new-footer nav{display:flex;gap:25px;font-size:14px}body.new-site .new-wordmark{font:500 15vw/1.15 Jost,sans-serif;letter-spacing:-.065em;white-space:nowrap;margin-top:40px}body.new-site .new-footer-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:20px}body.new-site :is(a,button,input,select,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}body.new-site button:active{transform:scale(.97)}body.new-site .skip-link{background:var(--ink);color:var(--paper)!important}body.new-site :is(.beer-preview,.source-viewer,.image-viewer){background:var(--paper);color:var(--ink);border:0;border-radius:18px}body.new-site dialog::backdrop{background:#17251f99}
/* Each opening is a composition, not a banner card. */
body.new-site .new-page-hero{padding:55px 7% 65px;min-height:640px;position:relative;isolation:isolate;background:var(--lilac);overflow:hidden}body.new-site .new-hero-label{font-size:12px;letter-spacing:.2em;display:block;margin-bottom:35px}body.new-site .new-page-hero h1{font-size:clamp(52px,7vw,110px);line-height:1.13;max-width:60%;position:relative;z-index:2;margin:0 0 30px;font-weight:600;text-wrap:balance}body.new-site .new-page-hero>p{font-size:18px;max-width:37%;position:relative;z-index:2;margin:0 0 30px;line-height:1.8}body.new-site .new-round-cta{display:flex;width:110px;height:110px;border-radius:50%;background:var(--accent);font-size:14px;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2;transform:rotate(-10deg);text-align:center;padding:15px}body.new-site .new-round-cta span{font-size:28px}body.new-site .new-hero-photo{position:absolute;right:7%;top:11%;width:40%;height:78%;margin:0;border-radius:49%;transform:rotate(9deg);overflow:hidden;z-index:1}body.new-site .new-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:rotate(-9deg) scale(1.13)}body.new-site .new-hero-orbit{position:absolute;width:85%;height:230px;border:1px solid #20352b35;border-radius:50%;top:40%;left:5%;transform:rotate(-18deg);z-index:0}body.new-site .new-journal-hero{background:var(--accent)}body.new-site .new-journal-hero .new-round-cta{background:var(--lilac)}body.new-site .new-journal-hero .new-hero-photo{border-radius:8% 45% 8% 8%;transform:rotate(-7deg)}body.new-site .new-journal-hero .new-hero-photo img{transform:rotate(7deg) scale(1.12)}body.new-site .new-story-hero .new-hero-photo{border-radius:50% 50% 8% 50%}body.new-site .new-find-hero{min-height:530px}body.new-site .find-orbit{position:absolute;right:8%;top:10%;width:400px;height:400px;border:1px solid #20352b44;border-radius:50%;transform:rotate(-10deg)}body.new-site .find-orbit a{position:absolute;width:145px;height:145px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform 200ms}body.new-site .find-orbit a:nth-child(1){left:0;top:0}body.new-site .find-orbit a:nth-child(2){right:-30px;top:100px;background:var(--ink);color:var(--paper)}body.new-site .find-orbit a:nth-child(3){bottom:-20px;left:55px;background:var(--paper)}body.new-site .find-orbit .new-panda-stamp{position:absolute;top:155px;left:160px;transform:rotate(15deg)}
/* Archive: useful filters, open gallery instead of boxed catalogue. */
body.new-site .library{padding:70px 5%;display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px}body.new-site .library-sidebar{background:transparent;color:var(--ink);padding:0;position:sticky;top:20px;align-self:start;border:0}body.new-site .library input,body.new-site .library select{background:transparent;border:1px solid #20352b60;border-radius:24px;padding:13px 15px;width:100%;color:var(--ink)}body.new-site .collection-tabs{gap:7px;margin:25px 0}body.new-site .collection-tabs button{border:0;border-radius:24px;padding:12px 16px;background:transparent;color:var(--ink);text-align:left}body.new-site .collection-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}body.new-site .collection-tabs button span{color:inherit}body.new-site .library-sidebar :is(.filter-toggle,.clear-filters){background:transparent;color:var(--ink);border:0;border-bottom:1px solid #20352b33;padding:15px 0}body.new-site .result-heading h2{font-size:32px}body.new-site .view-switch button{border-radius:24px;border:1px solid #20352b44;background:transparent;color:var(--ink)}body.new-site .view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}body.new-site .beer-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}body.new-site .beer-card{background:transparent;color:var(--ink);padding:0;border:0;box-shadow:none;min-width:0}body.new-site .beer-card .beer-visual{background:transparent;overflow:visible}body.new-site .beer-card .bottle-plate{height:290px;background:#e7e1d9;border-radius:48% 48% 45% 45%;overflow:hidden;min-height:0;transition:transform 240ms}body.new-site .beer-card:nth-child(3n+2) .bottle-plate{border-radius:45% 45% 8% 45%}body.new-site .beer-card:nth-child(3n) .bottle-plate{border-radius:8% 45% 45% 45%}body.new-site .beer-card .bottle-plate img{width:100%;height:100%;object-fit:contain;object-position:center;padding:0;mix-blend-mode:multiply}body.new-site .beer-card-copy{padding:20px 0 10px;background:none}body.new-site .beer-card h3{font-size:24px}body.new-site .beer-card p{font-size:15px;line-height:1.7;color:var(--ink)}body.new-site .beer-kicker{color:var(--muted);font-size:12px}body.new-site .taste-tags span{color:var(--ink);border:0;border-radius:18px;background:#e6e4d8;font-size:12px;padding:5px 10px}body.new-site .beer-actions{border:0;margin-top:15px;gap:16px}body.new-site .beer-actions :is(a,button){padding:8px 0;background:none;border:0;border-bottom:1px solid #20352b55;color:var(--ink);font-size:13px}body.new-site .creative-tag{border-radius:15px;background:var(--paper);color:var(--muted);bottom:8px;right:8px;font-size:10px}body.new-site .route-section,body.new-site .reading-shelf{padding:60px 7%;background:var(--lilac)}body.new-site .route-cards,body.new-site .reading-grid{gap:25px}body.new-site .route-card,body.new-site .reading-card{background:transparent;border:0;border-bottom:1px solid #20352b55;padding:25px 0;color:var(--ink)}body.new-site .reading-shelf{background:var(--accent)}body.new-site .season-feature{background:var(--lilac);color:var(--ink);padding:60px 7%}body.new-site .editorial-feature{background:var(--paper);color:var(--ink);padding:70px 7%;gap:8%}body.new-site .editorial-feature>img,body.new-site .editorial-feature>figure{border-radius:45% 45% 5% 45%;overflow:hidden}body.new-site .editorial-pair{background:var(--paper);padding:40px 7% 80px}body.new-site .editorial-pair figure{overflow:hidden;border-radius:45% 45% 5% 5%}
/* Timeline: a continuous story, with years and photographs alternating. */
body.new-site .content-section{background:var(--paper);color:var(--ink);padding:60px 7%}body.new-site .story-entry{display:grid;grid-template-columns:115px minmax(0,1fr) minmax(220px,.8fr);gap:40px;padding:55px 0;border:0;position:relative}body.new-site .story-entry:before{content:'';position:absolute;left:35px;top:95px;bottom:-55px;border-left:1px solid #20352b33}body.new-site .story-entry:last-child:before{display:none}body.new-site .story-entry time{font:500 48px/1 Jost,sans-serif;color:var(--ink);position:relative;z-index:1}body.new-site .story-entry h3{font-size:30px;margin:0 0 20px}body.new-site .story-entry p{font-size:16px;line-height:1.9;color:var(--ink)}body.new-site .story-entry img{width:100%;height:280px;object-fit:cover;border-radius:40% 40% 6% 40%}body.new-site .story-entry:nth-child(2n) img{border-radius:5%;transform:rotate(3deg)}body.new-site .story-entry figure{margin:0}body.new-site .story-entry figcaption{font-size:12px;margin-top:14px;color:var(--muted)}body.new-site .story-major{background:none}body.new-site .construction-status{background:var(--accent);color:var(--ink);border-radius:20px}body.new-site .year-nav{display:flex;gap:8px;flex-wrap:wrap;background:transparent;padding:10px 0;border:0}body.new-site .year-nav :is(a,button){background:transparent;border:1px solid #20352b40;border-radius:25px;color:var(--ink);padding:8px 16px;min-height:42px}body.new-site .year-nav button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
/* Happenings: photographic journal with expandable source records. */
body.new-site .journal-controls{padding:40px 7%;background:var(--paper);color:var(--ink);position:relative;top:auto}body.new-site .journal-search{gap:15px}body.new-site .journal-search :is(input,select){background:transparent;border:1px solid #20352b55;border-radius:26px;padding:12px 18px;color:var(--ink)}body.new-site #event-reset{background:var(--ink);color:var(--paper);border-radius:24px}body.new-site .event-year-groups{background:var(--paper);color:var(--ink);padding:0 7% 60px}body.new-site .event-year-section{padding:35px 0;border:0}body.new-site .event-year-section>h2{font:500 100px/1 Jost,sans-serif;letter-spacing:-.06em;margin:0 0 40px;color:var(--ink)}body.new-site .event-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 50px;align-items:start}body.new-site .event-record{background:transparent;color:var(--ink);border:0;display:block;grid-column:auto;box-shadow:none;padding:0}body.new-site .event-record:nth-child(2n){margin-top:65px}body.new-site .event-record .event-cover{width:100%;height:330px;object-fit:cover;border-radius:4px;transform:rotate(-2deg);border:10px solid #fffdf8}body.new-site .event-record:nth-child(2n) .event-cover{transform:rotate(2deg)}body.new-site .event-record-copy{padding:25px 0 0;background:none}body.new-site .event-record h3{font-size:27px;line-height:1.3}body.new-site .event-record p{color:var(--ink);font-size:16px}body.new-site .event-inline{border-top:1px solid #20352b33}body.new-site .event-inline summary{color:var(--ink);font-size:14px;background:transparent}body.new-site .event-inline-body{background:#eae8dd;color:var(--ink);padding:20px;border-radius:12px}body.new-site .source-box{background:var(--paper);color:var(--ink);border:0;border-radius:10px}body.new-site .source-box button{background:var(--ink);color:var(--paper);border-radius:24px}body.new-site .event-more{background:var(--paper);padding:35px}body.new-site .event-more button{background:var(--ink);color:var(--paper);border-radius:30px;padding:16px 25px}
/* Find: compact practical directory, a playful opening. */
body.new-site .find-page{background:var(--paper);color:var(--ink)}body.new-site .find-online-layout{padding:55px 7%;gap:55px;grid-template-columns:1.3fr 1fr}body.new-site .find-section-title h2{font-size:34px}body.new-site .channel-grid{gap:0}body.new-site .channel-card{background:transparent;border-bottom:1px solid #20352b33;padding:24px 0;color:var(--ink);border-radius:0;grid-template-columns:120px 1fr}body.new-site #follow .channel-card{background:none;border-bottom:1px solid #20352b33;padding:24px 0}body.new-site .channel-top h3{font-size:24px}body.new-site .find-primary{background:var(--ink);color:var(--paper);border-radius:24px}body.new-site .find-secondary{background:var(--accent);color:var(--ink);border-radius:24px}body.new-site .channel-actions :is(a,button),body.new-site .venue-actions :is(a,button){border-radius:24px;min-height:42px}body.new-site .find-offline{padding:60px 7%;background:var(--lilac);color:var(--ink)}body.new-site .city-pills button{border-radius:25px;background:transparent;border:1px solid #20352b44;color:var(--ink)}body.new-site .city-pills button[aria-pressed=true]{background:var(--ink);color:var(--paper)}body.new-site #place-search{border-radius:25px;background:var(--paper);color:var(--ink)}body.new-site .venue-grid{gap:40px}body.new-site .venue-card{background:transparent;display:block;overflow:visible}body.new-site .venue-photo{height:250px;min-height:0;overflow:hidden;border-radius:40% 40% 5% 5%}body.new-site .venue-copy{padding:25px 0}body.new-site .venue-photo-placeholder{border-radius:40% 40% 5% 5%;min-height:250px;background:#c4b9df;color:var(--ink)}body.new-site .find-map{border-radius:20px;background:var(--paper);color:var(--ink)}body.new-site .find-next{background:var(--accent);color:var(--ink)}
/* Detail pages and longer reads retain source material. */
body.new-site .beer-detail-heading{padding:35px 7%;background:var(--lilac);color:var(--ink);border:0}body.new-site .beer-detail{padding:45px 7% 75px;background:var(--paper);color:var(--ink);gap:8%;grid-template-columns:.9fr 1fr}body.new-site .detail-image{background:none}body.new-site .detail-image .bottle-plate{border-radius:48% 48% 10% 48%;overflow:hidden;background:#e4ded5;height:650px}body.new-site .detail-image .bottle-plate img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}body.new-site .beer-detail-copy h1{font-size:clamp(45px,5.5vw,85px);line-height:1.1;color:var(--ink)}body.new-site .beer-detail-copy p{color:var(--ink)}body.new-site .beer-facts{border:0;background:var(--lilac);border-radius:20px;padding:22px;gap:20px}body.new-site .beer-facts strong,body.new-site .beer-facts small{color:var(--ink)}body.new-site .beer-source{border-color:#20352b33;color:var(--ink)}body.new-site .detail-reading{background:var(--accent);color:var(--ink);padding:30px 7%}body.new-site .related-beers{padding:65px 7%}body.new-site .note-hero,body.new-site .page-hero{background:var(--lilac);color:var(--ink);padding:55px 7%}body.new-site .note-hero h1,body.new-site .page-hero h1{font-size:clamp(42px,6vw,88px);line-height:1.15}body.new-site .note-hero p,body.new-site .page-hero p{color:var(--ink)}body.new-site .note-body{padding:55px 7%;background:var(--paper);color:var(--ink)}body.new-site .next-note{background:var(--accent);color:var(--ink)}body.new-site .event-story{color:var(--ink);background:var(--paper)}body.new-site .event-meta{color:var(--ink)}body.new-site .note-body :is(.note-beer,.note-card){background:transparent;color:var(--ink);border-bottom:1px solid #20352b33}
/* Homepage uses the accepted composition, with real navigation and bilingual routes. */
body.new-home{background:var(--lilac)}body.new-home .hero{height:calc(100svh - 100px)}body.new-home .hero h1{font-weight:600}body.new-home .panda-mark{background-image:url('brand-header.jpg')}body.new-home .new-footer{line-height:1.6}html[lang=en] .new-home h1{font-size:clamp(70px,8.4vw,130px);letter-spacing:-.065em}html[lang=en] .new-home h1>span+span{margin-left:5%}html[lang=en] .new-home .taste-heading h2{font-size:clamp(46px,5.5vw,85px)}html[lang=en] .new-home .taste-heading em{margin-left:35px}html[lang=en] .new-home .hero-note p{max-width:240px}html[lang=en] .new-page-hero h1{font-size:clamp(52px,6.5vw,100px)}
@media(hover:hover) and (pointer:fine){body.new-site .beer-card .beer-visual:hover .bottle-plate{transform:rotate(-3deg) translateY(-4px)}body.new-site .find-orbit a:hover{transform:rotate(8deg)}body.new-site .new-round-cta:hover{transform:rotate(0deg)}body.new-site .new-header nav a:hover{opacity:.65}}
@media(max-width:1050px){body.new-site .new-header{gap:15px;padding:15px 4%}body.new-site .new-header nav{gap:20px}body.new-site .new-brand{font-size:17px}body.new-site .new-page-hero{min-height:560px}body.new-site .find-orbit{width:310px;height:310px;right:6%}body.new-site .find-orbit a{width:120px;height:120px;font-size:18px}body.new-site .find-orbit .new-panda-stamp{top:115px;left:115px}body.new-site .library{grid-template-columns:180px minmax(0,1fr);gap:25px;padding:50px 4%}body.new-site .beer-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}body.new-site .beer-card .bottle-plate{height:300px}body.new-site .story-entry{grid-template-columns:90px 1fr;gap:25px}body.new-site .story-entry>figure,body.new-site .story-entry>img{grid-column:2;width:100%}body.new-site .story-entry time{font-size:38px}body.new-site .story-entry img{height:320px}body.new-site .find-online-layout{grid-template-columns:1fr;gap:40px}body.new-site #follow .channel-grid{grid-template-columns:repeat(3,1fr)}body.new-site .detail-image .bottle-plate{height:500px}body.new-site .event-record .event-cover{height:260px}body.new-site .event-record h3{font-size:24px}}
@media(max-width:650px){body.new-site .new-header{height:88px;padding:14px 5%;gap:12px;flex-wrap:nowrap}body.new-site .new-brand{font-size:18px;margin-right:auto}body.new-site .new-brand-mark{display:none}body.new-site .new-header .menu{display:block;background:none;border:0;padding:12px 0;font-size:14px}body.new-site .new-header nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--lilac);padding:20px 6% 30px;width:100%;height:auto;border-bottom:1px solid #20352b33;box-shadow:0 16px 20px #20352b10}body.new-site .new-header nav.open{display:flex;flex-direction:column;align-items:start;gap:8px}body.new-site .new-header nav a{font-size:22px;min-height:48px}body.new-site .new-header .lang-switch{min-width:40px;min-height:40px;font-size:12px!important}body.new-site .new-footer{padding:35px 6% 25px}body.new-site .new-footer-top{display:block}body.new-site .new-footer-top>a{font-size:26px}body.new-site .new-footer nav{margin-top:25px;gap:18px;flex-wrap:wrap;font-size:13px}body.new-site .new-wordmark{font-size:14.6vw;margin-top:30px}body.new-site .new-footer-meta{flex-wrap:wrap;font-size:11px;gap:14px}body.new-site .new-page-hero{padding:25px 6% 30px;min-height:710px}body.new-site .new-hero-label{margin-bottom:25px;font-size:11px}body.new-site .new-page-hero h1{font-size:52px;max-width:100%;margin-bottom:20px}body.new-site .new-page-hero>p{font-size:16px;max-width:95%;margin-bottom:22px}body.new-site .new-hero-photo{top:auto;bottom:35px;right:8%;height:330px;width:65%}body.new-site .new-round-cta{width:95px;height:95px;font-size:12px;margin-top:20px}body.new-site .new-hero-orbit{top:40%;height:240px;width:110%;left:-5%;transform:rotate(-40deg)}body.new-site .new-find-hero{min-height:700px}body.new-site .new-find-hero>.new-round-cta{display:none}body.new-site .find-orbit{width:270px;height:270px;top:auto;bottom:55px;right:13%}body.new-site .find-orbit a{width:110px;height:110px;font-size:17px}body.new-site .find-orbit .new-panda-stamp{top:95px;left:95px;transform:scale(.8)}body.new-site .library{display:block;padding:35px 6%}body.new-site .library-sidebar{position:static;margin-bottom:35px}body.new-site .collection-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin:18px 0}body.new-site .collection-tabs button{font-size:13px;padding:10px 12px;min-width:0;gap:8px}body.new-site .library-results{min-width:0}body.new-site .result-heading h2{font-size:28px}body.new-site .beer-results{gap:35px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}body.new-site .beer-card .bottle-plate{height:220px}body.new-site .beer-card h3{font-size:21px}body.new-site .beer-card p{font-size:13px}body.new-site .beer-card-copy{padding-top:16px}body.new-site .beer-actions{flex-direction:column;align-items:start;gap:8px}body.new-site .taste-tags{gap:4px}body.new-site .taste-tags span{font-size:10px;padding:4px 7px}body.new-site .route-section,body.new-site .reading-shelf,body.new-site .content-section,body.new-site .season-feature{padding:40px 6%}body.new-site .story-entry{grid-template-columns:1fr;gap:20px;padding:35px 0 50px}body.new-site .story-entry:before{display:none}body.new-site .story-entry>figure,body.new-site .story-entry>img{grid-column:auto}body.new-site .story-entry time{font-size:56px}body.new-site .story-entry h3{font-size:27px}body.new-site .story-entry img{height:280px}body.new-site .story-entry p{font-size:15px}body.new-site .year-nav{gap:6px}body.new-site .year-nav :is(a,button){padding:8px 12px;font-size:13px}body.new-site .journal-controls{padding:30px 6%}body.new-site .journal-search{display:flex;flex-wrap:wrap}body.new-site .journal-search label{width:100%}body.new-site .journal-search input{width:100%;min-width:0}body.new-site .journal-search select{flex:1;min-width:0}body.new-site .event-year-groups{padding:0 6% 30px}body.new-site .event-year-section>h2{font-size:76px;margin-bottom:30px}body.new-site .event-editorial-grid{display:block}body.new-site .event-record,body.new-site .event-record:nth-child(2n){margin:0 0 50px}body.new-site .event-record .event-cover{height:260px}body.new-site .event-record h3{font-size:25px}body.new-site .event-record p{font-size:15px}body.new-site .find-online-layout,body.new-site .find-offline{padding:35px 6%}body.new-site .channel-card{grid-template-columns:95px 1fr;padding:22px 0}body.new-site #follow .channel-grid{grid-template-columns:1fr}body.new-site .channel-top h3{font-size:21px}body.new-site .find-section-title h2{font-size:29px}body.new-site .venue-grid{grid-template-columns:1fr;gap:20px}body.new-site .venue-photo{height:240px}body.new-site .find-orbit{z-index:2}body.new-site .beer-detail-heading{padding:25px 6%;font-size:12px;gap:15px}body.new-site .beer-detail{display:flex;flex-direction:column;padding:30px 6% 45px;gap:40px}body.new-site .detail-image{width:100%}body.new-site .detail-image .bottle-plate{height:430px}body.new-site .beer-detail-copy h1{font-size:52px}body.new-site .beer-facts{padding:18px;gap:12px}body.new-site .detail-reading,body.new-site .related-beers,body.new-site .note-body,body.new-site .note-hero,body.new-site .page-hero{padding:35px 6%}body.new-site .editorial-feature{padding:40px 6%}body.new-site .editorial-pair{padding:25px 6% 40px}body.new-home .hero{height:840px}html[lang=en] .new-home h1{font-size:15vw}html[lang=en] .new-home h1>span+span{margin-left:0}html[lang=en] .new-home .hero-note{gap:16px}html[lang=en] .new-home .hero-note p{max-width:190px;font-size:13px}html[lang=en] .new-home .taste-heading h2{font-size:43px}html[lang=en] .new-home .taste-heading em{margin-left:0}html[lang=en] .new-page-hero h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){body.new-site *,body.new-site *:before,body.new-site *:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Explicitly reset legacy layout rules where the old layout used a toolbar. */
body.new-site .library-sidebar{display:block;min-width:0}body.new-site .collection-tabs{display:flex;flex-direction:column;width:100%;margin:20px 0}body.new-site .collection-tabs button{width:100%;justify-content:space-between}body.new-site #filter-toggle,body.new-site #clear-filters{width:100%;min-height:44px;padding:12px 0;border:0;border-bottom:1px solid #20352b33;text-align:left;white-space:normal}body.new-site #advanced-filters.expanded{display:flex;flex-direction:column;align-items:stretch;padding:15px 0;gap:10px;background:transparent}body.new-site .new-footer nav{position:static;inset:auto;transform:none;background:transparent;box-shadow:none;border:0;width:auto;height:auto;padding:0;z-index:auto}body.new-site .menu{color:var(--ink)}body.new-site .new-brand{mix-blend-mode:multiply}body.new-site main{overflow-x:clip}body.new-site .index-view{display:block}body.new-site .index-view .beer-card{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #20352b33;padding:20px 0;gap:25px}body.new-site .index-view .beer-card .bottle-plate{height:120px;border-radius:45%;aspect-ratio:auto}body.new-site .index-view .beer-card-copy{padding:0}body.new-site .year-nav a,body.new-site .story-year-nav a{border-radius:25px}body.new-site .new-page-hero{color:#20352b}
@media(max-width:650px){body.new-site .collection-tabs{flex-direction:row}body.new-site .collection-tabs button{width:auto}body.new-site .new-footer nav{display:flex}body.new-site .index-view .beer-card{grid-template-columns:80px 1fr;gap:20px}body.new-site .index-view .beer-card .bottle-plate{height:110px}body.new-site .story-year-nav{flex-wrap:wrap}body.new-site .event-inline-body{overflow-wrap:anywhere}}
body.new-site .story-timeline{width:100%;max-width:none}body.new-site .story-entry,body.new-site .story-entry.story-major,body.new-site .story-entry#year-2026{display:grid!important;grid-template-columns:115px minmax(0,1fr) minmax(220px,.8fr)!important;gap:40px!important;padding:55px 0!important;margin:0!important;background:transparent!important}body.new-site .story-entry>time{grid-column:1!important;grid-row:1!important;padding:0!important;margin:0!important;font-size:48px!important}body.new-site .story-entry>.story-entry-copy{grid-column:2!important;grid-row:1!important;padding:0!important;min-width:0}body.new-site .story-entry>figure,body.new-site .story-entry>img{grid-column:3!important;grid-row:1!important;margin:0!important;padding:0!important;background:none!important;align-self:start}body.new-site .story-entry>figure{height:auto!important;min-height:0!important}body.new-site .story-entry figure img{height:280px!important;object-fit:contain!important;background:transparent}body.new-site .story-entry:not(:has(>img,>figure))>.story-entry-copy{grid-column:2/4!important}body.new-site .event-year-section{display:block}body.new-site .event-year-section>h2{position:static;width:auto}body.new-site #event-count{color:var(--muted)}body.new-site .beer-card .bottle-plate.creative-photo img[src*="editorial/"]{object-fit:cover;max-width:100%;max-height:100%}body.new-site .bottle-plate:before,body.new-site .bottle-plate:after{display:none}body.new-site .taste-tags span+span:before{display:none}body.new-site .story-year-nav a{border-radius:24px}
@media(max-width:1050px){body.new-site .story-entry,body.new-site .story-entry.story-major,body.new-site .story-entry#year-2026{grid-template-columns:90px minmax(0,1fr)!important;gap:25px!important}body.new-site .story-entry>figure,body.new-site .story-entry>img{grid-column:2!important;grid-row:2!important}body.new-site .story-entry:not(:has(>img,>figure))>.story-entry-copy{grid-column:2!important}}
@media(max-width:650px){body.new-site .story-entry,body.new-site .story-entry.story-major,body.new-site .story-entry#year-2026{display:flex!important;flex-direction:column;gap:20px!important;padding:35px 0!important}body.new-site .story-entry>time{font-size:56px!important}body.new-site .story-entry>figure,body.new-site .story-entry>img{width:100%}body.new-site .story-entry>figure img{height:280px!important}}
body.new-site .beer-card .bottle-plate{width:100%;max-width:100%;aspect-ratio:auto}body.new-site .detail-story h2,body.new-site .detail-reading>span{color:var(--ink)}body.new-site .note-toc{position:static;inset:auto;transform:none;background:var(--lilac);color:var(--ink);padding:20px;gap:18px;display:flex;flex-wrap:wrap;width:auto}body.new-site .note-toc a{color:var(--ink)}body.new-site .new-footer-meta{font-size:13px}body.new-home :is(.aside,.taste-heading>span,.story>div>span,.cheers-button span){font-size:13px}
@media(max-width:650px){body.new-site .channel-card,body.new-site #follow .channel-card{display:block;padding:24px 0}body.new-site .channel-top{display:block;margin:0 0 12px}body.new-site .account-name{margin:0 0 14px!important;font-size:14px!important}body.new-site .channel-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}body.new-site .channel-actions :is(a,button){white-space:nowrap;padding:12px 16px;font-size:14px}body.new-site .channel-evidence{margin:10px 0 0!important}.new-site .taste-tags span{font-size:12px}body.new-site .new-footer-meta{font-size:13px}}
body.new-site .new-story-hero .new-round-cta{font-size:13px}body.new-site .new-journal-hero h1{font-size:clamp(48px,6.1vw,96px)}html[lang=en] body.new-site .new-products-hero h1{font-size:clamp(48px,5.8vw,90px)}@media(max-width:650px){body.new-site .new-journal-hero h1{font-size:45px}html[lang=en] body.new-site .new-products-hero h1{font-size:43px}html[lang=en] body.new-site .new-story-hero h1{font-size:43px}}
/* Always-visible navigation, including narrow screens. */
body.new-site .new-header .menu{display:none!important}
@media(max-width:650px){
body.new-site .new-header{height:auto;min-height:118px;flex-wrap:wrap;gap:12px 16px;padding:16px 5% 12px}
body.new-site .new-header .new-brand{order:1;flex:1}
body.new-site .new-header .lang-switch{order:2;flex:none}
body.new-site .new-header nav,body.new-site .new-header nav.open{order:3;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:static;inset:auto;transform:none;flex:0 0 100%;width:100%;height:auto;padding:0;gap:8px;background:transparent;border:0;box-shadow:none}
body.new-site .new-header nav a{font-size:14px;min-height:44px;white-space:nowrap;line-height:1.3}
html[lang=en] body.new-site .new-header nav a{font-size:12px;letter-spacing:-.025em}
}
/* Navigation reads as an action, not ordinary body copy. */
body.new-site .new-header nav{gap:12px}
body.new-site .new-header nav a{background:#e4ed8a;color:#20352b;padding:11px 19px;border-radius:999px;min-height:44px;font-weight:600;transition:background 160ms ease,color 160ms ease,transform 160ms ease;text-decoration:none}
body.new-site .new-header nav a[aria-current=page]{background:#20352b;color:#e4ed8a;text-decoration:none}
body.new-site .new-header nav a:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){body.new-site .new-header nav a:hover{background:#20352b;color:#e4ed8a;opacity:1}}
@media(max-width:1050px){body.new-site .new-header nav{gap:7px}body.new-site .new-header nav a{padding:10px 13px}}
@media(max-width:650px){body.new-site .new-header nav,body.new-site .new-header nav.open{gap:6px}body.new-site .new-header nav a{flex:1;justify-content:center;text-align:center;padding:10px 7px;font-size:13px}html[lang=en] body.new-site .new-header nav a{font-size:12px;padding:10px 5px}}
@media(max-width:350px){body.new-site .new-header nav a{font-size:12px;padding:10px 4px}html[lang=en] body.new-site .new-header nav a{font-size:11px;padding:10px 3px}}
/* Let archive photographs keep their own composition: no arbitrary silhouette masks. */
body.new-site .beer-card .beer-visual{display:flex;flex-direction:column;gap:8px;background:transparent;overflow:visible;position:relative}
body.new-site .beer-card .bottle-plate,
body.new-site .beer-card:nth-child(3n+2) .bottle-plate,
body.new-site .beer-card:nth-child(3n) .bottle-plate{border-radius:0;background:transparent;width:100%;height:340px;max-width:100%;aspect-ratio:auto;overflow:visible;display:flex;align-items:center;justify-content:center;padding:0;transform:none}
body.new-site .beer-card .bottle-plate img,
body.new-site .beer-card .bottle-plate.creative-photo img[src*="editorial/"]{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal;transform:none!important;padding:0;border-radius:8px;display:block}
body.new-site .beer-card .creative-tag{position:static;display:block;align-self:flex-start;width:auto;max-width:100%;background:transparent;border:0;border-radius:0;padding:0;color:#56665d;font-size:12px;line-height:1.5;inset:auto;transform:none}
body.new-site .beer-card .beer-card-copy{padding-top:18px}
@media(hover:hover) and (pointer:fine){body.new-site .beer-card .beer-visual:hover .bottle-plate{transform:none}body.new-site .beer-card .beer-visual:hover img{filter:brightness(1.035)}}
body.new-site .index-view .beer-card .bottle-plate{height:120px;border-radius:0;background:transparent}
@media(max-width:1050px){body.new-site .beer-card .bottle-plate,body.new-site .beer-card:nth-child(3n+2) .bottle-plate,body.new-site .beer-card:nth-child(3n) .bottle-plate{height:300px}}
@media(max-width:650px){body.new-site .beer-card .bottle-plate,body.new-site .beer-card:nth-child(3n+2) .bottle-plate,body.new-site .beer-card:nth-child(3n) .bottle-plate{height:225px}body.new-site .index-view .beer-card .bottle-plate{height:110px}body.new-site .beer-card .creative-tag{font-size:11px}}

/* Confirmed brand contacts, 2026-10-29. */
.creative-tag{display:none!important}
.footer-contact{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;padding:28px 0;border-top:1px solid currentColor;font-size:15px}
.footer-contact a{text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.contact-section{margin:60px auto 90px;padding:48px 6%;max-width:1440px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;color:#20352b;background:#e4ed8a;border-radius:16px 80px 16px 16px}
.contact-section h2{font-size:clamp(36px,5vw,64px);margin:16px 0}.contact-eyebrow{font-size:12px;letter-spacing:.15em}
.contact-links>a{display:block;position:relative;font-size:clamp(19px,2.4vw,30px);padding:16px 30px 20px 0;border-bottom:1px solid #20352b55;overflow-wrap:anywhere;text-decoration:none}.contact-links small{display:block;font-size:13px;margin-bottom:10px}.contact-links>a span{position:absolute;right:0;bottom:20px}.contact-links button{margin-top:20px}.xhs-account{width:100%;margin:0 0 8px;font-size:14px}
@media(max-width:700px){.contact-section{margin:36px 18px 56px;padding:30px 24px;grid-template-columns:1fr;gap:8px;border-radius:12px 48px 12px 12px}.footer-contact{align-items:flex-start;flex-direction:column;gap:16px}}

/* A quiet continuation of the homepage's rotating brand seal. */
body.new-site .inner-panda-seal{position:absolute;right:5%;bottom:34px;width:112px;height:112px;z-index:3;background:var(--accent);border-radius:50%;pointer-events:none;color:var(--ink)}
.inner-panda-seal svg{display:block;width:100%;height:100%;overflow:visible;animation:inner-seal-turn 36s linear infinite;transform-origin:center}
.inner-panda-seal text{font:10px Jost,sans-serif;letter-spacing:2px;fill:currentColor}
.inner-panda-mark{position:absolute;inset:29%;background:url('share-logo.png') center/contain no-repeat}
body.new-site .find-orbit .inner-panda-seal{width:100px;height:100px;left:143px;top:137px;right:auto;bottom:auto;background:transparent;transform:rotate(10deg)}
@keyframes inner-seal-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){body.new-site .find-orbit .inner-panda-seal{left:105px;top:100px;width:90px;height:90px}}
@media(max-width:600px){body.new-site .inner-panda-seal{width:82px;height:82px;right:4%;bottom:27px}body.new-site .find-orbit .inner-panda-seal{left:91px;top:88px;width:82px;height:82px}}
@media(prefers-reduced-motion:reduce){.inner-panda-seal svg{animation:none}}