/* SUBA! v3.6 | preserved ordered styles from v3.5 */

/* style.css */

:root{--red:#bd191a;--reddeep:#941217;--ink:#20201d;--cream:#f4efe7;--pale:#faf8f3;--line:#e9e3da;--muted:#78736b;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75;letter-spacing:.025em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:.03em}h1,h2{font-family:Georgia,"Hiragino Mincho ProN","Yu Mincho",serif}h2{font-size:clamp(1.85rem,3vw,2.75rem)}.container{max-width:var(--max);margin:auto;padding-left:25px;padding-right:25px}.skip{position:absolute;left:-999em;top:0;background:#fff;z-index:20}.skip:focus{left:10px}.eyebrow{font-family:Arial,sans-serif;color:var(--red);font-weight:800;letter-spacing:.19em;font-size:.67rem;text-transform:uppercase}.small{font-size:.82rem;color:var(--muted)}.muted{color:var(--muted)}.header{height:84px;position:relative;background:#fff;z-index:15;border-bottom:1px solid #efebe5}.header .wrap{max-width:var(--max);height:100%;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 25px}.brand{display:flex;align-items:center;gap:12px;line-height:1.15;min-width:185px}.brand svg{height:56px;width:175px}.nav{display:flex;align-items:center;gap:27px;font-size:.79rem;font-weight:800}.nav a{white-space:nowrap}.nav .active{color:var(--red)}.menu-btn{display:none;border:0;background:transparent;font-size:1.45rem;padding:8px}.hero{height:540px;background:#171514 url('okinawa-soba-editorial.webp') center 48%/cover no-repeat;position:relative;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,11,.86) 0%,rgba(15,13,11,.55) 37%,rgba(15,13,11,.02) 76%)}.hero .container{position:relative;height:100%;display:flex;align-items:center}.hero-copy{max-width:555px;padding-bottom:60px}.hero .eyebrow{color:#f8d9c0}.hero h1{font-size:clamp(3.2rem,5.3vw,5.4rem);line-height:1.24;font-weight:800;letter-spacing:.055em;margin:23px 0}.hero p{font-size:.98rem;line-height:2.15}.hero-credit{position:absolute;bottom:19px;right:35px;color:#fff;font-size:.69rem;text-shadow:0 1px 4px #222}.search-overlap{position:relative;margin-top:-67px;z-index:2}.search-panel{background:#fff;padding:29px 32px;box-shadow:0 17px 45px #241a1024;border-radius:8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.search-panel h2{font-family:inherit;font-size:1.1rem;margin:4px 0}.search-panel .eyebrow{font-size:.62rem}.search-form{display:flex;align-items:stretch;gap:9px;min-width:450px}.search-form input,.search-form select,.filter-controls input,.filter-controls select,.note-form input,.note-form textarea,.note-form select{border:1px solid #ddd5cb;background:#fff;border-radius:5px;padding:12px 13px;min-width:0;outline-color:var(--red)}.search-form input{flex:1}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:var(--red);color:#fff!important;border:1px solid var(--red);border-radius:4px;padding:12px 22px;font-size:.88rem;font-weight:800;transition:.2s;white-space:nowrap}.btn:hover{background:var(--reddeep)}.btn.secondary{background:#fff;color:var(--ink)!important;border-color:var(--line)}.btn.secondary:hover{border-color:var(--red)}.btn.small-btn{padding:7px 11px;font-size:.75rem}.quick-links{display:flex;gap:9px;align-items:center;margin-top:17px;flex-wrap:wrap;font-size:.8rem}.pill{border:1px solid #ded8d0;border-radius:22px;padding:5px 12px;font-size:.75rem;background:#fff}.pill:hover{border-color:var(--red)}.section{padding:80px 0}.section.cream{background:var(--pale)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:9px 0 0}.text-link{font-size:.85rem;font-weight:800;border-bottom:1px solid var(--red);padding-bottom:4px}.story-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.story{position:relative;min-height:295px;border-radius:5px;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:end;background:#352720;color:#fff}.story:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 9%,#090806bb 90%);z-index:0}.story>*{position:relative}.story.red{background:radial-gradient(circle at 85% 15%,#cf393d,#800f15 57%,#3e1113)}.story.ocher{background:radial-gradient(circle at 95% 10%,#f2c37d,#c07d37 48%,#663b29)}.story.photo{background:#1e1712 url('okinawa-soba-editorial.webp') 65% 57%/cover}.story .eyebrow{color:#ffe4c4}.story h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.8rem;line-height:1.4;margin:11px 0}.story .big{font:900 6rem Georgia,serif;position:absolute;top:14px;right:18px;color:#ffffff25;line-height:1}.story p{font-size:.81rem;max-width:260px;margin:0}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-card{border:1px solid var(--line);border-radius:4px;padding:23px 24px;background:#fff;min-height:150px;transition:.2s}.area-card:hover{box-shadow:0 9px 22px #0000000e;transform:translateY(-2px)}.area-card b{display:block;font-size:1.2rem;margin-top:18px}.area-card .num{font:bold .75rem Arial;color:var(--red)}.area-card .small{display:block}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.editorial-card{border-bottom:1px solid var(--line);padding-bottom:17px;min-width:0}.editorial-card .figure{height:190px;display:flex;justify-content:end;flex-direction:column;padding:20px;background:#302b23;color:#fff;position:relative;overflow:hidden}.figure.food{background:url('okinawa-soba-editorial.webp') 70% 44%/cover}.figure.type{background:linear-gradient(140deg,#1c2929,#455c51)}.figure.hand{background:linear-gradient(145deg,#eecba1,#b75c3b)}.figure.day{background:linear-gradient(125deg,#6d171b,#c42e25)}.figure:before{content:"";position:absolute;inset:0;background:#00000019}.figure strong{font:800 3.4rem Georgia,serif;position:relative;line-height:1}.editorial-card h3{margin:13px 0 6px;font-size:1.08rem}.editorial-card .eyebrow{margin-top:14px;font-size:.58rem}.editorial-card p{font-size:.78rem;color:var(--muted);margin:0}.journey{background:#22211f;color:#fff}.journey .eyebrow{color:#e8a09b}.journey h2{font-size:2.5rem}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:31px}.journey-grid>a{border:1px solid #595550;padding:26px;min-height:207px;display:flex;flex-direction:column;justify-content:space-between}.journey-grid>a:hover{background:#ffffff0b;color:#fff}.journey-number{color:#e6a3a0;font:700 .73rem Arial}.journey-grid h3{font-size:1.18rem;margin-bottom:6px}.footer{background:#f1ece4;border-top:1px solid var(--line);padding:54px 0 28px}.footer .columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:42px}.footer ul{list-style:none;margin:0;padding:0;font-size:.85rem;line-height:2.7}.footer strong{font-size:.82rem}.footer-bottom{border-top:1px solid #dcd5cc;margin-top:40px;padding-top:21px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:.72rem;color:#736f68}.page-hero{padding:76px 0 61px;background:var(--cream);border-bottom:1px solid #e4ded5}.page-hero h1{font-size:clamp(2.5rem,4vw,3.9rem);margin:13px 0 16px}.page-hero p{max-width:740px}.breadcrumbs{font-size:.73rem;color:#777268;margin-bottom:16px}.content{max-width:780px;margin:0 auto;padding:56px 25px 90px}.content h2{font-size:1.85rem;margin-top:48px;padding-left:15px;border-left:4px solid var(--red)}.content h3{font-size:1.2rem;margin-top:30px}.content p,.content li{line-height:2.1}.content .lead{font-size:1.13rem;font-weight:600}.content .adspace{min-height:0}.article-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:.74rem;color:var(--muted);margin:30px 0}.feature-image{height:330px;background:#2e2925 url('okinawa-soba-editorial.webp') 60% 50%/cover;border-radius:5px;position:relative}.feature-image:after{content:'写真はイメージ（生成素材）';position:absolute;bottom:10px;right:10px;color:#fff;background:#0009;padding:2px 7px;font-size:.7rem}.refbox{padding:21px;background:var(--pale);border:1px solid var(--line);font-size:.82rem;margin-top:37px}.refbox a{color:var(--red);text-decoration:underline;overflow-wrap:anywhere}.notice{background:#fbf1e9;border-left:4px solid #bf8f69;padding:17px 21px;font-size:.85rem;margin:22px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.shop-card{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden}.shop-card .shop-visual{padding:24px 24px 15px;background:#ece5d9;min-height:125px;position:relative;overflow:hidden}.shop-card .shop-visual:after{content:"そば。";position:absolute;font:bold 6rem Georgia,serif;color:#d2bba275;right:2px;bottom:-31px}.shop-card .shop-visual strong{font-size:1.45rem;position:relative;z-index:1}.shop-card .shop-visual .eyebrow{position:relative;z-index:1}.shop-card .body{padding:20px}.shop-card .body p{font-size:.84rem;color:#666;min-height:58px}.tag{background:#f9ece7;color:var(--reddeep);padding:3px 8px;border-radius:3px;display:inline-block;margin:2px;font-size:.69rem;font-weight:700}.filter-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:9px;margin:22px 0 30px}.filter-controls>*,.note-form>*{width:100%}.filter-result{font-size:.83rem;margin-bottom:15px}.section-tight{padding-top:45px;padding-bottom:55px}.shop-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.shop-detail .photo{height:360px;background:url('okinawa-soba-editorial.webp') 62% 50%/cover;position:relative}.shop-detail .photo span{position:absolute;bottom:8px;right:8px;background:#000b;color:#fff;padding:3px 9px;font-size:.7rem}.details{width:100%;border-collapse:collapse}.details th,.details td{border-bottom:1px solid var(--line);padding:12px 6px;text-align:left;vertical-align:top;font-size:.85rem}.details th{width:32%;color:var(--muted)}.status-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:3px;padding:8px 10px;font-size:.77rem;font-weight:700}.status-btn.selected{border-color:var(--red);color:var(--red);background:#fdf2ef}.note-form{display:grid;gap:10px;max-width:650px}.note-form textarea{min-height:108px;resize:vertical}.notecard{border:1px solid var(--line);border-left:4px solid var(--red);padding:15px;margin:10px 0;background:#fff}.notecard p{white-space:pre-wrap;margin:5px 0}.map-panel{display:grid;grid-template-columns:1.25fr .9fr;gap:24px}.schematic{position:relative;min-height:500px;border:1px solid #d3ded8;background:radial-gradient(ellipse at 78% 33%,#b0d5d3 0,#b9dadd 35%,#b7d5da 90%);border-radius:6px;overflow:hidden}.island{position:absolute;left:26%;top:-15%;height:139%;width:36%;border-radius:59% 36% 70% 28%/42% 63% 34% 56%;background:#ddd7af;transform:rotate(36deg);box-shadow:inset 0 0 0 16px #aec5a3;opacity:.92}.map-pin{position:absolute;border:0;background:var(--red);color:#fff;width:34px;height:34px;border-radius:50%;font-size:13px;box-shadow:0 2px 7px #1b11134d;transform:translate(-50%,-50%)}.map-pin:focus-visible{outline:3px solid #000}.map-pin.active{background:#1d2623;outline:3px solid #fff}.map-watermark{position:absolute;bottom:13px;left:14px;font-size:.65rem;color:#27494c;max-width:82%;background:#fff9;padding:7px}.map-list .map-item{background:#fff;border:1px solid var(--line);padding:12px;margin-bottom:10px}.map-list .map-item strong{display:block}.map-list .map-item small{color:var(--muted)}.preview-ad{display:none;margin:26px 0;padding:25px;text-align:center;border:1px dashed #b8b2ab;background:#fafafa;color:#8b8884;font-size:.75rem;min-height:120px}.preview-ad.show{display:block}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:26px}.related{background:var(--pale);padding:24px;margin-top:40px}.related a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9rem}.inline-search{background:var(--pale);padding:27px;border:1px solid var(--line)}.inline-search form{display:flex;gap:8px}.inline-search input{flex:1;min-width:0;padding:11px;border:1px solid #ddd}.detail-contact{color:var(--red);text-decoration:underline}.hide{display:none!important} .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:980px){.header{height:75px}.header .wrap{padding:0 17px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:75px;background:#fff;padding:20px;box-shadow:0 15px 20px #0001;gap:0;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:11px 3px;border-bottom:1px solid var(--line)}.hero{height:525px}.search-panel{grid-template-columns:1fr;padding:22px}.search-form{min-width:0}.story-grid{grid-template-columns:1fr 1fr}.story-grid .story:first-child{grid-column:span 2}.story{min-height:265px}.area-grid{grid-template-columns:repeat(2,1fr)}.filter-controls{grid-template-columns:repeat(2,1fr)} }
@media(max-width:640px){body{font-size:14px}.container{padding:0 19px}.header .brand svg{height:51px;width:160px}.hero{height:480px;background-position:67% center}.hero:before{background:linear-gradient(0deg,#111b 0%,#1119 34%,#1111 100%)}.hero .container{align-items:end}.hero-copy{padding:0 0 95px}.hero h1{font-size:2.95rem;letter-spacing:.06em;margin:12px 0}.hero p{font-size:.81rem;margin:0}.hero-credit{right:12px;font-size:.6rem;bottom:11px}.search-overlap{margin-top:-65px}.search-panel{padding:17px 18px;gap:8px;border-radius:6px;box-shadow:0 6px 24px #241a1026}.search-panel h2{font-size:1rem}.search-form input{font-size:14px}.search-form .btn{padding:10px 13px}.quick-links{font-size:.75rem;margin-top:12px}.pill{padding:3px 9px}.section{padding:59px 0}.section-heading{gap:12px;align-items:end}.section-heading h2{font-size:1.85rem}.text-link{font-size:.72rem;white-space:nowrap}.story-grid{grid-template-columns:1fr;gap:12px}.story-grid .story:first-child{grid-column:auto}.story{min-height:230px;padding:22px}.story h3{font-size:1.7rem}.area-grid{gap:10px}.area-card{padding:18px 15px;min-height:122px}.area-card b{font-size:1rem;margin-top:13px}.editorial-grid{grid-template-columns:1fr 1fr;gap:12px}.editorial-card:first-child{grid-column:span 2}.editorial-card .figure{height:127px;padding:12px}.editorial-card:first-child .figure{height:190px}.editorial-card h3{font-size:.91rem}.editorial-card p{font-size:.71rem}.journey-grid{grid-template-columns:1fr;gap:9px}.journey-grid>a{min-height:130px;padding:19px}.journey h2{font-size:2rem}.footer .columns{grid-template-columns:1fr 1fr;gap:26px}.footer .columns>div:first-child{grid-column:span 2}.page-hero{padding:43px 0 39px}.page-hero h1{font-size:2.3rem}.content{padding:36px 20px 65px}.content h2{font-size:1.6rem}.feature-image{height:235px}.shop-grid,.shop-detail,.map-panel,.two-up{grid-template-columns:1fr}.shop-card .body p{min-height:0}.shop-detail .photo{height:255px}.filter-controls{grid-template-columns:1fr 1fr}.filter-controls input{grid-column:span 2}.schematic{min-height:340px}.inline-search form{flex-direction:column}}

/* v2.1 real-location opt-in map; no map/tiles loaded before user action */
.map-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 10px}.map-filter{border-radius:999px;background:#fff;border:1px solid #d7cfc4;padding:9px 15px;font-size:.84rem;min-height:42px}.map-filter.is-active,.map-filter:hover{background:#292623;color:#fff;border-color:#292623}.map-filter:focus-visible{outline:3px solid var(--red);outline-offset:2px}.geo-viewport{height:500px;min-width:0;background:#eee7db;position:relative;border-radius:6px;overflow:hidden}.geo-canvas{height:100%;width:100%;display:none}.geo-viewport.is-ready .geo-canvas{display:block}.geo-viewport.is-ready .geo-splash{display:none}.geo-splash{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 80% 12%,#e3d1ac,transparent 40%),linear-gradient(130deg,#f5efe4,#e5dfd0)}.geo-splash h3{font-size:clamp(1.2rem,2.3vw,1.7rem);margin:13px 0}.geo-splash p{max-width:340px;margin-bottom:20px}.geo-splash .small{margin:13px 0 0}.map-item.is-selected{box-shadow:0 0 0 2px var(--red);background:#fffafa}.geo-coordinate-note{font-size:.69rem;color:var(--muted);margin:6px 0 0}.map-item .actions{margin-top:10px}.geo-marker{border:2px solid #fff;background:var(--red);width:18px;height:18px;border-radius:50%;box-shadow:0 2px 6px #2229}.map-panel{align-items:start}.map-list{max-height:500px;overflow:auto;scrollbar-gutter:stable}.geo-viewport:focus-within{outline:1px solid #7a605e}
@media(max-width:640px){.geo-viewport{height:370px}.map-list{max-height:none}.map-filter{font-size:.78rem;padding:8px 12px}.map-panel{gap:14px}.geo-splash{padding:20px}}


/* redesign.css */
/* SUBA! Visual redesign v2.3 | editorial-first; all display text is real HTML */
:root{--red:#c61e23;--reddeep:#9b0d19;--ink:#161714;--cream:#f5f0e6;--pale:#f9f6ef;--line:#dbd5cb;--muted:#5a5853;--max:1240px}
body{background:#fffefa;color:var(--ink);font-family:'Noto Sans CJK JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;letter-spacing:0;line-height:1.78}
h1,h2,h3{letter-spacing:-.035em} h1,h2{font-family:'Noto Serif CJK JP','Yu Mincho',serif}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #dfad45;outline-offset:3px}
.header{height:78px;border-bottom:1px solid #ded8cf;background:#fffefa}.header .wrap{max-width:1420px;padding:0 42px}.brand{min-width:210px}.brand img{width:170px;max-height:65px;object-fit:contain}.nav{gap:30px;font-size:.79rem;font-weight:700}.nav a{position:relative}.nav a:after{content:'';position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--red);transition:width .2s}.nav a:hover:after{width:100%}.nav .active{color:var(--red)}
.container{max-width:var(--max);padding-inline:32px}.eyebrow{color:var(--red)}.btn{border-radius:0;letter-spacing:.03em}
/* Major editorial hero */
.redesign-home{overflow:hidden}.design-hero{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);height:min(620px,48vw);min-height:505px;background:var(--cream);border-bottom:1px solid var(--line)}
.dh-copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:34px clamp(28px,4.5vw,85px) 32px max(38px,calc((100vw - 1310px)/2));position:relative}
.dh-topline,.dh-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 .6rem Arial,sans-serif;letter-spacing:.14em;color:#5c554f;white-space:nowrap}.dh-topline>span:nth-child(2){margin-right:auto}.dh-dot{width:8px;height:8px;background:var(--red);border-radius:50%;flex-shrink:0}.dh-intro{transform:translateY(8px)}.dh-kicker{font-weight:700;font-size:.86rem;color:var(--red);letter-spacing:.045em;margin:0 0 23px}.dh-copy h1{font-family:'Noto Serif CJK JP','Yu Mincho',serif;font-weight:900;font-size:clamp(2.45rem,4.1vw,5.3rem);line-height:1.49;letter-spacing:-.075em;white-space:nowrap;margin:0 0 21px}.dh-copy h1 em{font-style:normal;color:var(--red)}.dh-stop{color:var(--red)}.dh-lede{font-size:clamp(.8rem,1vw,.96rem);line-height:2.15;color:#514e48;font-weight:500}.dh-bottom{border-top:1px solid #d3c9ba;padding-top:20px}.dh-index{display:flex;gap:15px;align-items:center}.dh-index i{display:inline-block;width:34px;border-top:1px solid #d3c9ba}.dh-explore{font-family:'Noto Sans CJK JP',sans-serif;font-size:.73rem;font-weight:800;letter-spacing:0}.dh-explore span{font-size:1.2rem;margin-left:9px;color:var(--red)}
.dh-visual{position:relative;overflow:hidden;background:#281b14}.dh-visual img{width:100%;height:100%;object-fit:cover;object-position:63% 52%;filter:saturate(1.08) contrast(1.02);transition:transform .8s}.dh-visual:hover img{transform:scale(1.025)}.dh-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#0d0b08a8,transparent);pointer-events:none}.dh-photo-label{position:absolute;z-index:2;bottom:43px;left:48px;color:#fff;display:flex;flex-direction:column;gap:7px}.dh-photo-label span{font:700 .67rem Arial,sans-serif;letter-spacing:.16em;color:#f1c8a6}.dh-photo-label b{font-family:'Noto Serif CJK JP',serif;font-size:1.2rem;font-weight:600;letter-spacing:.03em}.dh-photo-caption{position:absolute;right:17px;bottom:9px;z-index:2;font-size:.59rem;color:#fff;opacity:.8}
/* Search */
.discover{background:#171815;color:#fff;padding:32px 0 24px}.discover .container{display:grid;grid-template-columns: minmax(270px,1fr) minmax(390px,1.45fr);column-gap:50px;align-items:center}.section-nr{font:800 .64rem Arial,sans-serif;letter-spacing:.14em;color:var(--red);display:block}.discover .section-nr{color:#eca49e}.discover-top h2{font-family:'Noto Serif CJK JP',serif;font-size:clamp(1.35rem,2.1vw,1.85rem);font-weight:700;color:#fff;line-height:1.5;margin:9px 0}.mobile-only{display:none}.discover-form{display:flex;background:#fff;color:#24221f;min-width:0;height:62px}.discover-field{flex:1;display:flex;gap:8px;align-items:center;min-width:0;padding:0 17px}.discover-field .search-symbol{font-size:2.1rem;line-height:1;transform:rotate(-15deg);font-weight:600}.discover-form input{width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:.89rem;color:#222}.discover-form button{margin:6px;background:var(--red);color:#fff;border:0;padding:0 24px;font-weight:900;font-size:.86rem;white-space:nowrap}.discover-form button span{padding-left:11px}.discover-tags{grid-column:2;display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap;font-size:.71rem}.discover-tags>span{color:#b3aba5;font:700 .57rem Arial,sans-serif;letter-spacing:.11em}.discover-tags a{border-bottom:1px solid #5f5c56;padding:2px 1px}.discover-tags .discover-all{color:#f2beb8;margin-left:auto}
/* Magazine features */
.features{padding:102px 0 105px;background:#fffefa}.features-head,.areas-head,.latest-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}.features-head h2,.areas-head h2,.latest-head h2{font-family:'Noto Serif CJK JP',serif;font-size:clamp(2rem,3.2vw,3.35rem);font-weight:800;line-height:1.5;margin:12px 0 0}.feature-all{border-bottom:1px solid #27241f;font-size:.83rem;font-weight:750;flex-shrink:0;padding-bottom:8px}.feature-all span{color:var(--red);margin-left:20px}.feature-magazine{display:grid;grid-template-columns: 1.35fr .9fr;gap:22px;min-height:510px}.ft-main,.ft-small{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#fff;transition:transform .2s}.ft-main:hover,.ft-small:hover{color:#fff;transform:translateY(-3px)}.ft-main{background:linear-gradient(145deg,#ba181c,#871018 73%,#410f13);padding:34px 40px;min-height:510px}.ft-main:after{content:'';position:absolute;right:-130px;bottom:-210px;width:540px;height:540px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 57px #ffffff0c,0 0 0 115px #ffffff08;pointer-events:none}.ft-kind{font:800 .64rem Arial,sans-serif;letter-spacing:.16em;color:#fff;display:flex;gap:13px;align-items:center}.ft-kind i{border-left:1px solid #ffffff99;padding-left:12px;font-style:normal}.ft-number{font:900 clamp(6rem,11vw,11rem) Arial,sans-serif;letter-spacing:-.085em;line-height:1;align-self:center;color:#ffffff1f;transform:rotate(-10deg)}.ft-number span{color:#efa3a3}.ft-main-inner{position:relative;z-index:1;max-width:440px}.ft-chip{padding:5px 10px;border:1px solid #ffffffb7;font-size:.78rem;font-weight:800}.ft-main h3{font-family:'Noto Serif CJK JP',serif;font-size:clamp(1.9rem,3vw,3rem);font-weight:800;letter-spacing:-.05em;line-height:1.45;margin:15px 0}.ft-main p{font-size:.82rem;max-width:350px;margin-bottom:20px}.ft-arrow{font-size:.77rem;display:inline-block;border-bottom:1px solid #fff;padding-bottom:4px}.ft-arrow b{margin-left:20px}.ft-side{display:grid;grid-template-rows:1fr 1fr;gap:22px}.ft-small{min-height:244px}.ft-hundred{background:#e4d2b3;color:#171714!important}.ft-hundred .ft-kind,.ft-hundred .ft-arrow{color:#5f3227;border-color:#5f3227}.ft-hundred-num{position:absolute;font:900 clamp(7rem,10vw,10rem) Arial,sans-serif;letter-spacing:-.09em;line-height:1;right:24px;top:48px;color:#b8946438}.ft-hundred-num span{font-family:'Noto Serif CJK JP',serif;font-size:.26em;letter-spacing:0}.ft-small h3{font-family:'Noto Serif CJK JP',serif;font-size:1.62rem;line-height:1.35;font-weight:850;margin:0 0 7px}.ft-small p{font-size:.75rem;margin:0 0 9px;max-width:300px}.ft-small .ft-arrow{font-size:.7rem}.ft-basics{background:#272b26;color:#fff}.ft-outline{position:absolute;top:42px;right:16px;color:transparent;-webkit-text-stroke:1px #ffffff32;font:900 6.2rem Arial,sans-serif;letter-spacing:-.08em;line-height:1}
/* Area */
.guide-areas{background:var(--cream);padding:82px 0 91px}.new-area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #c8c2b6;border-bottom:1px solid #c8c2b6}.new-area-grid>a{display:flex;flex-direction:column;justify-content:space-between;min-height:225px;padding:24px 20px 21px;border-right:1px solid #c8c2b6;transition:background .2s}.new-area-grid>a:last-child{border:0}.new-area-grid>a:hover{background:#eee2d1}.new-area-grid a span{font:800 .7rem Arial,sans-serif;letter-spacing:.13em;color:#9c332b}.new-area-grid strong{font-family:'Noto Serif CJK JP',serif;font-size:2.2rem;letter-spacing:-.06em;font-weight:800}.new-area-grid i{font-size:.74rem;font-style:normal;color:#666058}.guide-disclaimer{font-size:.72rem;color:#6a655c;margin:15px 0 0}
/* Story archive */
.latest{padding:90px 0 110px}.new-article-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:27px}.new-article{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid #cbc5bb;padding-bottom:20px}.article-photo,.article-graphic{height:230px;position:relative;overflow:hidden}.article-photo img{width:100%;height:100%;object-fit:cover;object-position:70% 49%;transition:transform .4s}.new-article:hover img{transform:scale(1.055)}.article-photo span{position:absolute;top:13px;left:13px;color:#fff;background:var(--red);padding:6px 10px;font:bold .78rem Arial}.article-graphic{display:flex;align-items:center;justify-content:center;flex-direction:column}.article-graphic>span{font-family:'Noto Serif CJK JP',serif;font-size:3rem;font-weight:850;line-height:1.05;letter-spacing:-.08em;text-align:center}.article-graphic small{position:absolute;left:16px;bottom:13px;font:bold .6rem Arial;letter-spacing:.12em;color:#ffffffcc}.article-graphic em{font:italic .35em Georgia,serif}.AG-dark{background:#242724;color:#fbf3e7}.AG-red{background:#e4b5aa;color:#8e1820}.AG-red small{color:#7f2424}.new-article-body{padding-top:17px;flex:1;display:flex;flex-direction:column}.article-taxonomy{font:800 .61rem Arial,sans-serif;letter-spacing:.13em;color:var(--red)}.new-article-body h3{font-family:'Noto Serif CJK JP',serif;font-size:1.27rem;line-height:1.55;letter-spacing:-.035em;margin:12px 0 10px}.new-article-body p{font-size:.77rem;color:var(--muted);margin:0 0 24px}.new-article-body b{font:bold .64rem Arial,sans-serif;letter-spacing:.1em;margin-top:auto}
.record-journey{background:#20221f;color:#fff;padding:86px 0 82px}.record-journey .section-nr{color:#dd9387}.record-top{display:flex;justify-content:space-between;align-items:center}.record-top h2{font-size:clamp(2rem,3.2vw,3.2rem);font-family:'Noto Serif CJK JP',serif;letter-spacing:-.07em;line-height:1.5;margin:17px 0}.record-top p{font-size:.86rem;color:#e2dfda}.record-mark{font:900 clamp(5rem,11vw,10rem) Arial,sans-serif;letter-spacing:-.09em;color:#343632;position:relative;transform:rotate(-8deg)}.record-mark small{display:block;font:.7rem Arial;letter-spacing:.2em;color:#ae776e;text-align:right;transform:rotate(8deg)}.record-links{border-top:1px solid #5d6157;display:grid;grid-template-columns:repeat(3,1fr);margin-top:31px}.record-links a{padding:24px 16px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid #5d6157;color:#fff}.record-links a:last-child{border:0}.record-links a:hover{color:#f0b3a9}.record-links span{font:800 .68rem Arial;color:#cb938f}.record-links b{font-size:1rem}.record-links i{font-style:normal;color:#efb9b2;margin-left:auto}
/* Unified treatment for existing pages */
.page-hero{background:#efe9df;padding:68px 0;border-color:#d5cbbd}.page-hero h1{font-family:'Noto Serif CJK JP',serif;font-weight:800;letter-spacing:-.06em}.content h2{font-family:'Noto Serif CJK JP',serif}.footer{background:#ede8dc}.story h3{font-family:'Noto Serif CJK JP',serif}.shop-card,.area-card,.feature-image{border-radius:0}.shop-card .shop-visual{background:#e6dac6}.shop-card .shop-visual:after{font-family:'Noto Serif CJK JP',serif}.footer .columns{align-items:start}.footer img{object-fit:contain;object-position:left center}
@media(max-width:1150px){.dh-copy{padding-left:32px;padding-right:25px}.dh-copy h1{font-size:clamp(2.5rem,4vw,3.7rem)}.discover .container{gap:28px}.nav{gap:17px}}
@media(max-width:980px){.header{height:70px}.header .wrap{padding-inline:25px}.nav{top:70px}.design-hero{height:530px;min-height:0;grid-template-columns:46% 54%}.dh-topline span:last-child{display:none}.dh-copy h1{font-size:clamp(2.6rem,4.5vw,3.6rem)}.dh-lede{font-size:.79rem}.dh-photo-label{left:22px}.discover .container{grid-template-columns:1fr;row-gap:12px}.discover-tags{grid-column:auto}.features{padding-top:73px}.feature-magazine{grid-template-columns:1fr 1fr;min-height:430px}.ft-main{min-height:430px}.ft-main h3{font-size:1.85rem}.ft-side{gap:12px}.ft-small h3{font-size:1.35rem}.new-area-grid strong{font-size:1.6rem}.record-mark{font-size:5.4rem}}
@media(max-width:700px){body{font-size:14px}.header{height:66px}.header .wrap{padding-inline:20px}.header .brand img{width:153px}.menu-btn{display:block;font-size:0;width:42px;height:40px;position:relative;padding:0}.menu-btn:before{content:' ';position:absolute;top:14px;right:8px;width:25px;height:2px;background:#1c1a17;box-shadow:0 9px 0 #1c1a17}.nav{top:66px}.container{padding-inline:21px}.design-hero{height:auto;display:flex;flex-direction:column;border:0}.dh-visual{order:0;height:300px;flex:none}.dh-visual img{object-position:62% 48%}.dh-visual:after{background:linear-gradient(0deg,#0007,transparent 55%)}.dh-photo-label{bottom:20px;left:23px}.dh-photo-label span{font-size:.55rem}.dh-photo-label b{font-size:.88rem}.dh-photo-caption{font-size:.5rem;bottom:4px;right:9px}.dh-copy{order:1;padding:24px 21px 22px;min-height:335px;gap:20px}.dh-topline{font-size:.52rem}.dh-topline>span:last-child{display:inline}.dh-intro{transform:none}.dh-kicker{font-size:.74rem;margin:0 0 11px}.dh-copy h1{font-size:clamp(2.42rem,10vw,3.65rem);line-height:1.38;letter-spacing:-.085em;margin:0 0 14px}.dh-lede{font-size:.77rem;line-height:1.95;margin:0}.dh-bottom{padding-top:13px}.dh-explore{font-size:.7rem}.discover{padding:26px 0 22px}.discover .container{gap:12px}.discover-top{display:flex;align-items:end;justify-content:space-between;gap:12px}.discover-top .section-nr{font-size:.51rem;max-width:135px;line-height:1.6}.discover-top h2{font-size:1.25rem;line-height:1.35;margin:0}.mobile-only{display:block}.discover-form{height:56px}.discover-field{padding:0 10px}.discover-field .search-symbol{font-size:1.65rem}.discover-form input{font-size:13px}.discover-form button{padding:0 10px;font-size:.72rem;margin:5px}.discover-form button span{padding-left:4px}.discover-tags{gap:8px 13px;margin-top:5px}.discover-tags>span{flex:0 0 100%;font-size:.5rem}.discover-tags a{font-size:.67rem}.discover-tags .discover-all{margin-left:0}.features{padding:70px 0}.features-head,.areas-head,.latest-head{align-items:end;gap:10px;margin-bottom:21px}.features-head h2,.areas-head h2,.latest-head h2{font-size:clamp(1.55rem,5.9vw,2.18rem);line-height:1.5;margin-top:11px}.feature-all{font-size:.69rem;padding-bottom:5px}.feature-all span{margin-left:5px}.feature-magazine{display:flex;flex-direction:column;gap:11px}.ft-main{min-height:400px;padding:25px}.ft-number{font-size:9rem;align-self:end;transform:rotate(-9deg);margin-right:6px}.ft-main h3{font-size:2.1rem}.ft-main p{font-size:.82rem}.ft-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:11px}.ft-small{padding:18px;min-height:267px}.ft-small .ft-kind{font-size:.5rem;line-height:1.4}.ft-small h3{font-size:1.23rem}.ft-small p{font-size:.65rem}.ft-hundred-num{font-size:6rem;right:13px;top:63px}.ft-outline{font-size:3rem;top:79px}.ft-small .ft-arrow{font-size:.63rem}.guide-areas{padding:64px 0}.new-area-grid{grid-template-columns:1fr 1fr}.new-area-grid>a{min-height:164px;padding:20px 12px 14px;border-bottom:1px solid #c8c2b6}.new-area-grid>a:nth-child(2){border-right:0}.new-area-grid>a:nth-child(n+3){border-bottom:0}.new-area-grid strong{font-size:1.65rem}.new-area-grid a span{font-size:.62rem}.new-area-grid i{font-size:.63rem}.guide-disclaimer{font-size:.68rem}.latest{padding:70px 0 75px}.new-article-grid{grid-template-columns:1fr 1fr;gap:17px 11px}.new-article.first{grid-column:span 2}.new-article.first .article-photo{height:220px}.article-photo,.article-graphic{height:148px}.new-article-body{padding-top:13px}.new-article-body h3{font-size:.98rem;line-height:1.55}.new-article.first h3{font-size:1.25rem}.new-article-body p{font-size:.69rem}.article-taxonomy{font-size:.51rem}.article-graphic>span{font-size:2.1rem}.new-article-body b{font-size:.55rem}.record-journey{padding:68px 0}.record-top h2{font-size:2rem}.record-top p{font-size:.77rem}.record-mark{display:none}.record-links{grid-template-columns:1fr}.record-links a{border-right:0;border-bottom:1px solid #5d6157;padding:18px 4px}.record-links a:last-child{border:0}.footer .columns{gap:20px}}
@media(max-width:370px){.dh-copy h1{font-size:2.3rem}.ft-side{grid-template-columns:1fr}.ft-small{min-height:220px}.features-head h2{font-size:1.55rem}}
@media(max-width:700px){.menu-btn[aria-expanded="true"]:before{content:'×';font-size:30px;font-family:Arial,sans-serif;font-weight:400;line-height:1;top:3px;right:9px;width:auto;height:auto;box-shadow:none;background:transparent}.menu-btn[aria-expanded="true"]{background:#f0e6df}}


/* home-polish.css */
/* SUBA! v2.4 / Homepage editorial and ad placement preview — no live advertising. */
/* Make the search accessible early on small phones, without sacrificing the image. */
.home-ads-live{display:none}
.ft-hundred.has-food-photo{background:linear-gradient(90deg,rgba(26,18,10,.76),rgba(26,18,10,.24)), url('soba-and-bento-editorial.webp') center 57%/cover;color:white!important}
.ft-hundred.has-food-photo .ft-kind,.ft-hundred.has-food-photo .ft-arrow{color:white;border-color:rgba(255,255,255,.83)}
.ft-hundred.has-food-photo .ft-hundred-num{color:rgba(255,255,255,.16);top:52px}
.ft-hundred.has-food-photo h3,.ft-hundred.has-food-photo p{color:white;text-shadow:0 1px 14px rgba(0,0,0,.32)}
.ft-hundred.has-food-photo:after{content:'生成イメージ';position:absolute;right:10px;bottom:8px;font-size:.58rem;color:white;background:rgba(0,0,0,.62);padding:1px 5px}
.ft-hundred.has-food-photo .ft-arrow{position:relative;z-index:2}
/* A: between cultural features and area guide; B: after editorial list.  No containers or layout shifts when inactive. */
.ad-location-guide[hidden]{display:none!important}
.ad-location-guide{background:#f2eee6;border-top:1px solid #d9d2c8;border-bottom:1px solid #d9d2c8;padding:42px 0 38px}
.ad-demo-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;max-width:970px;margin:0 auto 12px;color:#645e57;font-size:.69rem;font-weight:750}
.ad-demo-meta span:last-child{font-family:Arial,sans-serif;font-size:.64rem;letter-spacing:.05em;white-space:nowrap}
.ad-demo-box{max-width:970px;height:220px;margin:auto;border:1px dashed #b7aea1;background:repeating-linear-gradient(-45deg,#faf8f4 0px,#faf8f4 15px,#f3f0e9 15px,#f3f0e9 16px);display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}
.ad-demo-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:#655f55}
.ad-demo-badge{background:#fff;border:1px solid #bcb4a8;padding:2px 15px;border-radius:2px;letter-spacing:.18em;font-size:.73rem;color:#49453d}
.ad-demo-content strong{font-family:'Noto Serif CJK JP',serif;font-size:1.1rem;color:#49443d}
.ad-demo-content small{font-size:.7rem}
.ad-demo-note{text-align:center;font-size:.66rem;color:#716b62;margin:11px 0 0}
/* Make the top feel like a story rather than marketing text blocks */
.dh-lede{letter-spacing:.012em}
.ft-small.has-food-photo{isolation:isolate}
@media(max-width:700px){
 .dh-visual{height:270px}
 .dh-copy{min-height:0;padding-top:23px;padding-bottom:17px;gap:10px}
 .dh-copy h1{font-size:clamp(2.25rem,9.3vw,3.42rem);line-height:1.3;margin-bottom:11px}
 .dh-kicker{font-size:.71rem;margin-bottom:8px}
 .dh-lede{font-size:.76rem;line-height:1.75}
 .dh-bottom{padding-top:9px}
 .dh-topline{font-size:.48rem}
 .features{padding:60px 0 66px}
 .ft-main{min-height:350px}
 .ft-number{font-size:7.6rem}
 .ft-side{grid-template-columns:1fr 1fr}
 .ft-small{min-height:244px}
 .ad-location-guide{padding:28px 0 26px}
 .ad-demo-meta{font-size:.59rem;line-height:1.4}
 .ad-demo-meta span:last-child{font-size:.54rem}
 .ad-demo-box{height:235px;padding:12px}
 .ad-demo-content strong{font-size:.96rem}
 .ad-demo-content small{font-size:.63rem}
}
@media(max-width:370px){.ft-side{grid-template-columns:1fr}.ft-small{min-height:210px}.dh-topline>span:last-child{display:none}.ad-demo-meta span:last-child{white-space:normal;text-align:right}}
@media(prefers-reduced-motion:reduce){.dh-visual img,.ft-main,.ft-small{transition:none!important}}


/* editorial-v25.css */
/* SUBA! v2.5 — editorial refinement; accessible mobile-first visual polish. */
:root{--red:#b91921;--reddeep:#8b1318;--cream:#f5f0e6;--ink:#161816}
body{background:#fffefb}
.header-polished{height:80px;border-bottom:1px solid #eae3d8;box-shadow:0 5px 22px rgba(21,18,15,.035)}
.header-polished .wrap{max-width:1460px}
.header-polished .brand{min-width:190px}
.header-polished .brand img{width:188px;height:auto;max-height:69px}
.header-polished .nav{gap:clamp(12px,2vw,30px)}
.header-polished .nav a{font-size:.77rem}
.header-polished .nav .active:after{width:100%;bottom:-14px}
.design-hero{min-height:525px;max-height:660px;grid-template-columns:44% 56%;background:#f1ede5}
.dh-copy{padding-top:32px;padding-bottom:31px}
.dh-topline{font-size:.57rem;letter-spacing:.14em}
.dh-copy h1{position:relative;font-size:clamp(2.7rem,4.35vw,5.6rem);line-height:1.43;letter-spacing:-.095em;font-weight:900}
.dh-copy h1 em{position:relative;display:inline-block}
.dh-copy h1 em:after{content:'';position:absolute;bottom:.09em;left:.04em;right:0;height:.09em;background:#ba1d24;opacity:.18;transform:rotate(-3deg)}
.dh-kicker{color:var(--red);font-size:.85rem;letter-spacing:.09em;font-weight:800}
.dh-lede{font-size:.93rem;color:#5b544c}
.dh-bottom{border-top:1px solid #cfc5b7}
.dh-explore{border-bottom:1px solid var(--red);padding-bottom:3px}
.dh-visual{background:#211813;isolation:isolate}
.dh-visual img{object-position:64% 48%;filter:saturate(1.03) contrast(1.025)}
.dh-visual:before{content:'';position:absolute;inset:17px;border:1px solid rgba(255,255,255,.28);z-index:1;pointer-events:none}
.dh-photo-issue{position:absolute;z-index:3;top:32px;right:36px;display:flex;flex-direction:column;align-items:end;gap:6px;color:#fff;text-shadow:0 2px 8px #0009}
.dh-photo-issue span{font:700 .58rem Arial,sans-serif;letter-spacing:.16em}
.dh-photo-issue strong{font-family:'Noto Serif CJK JP',serif;font-size:1.02rem;line-height:1.55;text-align:right;font-weight:650}
.dh-photo-label{left:36px;bottom:40px}
.dh-photo-label span{font-size:.59rem;letter-spacing:.19em}
.dh-photo-label b{font-size:1.12rem}
.dh-photo-caption{right:28px}
/* A recognisable signature line ties the photo to the storytelling sections */
.editorial-deck{height:82px;display:flex;justify-content:center;gap:20px;align-items:center;background:#eae4d8;color:#1a1b19;border-top:1px solid #dcd4c6;border-bottom:1px solid #dcd4c6;font:bold .8rem Arial,sans-serif;letter-spacing:.17em}
.editorial-deck i{font:300 1.2rem Georgia,serif;color:#b62627;opacity:.8}
.editorial-deck small{font:600 .67rem 'Noto Sans CJK JP',sans-serif;color:#696154;letter-spacing:.02em;padding-left:13px}
.discover{background:#161b19;padding-top:36px;padding-bottom:30px}
.discover-form{box-shadow:0 7px 18px rgba(0,0,0,.14)}
.discover-form button{background:#b7191f;transition:background .15s}
.discover-form button:hover{background:#96141a}
.discover-tags a:hover{color:#ffdad8}
.features{padding-top:95px}
.features-head{padding-bottom:8px;border-bottom:1px solid #e0d9d0}
.features-head h2{line-height:1.42}
.ft-main{background:linear-gradient(148deg,#b41d23 0%,#a01820 42%,#631217 100%);isolation:isolate}
.ft-main:before{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.ft-special-line{position:absolute;right:27px;top:108px;z-index:1;display:flex;flex-direction:column;align-items:end;font:900 6rem Arial,sans-serif;line-height:.84;letter-spacing:-.12em;color:rgba(255,255,255,.17);pointer-events:none}
.ft-special-line small{font:700 .59rem Arial,sans-serif;letter-spacing:.12em;color:#f8ccc0;padding-top:13px}
.ft-main-inner{position:relative;z-index:2}
.ft-main-inner h3{letter-spacing:-.065em}
.ft-small{border:1px solid rgba(255,255,255,.15)}
.ft-hundred.has-food-photo{background:linear-gradient(90deg,rgba(17,13,11,.81),rgba(17,13,11,.24)),url('soba-and-bento-editorial.webp') center/cover}
.ft-basics{background:linear-gradient(145deg,#2d3028,#202924)}
.guide-areas{background:#f2ede5}
.new-area-grid>a:first-child{border-left:1px solid #c8c2b6}
.new-area-grid>a{position:relative}
.new-area-grid>a:hover{background:#ebe3d5}
.new-area-grid>a strong{transition:transform .2s}.new-area-grid>a:hover strong{transform:translateX(4px)}
.latest{position:relative;background:#fffefa}
.library-index{font:700 .65rem Arial,sans-serif;letter-spacing:.19em;color:#8a8178;margin:-14px 0 24px;text-align:right}
.new-article{transition:transform .2s}.new-article:hover{transform:translateY(-3px)}
.new-article-body h3{line-height:1.5}
.record-journey{background:#19201c}
.record-links a:hover{background:rgba(255,255,255,.055)}
/* Preview-only ads remain visibly distinct, never clickable, and stay hidden by default. */
.ad-location-guide{background:#f6f3ed}
.ad-demo-meta{color:#68635e}
.ad-demo-box{background:#f9f7f3;border:1px dashed #b9b1a9;max-width:900px}
.ad-demo-badge{border-radius:0;background:#f3eee7}
@media(max-width:980px){.header-polished{height:70px}.header-polished .nav{top:70px}.design-hero{min-height:0;height:525px}.dh-copy h1{font-size:clamp(2.55rem,4.4vw,3.9rem)}.editorial-deck{gap:12px}.editorial-deck small{display:none}}
@media(max-width:700px){
 .header-polished{height:68px}.header-polished .wrap{padding-inline:19px}.header-polished .nav{top:68px}
 .header-polished .brand{min-width:0}.header-polished .brand img{width:162px;height:52px;max-height:none}
 .design-hero{height:auto;max-height:none;display:flex;flex-direction:column}
 .dh-visual{height:316px;order:0}
 .dh-visual:before{inset:11px;border-color:rgba(255,255,255,.35)}
 .dh-visual img{object-position:64% 53%}
 .dh-photo-issue{top:22px;right:22px;gap:2px}
 .dh-photo-issue span{font-size:.46rem;letter-spacing:.1em}.dh-photo-issue strong{font-size:.7rem;line-height:1.35}
 .dh-photo-label{bottom:20px;left:22px}.dh-photo-label b{font-size:.9rem}
 .dh-photo-caption{right:16px;bottom:5px;font-size:.46rem}
 .dh-copy{order:1;min-height:0;padding:24px 21px 22px;gap:12px}
 .dh-copy h1{font-size:clamp(2.47rem,10vw,3.7rem);letter-spacing:-.09em;line-height:1.34;margin:0 0 11px}
 .dh-kicker{font-size:.7rem;letter-spacing:.025em;margin-bottom:9px}
 .dh-lede{font-size:.75rem;line-height:1.85}
 .dh-topline{font-size:.49rem}.dh-topline>span:last-child{display:none}
 .dh-bottom{padding-top:11px}
 .editorial-deck{height:64px;gap:10px;font-size:.61rem;letter-spacing:.11em}
 .editorial-deck i{font-size:1rem}
 .discover{padding:27px 0 22px}.discover-form{height:57px}
 .features{padding:65px 0 72px}.features-head{border-bottom:0}.features-head h2{font-size:clamp(1.65rem,6vw,2.1rem)}
 .feature-magazine{gap:12px}.ft-main{min-height:405px}.ft-main:before{inset:10px}
 .ft-special-line{top:110px;right:29px;font-size:5.2rem}
 .ft-main h3{font-size:2.1rem}
 .ft-side{gap:10px}.ft-small{min-height:240px}
 .library-index{font-size:.52rem;margin:-8px 0 16px;text-align:left}
 .ad-location-guide{padding:22px 0}.ad-demo-box{height:205px}
}
@media(max-width:370px){.dh-photo-issue strong{display:none}.dh-copy h1{font-size:2.27rem}.editorial-deck{gap:7px;letter-spacing:.065em}.ft-special-line{right:17px;font-size:4.7rem}}
@media(prefers-reduced-motion:reduce){.new-article,.new-area-grid>a strong{transition:none}}

/* Keep the hero issue marker in calm negative space, away from the bowl. */
.dh-photo-issue{right:auto;left:36px;align-items:flex-start;text-align:left}
.dh-photo-issue strong{text-align:left}
@media(max-width:700px){.dh-photo-issue{right:auto;left:22px;top:23px}.dh-photo-issue strong{display:none}.dh-photo-issue span{font-size:.58rem;text-shadow:0 1px 6px #000}}
/* Avoid a lonely last kana caused by the section action link on phone widths. */
@media(max-width:700px){
  .features-head{display:block;position:relative;padding-bottom:30px}
  .features-head h2{font-size:clamp(1.7rem,6.3vw,2.08rem);line-height:1.43}
  .features-head .feature-all{position:absolute;right:0;bottom:0}
}


/* studio-v26.css */

/* SUBA! v2.6 — editorial studio refinement / mobile-first */
:root{--suba-hairline:#d8d0c3;--suba-ink:#181a17;--suba-red:#b71922;--suba-paper:#f5f1e9}
html{scroll-padding-top:14px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c73538;outline-offset:4px}
.header-polished{background:#fffefa;border-bottom:1px solid var(--suba-hairline)}
.header-polished .brand img{width:204px;max-height:70px}
.header-polished .brand{min-width:208px}
.header-polished .nav a{letter-spacing:.025em}
.design-hero{grid-template-columns:43% 57%;min-height:520px;max-height:620px}
.dh-copy{background:#f3efe8;padding-left:clamp(32px,4.5vw,75px);padding-right:clamp(28px,3vw,55px)}
.dh-copy h1{font-size:clamp(2.8rem,4.65vw,5.6rem);line-height:1.38}
.dh-copy h1 em{color:var(--suba-red)}
.dh-photo-issue{top:36px;left:34px}
.dh-photo-issue span{background:#161916a8;padding:5px 9px;border-left:2px solid #d9a740}
.dh-visual img{object-position:70% 48%}
.dh-visual:before{border:1px solid #fff8}
.dh-photo-label{bottom:39px}
.dh-photo-label b{font-weight:750}
.dh-bottom{border-top:1px solid #beb3a4}
.discover{background:#171b18}
.discover-form{border:1px solid #e6e1d8}
.discover-form button{border-radius:0;margin:5px}
.discover-tags{gap:10px 17px}
.discover-tags a{color:#f2e5db;border-bottom-color:#665d53}
.discover-tags a:hover{color:#fff}
.editorial-deck{background:#ebe4d8}
.features{background:#fffefa}
.ft-main{background:linear-gradient(145deg,#b51b24 0%,#9a1920 48%,#62151a 100%)}
.ft-main:before{inset:17px;border-color:#ffffff42}
.ft-main-inner h3{font-size:clamp(2.1rem,3.15vw,3.1rem)}
.ft-special-line{opacity:.85}
.ft-small.has-food-photo{background-position:55% 46%}
.ft-hundred.has-food-photo:before{content:'';position:absolute;inset:0;border:1px solid #ffffff55;margin:11px;pointer-events:none}
.ft-basics:before{content:'';position:absolute;left:-34px;top:-40px;width:185px;height:185px;border-radius:50%;border:1px solid #ffffff22;box-shadow:0 0 0 35px #ffffff09,0 0 0 70px #ffffff08}
.new-article:hover{transform:translateY(-4px)}
.new-article-body b{color:var(--suba-red)}
.AG-story-photo{background:#151915;isolation:isolate;position:relative;color:#fff;overflow:hidden}
.AG-story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,6,.78),rgba(8,8,6,0.02) 78%);z-index:0}
.AG-story-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% 57%;inset:0;filter:contrast(1.08)}
.AG-story-photo>span{color:#fff;font:750 clamp(1.8rem,2.6vw,3rem) 'Noto Serif CJK JP',serif;position:absolute;bottom:39px;left:22px;z-index:2;text-shadow:0 2px 8px #0008;white-space:nowrap}
.AG-story-photo>small{position:absolute;z-index:2;font-size:.55rem;bottom:11px;left:22px;color:#f6e9dc}
.AG-story-photo .tiny-dot{color:#ff9a8b}
.new-article:nth-child(3) .article-graphic{background:#d6bbb0}
.ad-location-guide{background:#f1ede5}
.ad-demo-box{border:1px dashed #a8a299;background:#faf9f6;max-width:760px}
.ad-demo-badge{font-weight:800;background:#fff;color:#4a4642}
.ad-demo-meta{max-width:760px}
.ad-demo-note{max-width:760px;margin:10px auto 0;text-align:left}
.footer{background:#ebe6dc}
/* smooth editorial grid without hiding useful links */
@media (min-width:981px){
 .design-hero{height:clamp(525px,43vw,625px)}
 .latest .new-article-grid{gap:32px}
 .ft-main{min-height:515px}
}
@media (max-width:980px){
 .header-polished .brand img{width:190px}
 .header-polished .brand{min-width:195px}
}
@media (max-width:700px){
 .header-polished{height:67px}
 .header-polished .nav{top:67px}
 .header-polished .wrap{padding-inline:18px}
 .header-polished .brand img{width:168px;height:auto;max-height:54px}
 .header-polished .brand{min-width:0}
 .design-hero{height:auto;max-height:none}
 .dh-visual{height:248px}
 .dh-visual img{object-position:70% 50%}
 .dh-visual:before{inset:9px}
 .dh-photo-issue{left:18px;top:18px}
 .dh-photo-issue span{font-size:.47rem;padding:4px 7px}
 .dh-photo-label{left:19px;bottom:20px}
 .dh-photo-label b{font-size:.9rem;line-height:1.5}
 .dh-copy{padding:21px 21px 17px;gap:10px}
 .dh-kicker{font-size:.68rem;margin-bottom:6px}
 .dh-copy h1{font-size:clamp(2.36rem,9.4vw,3.7rem);line-height:1.35;margin-bottom:9px;letter-spacing:-.085em}
 .dh-lede{font-size:.74rem}
 .dh-bottom{padding-top:10px}
 .editorial-deck{height:59px;font-size:.61rem}
 .discover{padding:24px 0 22px}
 .discover-top h2{font-size:1.19rem}
 .discover .container{gap:10px}
 .discover-form{height:57px}
 .discover-form button{font-size:.72rem;padding:0 12px}
 .features{padding-top:60px;padding-bottom:65px}
 .features-head{padding-bottom:30px}
 .features-head h2{font-size:clamp(1.65rem,6vw,2.08rem)}
 .ft-main{min-height:367px}
 .ft-main-inner h3{font-size:2.1rem}
 .ft-side{gap:11px}
 .ft-small{min-height:247px}
 .AG-story-photo>span{bottom:34px;left:12px;font-size:1.45rem}
 .AG-story-photo>small{bottom:9px;left:12px;font-size:.46rem;letter-spacing:0}
 .ad-demo-meta{display:block}
 .ad-demo-meta span{display:block;margin-bottom:3px}
 .ad-demo-box{height:180px}
 .ad-demo-content strong{font-size:.86rem}
 .ad-demo-note{line-height:1.7}
}
@media(max-width:370px){
 .header-polished .brand img{width:151px}
 .dh-copy h1{font-size:2.21rem}
 .dh-kicker{font-size:.63rem}
 .discover-form button{padding:0 8px}
 .AG-story-photo>span{font-size:1.25rem}
}

/* v2.6 proofing: keep the issue typography away from the title */
.ft-special-line{display:none!important}
.ft-number{position:absolute;top:60px;right:23px;margin:0!important;align-self:auto;font-size:clamp(6rem,10vw,10rem);line-height:1;letter-spacing:-.09em;transform:none;z-index:0;color:rgba(255,255,255,.15)}
.ft-main-inner{padding-top:100px;z-index:2}
.ft-main{justify-content:space-between}
.ft-main-inner h3{position:relative;z-index:3;text-wrap:balance}
.AG-illustration img{filter:none;object-position:center;opacity:.9}
.AG-illustration:after{background:linear-gradient(0deg,rgba(8,8,6,.87),rgba(8,8,6,.01) 78%)}
@media(max-width:700px){.ft-number{font-size:6.7rem;top:55px;right:18px}.ft-main-inner{padding-top:90px}.ft-main{min-height:365px}}


/* visual-v28.css */
/* SUBA! v2.8 — the homepage is a reading destination, not an ad landing page.
   Creative direction: warm paper / ink / lacquer red; strong focus styles.
   Only the home page imports this file. No remote fonts or third-party scripts. */
:root{--v28-paper:#f5f1e9;--v28-ink:#1c211d;--v28-red:#b21c24;--v28-accent:#c79a59}
.header-polished{border-bottom:1px solid #dfd6ca;box-shadow:none}
.header-polished .brand img{filter:none}
.header-polished .nav a{transition:color .16s ease}
.design-hero{border-bottom:0;background:var(--v28-paper)}
.dh-copy{background:#f5f1e9}
.dh-topline{color:#777068;letter-spacing:.18em}
.dh-dot{border-radius:0;transform:rotate(45deg);height:7px;width:7px;background:#b21c24}
.dh-copy h1{font-weight:900}
.dh-kicker{font-size:.78rem;letter-spacing:.08em;line-height:1.8}
.dh-lede{color:#555650}
.dh-photo-issue span{background:rgba(29,32,29,.78);border-left:2px solid #d8ad62}
.dh-visual:before{inset:17px;border:1px solid rgba(255,255,255,.43)}
.dh-photo-label span{color:#ffe0b5}
/* Reduced competing visual noise around the most important action */
.discover{background:#1c2420;border-top:3px solid #b21c24}
.discover-form{border:0;box-shadow:none}
.discover-field .search-symbol{font-family:Arial,sans-serif;color:#655e55}
.discover-form button{background:#b21c24;padding-inline:21px}
.discover-form button:hover{background:#8d131b}
.discover-tags{margin-top:10px}
.discover-tags>span{color:#e4cab9}
.discover-tags a{border-bottom-color:#7d796c}
.discover-caution{grid-column:2;color:#cec9bf;font-size:.67rem;line-height:1.7;margin:7px 0 0}
.editorial-deck{background:#f0e9db;color:#33362f;border-top:1px solid #ddd4c4;border-bottom:1px solid #ddd4c4}
/* Cultural issue: precise date typography with generous negative space. */
.features{padding-top:91px}
.features-head{border:0;padding:0 0 18px;border-bottom:1px solid #d9cfc1}
.feature-magazine{gap:20px}
.ft-main{background:linear-gradient(140deg,#b31e27 0%,#8e151e 100%);padding:37px 37px 34px;min-height:510px}
.ft-main:before{inset:15px;border:1px solid rgba(255,235,223,.27)}
.ft-main:after{border-color:#eab3ad18;box-shadow:0 0 0 57px #ffffff05,0 0 0 115px #ffffff04}
.ft-kind{position:relative;z-index:2;letter-spacing:.21em}
.ft-number{top:82px;right:34px;font:900 clamp(7rem,10vw,10.5rem)/1 Arial,sans-serif;letter-spacing:-.1em;color:rgba(255,255,255,.12);white-space:nowrap}
.ft-main-inner{padding-top:111px;max-width:470px}
.ft-main h3{font-size:clamp(2.2rem,3.3vw,3.3rem);line-height:1.47;margin:15px 0}
.ft-main p{color:#fce5e0;max-width:360px;line-height:1.9}
.ft-chip{border:1px solid #f8d6cc;font-size:.74rem;color:#fff}
.ft-side{gap:20px}
.ft-small{padding:27px}
.ft-hundred.has-food-photo{background-position:58% 48%;background-image:linear-gradient(90deg,rgba(17,16,12,.82) 0%,rgba(17,16,12,.13) 100%),url('soba-and-bento-editorial.webp')}
.ft-small .ft-kind{font-size:.61rem}
.ft-small h3{font-size:clamp(1.35rem,1.75vw,1.9rem)}
.ft-small p{line-height:1.65;color:#f4e8dc}
.ft-hundred .ft-kind,.ft-hundred .ft-arrow{color:#fff}
.ft-hundred-num{color:#fff2;right:16px;top:44px}
.ft-basics{background:#27352d}
.ft-basics .ft-outline{color:#fff1;-webkit-text-stroke:1px #ffffff25}
.features .container,.guide-areas .container,.latest .container,.record-journey .container{max-width:1220px}
/* Location index: four considered editorial tiles rather than generic navigation chips. */
.guide-areas{background:#eee8dd;padding:86px 0 92px}
.new-area-grid{border-color:#d4c8b7}
.new-area-grid>a{border-color:#d4c8b7;min-height:230px;position:relative;overflow:hidden}
.new-area-grid>a:before{content:'';position:absolute;inset:auto -42px -75px auto;border:1px solid #b8ae9b59;width:175px;height:175px;border-radius:50%;box-shadow:0 0 0 34px #b8ae9b21,0 0 0 70px #b8ae9b16;pointer-events:none}
.new-area-grid a span,.new-area-grid strong,.new-area-grid i{position:relative;z-index:1}
.new-area-grid strong{line-height:1.4}
.new-area-grid>a:hover{background:#e8dece}
/* Archive editorial grid */
.latest{background:#fffefa;padding:91px 0 105px}
.new-article-grid{gap:29px}
.new-article{border-bottom:1px solid #d1c7b9}
.new-article:hover{transform:translateY(-2px)}
.new-article-body h3{line-height:1.56}
.new-article-body b{letter-spacing:.14em}
.article-photo img{object-position:66% center}
.record-journey{background:#18221d;border-top:5px solid #b21c24}
/* preview-only, never an active ad area */
.ad-location-guide{background:#f5f1e9;padding:36px 0}
.ad-demo-meta{font-size:.7rem;color:#726c64}
.ad-demo-box{max-width:760px;background:#fffefa;border:1px dashed #a59d91}
.ad-demo-badge{border:1px solid #c9c1b5;background:#fff;color:#635d53}
@media(max-width:980px){.discover-caution{grid-column:1}}
@media(max-width:700px){
 .header-polished{height:65px}.header-polished .nav{top:65px}
 .header-polished .brand img{width:165px}
 .dh-visual{height:265px}
 .dh-visual img{object-position:69% 48%}
 .dh-visual:before{inset:10px}
 .dh-photo-issue{top:20px;left:18px}
 .dh-photo-label{bottom:16px;left:20px}
 .dh-photo-label span{font-size:.46rem}
 .dh-photo-label b{font-size:.77rem}
 .dh-photo-caption{font-size:.49rem;bottom:4px;right:14px}
 .dh-copy{padding:20px 22px 16px;gap:6px}
 .dh-topline{font-size:.51rem}
 .dh-intro{margin:2px 0 4px}
 .dh-kicker{font-size:.67rem;letter-spacing:.02em;margin:0 0 6px}
 .dh-copy h1{font-size:clamp(2.2rem,9.6vw,3.15rem);line-height:1.26;margin:0 0 8px}
 .dh-lede{font-size:.72rem;line-height:1.75}
 .dh-bottom{padding-top:7px;margin-top:2px}
 .dh-index{font-size:.55rem}
 .dh-explore{font-size:.66rem}
 .discover{padding:20px 0 23px}
 .discover .container{gap:11px}
 .discover-top h2{font-size:1.19rem}
 .discover-form{height:58px}
 .discover-field{padding-left:10px;padding-right:5px}
 .discover-form input{font-size:12.5px}
 .discover-form button{padding:0 11px;font-size:.72rem}
 .discover-tags{gap:8px 12px;margin-top:1px}
 .discover-tags>span{flex-basis:auto;align-self:center;margin-right:2px;font-size:.57rem}
 .discover-tags a{font-size:.69rem}
 .discover-caution{font-size:.6rem;margin:2px 0 0}
 .editorial-deck{height:53px;font-size:.6rem;letter-spacing:.07em}
 .features{padding:55px 0 64px}
 .features-head h2{font-size:clamp(1.6rem,6.2vw,2rem)}
 .feature-magazine{gap:12px}
 .ft-main{min-height:365px;padding:24px}
 .ft-main:before{inset:10px}
 .ft-number{top:56px;right:17px;font-size:6rem}
 .ft-main-inner{padding-top:100px}
 .ft-main h3{font-size:clamp(1.9rem,7.8vw,2.3rem);line-height:1.38}
 .ft-main p{font-size:.75rem;line-height:1.8}
 .ft-side{grid-template-columns:1fr 1fr;gap:11px}
 .ft-small{min-height:248px;padding:16px 13px}
 .ft-small .ft-kind{font-size:.49rem;letter-spacing:.09em}
 .ft-small h3{font-size:1.14rem;line-height:1.36}
 .ft-small p{font-size:.61rem}
 .ft-hundred-num{font-size:5.9rem;right:5px;top:58px}
 .ft-outline{font-size:2.7rem}
 .guide-areas{padding:62px 0 65px}
 .new-area-grid>a{min-height:164px;padding:18px 14px}
 .new-area-grid strong{font-size:1.65rem}
 .latest{padding:67px 0 72px}
 .new-article-grid{gap:17px 12px}
 .record-journey{padding:67px 0}
 .ad-location-guide{padding:25px 0}
 .ad-demo-box{max-width:none}
}
@media(max-width:370px){
 .header-polished .brand img{width:149px}
 .dh-visual{height:236px}
 .dh-copy{padding:18px 19px 13px}
 .dh-copy h1{font-size:2.06rem}
 .discover-tags>span{flex-basis:100%}
 .ft-small h3{font-size:1.08rem}
}
@media(prefers-reduced-motion:reduce){.ft-main,.ft-small,.new-article,.new-area-grid strong,.dh-visual img{transition:none!important}}
/* Mobile first fold: keep a full-width photo but bring shop search ~70px earlier. */
@media(max-width:700px){
 .dh-copy{padding:17px 22px 17px;gap:2px}
 .dh-topline{min-height:13px}
 .dh-intro{margin:0}
 .dh-copy h1{font-size:clamp(2.15rem,9.25vw,3rem);line-height:1.22;margin-bottom:5px}
 .dh-kicker{font-size:.65rem;margin:0 0 5px}
 .dh-lede{font-size:.70rem;line-height:1.65}
 .dh-bottom{display:none}
}
@media(max-width:370px){.dh-copy{padding:15px 19px 15px}.dh-copy h1{font-size:2.05rem}}
@media(max-width:700px){.design-hero{min-height:0!important;height:auto!important}}


/* v29-art-direction.css */
/* SUBA! v2.9 — photographic editorial direction and ownable brand, no remote assets */
:root{--suba-v29-paper:#f6f1e9;--suba-v29-ink:#1c201a;--suba-v29-lacquer:#b51d27;--suba-v29-sand:#d8bb83}
.header-polished{height:80px;background:#fffdf8;border-bottom:1px solid #d9d1c4}
.header-polished .wrap{max-width:1340px;padding-inline:clamp(22px,3vw,45px)}
.header-polished .brand img{width:215px!important;max-height:66px;height:auto}
.header-polished .brand{min-width:217px}
.header-polished .nav{gap:25px}
.header-polished .nav a{font-size:12px;font-weight:750;letter-spacing:.04em;color:#2a2d28}
.header-polished .nav a.active{color:#b51d27}
.design-hero{border-top:0;grid-template-columns:42% 58%;max-height:none!important;min-height:605px;height:min(48vw,690px);background:var(--suba-v29-paper)}
.dh-copy{padding-left:clamp(40px,5vw,90px);padding-right:clamp(34px,4.6vw,80px);background:#f6f1e9;justify-content:space-between}
.dh-topline{font-size:.63rem;color:#736a5d;letter-spacing:.17em}
.dh-copy h1{font-family: 'Noto Serif CJK JP','Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(3rem,4.15vw,5.2rem);font-weight:900;letter-spacing:-.07em;line-height:1.44;margin-bottom:24px}
.dh-copy h1 em{color:var(--suba-v29-lacquer);font-style:normal}
.dh-kicker{font-size:.84rem;font-weight:700;letter-spacing:.075em;color:#9e292a;line-height:1.6;margin-bottom:19px}
.dh-lede{font-size:clamp(.86rem,1vw,.98rem);line-height:2.15;letter-spacing:.07em;color:#45443f}
.dh-bottom{border-top:1px solid #bfb2a2}
.dh-explore{color:var(--suba-v29-lacquer);font-weight:750}
.dh-visual{isolation:isolate;overflow:hidden}
.dh-visual img{object-position:70% 52%;filter:contrast(1.025);transform:scale(1.01)}
.dh-visual:before{inset:28px!important;border:1px solid #fff9;border-radius:0;z-index:2}
.dh-visual:after{background:linear-gradient(180deg,rgba(7,8,7,.35) 0%,transparent 28%,transparent 65%,rgba(11,13,11,.58) 100%);content:"";position:absolute;inset:0;pointer-events:none;z-index:1}
.dh-photo-issue{top:53px;left:53px;z-index:3}
.dh-photo-issue span{background:#22251dc9;border-left:3px solid #cfad6b;padding:8px 11px;letter-spacing:.12em}
.dh-photo-issue strong{display:none}
.dh-photo-label{bottom:52px;left:50px;z-index:3}
.dh-photo-label b{font-family:'Noto Serif CJK JP','Yu Mincho',serif;font-size:clamp(1.1rem,1.8vw,1.8rem);font-weight:900;letter-spacing:.1em;line-height:1.45}
.dh-photo-label span{font-size:.61rem;letter-spacing:.19em;color:#ffe8c8}
.dh-photo-caption{bottom:17px;right:34px;z-index:4;color:#f6efe6;font-size:.59rem;text-shadow:0 1px 5px #000c}
.v29-photo-stripe{position:absolute;right:21px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);z-index:3;letter-spacing:.2em;font:700 .54rem 'DejaVu Sans',Arial,sans-serif;color:#fff9}
.discover{background:#1d2924;border-top:4px solid #b51d27}
.discover-form{box-shadow:0 7px 25px #06160c20;background:#fffdf8}
.discover-form button{background:#b51d27;color:#fff}
.discover-top h2{letter-spacing:.02em}
.editorial-deck{background:#e9ddc9;border-color:#dbc9af}
.features{background:#fffdf8}
.features-head h2,.latest-head h2,.areas-head h2{letter-spacing:-.055em}
.ft-main{background:linear-gradient(137deg,#b51b29 0%,#971d25 60%,#5f1219 100%)}
.ft-main:before{border:1px solid #f3d7b957}
.ft-main-inner{padding-top:135px}
.ft-number{font-family:Arial,sans-serif;letter-spacing:-.13em;opacity:.7;color:#ffffff1f}
.ft-side .ft-small{border-radius:0}
.ft-hundred.has-food-photo{background-position:58% center}
.guide-areas{background:#f0e7d9}
.new-area-grid a{background-color:#f6eee3}
.record-journey{background:#192922}
/* In mobile sizes typography/photo balance is the design priority; avoid a floating image search overlay. */
@media(max-width:980px){.header-polished .brand{min-width:0}.header-polished .brand img{width:186px!important}.header-polished .nav{gap:16px}}
@media(max-width:700px){
 .header-polished{height:70px}.header-polished .nav{top:70px}
 .header-polished .wrap{padding-inline:16px}
 .header-polished .brand img{width:177px!important;max-height:58px}
 .design-hero{height:auto;min-height:0!important;max-height:none!important;display:flex;flex-direction:column}
 .dh-visual{height:286px;min-height:0;order:0}
 .dh-visual img{object-position:66% 47%;transform:scale(1.02)}
 .dh-visual:before{inset:12px!important}
 .dh-photo-issue{left:25px;top:25px}
 .dh-photo-issue span{padding:5px 8px;font-size:.5rem;letter-spacing:.12em}
 .dh-photo-label{bottom:32px;left:24px}
 .dh-photo-label b{font-size:1.07rem}
 .dh-photo-label span{font-size:.48rem}
 .dh-photo-caption{bottom:5px;right:17px;font-size:.51rem}
 .v29-photo-stripe{display:none}
 .dh-copy{order:1;padding:23px 21px 21px;gap:6px}
 .dh-topline{font-size:.49rem;min-height:12px}
 .dh-intro{margin:0}
 .dh-kicker{font-size:.68rem;margin:3px 0 8px}
 .dh-copy h1{font-size:clamp(2.15rem,9vw,3.08rem);letter-spacing:-.08em;line-height:1.32;margin:0 0 12px}
 .dh-lede{font-size:.73rem;line-height:1.85;letter-spacing:0}
 .discover{padding:25px 0 23px}
 .discover-top h2{font-size:1.26rem;letter-spacing:-.02em}
 .discover-form{height:58px}
 .discover-field input,.discover-form input{font-size:12.5px}
 .discover-form button{margin:4px;min-width:94px;padding:0 10px;font-size:.72rem}
 .features{padding-top:65px}
 .ft-main-inner{padding-top:97px}
 .ft-side{gap:12px}
 .ft-main{min-height:360px}
 .ft-small{min-height:240px}
 .ad-location-guide{padding:25px 0}
}
@media(max-width:370px){.header-polished .brand img{width:158px!important}.dh-visual{height:246px}.dh-copy{padding:19px}.dh-copy h1{font-size:2.09rem}.dh-kicker{font-size:.6rem}.dh-lede{font-size:.68rem}.discover-form button{min-width:80px;font-size:.69rem}}
@media(prefers-reduced-motion:reduce){.dh-visual img{transition:none!important}}

/* v2.9 mobile final: balance the featured photograph with accessible search above the fold */
@media(max-width:700px){.dh-visual{height:255px}.dh-copy{padding:18px 21px 16px}.dh-kicker{margin:1px 0 5px}.dh-copy h1{margin:0 0 7px}}
@media(max-width:370px){.dh-visual{height:228px}.dh-copy{padding:17px 19px 15px}}


/* v30-brand.css */
/* SUBA! v3.0 — considered editorial art direction, works without network access */
:root{--suba-p: #f5f0e7;--suba-red:#ba1f2b;--suba-dark:#1c2923;--suba-gold:#d6b56f}
.header-polished{height:76px;background:#fffdf9;border-bottom:1px solid #e2d9cc}
.header-polished .wrap{max-width:1390px}
.header-polished .brand img{width:224px!important;max-height:68px}
.header-polished .nav a.active:after{width:100%;bottom:-15px;height:3px}
.design-hero{grid-template-columns:40.5% 59.5%;min-height:610px;height:min(47vw,690px)}
.dh-copy{background:#f5efe5;padding-left:clamp(30px,5.2vw,95px);padding-right:clamp(25px,4.5vw,75px)}
.dh-kicker{color:#a92228;letter-spacing:.11em;font-size:.85rem}
.dh-copy h1{font-size:clamp(3.1rem,4.65vw,5.35rem);letter-spacing:-.075em;font-weight:850}
.dh-visual img{object-position:66% 49%;filter:contrast(1.04) saturate(.96)}
.dh-visual:before{inset:27px!important;border-color:#fff8dd98}
.dh-photo-label b{color:#fffaf1;letter-spacing:.15em}
.dh-photo-issue span{background:#1b221cc9;border-color:var(--suba-gold)}
.dh-photo-caption{background:#15181392;letter-spacing:.01em;padding:2px 6px}
.dh-photo-stripe{display:none}
.discover{background:#1d2b24;border-top:4px solid #b5202b}
.discover-top h2{font-family:'Noto Serif CJK JP','Yu Mincho',serif;letter-spacing:-.045em}
.discover-form button{background:#bc2530}
.discover-form button:focus-visible{outline:3px solid #f3cc71;outline-offset:2px}
.discover-tags a:hover,.discover-tags a:focus-visible{color:#f8d198}
.editorial-deck{background:#eee3cf;height:73px;letter-spacing:.12em}
.features{background:#fffdf8}
.features-head h2{font-size:clamp(2.25rem,3.6vw,3.7rem)}
.ft-main{background:linear-gradient(138deg,#b92130 0%,#a11c28 55%,#6a1420 100%)}
.ft-main:after{opacity:.5}
.ft-main:before{inset:18px;border:1px solid #f9e1d668}
.ft-number{color:#ffffff18;letter-spacing:-.095em;right:22px}
.ft-main-inner h3{letter-spacing:-.075em}
.ft-chip{border-color:#ffdec8}
.ft-side .ft-small{position:relative;isolation:isolate;overflow:hidden}
.ft-hundred.has-food-photo{background-position:57% 50%}
.ft-side .ft-small:focus-visible,.ft-main:focus-visible{outline:3px solid #e3b665;outline-offset:3px}
.ft-side .ft-small .ft-arrow{display:inline-block;border-bottom:1px solid #ffffff80;padding-bottom:3px}
.latest .article-taxonomy{color:#af2530}
.new-article.first .article-photo img{filter:saturate(.96) contrast(1.035)}
.new-area-grid a strong{letter-spacing:-.08em}
.new-area-grid>a:nth-child(1){background:#f7efe2}
.new-area-grid>a:nth-child(2){background:#ede6dc}
.new-area-grid>a:nth-child(3){background:#f3eadb}
.new-area-grid>a:nth-child(4){background:#e9e5d9}
.new-area-grid>a:hover{filter:brightness(.97)}
.new-area-grid>a:after{content:'↗';position:absolute;right:21px;top:18px;color:#a72b33;font-size:18px;opacity:.65}
.ad-demo-box{border-style:dashed}
@media(max-width:980px){.header-polished .brand img{width:196px!important}}
@media(max-width:700px){
 .header-polished{height:66px}.header-polished .nav{top:66px}
 .header-polished .wrap{padding-inline:17px}
 .header-polished .brand img{width:178px!important;max-height:58px}
 .design-hero{min-height:0!important;height:auto!important;display:flex;flex-direction:column}
 .dh-visual{height:258px;order:0}
 .dh-visual img{object-position:68% 49%;transform:scale(1)}
 .dh-visual:before{inset:10px!important}
 .dh-photo-label{left:25px;bottom:30px}
 .dh-photo-label b{font-size:1rem;letter-spacing:.09em}
 .dh-photo-caption{font-size:.51rem;bottom:6px;right:8px}
 .dh-copy{order:1;padding:22px 22px 18px;gap:0}
 .dh-topline{font-size:.49rem}
 .dh-kicker{font-size:.65rem;margin:5px 0 5px}
 .dh-copy h1{font-size:clamp(2.4rem,9.5vw,3.15rem);line-height:1.27;margin:0 0 8px}
 .dh-lede{font-size:.73rem;line-height:1.7}
 .discover{padding:20px 0 25px}
 .discover-top h2{font-size:1.28rem}
 .discover-form{height:60px}
 .discover-form input{font-size:13px}
 .discover-tags a{padding:4px 0;font-size:.72rem}
 .editorial-deck{height:57px;font-size:.6rem}
 .features{padding-top:61px}
 .features-head h2{font-size:clamp(1.72rem,6.15vw,2.1rem);line-height:1.48}
 .feature-magazine{gap:13px}
 .ft-main{min-height:370px;padding:25px}
 .ft-main:before{inset:11px}
 .ft-number{font-size:6.3rem;top:65px;right:18px;opacity:.78}
 .ft-main-inner{padding-top:100px}
 .ft-main h3{font-size:clamp(2.05rem,8.1vw,2.45rem);line-height:1.38}
 /* Editorial stacked treatment is more legible and photograph-forward than two dense cards */
 .ft-side{display:flex;flex-direction:column;gap:13px}
 .ft-small{padding:23px;min-height:238px}
 .ft-hundred.has-food-photo{min-height:274px;background-image:linear-gradient(90deg,rgba(12,16,10,.82) 0%,rgba(12,16,10,.47) 48%,rgba(12,16,10,.14) 100%),url('soba-and-bento-editorial.webp');background-position:center 50%}
 .ft-side .ft-small h3{font-size:clamp(1.55rem,6.4vw,1.95rem);line-height:1.38}
 .ft-side .ft-small p{font-size:.74rem;line-height:1.65;max-width:255px}
 .ft-hundred-num{font-size:8rem;top:42px;right:20px;opacity:.45}
 .ft-basics{min-height:219px;background:#263a32}
 .ft-outline{font-size:5rem;right:15px;top:42px}
 .new-area-grid>a:after{right:12px;top:10px;font-size:14px}
 .latest .new-article-grid{gap:22px 14px}
 .new-article-body h3{margin:9px 0 10px}
}
@media(max-width:370px){.header-polished .brand img{width:158px!important}.dh-visual{height:231px}.dh-copy{padding:17px 18px 16px}.dh-copy h1{font-size:2.16rem}.ft-main h3{font-size:1.96rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}


/* v31-reading.css */
/* SUBA! v3.1 · reading-led editorial polish · mobile first */
:root { --v31-paper:#f5f0e6;--v31-cream:#fffdfa;--v31-ink:#1d2420;--v31-red:#b4212b;--v31-outline:#d7caba }
/* The first image stays immersive; subsequent content has quieter, more confident rhythm. */
.design-hero .dh-visual:before{border:1px solid rgba(255,246,220,.46)!important}
.dh-photo-issue span{font-weight:800;letter-spacing:.15em}
.dh-lede{max-width:32ch}
.discover .discover-form:focus-within{outline:2px solid #e2b961;outline-offset:3px}
/* Clear, ownable editorial system: red journal marks + generous separators. */
.features-head{margin-bottom:10px}
.editorial-intent{margin:0 0 22px;font-size:.84rem;color:#62594c;line-height:1.9}
.features-head h2,.latest-head h2,.areas-head h2 {text-wrap:pretty}
.ft-main:before{border-color:rgba(255,232,201,.55)}
.ft-main h3{text-wrap:balance}
.ft-hundred .ft-hundred-num{opacity:.32}
.ft-hundred p{max-width:27ch;text-wrap:pretty}
/* Town cards speak the design language of nautical charts, not generic tiles. */
.new-area-grid>a{isolation:isolate;transition:background .2s ease,border-color .2s ease}
.new-area-grid>a:before{width:155px;height:155px;right:-23px;bottom:-41px;border-color:#a6917648;box-shadow:0 0 0 25px #a6917624,0 0 0 55px #a6917615}
.new-area-grid>a:nth-child(2):before{border-radius:42% 58% 58% 42%;transform:rotate(-16deg)}
.new-area-grid>a:nth-child(3):before{border-radius:65% 35% 63% 37%;transform:rotate(19deg)}
.new-area-grid>a:nth-child(4):before{border-radius:33% 67% 40% 60%;transform:rotate(-12deg)}
.new-area-grid>a strong{letter-spacing:-.065em}
.new-area-grid>a i{display:block;min-height:2.1em;color:#514e49}
/* Article journey: a main story and two concise, tap-friendly follow-ups */
.archive-lede{margin:-5px 0 26px;color:#746a5e;font-size:.89rem;line-height:1.85}
.new-article-grid{gap:24px}
.new-article{position:relative;outline-offset:4px}
.new-article-body{padding-top:19px}
.new-article-body b{color:var(--v31-red);font-weight:800;letter-spacing:.06em}
.new-article-body h3{text-wrap:pretty}
.new-article:not(.first) .new-article-body h3{max-width:20ch}
.new-article:focus-visible,.new-area-grid>a:focus-visible{outline:3px solid #bc2832;outline-offset:4px}
/* Explicitly marked non-ad default; spaces appear only on preview URLs. */
.ad-location-guide[hidden]{display:none!important}
.ad-demo-box{min-height:100px}
@media(max-width:980px) and (min-width:701px){
 .new-article-grid{gap:16px}
 .new-article-body h3{font-size:1.1rem}
}
@media(max-width:700px){
 .header-polished .brand img{width:175px!important}
 .features{padding-top:52px}
 .features-head{margin-bottom:8px}
 .editorial-intent{margin:0 0 18px;font-size:.76rem;line-height:1.75;max-width:30ch}
 .ft-main{min-height:355px}
 .ft-main-inner{padding-top:95px}
 .ft-main h3{font-size:clamp(1.95rem,7.9vw,2.42rem)}
 .ft-small .ft-arrow{font-size:.77rem}
 .ft-hundred.has-food-photo{min-height:264px}
 .ft-hundred p{font-size:.75rem!important;line-height:1.7;max-width:27ch}
 .guide-areas{padding:55px 0 61px}
 .new-area-grid>a{min-height:170px}
 .new-area-grid>a strong{font-size:clamp(1.52rem,6.7vw,1.8rem)}
 .new-area-grid>a i{font-size:.67rem;line-height:1.55}
 .latest{padding:61px 0 72px}
 .archive-lede{margin:-4px 0 19px;font-size:.76rem}
 .latest .new-article-grid{display:grid;grid-template-columns:1fr;gap:0}
 .new-article.first{grid-column:auto;margin-bottom:11px;padding-bottom:25px}
 .new-article.first .article-photo{height:235px}
 .new-article.first .new-article-body h3{font-size:1.33rem;line-height:1.46;margin:9px 0 8px}
 .new-article.first .new-article-body p{font-size:.75rem;margin-bottom:15px}
 .new-article:not(.first){display:grid;grid-template-columns:41% minmax(0,1fr);gap:14px;align-items:stretch;padding:19px 0 22px;min-height:170px;transform:none}
 .new-article:not(.first) .article-graphic{height:128px;align-self:center}
 .new-article:not(.first) .new-article-body{padding:0;justify-content:center}
 .new-article:not(.first) .new-article-body h3{font-size:1.02rem;line-height:1.55;margin:7px 0 8px;letter-spacing:-.04em}
 .new-article:not(.first) .new-article-body p{display:none}
 .new-article:not(.first) .new-article-body b{font-size:.69rem;margin-top:7px}
 .new-article:not(.first) .article-taxonomy{font-size:.54rem;letter-spacing:.05em}
 .new-article:not(.first) .article-graphic>span{font-size:1.7rem}
 .new-article:not(.first) .article-graphic small{font-size:.40rem;left:7px;bottom:7px;letter-spacing:0}
}
@media(max-width:360px){
 .header-polished .brand img{width:153px!important}
 .new-article:not(.first){grid-template-columns:38% minmax(0,1fr);gap:11px}
 .new-article:not(.first) .new-article-body h3{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){.new-article,.new-area-grid>a{transition:none!important}}


/* v32-immersive.css */

/* SUBA! v3.2 design B | cinematic, photo-led editorial variant.
   This alternative is design-review only, never a live migration. */
.suba-variant-b .header-polished{background:#fffdf7;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.suba-variant-b .design-hero{position:relative;isolation:isolate;display:block;min-height:670px;height:min(52vw,760px);border:none;background:#130e0a;color:#fff}
.suba-variant-b .dh-visual{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:-1}
.suba-variant-b .dh-visual img{width:100%;height:100%;object-fit:cover;object-position:58% 49%;filter:contrast(1.1) saturate(.94)}
.suba-variant-b .dh-visual:before{inset:24px!important;border:1px solid #eacb9155}
.suba-variant-b .dh-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0ce8 0%,#0c0c0c9e 28%,#0c0c0c17 69%),linear-gradient(0deg,#0a090ad9,transparent 35%);z-index:1}
.suba-variant-b .dh-copy{position:relative;z-index:3;display:flex;justify-content:space-between;min-height:100%;height:100%;padding:40px 6% 56px clamp(48px,8vw,140px);background:transparent;color:#fff;width:100%;max-width:none}
.suba-variant-b .dh-topline,.suba-variant-b .dh-bottom{color:#e0d8c8;max-width:650px}
.suba-variant-b .dh-topline{justify-content:flex-start;gap:16px}
.suba-variant-b .dh-kicker{font-size:1rem;color:#f6d2a4;letter-spacing:.18em;margin-bottom:16px}
.suba-variant-b .dh-intro{transform:none;max-width:750px}
.suba-variant-b .dh-copy h1{font-size:clamp(3.8rem,6.7vw,6.7rem);line-height:1.25;color:#fff;text-shadow:0 3px 20px #0007;letter-spacing:-.086em}
.suba-variant-b .dh-copy h1 em,.suba-variant-b .dh-stop{color:#f7eee0}
.suba-variant-b .dh-copy h1 em{border-bottom:7px solid #c72b35}
.suba-variant-b .dh-lede{color:#f1e9dd;font-size:1rem;max-width:40ch;line-height:2.05}
.suba-variant-b .dh-photo-label{left:auto;right:43px;bottom:45px;z-index:3;text-align:right;align-items:flex-end}
.suba-variant-b .dh-photo-issue{display:none}
.suba-variant-b .dh-photo-caption{z-index:3;bottom:12px;right:36px}
.suba-variant-b .dh-explore{color:#f6d9b2;border-bottom:1px solid #f6d9b2;padding-bottom:5px}
.suba-variant-b .dh-explore span{color:#f6d9b2}
.suba-variant-b .discover{position:relative;z-index:4;max-width:min(1240px,calc(100% - 64px));margin:-45px auto 0;background:#fffdf7;color:#211e1b;padding:29px 0 24px;border:1px solid #dfd4c2;border-top:5px solid #bd2530;box-shadow:0 18px 52px #190e0924}
.suba-variant-b .discover .container{grid-template-columns:minmax(255px,1fr) minmax(390px,1.55fr);gap:15px 33px}
.suba-variant-b .discover .section-nr{color:#a32c30}
.suba-variant-b .discover-top h2{color:#151815}
.suba-variant-b .discover-form{border:1px solid #d6ccbd;background:#f8f6ef}
.suba-variant-b .discover-tags{grid-column:2}
.suba-variant-b .discover-tags>span{color:#827a70}
.suba-variant-b .discover-tags a{border-color:#a19789;color:#54493f}
.suba-variant-b .discover-tags .discover-all{color:#9e202b}
.suba-variant-b .discover-caution{color:#6b6258}
.suba-variant-b .editorial-deck{background:#faf6ed}
.suba-variant-b .features{padding-top:80px}
.suba-variant-b .feature-magazine{grid-template-columns:1fr 1fr}
.suba-variant-b .ft-main{min-height:540px}
.suba-variant-b .ft-main-inner h3{font-size:clamp(2.2rem,3.3vw,3.4rem)}
@media(max-width:980px){
 .suba-variant-b .design-hero{height:620px;min-height:0}
 .suba-variant-b .dh-copy{padding-left:35px}
 .suba-variant-b .dh-copy h1{font-size:4.25rem}
 .suba-variant-b .discover .container{grid-template-columns:1fr}
 .suba-variant-b .discover-tags{grid-column:1}
}
@media(max-width:700px){
 .suba-variant-b .header-polished{height:66px}
 .suba-variant-b .design-hero{height:420px;min-height:420px;display:block}
 .suba-variant-b .dh-visual{height:100%;order:unset}
 .suba-variant-b .dh-visual img{object-position:65% center}
 .suba-variant-b .dh-visual:before{inset:12px!important}
 .suba-variant-b .dh-visual:after{background:linear-gradient(0deg,rgba(8,9,8,.92) 0%,rgba(8,9,8,.6) 39%,rgba(8,9,8,.02) 76%)}
 .suba-variant-b .dh-copy{height:100%;min-height:420px;width:100%;padding:21px 21px 53px;order:unset;justify-content:flex-end;display:flex;gap:0}
 .suba-variant-b .dh-topline{position:absolute;top:20px;left:23px;font-size:.49rem;color:#fff;background:#1415149c;padding:5px 9px}
 .suba-variant-b .dh-topline>span:last-child{display:none}
 .suba-variant-b .dh-intro{transform:none}
 .suba-variant-b .dh-kicker{font-size:.64rem;letter-spacing:.12em;margin:0 0 6px}
 .suba-variant-b .dh-copy h1{font-size:clamp(2.4rem,10vw,3.25rem);line-height:1.29;margin:0 0 8px}
 .suba-variant-b .dh-copy h1 em{border-bottom:4px solid #ca2930}
 .suba-variant-b .dh-lede{font-size:.72rem;line-height:1.65;color:#fff}
 .suba-variant-b .dh-bottom{display:none}
 .suba-variant-b .dh-photo-label{display:none}
 .suba-variant-b .dh-photo-caption{right:18px;bottom:33px;font-size:.51rem}
 .suba-variant-b .discover{max-width:calc(100% - 26px);margin:-23px auto 0;padding:15px 0 18px;border-top-width:4px;box-shadow:0 9px 24px #11090318}
 .suba-variant-b .discover .container{padding-inline:14px;display:block}
 .suba-variant-b .discover-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}
 .suba-variant-b .discover-top h2{font-size:1.13rem;line-height:1.3}
 .suba-variant-b .discover .section-nr{font-size:.43rem}
 .suba-variant-b .discover-form{height:52px}
 .suba-variant-b .discover-form input{font-size:12px}
 .suba-variant-b .discover-form button{min-width:92px;font-size:.7rem}
 .suba-variant-b .discover-tags{margin-top:12px;gap:3px 14px}
 .suba-variant-b .discover-tags>span{display:none}
 .suba-variant-b .discover-tags a{font-size:.64rem;padding-bottom:2px}
 .suba-variant-b .discover-caution{display:none}
 .suba-variant-b .editorial-deck{height:50px;font-size:.49rem}
 .suba-variant-b .features{padding-top:45px}
 .suba-variant-b .feature-magazine{display:flex;flex-direction:column}
 .suba-variant-b .ft-main{min-height:355px}
 .suba-variant-b .ft-main-inner h3{font-size:2.1rem}
}
@media(max-width:360px){.suba-variant-b .dh-copy h1{font-size:2.22rem}.suba-variant-b .discover-form button{min-width:83px}}
@media(prefers-reduced-motion:reduce){.suba-variant-b *{transition:none!important}}


/* v33-brand-home.css */
/* SUBA! v3.3 | Design-first, photograph-led magazine. No ad service loads. */
:root{--v33-paper:#f5f0e7;--v33-white:#fffdf8;--v33-red:#b9222c;--v33-ink:#191d1b;--v33-stroke:#e1d8cb}
.suba-variant-v33 .header-polished{height:70px;background:#fffdf9;border-bottom:1px solid #e7dfd4}
.suba-variant-v33 .header-polished .brand img{width:210px!important;max-height:58px;object-fit:contain}
.suba-variant-v33 .header-polished .nav a{color:#27241f}
.suba-variant-v33 .header-polished .nav a.active{color:#af222b}
.suba-variant-v33 .design-hero{min-height:0;height:clamp(620px,47.2vw,715px);background:#141310}
.suba-variant-v33 .dh-visual img{object-position:65% 53%;filter:contrast(1.055) saturate(.91)}
.suba-variant-v33 .dh-visual:after{background:linear-gradient(90deg,rgba(10,11,9,.92) 0%,rgba(10,11,9,.54) 36%,rgba(10,11,9,.06) 71%),linear-gradient(0deg,rgba(10,11,9,.7),transparent 36%)}
.suba-variant-v33 .dh-visual:before{border-color:#f4e6ce82!important}
.suba-variant-v33 .dh-copy{padding-top:44px;padding-bottom:76px}
.suba-variant-v33 .dh-copy h1{font-size:clamp(3.9rem,6.2vw,6.35rem);line-height:1.23;letter-spacing:-.083em;text-wrap:balance}
.suba-variant-v33 .dh-copy h1 em{border-bottom:6px solid #b82731}
.suba-variant-v33 .dh-lede{max-width:34ch;letter-spacing:.04em;font-weight:500;color:#fff8e9}
.suba-variant-v33 .dh-topline{letter-spacing:.19em}
.suba-variant-v33 .dh-kicker{color:#f0cd9a;font-weight:750}
.suba-variant-v33 .dh-photo-label{display:none}
.suba-variant-v33 .v33-folio{position:absolute;z-index:2;right:17px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;font-size:9px;letter-spacing:.24em;font-weight:800;color:#e9e3d8ab;pointer-events:none}
.suba-variant-v33 .discover{max-width:min(1230px,calc(100% - 62px));background:var(--v33-white);border-top:4px solid var(--v33-red);margin-top:-52px}
.suba-variant-v33 .discover-top h2{font-weight:800;letter-spacing:-.05em}
.suba-variant-v33 .discover-form button{background:#b9212d}
.suba-variant-v33 .discover-tags a{font-weight:700}
.suba-variant-v33 .discover-tags a:focus-visible,.suba-variant-v33 .v33-quickpaths a:focus-visible{outline:3px solid #b9212d;outline-offset:3px}
.suba-variant-v33 .v33-quickpaths{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;background:#221f1a;color:white;gap:1px;border-top:1px solid #3b352e;border-bottom:1px solid #3b352e}
.suba-variant-v33 .v33-quickpaths a{min-width:0;background:#231f1b;color:#f6efe6;padding:18px 26px;display:flex;align-items:center;gap:12px;justify-content:center;text-decoration:none;transition:background .15s}
.suba-variant-v33 .v33-quickpaths a:hover{background:#332922}
.suba-variant-v33 .v33-quickpaths strong{font-size:1rem;letter-spacing:.02em}
.suba-variant-v33 .v33-quickpaths .qp-num{font-size:.6rem;letter-spacing:.13em;color:#dfbda3;font-weight:800}
.suba-variant-v33 .v33-quickpaths .qp-arr{color:#eac9b1;font-size:1.1rem}
.suba-variant-v33 .features{padding-top:74px;background:#fffdf9}
.suba-variant-v33 .features-head h2{font-weight:850;line-height:1.38}
.suba-variant-v33 .editorial-intent{font-size:.9rem}
.suba-variant-v33 .ft-main{background:linear-gradient(145deg,#b6252c 5%,#951e27 75%,#6f1d22 100%)}
.suba-variant-v33 .ft-main:before{border-color:#ffe2cc73}
.suba-variant-v33 .ft-main .ft-chip{background:#fff4e815;color:#fff1dd}
.suba-variant-v33 .ft-main h3{letter-spacing:-.04em}
.suba-variant-v33 .ft-hundred.has-food-photo{background-position:64% 50%}
.suba-variant-v33 .ft-hundred p{color:#fff7e8}
.suba-variant-v33 .latest{background:#fffefc}
.suba-variant-v33 .new-article.first .article-photo{border:1px solid #eee1ce}
.suba-variant-v33 .new-article .new-article-body b{color:#a91d28}
.suba-variant-v33 .guide-areas{background:#eee7db}
.suba-variant-v33 .ad-location-guide[hidden]{display:none!important}
@media(max-width:980px){
 .suba-variant-v33 .dh-copy h1{font-size:clamp(3.25rem,5.4vw,4.7rem)}
 .suba-variant-v33 .v33-quickpaths a{padding:16px 12px;gap:8px}
}
@media(max-width:700px){
 .suba-variant-v33 .header-polished{height:64px}
 .suba-variant-v33 .header-polished .nav{top:64px}
 .suba-variant-v33 .header-polished .brand img{width:169px!important;max-height:52px}
 .suba-variant-v33 .header-polished .menu-btn{min-width:44px;min-height:44px}
 .suba-variant-v33 .design-hero{min-height:0;height:382px}
 .suba-variant-v33 .dh-visual img{object-position:62% 52%}
 .suba-variant-v33 .dh-visual:before{inset:11px!important}
 .suba-variant-v33 .dh-visual:after{background:linear-gradient(0deg,rgba(9,8,7,.95) 0%,rgba(9,8,7,.64) 35%,rgba(9,8,7,.02) 79%)}
 .suba-variant-v33 .dh-copy{min-height:382px;height:382px;padding:17px 23px 46px;justify-content:flex-end}
 .suba-variant-v33 .dh-topline{top:21px;left:23px;font-size:.49rem}
 .suba-variant-v33 .dh-kicker{font-size:.7rem;margin:0 0 6px}
 .suba-variant-v33 .dh-copy h1{font-size:clamp(2.25rem,9.35vw,3.13rem);line-height:1.24;margin:0 0 10px;letter-spacing:-.074em}
 .suba-variant-v33 .dh-copy h1 em{border-bottom-width:4px}
 .suba-variant-v33 .dh-lede{font-size:.75rem;line-height:1.6}
 .suba-variant-v33 .dh-photo-caption{bottom:30px;right:15px;font-size:.49rem}
 .suba-variant-v33 .v33-folio{display:none}
 .suba-variant-v33 .discover{max-width:calc(100% - 24px);margin-top:-19px;border-top-width:3px;padding:16px 0 16px}
 .suba-variant-v33 .discover .container{padding-inline:15px}
 .suba-variant-v33 .discover-top h2{font-size:1.13rem}
 .suba-variant-v33 .discover-form{height:53px}
 .suba-variant-v33 .discover-form button{min-width:94px;padding-inline:10px}
 .suba-variant-v33 .discover-tags{margin-top:10px}
 .suba-variant-v33 .v33-quickpaths{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;height:auto;gap:1px}
 .suba-variant-v33 .v33-quickpaths a{display:flex;flex-direction:column;align-items:start;gap:5px;justify-content:center;padding:12px 14px 13px;position:relative;min-height:64px}
 .suba-variant-v33 .v33-quickpaths .qp-num{font-size:.47rem;letter-spacing:.04em}
 .suba-variant-v33 .v33-quickpaths strong{font-size:.72rem;letter-spacing:-.015em;white-space:nowrap}
 .suba-variant-v33 .v33-quickpaths .qp-arr{position:absolute;right:10px;top:12px;font-size:.72rem}
 .suba-variant-v33 .features{padding-top:46px}
 .suba-variant-v33 .features-head h2{font-size:clamp(1.85rem,6.8vw,2.3rem)}
 .suba-variant-v33 .features-head{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:15px;margin-bottom:18px}
 .suba-variant-v33 .features-head .feature-all{position:static;align-self:flex-end;padding-bottom:4px}
 .suba-variant-v33 .features-head h2{margin:10px 0 0}
 .suba-variant-v33 .feature-magazine{gap:14px}
 .suba-variant-v33 .ft-main{min-height:342px}
 .suba-variant-v33 .ft-main-inner{padding-top:78px}
 .suba-variant-v33 .ft-main h3{font-size:2rem}
 .suba-variant-v33 .ft-hundred.has-food-photo{min-height:270px;background-position:56% 50%}
}
@media(max-width:365px){
 .suba-variant-v33 .dh-copy{padding-left:19px;padding-right:19px}
 .suba-variant-v33 .dh-copy h1{font-size:2.18rem}
 .suba-variant-v33 .discover-form button{min-width:88px;font-size:.64rem}
 .suba-variant-v33 .v33-quickpaths a{padding-left:8px;padding-right:7px}
 .suba-variant-v33 .v33-quickpaths strong{font-size:.65rem}
 .suba-variant-v33 .v33-quickpaths .qp-arr{right:6px}
}
@media(prefers-reduced-motion:reduce){.suba-variant-v33 .v33-quickpaths a{transition:none}}


/* v34-design-finish.css */
/* SUBA! v3.4 — restrained editorial polish, design preview only. */
:root{--v34-red:#b8202b;--v34-ink:#202321;--v34-paper:#f8f4ed;--v34-rule:#ded8ce}
.suba-variant-v34 .header-polished{background:#fffdfa;border-bottom:1px solid #e5dfd7}
.suba-variant-v34 .header-polished .brand{display:flex;align-items:center}
.suba-variant-v34 .header-polished .brand img{width:208px!important;max-height:60px;object-fit:contain}
.suba-variant-v34 .header-polished .nav{gap:clamp(10px,1.5vw,24px)}
.suba-variant-v34 .header-polished .nav a{font-size:.85rem;position:relative;font-weight:700;letter-spacing:.01em}
.suba-variant-v34 .header-polished .nav a.active:after{content:"";position:absolute;bottom:-15px;left:0;right:0;height:2px;background:var(--v34-red)}
.suba-variant-v34 .design-hero{background:#211710}
.suba-variant-v34 .dh-visual img{object-position:64% 52%;filter:contrast(1.07) saturate(.96)}
.suba-variant-v34 .dh-visual:after{background:linear-gradient(90deg,rgba(9,11,9,.9),rgba(9,11,9,.55) 34%,rgba(9,11,9,.05) 73%),linear-gradient(0deg,rgba(9,11,9,.64),transparent 42%)}
.suba-variant-v34 .dh-copy h1{letter-spacing:-.077em}
.suba-variant-v34 .dh-kicker{color:#fbe3bd}
.suba-variant-v34 .discover{box-shadow:0 15px 40px rgba(36,24,18,.1)}
.suba-variant-v34 .discover-form button{background:var(--v34-red)}
.suba-variant-v34 .discover-form button:hover{background:#8f1620}
.suba-variant-v34 .discover-tags a{min-height:30px;display:inline-flex;align-items:center}
.suba-variant-v34 .v33-quickpaths a{outline-offset:-4px}
.suba-variant-v34 .features{background:#fffdf9}
.suba-variant-v34 .features-head{position:relative}
.suba-variant-v34 .v34-section-stamp{font-size:11px;letter-spacing:.16em;color:#95877a;font-weight:700;align-self:center;white-space:nowrap}
.suba-variant-v34 .feature-magazine a{transition:transform .18s ease, box-shadow .18s ease}
.suba-variant-v34 .feature-magazine a:hover{transform:translateY(-3px);box-shadow:0 14px 28px #2419141e}
.suba-variant-v34 .ft-main{background:linear-gradient(160deg,#b8272e,#841b23)}
.suba-variant-v34 .ft-main .ft-number{opacity:.24}
.suba-variant-v34 .ft-hundred.has-food-photo{background-position:center 56%;}
.suba-variant-v34 .ft-hundred:after{background:linear-gradient(0deg,rgba(17,14,11,.95),rgba(17,14,11,.34) 57%,rgba(17,14,11,.13) 100%)}
.suba-variant-v34 .ft-hundred h3{text-wrap:balance}
.suba-variant-v34 .latest{background:#fcfaf6}
.suba-variant-v34 .latest .container{position:relative}
.suba-variant-v34 .new-article-grid{gap:20px}
.suba-variant-v34 .new-article{border-color:#e8e0d5;transition:box-shadow .16s ease,transform .16s ease}
.suba-variant-v34 .new-article:hover{box-shadow:0 10px 24px #211a1214;transform:translateY(-2px)}
.suba-variant-v34 .new-article.first .article-photo{position:relative;border:0;overflow:hidden;background:#241a14}
.suba-variant-v34 .new-article.first .article-photo img{object-fit:cover;object-position:65% center;filter:contrast(1.03)}
.suba-variant-v34 .new-article.first .article-photo:after{content:"";pointer-events:none;position:absolute;inset:0;background:none}
.suba-variant-v34 .v34-image-note{font-size:10px;position:absolute;top:auto;left:auto;bottom:14px;right:15px;z-index:5;background:#16130edc;color:#fff9ed;padding:4px 7px;border-radius:2px}
.suba-variant-v34 .new-article.first .new-article-body h3{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.47}
.suba-variant-v34 .new-article .new-article-body b{display:inline-flex;align-items:center;gap:8px}
.suba-variant-v34 a:focus-visible,.suba-variant-v34 button:focus-visible,.suba-variant-v34 input:focus-visible{outline:3px solid #aa202b;outline-offset:3px}
.suba-variant-v34 .guide-areas{background:#f1e9dd}
.suba-variant-v34 .new-area-grid a{border:1px solid #dcd1c3;transition:transform .18s ease,box-shadow .18s ease;background-color:#f9f5ef}
.suba-variant-v34 .new-area-grid a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2419141a}
.suba-variant-v34 .record-journey{background:#152821}
.suba-variant-v34 .footer{border-top:3px solid #a91d29}
.suba-variant-v34 .ad-location-guide[hidden]{display:none!important}
@media(max-width:980px){.suba-variant-v34 .v34-section-stamp{display:none}}
@media(max-width:700px){
 .suba-variant-v34 .header-polished .brand img{width:173px!important;max-height:54px}
 .suba-variant-v34 .header-polished .nav a.active:after{bottom:3px}
 .suba-variant-v34 .design-hero{height:382px}
 .suba-variant-v34 .dh-visual img{object-position:62% 51%}
 .suba-variant-v34 .dh-visual:after{background:linear-gradient(0deg,rgba(8,9,8,.96) 0%,rgba(8,9,8,.62) 38%,rgba(8,9,8,.02) 83%)}
 .suba-variant-v34 .dh-copy h1{letter-spacing:-.085em}
 .suba-variant-v34 .discover{box-shadow:0 9px 28px rgba(36,24,18,.12)}
 .suba-variant-v34 .discover-top{gap:10px}
 .suba-variant-v34 .new-article-grid{gap:0}
 .suba-variant-v34 .new-article.first .article-photo img{object-position:63% center}
 .suba-variant-v34 .v34-image-note{bottom:10px;right:9px;font-size:9px}
 .suba-variant-v34 .new-article.first .new-article-body h3{font-size:1.25rem}
 .suba-variant-v34 .new-area-grid a{background-color:#faf6ef}
 .suba-variant-v34 .feature-magazine a:hover,.suba-variant-v34 .new-article:hover,.suba-variant-v34 .new-area-grid a:hover{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.suba-variant-v34 .feature-magazine a,.suba-variant-v34 .new-article,.suba-variant-v34 .new-area-grid a{transition:none}}