@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--red:#ad3527;--ink:#292925;--muted:#85817a;--bg:#f5f3ee;--line:#e9e5de;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c48e3f;outline-offset:3px}button{border:0;background:none;color:inherit}header{height:78px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px;padding:0 max(32px,calc((100vw - 1380px)/2));position:sticky;top:0;z-index:20}.brand{font:700 30px var(--serif);white-space:nowrap;letter-spacing:-1px}.brand em{color:var(--red);font-style:normal}.mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font:23px Georgia;margin-right:9px;vertical-align:middle}nav{display:flex;align-self:stretch;gap:32px}nav button{font-size:13px;position:relative;white-space:nowrap}nav button.active{color:var(--red)}nav button.active:after{content:'';height:3px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.search{margin-left:auto;display:flex;align-items:center;gap:9px;background:#f4f2ed;border:1px solid var(--line);border-radius:30px;padding:11px 16px;width:255px}.search input{background:none;border:0;outline:0;min-width:0;width:100%;font:12px inherit}.container{max-width:1380px;padding:28px 32px;margin:auto}.hero{height:330px;border-radius:14px;overflow:hidden;position:relative;background:#504d3f url('assets/japan.jpg') center 49%/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,27,22,.6),transparent 80%),linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.hero-content{position:absolute;left:46px;bottom:37px;z-index:1;color:white}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:700}.hero h1{font:500 48px/1.2 var(--serif);margin:13px 0}.hero p{margin:0;color:#efeee5;font-size:14px}.hero-tag{position:absolute;right:26px;bottom:28px;color:white;z-index:1;font-size:10px;letter-spacing:2px}.hero-top{position:absolute;top:24px;left:30px;z-index:1;color:white;font-size:11px;background:#ffffff24;border:1px solid #ffffff50;border-radius:30px;padding:9px 13px;backdrop-filter:blur(8px)}.profile-bar{display:flex;justify-content:space-between;align-items:center;padding:24px 0 25px;border-bottom:1px solid var(--line);margin-bottom:27px}.identity{display:flex;align-items:center;gap:14px}.avatar{width:52px;height:52px;background:#eee4d7;border:3px solid white;box-shadow:0 0 0 1px #e6ded0;border-radius:50%;display:grid;place-items:center;font:24px var(--serif);color:var(--red)}.identity strong{font:700 22px var(--serif)}.identity small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.social{display:flex;gap:12px;align-items:center}.social span{font-size:11px;color:var(--muted)}.primary{background:var(--red);color:white;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:600;display:inline-block}.layout{display:grid;grid-template-columns:190px minmax(0,1fr) 285px;gap:28px;align-items:start}.left{position:sticky;top:106px}.section-label{font-size:10px;color:var(--muted);letter-spacing:1.8px;text-transform:uppercase;margin:9px 0 14px}.side-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px;border-radius:7px;color:#68665f;font-size:12px;margin:3px 0}.side-item.active{background:#eee2da;color:var(--red);font-weight:600}.side-item b{font-size:16px;font-weight:400;width:18px}.side-note{margin-top:29px;border-top:1px solid var(--line);padding:20px 10px;color:#85817a;font-size:11px;line-height:1.8}.side-note strong{display:block;color:#5b5c50;font:italic 21px var(--serif);margin-bottom:7px}.side-note .tiny{margin-top:18px;font-size:9px;color:#a29b90}.feed-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 17px}.feed-head h2{font:600 22px var(--serif);margin:0}.feed-head span{font-size:10px;color:var(--muted)}.tabs{display:flex;gap:7px;margin-bottom:19px;overflow:auto;scrollbar-width:none}.tab{white-space:nowrap;font-size:10px;border:1px solid #e2ddd4;background:#fffcf8;padding:9px 13px;border-radius:30px}.tab.active{background:var(--ink);border-color:var(--ink);color:white}.card{background:#fffdf9;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:23px;box-shadow:0 4px 15px #3a251a03}.post-top{display:flex;gap:10px;align-items:center;padding:17px 19px}.post-avatar{height:32px;width:32px;display:grid;place-items:center;background:#eee4d7;color:var(--red);border-radius:50%;font:16px var(--serif)}.author{font-size:11px;font-weight:700}.meta{font-size:9px;color:var(--muted);margin-top:4px}.badge{margin-left:auto;font-size:8px;color:var(--red);background:#f6eae2;border-radius:4px;padding:5px 7px;text-transform:uppercase;letter-spacing:.7px}.photo-wrap{height:270px;position:relative;overflow:hidden}.photo-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .photo-wrap img{transform:scale(1.025)}.photo-label{position:absolute;bottom:15px;left:19px;color:white;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 5px #000}.post-body{padding:20px 23px 16px}.post-body h3{font:600 25px/1.25 var(--serif);margin:0 0 11px;letter-spacing:-.5px}.post-body p{color:#77736b;font-size:12px;line-height:1.8;margin:0}.post-bottom{margin:0 23px;border-top:1px solid var(--line);padding:13px 0;display:flex;align-items:center;gap:16px}.post-bottom button{font-size:10px;color:#837c72;padding:6px 0}.post-bottom button.saved{color:var(--red)}.post-bottom .read{margin-left:auto;color:var(--red);font-weight:700}.right-box{background:#fffdf9;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:20px}.right-box h2{font:600 20px var(--serif);margin:0 0 6px}.sub{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.calendar-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.mini-label{color:var(--red);font-size:9px;background:#f6eae2;padding:5px 7px;border-radius:4px}.release{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.day{flex:0 0 39px;height:45px;border-radius:5px;background:#f1ede5;text-align:center;padding:5px 0}.day b{display:block;font:600 19px var(--serif)}.day small{font-size:8px;color:#8c8476}.release h3{font-size:11px;line-height:1.5;margin:1px 0 4px}.release p{font-size:9px;color:var(--muted);margin:0}.text-link{font-size:10px;color:var(--red);display:block;width:100%;text-align:left;padding-top:17px;font-weight:600}.yt{background:#303d34;color:#fffcf4;position:relative;overflow:hidden}.yt .eyebrow{color:#d6be91;font-size:9px}.yt h2{font:500 26px/1.2 var(--serif);margin:20px 0 10px}.yt p{font-size:11px;color:#d5d8d0;line-height:1.8}.yt a{background:#fff9ee;color:#354137;border-radius:5px;font-size:10px;padding:10px 13px;display:inline-block;margin-top:12px}.yt-icon{position:absolute;right:23px;top:20px;color:#d7bc8d}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tags button{font-size:9px;border:1px solid var(--line);padding:7px 9px;border-radius:4px;color:#888071}.footer{text-align:center;color:#948b7e;font-size:10px;padding:35px 0 12px}.demo{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#a99f91}.empty{padding:60px 20px;text-align:center;color:var(--muted);border:1px dashed #d6cdbf;border-radius:10px}.modal{border:0;border-radius:15px;padding:0;width:min(680px,92vw);max-height:88vh;background:#fffdf9;color:var(--ink);box-shadow:0 20px 90px #0004}.modal::backdrop{background:#18241f99;backdrop-filter:blur(4px)}.modal-inner{padding:30px}.modal h2{font:600 30px/1.3 var(--serif);margin:14px 0}.modal p{line-height:1.9;color:#6e6b62;font-size:13px}.close{position:sticky;top:12px;float:right;background:white;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;z-index:2;margin:12px}.modal img{width:100%;max-height:280px;object-fit:cover}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#303d34;color:white;padding:12px 22px;border-radius:8px;font-size:12px;z-index:60;box-shadow:0 5px 25px #0002}.mobile-menu{display:none}.learn-art{background:#e8e5d9;display:flex;align-items:center;justify-content:center;flex-direction:column;height:220px;color:#596551}.learn-art span{font-size:58px;letter-spacing:12px}.learn-art small{letter-spacing:4px;font-size:10px;margin-top:15px}@media(min-width:1500px){.hero{height:360px}.photo-wrap{height:300px}}@media(max-width:1150px){header{gap:25px;padding:0 25px}nav{gap:22px}.search{width:200px}.layout{grid-template-columns:155px minmax(0,1fr) 245px;gap:20px}.container{padding:24px}.right-box{padding:17px}.photo-wrap{height:240px}.post-body h3{font-size:23px}}@media(max-width:940px){.left{display:none}.layout{grid-template-columns:minmax(0,1fr) 260px}nav{gap:18px}.search{width:180px}header{gap:28px}.brand{font-size:25px}.mark{width:30px;height:30px;font-size:18px}nav button{font-size:11px}}@media(max-width:730px){header{height:65px;padding:0 18px;gap:15px}nav{display:none}.brand{font-size:25px}.search{width:39px;padding:10px;border:0;background:transparent;margin-left:auto}.search input{display:none}.search:focus-within{width:170px;background:#f4f2ed}.search:focus-within input{display:block}.container{padding:15px 14px}.hero{height:265px;border-radius:10px;background-position:57% center}.hero-content{left:24px;bottom:30px}.hero h1{font-size:36px}.hero p{font-size:11px;max-width:220px;line-height:1.7}.hero-top{left:22px;top:20px;font-size:9px}.hero-tag{right:18px;bottom:17px;font-size:8px}.eyebrow{font-size:8px;letter-spacing:2px}.profile-bar{padding:19px 2px;margin-bottom:22px}.identity{gap:10px}.identity strong{font-size:20px}.identity small{font-size:9px}.avatar{height:43px;width:43px;font-size:20px}.social span{display:none}.primary{font-size:9px;padding:10px 12px}.layout{display:flex;flex-direction:column;gap:0}.feed,.right{width:100%}.feed-head h2{font-size:23px}.feed-head span{font-size:9px}.tabs{gap:6px}.tab{font-size:10px;padding:9px 13px}.card{margin-bottom:20px}.photo-wrap{height:250px}.post-top{padding:14px 16px}.post-body{padding:19px}.post-body h3{font-size:25px}.post-body p{font-size:12px}.post-bottom{margin:0 19px;gap:19px}.right{display:grid;grid-template-columns:1fr;gap:0;margin-top:14px}.right-box{padding:23px}.social{gap:0}.modal-inner{padding:23px}.demo{font-size:8px}.footer{line-height:1.9}}