.article-hero{min-height:680px;padding:180px var(--pad) 90px;position:relative;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(5,8,12,.96),rgba(5,8,12,.5)),url("../assets/images/hero-bar.png") center/cover}.article-hero.menu-visual{background-image:linear-gradient(90deg,rgba(5,8,12,.96),rgba(5,8,12,.45)),url("../assets/images/menu-spread.png")}.article-hero-inner{max-width:920px;position:relative;z-index:1}.breadcrumbs{font-size:10px;color:#b5b9be;margin-bottom:45px;letter-spacing:.04em}.breadcrumbs a{border-bottom:1px solid #777}.article-label{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:10px;letter-spacing:.2em}.article-label:before{content:"";width:38px;border-top:1px solid}.article-hero h1{font-family:"Shippori Mincho",serif;font-size:clamp(40px,6vw,76px);line-height:1.42;margin:20px 0}.article-hero h1 em{display:block;font-size:.5em;font-style:normal;color:var(--gold);margin-top:10px}.article-meta{font-size:10px;color:#b8bcc2;letter-spacing:.1em}.article-layout{max-width:1200px;margin:auto;padding:100px var(--pad) 130px;display:grid;grid-template-columns:minmax(0,730px) 280px;gap:90px}.article-body{font-size:15px;color:#d2d5d8}.article-body .lead{font-family:"Shippori Mincho",serif;text-align:left;font-size:20px;line-height:2.1;margin:0 0 65px;max-width:none}.article-body h2{font-size:32px;line-height:1.6;margin:75px 0 25px;padding-top:20px;border-top:1px solid var(--line)}.article-body h3{font-family:"Shippori Mincho",serif;font-size:22px;color:var(--gold);margin:45px 0 18px}.article-body p{margin:0 0 25px}.article-body ul,.article-body ol{margin:20px 0 30px;padding:0;list-style:none}.article-body li{position:relative;padding:12px 12px 12px 32px;border-bottom:1px solid var(--line)}.article-body ul li:before{content:"";position:absolute;left:8px;top:24px;width:7px;height:7px;background:var(--gold)}.article-body ol{counter-reset:steps}.article-body ol li{counter-increment:steps}.article-body ol li:before{content:"0" counter(steps);position:absolute;left:0;color:var(--gold);font-size:10px}.article-body table{width:100%;border-collapse:collapse;margin:25px 0 35px}.article-body th,.article-body td{padding:15px;border:1px solid var(--line);text-align:left}.article-body th{color:var(--gold);font-size:12px;background:#10161e}.article-body blockquote{margin:30px 0;padding:28px 32px;background:#111820;border-left:3px solid var(--gold);font-family:"Shippori Mincho",serif;font-size:18px;color:#fff}.flow{display:flex;align-items:center;gap:12px;margin:25px 0 40px}.flow span{flex:1;padding:20px 12px;text-align:center;background:#111820;border:1px solid var(--line);font-size:13px}.flow b{color:var(--gold)}.article-cta{margin-top:75px;padding:45px;background:#102445}.article-cta h2{margin:0 0 15px;padding:0;border:0;font-size:28px}.article-cta .button{margin-top:15px;color:#111}.article-sidebar{position:relative}.sidebar-sticky{position:sticky;top:100px}.sidebar-title{font-size:9px;letter-spacing:.2em;color:var(--gold);padding-bottom:12px;border-bottom:1px solid var(--line)}.toc{list-style:none;padding:0;margin:15px 0 50px;counter-reset:toc}.toc li{counter-increment:toc;border-bottom:1px solid var(--line)}.toc a{display:block;padding:13px 0;font-size:11px;color:#bdc2c7}.toc a:before{content:"0" counter(toc);color:var(--gold);margin-right:12px}.back-journal{font-size:11px;border-bottom:1px solid}.article-nav{max-width:1200px;margin:0 auto;padding:0 var(--pad) 100px;display:grid;grid-template-columns:1fr 1fr;gap:1px}.article-nav a{padding:28px;background:#0d1117;border:1px solid var(--line);font-size:11px}.article-nav a:last-child{text-align:right}.article-nav b{display:block;font-family:"Shippori Mincho",serif;font-size:17px;margin-top:5px;color:var(--gold)}.article-footer{margin-top:0}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none}.article-hero{min-height:620px}.flow{flex-direction:column}.flow span{width:100%}.flow b{transform:rotate(90deg)}.article-nav{grid-template-columns:1fr}}
@media(max-width:600px){.article-hero{min-height:600px;padding:140px 24px 70px}.article-hero h1{font-size:38px}.breadcrumbs{margin-bottom:30px}.article-layout{padding:70px 24px 90px}.article-body{font-size:14px}.article-body .lead{font-size:17px}.article-body h2{font-size:27px;margin-top:60px}.article-body h3{font-size:20px}.article-cta{padding:30px 24px}.article-nav{padding:0 24px 70px}}
.guide-main{padding:100px var(--pad) 130px;max-width:1400px;margin:auto}.guide-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:70px}.guide-intro h2{font-size:clamp(34px,4vw,58px);margin:0}.guide-intro p{color:#bcc1c6}.cocktail-tools{display:flex;gap:12px;align-items:center;margin-bottom:30px}.cocktail-search{width:min(100%,480px);background:#10161e;color:#fff;border:1px solid var(--line);padding:16px 18px;outline:0}.cocktail-search:focus{border-color:var(--gold)}.cocktail-count{font-size:10px;color:var(--gold);letter-spacing:.14em}.cocktail-index{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-bottom:120px}.cocktail-index a{min-height:155px;padding:24px;background:#0d1117;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.cocktail-index a:hover{background:#131b25;transform:translateY(-2px)}.cocktail-index a.is-hidden{display:none}.cocktail-index b{font-family:"Shippori Mincho",serif;font-size:17px}.cocktail-index small{font-size:9px;color:var(--gold);letter-spacing:.1em}.cocktail-index em{font-style:normal;font-size:10px;color:#7f8790}.featured-cocktail{grid-column:span 2;background:linear-gradient(90deg,rgba(9,13,18,.86),rgba(9,13,18,.35)),url("../assets/images/menu-spread.png") center/cover!important}.cocktail-chapter{scroll-margin-top:90px;padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:40px}.cocktail-no{font-family:"Shippori Mincho",serif;font-size:54px;line-height:1;color:rgba(255,255,255,.12)}.cocktail-content h2{font-family:"Shippori Mincho",serif;font-size:clamp(28px,3vw,42px);margin:0 0 8px}.cocktail-content>p{max-width:780px;color:#c7cbd0}.cocktail-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:30px}.cocktail-specs div{background:#0d1117;padding:20px}.cocktail-specs dt{font-size:9px;color:var(--gold);letter-spacing:.12em}.cocktail-specs dd{margin:8px 0 0;font-size:12px}.cocktail-specs ul{list-style:none;padding:0;margin:0}.cocktail-specs li{margin:2px 0}.guide-note{font-size:10px;color:#858c93;margin:35px 0 80px}.guide-cta{margin-top:80px;padding:55px;background:#102445;display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-cta h2{font-family:"Shippori Mincho",serif;font-size:32px;margin:0}.guide-cta p{color:#bfc9d7;margin:5px 0 0}.no-results{display:none;padding:25px;border:1px solid var(--line);color:#aaa}.no-results.visible{display:block}
@media(max-width:900px){.guide-intro{grid-template-columns:1fr}.cocktail-index{grid-template-columns:repeat(2,1fr)}.cocktail-specs{grid-template-columns:repeat(2,1fr)}.guide-cta{display:block}.guide-cta .button{margin-top:25px}}
@media(max-width:600px){.guide-main{padding:70px 24px 90px}.cocktail-tools{display:block}.cocktail-search{width:100%}.cocktail-count{display:block;margin-top:10px}.cocktail-index{grid-template-columns:1fr;margin-bottom:80px}.featured-cocktail{grid-column:auto}.cocktail-index a{min-height:125px}.cocktail-chapter{grid-template-columns:1fr;gap:15px;padding:50px 0}.cocktail-no{font-size:34px}.cocktail-specs{grid-template-columns:1fr 1fr}.guide-cta{padding:35px 24px}}
.cocktail-index a{min-height:330px;padding:0;overflow:hidden;justify-content:flex-start}.featured-cocktail{grid-column:auto;background:#0d1117!important}.cocktail-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#05080c;border-bottom:1px solid var(--line)}.cocktail-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:.35s;opacity:.96}.cocktail-index a:hover .cocktail-thumb img{transform:scale(1.04);opacity:1}.cocktail-card-copy{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:24px}.cocktail-card-copy b{line-height:1.6}.article-cocktail-image{margin:0 0 65px;background:#0d1117;border:1px solid var(--line);border-radius:28px;overflow:hidden}.article-cocktail-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-cocktail-image figcaption{padding:14px 18px;margin:0;color:var(--gold);font-size:10px;letter-spacing:.14em;border-top:1px solid var(--line)}
@media(max-width:600px){.cocktail-index a{min-height:300px}.cocktail-card-copy{padding:22px}.article-cocktail-image{margin-bottom:45px}}
.blog-hub{max-width:1400px;margin:auto;padding:100px var(--pad) 130px}.blog-hub-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:45px}.blog-hub-intro h2{font-family:"Shippori Mincho",serif;font-size:clamp(34px,4vw,58px);line-height:1.45;margin:0}.blog-hub-intro p{color:#bcc1c6}.blog-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 80px}.blog-category-nav a{border:1px solid var(--line);padding:10px 14px;font-size:10px;font-weight:700;color:#d8dde2;letter-spacing:.08em}.blog-category-nav a:hover{border-color:var(--gold);color:var(--gold)}.blog-category{scroll-margin-top:90px;margin-top:90px}.blog-category-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:22px}.blog-category-head .kicker{grid-column:1/-1;margin:0}.blog-category-head h2{font-family:"Shippori Mincho",serif;font-size:clamp(28px,3vw,42px);margin:0}.blog-category-head span{font-size:10px;color:var(--gold);letter-spacing:.16em}.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.blog-card{background:#0d1117}.blog-card a{display:flex;min-height:255px;padding:28px;flex-direction:column;justify-content:space-between;gap:22px;transition:.25s}.blog-card a:hover{background:#141b24;transform:translateY(-2px)}.blog-card span{font-size:9px;letter-spacing:.16em;color:var(--gold);font-weight:800}.blog-card h3{font-family:"Shippori Mincho",serif;font-size:22px;line-height:1.65;margin:0;color:#fff}.blog-card p{margin:0;color:#aeb5bd;font-size:12px;line-height:1.9}.blog-card small{font-size:10px;color:#7f8790;line-height:1.7}.journal-more{display:flex;justify-content:flex-end;margin-top:34px}.journal-more .button{width:auto;min-width:260px}
@media(max-width:900px){.blog-hub-intro{grid-template-columns:1fr}.blog-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-hub{padding:70px 24px 90px}.blog-category-nav{margin-bottom:55px}.blog-card-grid{grid-template-columns:1fr}.blog-card a{min-height:220px}.blog-category-head{grid-template-columns:1fr}.journal-more{justify-content:stretch}.journal-more .button{width:100%}}
.blog-card-grid{gap:0;background:transparent;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.blog-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}

@media(max-width:600px){
  .cocktail-index,
  .blog-card-grid,
  .cocktail-specs,
  .article-nav{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:82%;
    grid-template-columns:none;
    gap:12px;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x proximity;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
  }

  .cocktail-index a,
  .blog-card,
  .cocktail-specs div,
  .article-nav a{
    scroll-snap-align:start;
  }

  .cocktail-index{
    background:transparent;
    margin-bottom:70px;
  }

  .cocktail-index a{
    min-height:300px;
    border:1px solid var(--line);
    border-radius:12px;
  }

  .blog-card-grid{
    background:transparent;
    border:0;
  }

  .blog-card{
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
  }

  .blog-card a{
    min-height:245px;
  }

  .cocktail-specs{
    background:transparent;
    margin-top:24px;
  }

  .cocktail-specs div{
    min-height:126px;
    border:1px solid var(--line);
    border-radius:10px;
  }

  .article-nav{
    padding-left:24px;
    padding-right:24px;
  }

  .article-nav a{
    min-height:130px;
    border-radius:10px;
  }

  .cocktail-index::-webkit-scrollbar,
  .blog-card-grid::-webkit-scrollbar,
  .cocktail-specs::-webkit-scrollbar,
  .article-nav::-webkit-scrollbar{
    height:3px;
  }

  .cocktail-index::-webkit-scrollbar-thumb,
  .blog-card-grid::-webkit-scrollbar-thumb,
  .cocktail-specs::-webkit-scrollbar-thumb,
  .article-nav::-webkit-scrollbar-thumb{
    background:rgba(212,168,82,.72);
    border-radius:999px;
  }

  .cocktail-index::-webkit-scrollbar-track,
  .blog-card-grid::-webkit-scrollbar-track,
  .cocktail-specs::-webkit-scrollbar-track,
  .article-nav::-webkit-scrollbar-track{
    background:rgba(255,255,255,.08);
    border-radius:999px;
  }
}

@media(max-width:380px){
  .cocktail-index,
  .blog-card-grid,
  .cocktail-specs,
  .article-nav{
    grid-auto-columns:88%;
  }
}

@media(max-width:600px){
  .article-hero{
    min-height:100svh;
    padding:128px 20px 54px;
    background-position:center;
  }

  .article-hero:after{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:34px;
    height:1px;
    background:linear-gradient(90deg,rgba(212,168,82,.7),transparent);
  }

  .article-hero-inner{
    padding:20px 18px;
    border:1px solid rgba(212,168,82,.2);
    border-radius:18px;
    background:rgba(5,8,12,.42);
    box-shadow:0 24px 80px rgba(0,0,0,.34);
    backdrop-filter:blur(4px);
  }

  .article-hero h1{
    font-size:34px;
    line-height:1.45;
  }

  .article-layout{
    padding:64px 20px 82px;
  }

  .article-body .lead,
  .article-body blockquote,
  .article-cta{
    border-radius:16px;
  }

  .article-body .lead{
    padding:22px 18px;
    border:1px solid rgba(212,168,82,.18);
    background:rgba(255,255,255,.025);
  }

  .article-body h2{
    font-size:25px;
    padding-top:22px;
    border-top-color:rgba(212,168,82,.28);
  }

  .article-body p{
    line-height:2.05;
  }

  .article-body li{
    margin-bottom:8px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:10px;
    background:#0d1117;
  }

  .blog-category-nav{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:max-content;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,#000 0%,#000 84%,transparent 100%);
  }

  .blog-category-nav a{
    border-radius:999px;
    background:rgba(255,255,255,.035);
  }

  .cocktail-index,
  .blog-card-grid,
  .cocktail-specs,
  .article-nav{
    margin-right:-20px;
    padding-right:20px;
    mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%);
  }

  .cocktail-index a,
  .blog-card,
  .cocktail-specs div,
  .article-nav a{
    box-shadow:0 18px 52px rgba(0,0,0,.24);
  }

  .guide-cta,
  .article-cta{
    border:1px solid rgba(212,168,82,.2);
    box-shadow:0 22px 70px rgba(0,0,0,.26);
  }
}