/* SUBA! unified visitor-first edition / preview only */
:root{--suba-red:#b41b24;--suba-ink:#1b211d;--suba-cream:#faf8f4}
*,*::before,*::after{box-sizing:border-box}
body .header.header-polished{height:76px!important;min-height:76px!important;max-height:76px!important;background:#fff!important;z-index:50!important;border-bottom:1px solid #e9e3dd!important;box-shadow:0 2px 16px #21150b09!important}
body .header.header-polished>.wrap{height:76px!important;max-width:1310px!important;padding:0 clamp(16px,3vw,38px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
body .header.header-polished .brand{flex:0 0 172px!important;min-width:0!important;display:flex!important;align-items:center!important}
body .header.header-polished .brand img.suba-c1a1-head-logo{width:172px!important;max-width:100%!important;height:auto!important;max-height:57px!important;object-fit:contain!important}
body .header.header-polished .nav{display:flex;gap:clamp(9px,1.65vw,25px);align-items:center;white-space:nowrap}
body .header.header-polished .nav a{font-size:12.3px;line-height:1.5;padding:8px 0;text-decoration:none}
body .header.header-polished .nav a.active{color:#b41b24}
body .header.header-polished .menu-btn{display:none}
body .header.header-polished .nav.open{display:flex}
@media(max-width:1050px){body .header.header-polished .menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;min-height:42px;color:#231d19;background:#f5f0ea;border:1px solid #e6ded7;border-radius:10px;cursor:pointer;flex-shrink:0}
body .header.header-polished .nav{display:none!important;position:absolute;left:0;right:0;top:76px;width:100%;padding:14px 20px 24px;flex-direction:column;gap:0!important;align-items:stretch!important;background:#fff;box-shadow:0 14px 22px #150e0920;border-top:1px solid #ece5df;white-space:normal}
body .header.header-polished .nav.open{display:flex!important}
body .header.header-polished .nav a{font-size:15px;padding:13px 10px;border-bottom:1px solid #eee9e2}}
@media(max-width:520px){body .header.header-polished,body .header.header-polished>.wrap{height:66px!important;min-height:66px!important;max-height:66px!important}body .header.header-polished .nav{top:66px}body .header.header-polished .brand{flex-basis:156px!important}body .header.header-polished .brand img.suba-c1a1-head-logo{width:156px!important}}
/* style corrections: VS and punctuation */
.AG-red>span{text-align:center!important;display:block!important}
.AG-red em{display:inline-block!important;font-style:normal!important;font-weight:900!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(30px,3.3vw,58px)!important;letter-spacing:-.045em!important;line-height:1.1!important;vertical-align:middle!important;margin:6px auto!important;transform:none!important;position:static!important;color:inherit!important}
.AG-story-photo .tiny-dot{color:inherit!important}
/* shared magazine section visuals */
.suba-feature-hub{background:#fbf9f5;color:#1b221d;padding:clamp(56px,7vw,96px) 20px;border-top:1px solid #ece4dc;border-bottom:1px solid #ece4dc}
.suba-feature-hub .suba-inner,.suba-article-page .suba-inner{max-width:1120px;margin:0 auto}
.suba-kicker{display:block;font:800 11px/1.5 system-ui,sans-serif;letter-spacing:.17em;color:#a72828;margin-bottom:12px}
.suba-feature-hub h2{font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(31px,4vw,49px);line-height:1.32;letter-spacing:-.035em;color:#17201d;margin:0 0 14px}
.suba-feature-hub .suba-intro{font-size:15px;line-height:1.95;max-width:680px;color:#5a5c56;margin-bottom:30px}
.suba-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.suba-feature-tile{text-decoration:none!important;color:inherit!important;background:#fff;border:1px solid #e4ded5;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000007;transition:transform .15s ease,box-shadow .15s ease}
.suba-feature-tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000014}
.suba-feature-tile .suba-tile-art{height:173px;background:linear-gradient(145deg,#fae7a6 0%,#fbc48b 43%,#83c4cc 100%);display:flex;align-items:center;justify-content:center;font-size:62px;position:relative;overflow:hidden}
.suba-feature-tile:nth-child(2) .suba-tile-art{background:linear-gradient(150deg,#9ddedc,#65b7c8 50%,#256282);}
.suba-feature-tile:nth-child(3) .suba-tile-art{background:linear-gradient(170deg,#f2bd89,#de825f 42%,#603661 82%)}
.suba-feature-tile .suba-tile-art.photo{background-size:cover;background-position:center}
.suba-feature-tile .suba-tile-text{padding:23px;flex:1}
.suba-feature-tile small{font-size:10px;letter-spacing:.15em;color:#b11d27;font-weight:800}
.suba-feature-tile h3{font-family:Georgia,'Noto Serif JP',serif;font-size:23px;color:#202420;margin:10px 0!important;line-height:1.35}
.suba-feature-tile p{font-size:13px;line-height:1.8;color:#61645e;margin:0 0 18px!important}
.suba-tile-more{color:#a72b2c;font-size:12px;font-weight:800;letter-spacing:.04em;margin-top:auto}
@media(max-width:760px){.suba-feature-grid{grid-template-columns:1fr}.suba-feature-tile{flex-direction:row;min-height:157px}.suba-feature-tile .suba-tile-art{width:34%;min-width:120px;height:auto;align-self:stretch;font-size:44px}.suba-feature-tile .suba-tile-text{padding:18px}.suba-feature-tile h3{font-size:21px}.suba-feature-tile p{font-size:12px}}
@media(max-width:400px){.suba-feature-tile .suba-tile-art{width:26%;min-width:90px}}
/* editorial pages */
.suba-article-page{background:#fffdf9;min-height:70vh;color:#22251f;padding-bottom:100px}
.suba-article-hero{background:#192c2a;color:#fff;padding:clamp(62px,9vw,122px) 20px 66px;position:relative;overflow:hidden}
.suba-article-hero:before{content:'';position:absolute;width:400px;height:400px;right:-100px;top:-140px;border:1px solid #ffffff3f;border-radius:50%;box-shadow:0 0 0 50px #ffffff08,0 0 0 110px #ffffff06}
.suba-article-hero.sunrise{background:linear-gradient(142deg,#2b3e40,#5c726b 55%,#bf9174)}
.suba-article-hero.beach{background:linear-gradient(145deg,#17363a,#1c686f 65%,#8ab1a5)}
.suba-article-hero.travel{background:linear-gradient(140deg,#3d3530,#804e3d 55%,#b7794c)}
.suba-article-hero.basics{background:linear-gradient(145deg,#28342c,#495648 60%,#82906c)}
.suba-article-hero .suba-inner{position:relative;z-index:1}
.suba-article-hero .suba-kicker{color:#ffceb3}
.suba-article-hero h1{font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(43px,7.5vw,84px);line-height:1.19;letter-spacing:-.06em;color:#fff;margin:12px 0 22px}
.suba-article-hero p{font-size:clamp(14px,1.7vw,18px);line-height:2;color:#f4eee6;max-width:620px;margin:0}
.suba-article-body{max-width:1000px;margin:0 auto;padding:46px 20px}
.suba-lead{font-size:17px;line-height:2.2;margin:0 0 32px}
.suba-article-section{padding:25px 0 39px;border-bottom:1px solid #e7e0d7}
.suba-article-section h2{font-family:Georgia,'Noto Serif JP',serif;font-size:clamp(25px,4vw,37px);letter-spacing:-.03em;line-height:1.45;margin:6px 0 16px;color:#202720}
.suba-article-section p{font-size:15px;line-height:2;color:#464941;max-width:790px}
.suba-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
.suba-info-card{background:#fff;border:1px solid #e3dbd1;padding:25px;border-radius:4px;box-shadow:0 4px 18px #2b160908}
.suba-info-card small{font:800 11px system-ui,sans-serif;color:#a92928;letter-spacing:.10em}
.suba-info-card h3{font-family:Georgia,'Noto Serif JP',serif;font-size:23px;line-height:1.42;color:#17211c;margin:9px 0 11px}
.suba-info-card p{font-size:14px;line-height:1.85;color:#50534b;margin:0 0 12px}
.suba-info-card a:not(.suba-cta){color:#9e2528;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.suba-info-card .suba-meta{font-size:13px;color:#795e49;display:block;margin-bottom:12px}
.suba-pill{display:inline-block;padding:5px 10px;background:#f6eee8;color:#8a3530;border-radius:25px;font-size:11px;font-weight:800;margin-right:6px;margin-bottom:6px}
.suba-cta{display:inline-block!important;background:#ad242c;color:#fff!important;text-decoration:none!important;padding:11px 16px;border-radius:3px;font-size:13px;font-weight:800;line-height:1.5;margin-top:10px}
.suba-cta.light{background:#fff;color:#991b21!important;border:1px solid #d5c4b4}
.suba-warn{background:#faf4ea;border-left:4px solid #b94735;color:#61544a;padding:17px 21px;font-size:13px;line-height:1.9;margin:20px 0}
.suba-guide-strip{margin:44px 0 0;background:#1e342c;color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.suba-guide-strip h2{font-family:Georgia,'Noto Serif JP',serif;font-size:23px;color:#fff;margin:0 0 7px}
.suba-guide-strip p{margin:0;color:#e0e9e1;font-size:13px;line-height:1.8}
.suba-guide-strip a{color:#fff;border:1px solid #afc4b0;padding:12px 18px;text-decoration:none;font-weight:bold;white-space:nowrap;font-size:13px}
.suba-shop-travel-tip{max-width:1130px;margin:30px auto;padding:22px 25px;border-left:4px solid #b41b24;background:#f6f0e8}
.suba-shop-travel-tip strong{font-size:16px;color:#17251e}
.suba-shop-travel-tip p{font-size:13px;line-height:1.85;color:#555;margin:8px 0}
.suba-shop-travel-tip a{color:#9e2528;font-weight:bold}
@media(max-width:740px){.suba-info-grid{grid-template-columns:1fr}.suba-guide-strip{display:block}.suba-guide-strip a{display:inline-block;margin-top:14px}.suba-article-body{padding:34px 18px}.suba-article-hero{padding:58px 18px 61px}.suba-article-section h2{font-size:26px}}
/* keep optional journal accessible but remove from prominent home */
body .suba-preview-banner{font-size:10px!important}


/* v5.2.2 | consistent editorial palette: ink / vermilion / white / warm paper.
   Applies to the new feature story pages only; preserves real food photos,
   existing article typography, and the site-wide 76px / 66px header sizing. */
body.suba-new-feature .suba-article-page { background:#fffdf9; }
body.suba-new-feature .suba-article-hero,
body.suba-new-feature .suba-article-hero.sunrise,
body.suba-new-feature .suba-article-hero.beach,
body.suba-new-feature .suba-article-hero.travel,
body.suba-new-feature .suba-article-hero.basics {
  background:linear-gradient(110deg,#f8f4ed 0%,#f4ebdf 68%,#f3dfd3 100%);
  color:#20241e;
  border-bottom:1px solid #e2d7cb;
}
body.suba-new-feature .suba-article-hero::before{
  width:340px;height:340px;right:-80px;top:-120px;
  border:1px solid rgba(179,47,47,.10);
  box-shadow:0 0 0 55px rgba(181,48,48,.018),0 0 0 110px rgba(181,48,48,.012);
}
body.suba-new-feature .suba-article-hero h1 { color:#20241e; }
body.suba-new-feature .suba-article-hero p { color:#555951; }
body.suba-new-feature .suba-article-hero .suba-kicker { color:#ad1d25; }
body.suba-new-feature .suba-guide-strip{background:#202723;}
/* Footer logo color is controlled by the dark-letter logo asset, not CSS filters. */
.footer img.suba-c1a1-footer-logo { filter:none!important;opacity:1!important; }