@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans+JP:wght@300;400;500&display=swap');

:root{--paper:#f7f5f0;--ink:#1d1b19;--muted:#756f68;--line:#cfc9c0;--cream:#e8e0d4;--brown:#45372c;--serif:'Cormorant Garamond',serif;--sans:'Noto Sans JP',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.9}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font:inherit;color:inherit}.shell{width:min(1460px,calc(100% - 48px));margin:auto}.masthead{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font:500 clamp(1.8rem,3vw,3rem)/1 var(--serif);letter-spacing:.04em}.nav{display:flex;gap:34px;justify-content:flex-end;font-size:.72rem;letter-spacing:.14em}.nav a{padding:10px 0}.issue{font-size:.67rem;letter-spacing:.16em}.menu{display:none;background:none;border:0;font-size:1.4rem}
.cover{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.15fr .85fr;gap:8px;padding:8px 0 44px}.photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#d7cec1,#b9aa97)}.photo:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 34%,rgba(255,255,255,.28) 35% 48%,transparent 49%);transform:scale(1.5);opacity:.7}.photo-label{position:absolute;inset:auto 16px 12px auto;font-size:.58rem;letter-spacing:.18em;color:#fff}.cover-main{min-height:690px}.cover-side{display:grid;grid-template-rows:1fr auto;background:#eee9e1}.cover-copy{padding:38px 46px 46px}.kicker,.eyebrow{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}.cover h1{font:400 clamp(4.6rem,10vw,10.5rem)/.75 var(--serif);letter-spacing:-.055em;margin:0;position:absolute;z-index:2;left:4vw;top:22%;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.12)}.cover h1 i{display:block;margin-left:19vw;font-weight:400}.cover-copy h2{font:400 clamp(2.2rem,4vw,4.1rem)/.95 var(--serif);margin:14px 0 24px}.cover-copy p{font-size:.83rem;max-width:33em}.scroll{position:absolute;bottom:28px;left:4vw;color:white;font-size:.62rem;letter-spacing:.2em;writing-mode:vertical-rl}
.manifesto{padding:150px 0 170px;text-align:center}.manifesto .eyebrow{display:block;margin-bottom:34px}.manifesto p{font:400 clamp(2.1rem,5vw,5.2rem)/1.2 var(--serif);max-width:1050px;margin:auto}.manifesto p i{font-weight:400}.manifesto .jp{font:300 .86rem/2 var(--sans);max-width:480px;margin:42px auto 0}
.story{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:180px;align-items:center}.story-photo{grid-column:1/8;height:760px}.story-text{grid-column:9/13;padding-right:20px}.number{font:400 3.4rem/1 var(--serif);color:#a79e94}.story h2{font:400 clamp(2.7rem,5vw,5.5rem)/.93 var(--serif);margin:24px 0}.story p{font-size:.85rem}.read{display:inline-block;margin-top:25px;padding-bottom:4px;border-bottom:1px solid;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.story.reverse .story-photo{grid-column:6/13;order:2;height:680px}.story.reverse .story-text{grid-column:1/5;order:1}.story-wide{position:relative;height:82vh;min-height:620px;margin:0 0 180px}.story-wide .photo{height:100%}.story-wide .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:white;background:rgba(30,24,19,.16)}.story-wide h2{font:400 clamp(3.6rem,8vw,8.5rem)/.82 var(--serif);margin:18px 0}.story-wide p{font-size:.78rem;letter-spacing:.08em}
.index-head{display:flex;justify-content:space-between;align-items:end;padding:110px 0 52px;border-bottom:1px solid var(--line)}.index-head h1{font:400 clamp(4rem,10vw,9rem)/.75 var(--serif);margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter{border:1px solid var(--line);background:transparent;border-radius:99px;padding:8px 16px;font-size:.62rem;letter-spacing:.12em;cursor:pointer}.filter.active{background:var(--ink);color:white}.article-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px;padding:80px 0 160px}.card{grid-column:span 4;margin-bottom:75px}.card:nth-child(2),.card:nth-child(5){margin-top:120px}.card .thumb{aspect-ratio:3/4}.card h2{font:400 2.5rem/1 var(--serif);margin:16px 0 10px}.card p{font-size:.78rem}.meta{display:flex;justify-content:space-between;margin-top:16px;font-size:.6rem;letter-spacing:.12em;color:var(--muted)}
.article-header{padding:100px 0 52px;text-align:center}.article-header h1{font:400 clamp(3.5rem,8vw,8rem)/.9 var(--serif);max-width:1100px;margin:22px auto}.article-header .lead{max-width:610px;margin:28px auto 0;font-size:.9rem}.hero-image{height:min(82vh,900px)}.article-body{width:min(720px,calc(100% - 48px));margin:100px auto 140px;font-size:1rem;line-height:2.25}.article-body .dropcap:first-letter{float:left;font:400 6rem/.7 var(--serif);padding:16px 12px 5px 0}.article-body h2{font:400 3rem/1.05 var(--serif);margin:90px 0 28px}.article-body blockquote{font:italic 400 2.7rem/1.18 var(--serif);text-align:center;margin:100px -130px;padding:70px 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inline-image{width:min(1100px,calc(100% - 48px));height:680px;margin:0 auto 110px}.article-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.article-nav a{padding:55px 7vw}.article-nav a:last-child{text-align:right;border-left:1px solid var(--line)}
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 82px);gap:70px;align-items:center}.about-photo{height:78vh}.about-copy h1{font:400 clamp(5rem,11vw,10rem)/.7 var(--serif);margin:0 0 55px}.about-copy .intro{font:400 2.2rem/1.25 var(--serif);max-width:560px}.about-copy p{max-width:530px;font-size:.86rem}.values{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin:140px 0}.values>div{padding:80px 8vw;border-bottom:1px solid var(--line)}.values>div:nth-child(odd){border-right:1px solid var(--line)}.values h2{font:400 3.2rem/1 var(--serif);margin:0 0 25px}.values p{font-size:.83rem}
.newsletter{background:var(--brown);color:#f6f1e9;text-align:center;padding:120px 24px}.newsletter h2{font:400 clamp(3.6rem,7vw,7rem)/.9 var(--serif);margin:12px}.newsletter p{font-size:.8rem}.footer{display:flex;justify-content:space-between;align-items:end;padding:75px 0 35px;font-size:.65rem;letter-spacing:.12em}.footer .brand{font-size:2rem}
.journal-cover{position:relative;background:#111;overflow:hidden}.journal-cover img{object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.journal-cover:hover img{transform:scale(1.015)}.journal-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:8px;padding:8px 0 90px}.journal-hero .journal-cover{min-height:calc(100vh - 100px)}.journal-hero-copy{background:#e9e3da;padding:55px;display:flex;flex-direction:column;justify-content:flex-end}.journal-hero-copy h1{font:400 clamp(3.6rem,7vw,7.2rem)/.82 var(--serif);margin:18px 0 35px}.journal-hero-copy p{font-size:.84rem;max-width:32em}.journal-hero-copy .read{margin-top:38px;align-self:flex-start}.issue-section{padding:100px 0 120px;border-top:1px solid var(--line)}.month-line{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.month-line h2{font:400 clamp(4rem,10vw,9rem)/.75 var(--serif);margin:0}.month-line span{font-size:.66rem;letter-spacing:.16em}.issue-feature{display:grid;grid-template-columns:repeat(12,1fr);gap:25px;align-items:end}.issue-feature .journal-cover{grid-column:1/8;aspect-ratio:1080/1350}.issue-info{grid-column:9/13;padding-bottom:25px}.issue-info h3{font:400 clamp(2.6rem,4.5vw,4.8rem)/.9 var(--serif);margin:17px 0 25px}.issue-info p{font-size:.82rem}.issue-feature.reverse .journal-cover{grid-column:6/13;order:2}.issue-feature.reverse .issue-info{grid-column:1/5;order:1}.issue-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:55px}.issue-stack .journal-cover{aspect-ratio:1080/1350}.pager{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.7);color:white;padding:4px 10px;font-size:.63rem;letter-spacing:.12em}.viewer{background:#171614;color:white;min-height:100vh}.viewer .masthead{border-color:#45413d}.viewer-main{padding:50px 0 100px}.viewer-title{text-align:center;margin-bottom:45px}.viewer-title h1{font:400 clamp(3rem,7vw,7rem)/.85 var(--serif);margin:15px}.viewer-pages{display:grid;gap:22px;max-width:1080px;margin:auto}.viewer-pages img{height:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.backline{display:flex;justify-content:center;margin-top:55px}
@media(max-width:800px){.shell{width:calc(100% - 28px)}.masthead{height:68px;grid-template-columns:1fr auto}.issue,.nav{display:none}.menu{display:block}.cover{grid-template-columns:1fr;min-height:auto}.cover-main{min-height:72vh}.cover-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.cover h1{top:25%;font-size:23vw;left:7vw}.cover h1 i{margin-left:8vw}.scroll{display:none}.cover-copy{padding:24px}.cover-copy h2{font-size:2rem}.manifesto{padding:100px 10px}.story{display:block;margin-bottom:100px}.story-photo,.story.reverse .story-photo{height:65vh}.story-text,.story.reverse .story-text{padding:30px 10px}.story h2{font-size:3.2rem}.story-wide{height:70vh;min-height:520px;margin-bottom:100px}.index-head{display:block;padding-top:80px}.filters{margin-top:40px}.article-grid{display:block;padding-top:50px}.card,.card:nth-child(2),.card:nth-child(5){margin:0 0 70px}.article-header{padding-top:70px}.hero-image{height:65vh}.article-body{margin-top:70px}.article-body blockquote{margin:70px 0;font-size:2.1rem;padding:50px 15px}.inline-image{height:55vh}.about-hero{display:block;padding-top:50px}.about-photo{height:65vh}.about-copy{padding:55px 10px}.values{display:block;margin:80px 0}.values>div,.values>div:nth-child(odd){border-right:0;padding:55px 25px}.article-nav a{padding:35px 20px}.footer{display:block}.footer>*{margin-top:20px}}
@media(max-width:800px){.journal-hero{display:block;padding-top:8px}.journal-hero .journal-cover{min-height:0}.journal-hero-copy{padding:38px 24px}.issue-section{padding:75px 0}.month-line{margin-bottom:35px}.issue-feature,.issue-feature.reverse{display:block}.issue-info,.issue-feature.reverse .issue-info{padding:35px 8px}.issue-stack{grid-template-columns:1fr 1fr;gap:7px}.viewer-main{padding-top:30px}.viewer-pages{gap:10px}}
.journal-hero-copy .number{margin-bottom:24px}.issue-stack.two-pages{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:800px){.issue-stack.two-pages{grid-template-columns:1fr 1fr}}