:root{--ink:#202322;--gold:#ad8550;--paper:#faf9f5;--muted:#777b75}*{box-sizing:border-box}body{margin:0;background:#e8e7e1;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.preview-note{position:fixed;left:max(28px,calc(50% - 530px));top:65px;width:240px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:600}.preview-note h1{font-size:27px;font-weight:500;line-height:1.7;letter-spacing:.04em}.preview-note p{font-size:12px;line-height:2;color:#686b65}.preview-note .line{width:35px;height:1px;background:var(--gold);margin:26px 0}.device{width:430px;margin:28px auto 60px;background:var(--paper);min-height:100vh;box-shadow:0 18px 70px #20232218;border-radius:28px;overflow:hidden;border:6px solid #343833}.status{height:30px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;font-weight:600}.demo-bar{font-size:9px;text-align:center;background:#eee9df;color:#73644d;padding:7px;letter-spacing:.12em}header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #eee}.logo{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:22px;letter-spacing:.12em}.logo small{display:block;font-family:inherit;font-size:8px;letter-spacing:.2em;color:#8d7756;margin-top:6px}.menu{border:0;background:transparent;width:32px;padding:5px}.menu span{display:block;height:1px;background:#222;margin:6px 0}.menu span:last-child{width:16px;margin-left:auto}nav{display:none;padding:16px 24px;background:#fff;font-size:12px;gap:20px}nav.open{display:flex}.hero{height:455px;position:relative;background:#192c2a;overflow:hidden;color:#fff}.city{position:absolute;width:100%;height:100%;inset:0}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d211ee6,#1027203a),linear-gradient(0deg,#102421b3,transparent)}.hero-text{position:relative;z-index:1;padding:38px 25px}.hero .eyebrow{color:#d1b586;font-size:9px;letter-spacing:.18em}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:37px;line-height:1.55;letter-spacing:.08em;font-weight:500;margin:23px 0 19px}.hero p{font-size:11px;line-height:2.1;color:#e0e6de;letter-spacing:.06em}.hero-link{display:inline-flex;align-items:center;gap:24px;font-size:11px;border-bottom:1px solid #b6b8a4;padding:12px 0;margin-top:11px}.hero-link span{color:#c3a46d}.hero-bottom{position:absolute;z-index:1;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.2em;color:#c3cbbf}.hero-bottom i{height:1px;width:52px;background:#bda572}.intro{padding:23px 25px;background:#eeeae1;display:flex;gap:15px;align-items:center}.intro .star{font-family:Georgia;font-size:28px;color:#a3804c}.intro p{font-size:11px;line-height:1.9;margin:0}.intro b{font-weight:600}main{padding:35px 24px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title h2{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:.03em;margin:5px 0}.section-title small{font-size:10px;color:var(--muted)}.section-title a{font-size:10px;color:#62665e}.feature-art{height:190px;position:relative;overflow:hidden;background:#d9d4c5}.feature-art svg{width:100%;height:100%}.art-label{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:.12em;padding:6px 9px;background:#fffdf3e8}.article-meta{display:flex;gap:10px;font-size:9px;color:#818279;align-items:center;margin:16px 0 9px}.tag{color:#8b6c3f}.feature h3{font-size:20px;line-height:1.65;letter-spacing:.03em;margin:0 0 10px}.feature p{font-size:11px;color:#71756b;line-height:1.9;margin:0}.read{display:block;font-size:10px;letter-spacing:.08em;padding:17px 0 21px;border-bottom:1px solid #dcded5}.read span{float:right;color:var(--gold)}.latest{padding-top:35px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid #dedfd6;background:transparent;padding:8px 14px;border-radius:20px;font-size:10px;color:#72766e}.filters button.active{background:#253d35;border-color:#253d35;color:#fff}.article-row{display:flex;gap:15px;border-bottom:1px solid #e2e3da;padding:18px 0;align-items:center}.thumb{flex:0 0 91px;height:92px;position:relative;overflow:hidden;display:grid;place-items:center}.thumb svg{width:100%;height:100%}.article-row .article-meta{margin:0 0 8px;font-size:8px}.article-row h3{font-size:13px;line-height:1.8;margin:0;letter-spacing:.02em}.article-row .arrow{font-size:12px;color:#9a875f;margin-top:7px}.profile{background:#eae8df;padding:29px 23px;margin:38px -24px 0}.profile-top{display:flex;justify-content:space-between;align-items:center}.profile h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:7px 0 20px}.monogram{width:59px;height:59px;border:1px solid #b8ad93;border-radius:50%;display:grid;place-items:center;font-family:Georgia;font-size:28px;color:#8b744f}.profile h3{font-size:19px;letter-spacing:.18em;margin:0 0 5px}.profile .role{font-size:9px;color:#8a7a60;margin:0 0 17px}.profile p{font-size:11px;line-height:2;color:#62665e;margin:0}.profile .profile-note{font-size:9px;margin-top:12px;color:#87887e}.profile-link{display:flex;justify-content:space-between;margin-top:21px;padding-top:16px;border-top:1px solid #d0cfc3;font-size:10px}.topics{padding:30px 0}.topics h2{font-size:12px;font-weight:500;margin:0 0 17px}.topic-links{display:flex;gap:7px;flex-wrap:wrap}.topic-links button{border:1px solid #dedfd6;background:transparent;font-size:10px;padding:8px 11px;color:#6e7268}footer{background:#21372f;color:#d5dbd2;padding:29px 24px;font-size:10px;line-height:2}.footer-logo{font-family:Georgia;font-size:22px;letter-spacing:.12em;color:#fff}footer p{font-size:9px;color:#b4c0b3}footer .foot-links{display:flex;gap:20px;border-top:1px solid #ffffff22;padding-top:17px;margin-top:20px;font-size:9px}footer small{font-size:8px;color:#94a698;display:block;margin-top:20px;letter-spacing:.1em}dialog{border:0;background:var(--paper);color:var(--ink);width:min(390px,94vw);padding:30px 24px;max-height:85vh;overflow:auto;box-shadow:0 15px 80px #0004}dialog::backdrop{background:#14291fbb}dialog h2{font-size:21px;line-height:1.7;margin:22px 0}dialog p{font-size:13px;line-height:2}dialog .close{display:block;margin-left:auto;background:transparent;border:0;font-size:12px}dialog .sample{font-size:10px;color:#907950;letter-spacing:.1em}html{scroll-behavior:smooth}@media(max-width:900px){.preview-note{display:none}}@media(max-width:480px){body{background:var(--paper)}.device{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.status{display:none}.hero{height:455px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Concept 02: Tokyo after dark */
:root{--ink:#f3eee5;--gold:#ddbe7d;--paper:#111116;--muted:#98939c}body{background:#08080d}.device{border-color:#35323b;box-shadow:0 25px 100px #0008}.preview-note h1{color:#eee5d9}.preview-note p{color:#aaa0ac}.status,header{background:#101015}.status{color:#e5d7ba}.demo-bar{background:#29232a;color:#d2ba8d}header{border-bottom:1px solid #ffffff12;padding:20px 23px}.logo{color:#f8e7bc;text-shadow:0 0 25px #d1a25c33}.logo small{color:#c7b289}.menu span{background:#e4cd9b}nav{background:#1c1920}.hero{height:505px;background:#090d1b}.city{object-fit:cover;object-position:58% center}.hero:after{background:linear-gradient(90deg,#090914b0 0%,#09091432 70%),linear-gradient(0deg,#111116 0%,transparent 45%,#08081118 100%)}.hero-text{padding:40px 24px}.hero h1{font-size:39px;line-height:1.5;margin:23px 0 20px;text-shadow:0 2px 22px #0009}.hero .eyebrow{color:#f0d495}.hero p{color:#f1e7df;text-shadow:0 1px 10px #000}.hero-link{background:linear-gradient(110deg,#f2dcac,#c29a56);border:1px solid #eed4a0;color:#21180e;padding:13px 17px;margin-top:13px;box-shadow:0 3px 24px #e5bc6725;font-weight:600}.hero-link span{color:#4b3820}.hero-bottom{color:#dcc79c;bottom:28px}.intro{background:#18151c;border-top:1px solid #b08a492e;border-bottom:1px solid #b08a492e}.intro p{color:#d6cbd0}.intro .star{color:#e3c27c}.genre-section{padding:32px 24px 0}.genre-section h2{font-size:23px;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:500;margin:8px 0 20px;letter-spacing:.06em}.genre-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.genre-card{min-height:141px;text-align:left;color:#fff;border:1px solid #ac855647;position:relative;overflow:hidden;padding:19px 16px;background:linear-gradient(140deg,#3c2339,#191421)}.genre-card:after{content:'✧';position:absolute;right:7px;top:4px;color:#efb9d43a;font-size:82px;font-family:Georgia;line-height:1}.genre-card:nth-child(2){background:linear-gradient(140deg,#1e2c45,#161724);border-color:#8c9fc44a}.genre-card:nth-child(3){grid-column:1/-1;min-height:83px;background:linear-gradient(105deg,#30271b,#19161a)}.genre-card:nth-child(3):after{font-size:62px;color:#d4b37844;right:22px;top:8px}.genre-card small{display:block;font-size:8px;letter-spacing:.16em;color:#ddbc9c;position:relative;z-index:1}.genre-card strong{display:block;font-size:22px;letter-spacing:.08em;margin:14px 0 8px;font-weight:500;position:relative;z-index:1}.genre-card span{display:block;font-size:9px;color:#d5c7d2;position:relative;z-index:1}.genre-card b{position:absolute;bottom:15px;right:15px;font-size:16px;font-weight:400;color:#dcc087}.genre-card:nth-child(3) strong{font-size:16px;margin:9px 0 0}.genre-card:hover{border-color:#e5ca8f}.section-title h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:25px;line-height:1.6}.section-title small,.section-title a{color:#b6a9b3}.feature-art{border:1px solid #b5986133;filter:brightness(.8)}.article-meta{color:#9e929f}.tag{color:#ddbd85}.feature p{color:#aaa0a9}.read{border-color:#bfa47b33;color:#ded1b8}.filters button{border-color:#ffffff26;color:#bbb0bf}.filters button.active{background:#d9b978;color:#241c12;border-color:#d9b978}.article-row{border-color:#ffffff18}.article-row h3{color:#ece7ec}.thumb{filter:brightness(.8)}.profile{background:radial-gradient(ellipse at top right,#40302255,transparent 60%),#1a171c;border-block:1px solid #ad8d5633}.profile p{color:#b9adb8}.profile .role{color:#cfb382}.profile .profile-note{color:#9b909c}.profile-link{border-color:#ffffff20;color:#dcc295}.monogram{color:#e3c58e;border-color:#8c7147;background:#d0a4540a}.topic-links button{color:#c5b5c8;border-color:#ffffff20}footer{background:#0c0b10;border-top:1px solid #b398622b;color:#baa9bd}.footer-logo{color:#e9d1a5}footer p{color:#aaa0ac}footer small{color:#8c7c92}dialog{border:1px solid #ab8f584a}dialog .close{color:#dac399}dialog p{color:#c9bdca}dialog .sample{color:#ddbc83}@media(max-width:480px){.hero{height:505px}}

/* Concept 03: white editorial pages, Tokyo night hero */
:root{--ink:#27232b;--gold:#a67c36;--paper:#ffffff;--muted:#79717b}body{background:#f0eeea}.device{background:#fff;border-color:#343039;box-shadow:0 18px 70px #33253718}.preview-note h1{color:#332c36}.preview-note p{color:#786f79}.status,header{background:#fff;color:#28232c}header{border-bottom:1px solid #e9e5df}.logo{color:#302a33;text-shadow:none}.logo small{color:#967644}.menu span{background:#3b303e}.demo-bar{background:#f2eee6;color:#84714f}nav{background:#faf8f4;color:#342d36}.hero:after{background:linear-gradient(90deg,#090914b0 0%,#09091432 70%),linear-gradient(0deg,#111116b0 0%,transparent 45%,#08081118 100%)}.intro{background:#faf7f1;border-color:#eee6d8}.intro p{color:#5c535e}.intro .star{color:#b38a49}.genre-section{background:#fff}.genre-section h2{color:#302833}.genre-card{color:#4d3344;background:linear-gradient(135deg,#fcf4f6,#f2e9ee);border-color:#e9d7df}.genre-card:after{color:#b98ca92b}.genre-card:nth-child(2){background:linear-gradient(135deg,#f1f5fa,#e8edf5);border-color:#d6e0ed;color:#304561}.genre-card:nth-child(3){background:linear-gradient(110deg,#fbf6eb,#f3eee5);border-color:#e9ddc6;color:#58482f}.genre-card:nth-child(3):after{color:#c7a36b33}.genre-card small{color:#937144}.genre-card span{color:#82717d}.genre-card b{color:#a27b3f}.section-title small,.section-title a{color:#817780}.feature-art{filter:none;border-color:#eee6da}.article-meta{color:#8e858d}.tag{color:#9f7538}.feature p{color:#776d77}.read{border-color:#e6dfd7;color:#756447}.filters button{border-color:#e5dfd9;color:#817580}.filters button.active{background:#302632;color:#f9efdc;border-color:#302632}.article-row{border-color:#ece7e2}.article-row h3{color:#332b35}.thumb{filter:none}.profile{background:radial-gradient(ellipse at top right,#e8d6ae44,transparent 65%),#f8f5ef;border-color:#ece3d4}.profile p{color:#736774}.profile .role{color:#97753e}.profile .profile-note{color:#948991}.profile-link{border-color:#e3d9c9;color:#90703e}.monogram{color:#a07d43;border-color:#cdbb99;background:#fff9}.topic-links button{color:#7a6b79;border-color:#e5dddF}footer{background:#f7f5f1;border-top:1px solid #e8dfd2;color:#786b7b}.footer-logo{color:#4a3b46}footer p{color:#81737f}footer .foot-links{border-color:#e5dcd1}footer small{color:#a1919e}dialog{background:#fff;color:#302833;border-color:#d6c6a8}dialog .close{color:#947343}dialog p{color:#756975}dialog .sample{color:#a17b41}@media(max-width:480px){body{background:#fff}}

/* WordPress production layouts */
body{background:#fff}.device{width:100%;max-width:1120px;margin:0 auto;border:0;border-radius:0;box-shadow:none;min-height:100vh}.hero{height:560px}.hero-text{max-width:1120px;padding:65px 45px}.hero h1{font-size:52px}.city{object-position:center 55%}.hero:after{background:linear-gradient(90deg,#090914dd,#09091422 90%)}main{padding:42px 32px 0}.genre-section{padding:38px 32px 0}.genre-grid{grid-template-columns:repeat(3,1fr)}.genre-card{display:block}.genre-card:nth-child(3){grid-column:auto;min-height:141px}.genre-card:nth-child(3) strong{font-size:20px;margin-top:14px}.home-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}.latest{padding-top:0}.feature-art{height:260px;object-fit:cover;width:100%;display:block}.article-row .thumb img{width:100%;height:100%;object-fit:cover}.article-row>div:last-child{flex:1}.article-meta a{color:inherit}.profile{margin:40px 0 0}.entry{max-width:760px;margin:auto;padding:42px 24px 60px}.entry h1{font-size:32px;line-height:1.6;overflow-wrap:anywhere}.entry-cover{width:100%;max-height:480px;object-fit:cover;margin:20px 0}.entry-content{font-size:16px;line-height:2;overflow-wrap:anywhere}.entry-content h2{font-size:24px;margin:2em 0 .8em}.entry-content h3{font-size:20px;margin:1.8em 0 .6em}.entry-content a{color:#8a611f;text-decoration:underline;text-underline-offset:3px}.entry-content img{max-width:100%;height:auto}.entry-content blockquote{border-left:3px solid #b89556;margin:25px 0;padding:8px 20px;background:#faf7f1}.entry-content table{border-collapse:collapse;width:100%}.entry-content td,.entry-content th{border:1px solid #ddd;padding:8px}.entry-content iframe{max-width:100%}.entry-content pre{overflow:auto}.entry-content ul,.entry-content ol{padding-left:1.5em}.entry-content .wp-caption{max-width:100%}.breadcrumbs{font-size:11px;line-height:1.8;color:#887a87}.archive-head{padding:32px 0}.archive-head h1{font-size:30px}.archive-description{font-size:14px;line-height:1.9}.archive-list{max-width:760px;margin:auto}.pagination{padding:30px 0;display:flex;gap:12px;flex-wrap:wrap}.page-numbers{padding:8px 12px;border:1px solid #e3daca}.page-numbers.current{background:#302632;color:#fff}.empty-state{font-size:14px;line-height:1.9;padding:30px 0;color:#766976}.skip-link{position:absolute;left:15px;top:-100px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.search-form{display:flex;gap:8px;margin:20px 0}.search-field{width:100%;min-width:0;padding:12px;border:1px solid #ded5c6;font:inherit}.search-submit{border:0;background:#302632;color:#fff;padding:12px 18px}.entry-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #e8e1d8;font-size:13px}.site-nav{flex-wrap:wrap}.site-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:20px;flex-wrap:wrap}.site-nav .sub-menu{padding:12px}.wp-block-image img{display:block;height:auto}.logo{font-size:25px}.footer-logo{font-family:inherit}.profile-note{color:#8d7e88}.not-found{text-align:center;padding:60px 24px}.post-label{font-size:10px;color:#96713e;margin-bottom:15px}.entry-content .alignwide{width:100%}@media(max-width:700px){.hero{height:505px}.hero-text{padding:40px 24px}.hero h1{font-size:39px}.city{object-position:58% center}.hero:after{background:linear-gradient(90deg,#090914b0,#09091432 70%),linear-gradient(0deg,#111116b0,transparent 45%)}.home-columns{display:block}.latest{padding-top:35px}.genre-section{padding:32px 24px 0}.genre-grid{grid-template-columns:1fr 1fr}.genre-card:nth-child(3){grid-column:1/-1;min-height:83px}.genre-card:nth-child(3) strong{font-size:16px;margin-top:9px}main{padding:35px 24px 0}.profile{margin:38px -24px 0}.entry h1{font-size:27px}.entry-content{font-size:16px}.feature-art{height:190px}.entry{padding-top:28px}.logo{font-size:23px}}