:root{--paper:#f3f0e8;--ink:#222321;--accent:#f04433;--sky:#c3d9dd;--muted:#6f716d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
::selection{background:var(--accent);color:white}
.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 3.5%;border-bottom:1px solid #2225}
.brand{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}
.nav a:hover{color:var(--accent)}
.edition{font-size:11px;color:#666}
.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:3vw 3.5% 3.5vw}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.hero h1{font-size:clamp(110px,17vw,290px);font-weight:400;line-height:.75;letter-spacing:-.072em;margin:9vh 0 5vh;position:relative}
.hero h1 span{display:block}
.hero h1 span:last-child{text-align:right;font-style:italic}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px}
.hero-bottom p{font-size:clamp(17px,2vw,26px);max-width:470px;line-height:1.35;margin:0}
.issue{writing-mode:vertical-rl;position:absolute;right:1.4%;top:30%;font-size:10px;letter-spacing:.22em}
.arrow{border:1px solid var(--ink);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px}
.bar{display:flex;justify-content:space-between;padding:14px 3.5%;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.section{padding:110px 3.5%}
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}
.intro-image{position:relative}
.intro-image img{height:min(750px,70vw);filter:saturate(.85)}
.photo-caption{font-size:10px;text-transform:uppercase;letter-spacing:.11em;margin-top:12px}
.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:30px}
.intro h2,.chapter h2,.work h2,.contact h2{font-size:clamp(55px,7.5vw,135px);letter-spacing:-.055em;line-height:.88;margin:0 0 30px}
.intro p{font-size:clamp(18px,2vw,25px);line-height:1.46;max-width:640px}
.inline-link{display:inline-block;border-bottom:1px solid;padding-bottom:6px;margin-top:18px;font-size:13px;font-weight:700}
.chapter{background:#232322;color:#f6f2ea;padding:100px 3.5% 130px}
.chapter-heading{display:flex;justify-content:space-between;align-items:start;gap:25px}
.chapter-heading h2{max-width:850px}
.features{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;margin-top:65px;align-items:end}
.feature-primary{position:relative}
.feature-primary img{height:clamp(400px,65vw,820px);object-fit:cover;object-position:center top}
.feature-secondary img{height:365px;object-position:top}
.feature-title{font-size:clamp(31px,4vw,65px);line-height:.99;margin:12px 0}
.meta{font-size:11px;opacity:.65;letter-spacing:.09em;text-transform:uppercase}
.small-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:110px}
.small-stories img{height:290px;object-position:top}
.small-stories h3{font-size:27px;line-height:1.05;margin:14px 0 7px}
.interlude{background:var(--accent);color:#fff;padding:28px 3.5%;display:flex;justify-content:space-between;align-items:center;gap:30px}
.interlude p{font-size:clamp(31px,4vw,65px);margin:0;line-height:1}
.interlude small{font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.books{padding:110px 3.5% 140px;overflow:hidden}
.books h2{font-size:clamp(78px,13vw,210px);line-height:.78;margin:0;letter-spacing:-.065em}
.work{padding:120px 3.5%;background:#bfd6d9}
.contact{padding:110px 3.5% 70px}
.contact h2{font-size:clamp(85px,13vw,215px);margin-bottom:60px}
.email{font-size:clamp(22px,3vw,47px);border-bottom:2px solid var(--ink);padding-bottom:8px;word-break:break-word}
footer{border-top:1px solid #2227;margin-top:100px;display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:12px}
.foot-right{display:flex;gap:22px}
.floating-index{position:fixed;bottom:20px;right:25px;background:#f3f0e8d9;backdrop-filter:blur(12px);padding:10px 14px;border:1px solid #2222;z-index:10;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media (max-width:850px){.nav{gap:10px}
.edition,.issue{display:none}
.hero{min-height:76vh}
.hero h1{font-size:clamp(75px,16vw,140px);margin:auto 0 65px}
.hero h1 span:last-child{text-align:left}
.intro,.features{grid-template-columns:1fr}
.section{padding:70px 5%}
.intro-image img{height:650px;max-height:95vw}
.chapter,.books,.work,.contact{padding:75px 5%}
.chapter-heading{display:block}
.features{gap:70px}
.feature-primary img{height:560px}
.feature-secondary img{height:430px}
.small-stories{grid-template-columns:1fr 1fr}
.small-stories article:last-child{display:none}
.foot-right{gap:10px}
footer{margin-top:75px}
.floating-index{display:none}
}
@media (max-width:550px){.top{padding:19px 5%;align-items:start}
.nav{max-width:220px;justify-content:flex-end;font-size:10px}
.hero{padding:30px 5%;min-height:72vh}
.hero h1{font-size:21vw;letter-spacing:-.07em;line-height:.8}
.hero-bottom{align-items:end}
.hero-bottom p{font-size:17px;max-width:240px}
.arrow{width:40px;height:40px}
.bar span:last-child{display:none}
.intro h2,.chapter h2,.work h2{font-size:17vw}
.small-stories{grid-template-columns:1fr}
.small-stories article:last-child{display:block}
.small-stories img{height:370px}
.contact h2{font-size:19vw}
footer{flex-wrap:wrap}
.interlude{padding:25px 5%}
}
.intro-image{margin:0}
.intro-image img{height:min(760px,68vw);object-position:center}
.intro h2{font-size:clamp(55px,7.2vw,125px)}
.books-header{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}
.books h2{font-size:clamp(62px,8.5vw,150px);line-height:.9;letter-spacing:-.055em}
.books h2 em{color:var(--accent)}
.books-copy{max-width:470px}
.books-copy p{font-size:18px;line-height:1.5}
.cover-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8vw;margin-top:100px;align-items:start}
.cover{margin:0}
.cover img{height:auto;object-fit:contain;box-shadow:none}
.cover-two{margin-top:88px}
.cover-three{margin-top:175px}
.cover figcaption{display:flex;flex-direction:column;gap:7px;margin-top:21px;font-size:12px;line-height:1.4}
.cover figcaption strong{font-size:21px}
.work{background:#c3d9dd}
.notes-v2{background:#eadfcd;padding:110px 3.5% 100px}
.notes-header{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:end}
.notes-header .kicker{grid-column:1/-1}
.notes-header h2{font-size:clamp(75px,11vw,190px);line-height:.8;letter-spacing:-.06em;margin:0}
.notes-header>p{font-size:21px;line-height:1.4;max-width:440px}
.interlude-two{background:#292824;color:#efe7d8;padding:85px 3.5% 90px}
.interlude-two .meta{letter-spacing:.17em}
.interlude-two-inner{display:flex;align-items:start;gap:4vw}
.interlude-two .quote-mark{font-family:Georgia,serif;font-size:180px;line-height:1;color:var(--accent)}
.interlude-two-inner p{font-size:clamp(54px,9vw,155px);letter-spacing:-.045em;line-height:.85;margin:30px 0}
.interlude-two>p{max-width:500px;font-size:12px;opacity:.65;margin-left:auto}
.contact{padding:110px 3.5% 40px}
.contact-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}
.contact h2{font-size:clamp(85px,12vw,195px);line-height:.8;margin:30px 0 55px}
.contact-copy>p{font-size:21px;line-height:1.45;max-width:490px}
.contact-photo{margin:0;transform:rotate(-1.6deg)}
.contact-photo img{width:100%;max-height:750px;object-fit:cover;object-position:center}
.contact-photo figcaption{text-transform:uppercase;font-size:12px;letter-spacing:.09em;font-weight:700;margin-top:18px}
.contact .email{display:inline-block;margin-top:35px;font-size:clamp(24px,3.5vw,51px)}
.contact-copy .contact-address{font-size:12px;margin-top:15px;opacity:.7}
@media (max-width:850px){.books-header,.notes-header,.contact-top{grid-template-columns:1fr}
.cover-shelf{gap:30px}
.cover-two{margin-top:45px}
.cover-three{margin-top:90px}
.contact-photo{max-width:600px;margin:40px auto 0}
}
@media (max-width:550px){.intro-image img{height:95vw}
.books h2{font-size:17vw}
.cover-shelf{grid-template-columns:1fr 1fr;gap:35px}
.cover-three{margin-top:0}
.cover-two{margin-top:35px}
.cover figcaption strong{font-size:17px}
.cover figcaption{font-size:11px}
.notes-v2{padding:75px 5%}
.notes-header h2{font-size:21vw}
.interlude-two{padding:65px 5%}
.interlude-two .quote-mark{font-size:100px}
.interlude-two-inner p{font-size:55px}
.contact h2{font-size:22vw}
.contact-photo figcaption{font-size:10px}
.contact .email{font-size:31px}
}
.chapter-return .chapter-heading{align-items:end;gap:36px}
.chapter-return .chapter-newnote{width:min(340px,35%);padding-bottom:10px}
.chapter-return .chapter-newnote p{font-size:clamp(16px,1.7vw,23px);line-height:1.28;margin:0 0 23px}
.chapter-return .features{grid-template-columns:1.35fr .65fr;gap:40px;align-items:end;margin-top:64px}
.chapter-return .feature-img{display:block;overflow:hidden;background:#e9e5df}
.chapter-return .feature-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.chapter-return .feature-img:hover img{transform:scale(1.035)}
.chapter-return .feature-primary .feature-img{height:clamp(420px,53vw,760px)}
.chapter-return .tokyo-pair{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:7% 6%;background:#e7e2db}
.chapter-return .tokyo-pair img{width:52%;height:87%;object-fit:contain;filter:drop-shadow(0 15px 12px #0002);transform:rotate(-6deg)}
.chapter-return .tokyo-pair img+img{margin-left:-7%;transform:rotate(7deg) translateY(5%)}
.chapter-return .tokyo-pair:hover img{transform:rotate(-4deg) translateY(-1%)}
.chapter-return .tokyo-pair:hover img+img{transform:rotate(5deg) translateY(3%)}
.chapter-return .feature-title{margin:17px 0 8px}
.chapter-return .meta{margin:0;font-size:12px;letter-spacing:.03em}
.chapter-return .stories-return{margin-top:86px;gap:28px}
.chapter-return .stories-return h3{margin:17px 0 7px;font-size:clamp(25px,2.8vw,39px)}
.chapter-return .stories-return .meta{margin-top:5px}
@media (max-width:760px){.chapter-return .chapter-heading{display:block}
.chapter-return .chapter-newnote{width:100%;margin-top:25px}
.chapter-return .features{display:block;margin-top:35px}
.chapter-return .feature-secondary{margin-top:52px}
.chapter-return .feature-primary .feature-img{height:clamp(310px,105vw,650px)}
.chapter-return .stories-return{display:grid;grid-template-columns:1fr;gap:45px;margin-top:60px}
}
#portrait p em{font-style: italic !important; font-synthesis: style;}
#histoires .feature-secondary .feature-title{margin-top:18px;}
#histoires .stories-return article h3{margin-top:18px;}
#histoires .features{align-items:start !important;}
:root{--accent:#d33d30}
.hero{min-height:85vh}
.hero h1{margin-top:5vh}
.intro{gap:6vw}
.intro p,.intro .intro-last{font-size:clamp(18px,2vw,25px);line-height:1.46;color:var(--ink);max-width:640px;margin:1em 0}
.intro-image figcaption{letter-spacing:.075em}
.work-v3 .kicker{color:var(--accent)}
.books{padding-top:90px;padding-bottom:100px}
.books-header{display:block}
.books-header h2{font-size:clamp(75px,10.8vw,190px);letter-spacing:-.06em;line-height:.83}
.books-copy{display:flex;gap:7vw;max-width:none;align-items:start}
.books-copy p{font-size:clamp(18px,2vw,26px);line-height:1.45;max-width:590px;font-family:"DM Sans",Arial,sans-serif;letter-spacing:normal}
.cover-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:5%;margin-top:46px}
.cover,.cover:nth-child(2),.cover:nth-child(3){transform:none!important;margin:0!important}
.cover img{height:clamp(290px,36vw,540px)!important;max-width:100%;object-fit:contain;object-position:left top}
.cover figcaption{padding-top:22px}
.work-v3{padding:95px 2.6% 100px;background:#c4d7d8}
.project-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:end;padding-bottom:54px}
.project-heading h2{font-size:clamp(65px,7.6vw,128px);line-height:.85;margin:0}
.project-heading p{font-size:clamp(18px,2vw,25px);max-width:600px;line-height:1.36}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #152b2b55}
.project-tile{padding:23px 25px 15px;border-right:1px solid #152b2b55;min-width:0}
.project-tile:first-child{padding-left:0}
.project-tile:last-child{padding-right:0;border-right:0}
.project-visual{height:clamp(310px,35vw,560px);display:block;overflow:hidden;background:#0b384a}
.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.project-visual:hover img{transform:scale(1.045)}
.project-visual-views{background:#03374b;padding:18px}
.project-visual-views img{object-fit:contain}
.project-visual-galiano img{object-position:center 23%}
.project-visual-villa{background:#24423a;color:#f2e6d0}
.project-description{padding-top:18px}
.project-description h3{font-size:clamp(46px,5vw,80px);margin:15px 0 12px;line-height:.88}
.project-description p{font-size:clamp(18px,1.7vw,25px);line-height:1.2}
.interlude-two-v3{padding:25px 3.5%!important;display:grid!important;grid-template-columns:160px 1fr 1fr;align-items:center;gap:30px;min-height:0!important}
.interlude-two-v3 .interlude-two-inner{margin:0!important;padding:0!important}
.interlude-two-v3 .interlude-two-inner p{font-size:clamp(28px,3vw,48px)!important;line-height:1!important;margin:0!important}
.interlude-two-v3 .quote-mark{display:none!important}
.interlude-two-v3>p{font-size:12px!important;line-height:1.4!important;margin:0!important;max-width:380px}
@media (max-width:900px){.project-heading{grid-template-columns:1fr}
.project-grid{grid-template-columns:1fr 1fr}
.project-tile:last-child{grid-column:1/-1}
.project-tile{padding:20px!important}
.cover-shelf{gap:20px}
.interlude-two-v3{grid-template-columns:1fr 2fr}
}
@media (max-width:590px){.work-v3{padding:65px 5%}
.project-heading h2{font-size:16vw}
.books-copy{display:block}
.cover-shelf{grid-template-columns:1fr 1fr}
.cover img{height:260px!important}
.cover:nth-child(3){grid-column:1/-1}
.project-grid{grid-template-columns:1fr}
.project-tile:last-child{grid-column:auto}
.project-tile{padding:25px 0!important;border-right:0;border-bottom:1px solid #152b2b55}
.project-visual{height:390px}
.project-description h3{font-size:64px}
.interlude-two-v3{display:block!important;padding:25px 5%!important}
.interlude-two-v3 .interlude-two-inner{margin:12px 0!important}
}
#histoires .feature-secondary .feature-title,#histoires .stories-return h3{margin-top:12px;}
#histoires .stories-return{align-items:start;}
#portrait em{font-style:italic!important;}