@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--ink:#211d18;--paper:#e4dccc;--muted:#847968}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cormorant Garamond','Noto Serif JP',serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{padding:25px 6%;display:flex;justify-content:space-between;align-items:center}header img{width:120px;mix-blend-mode:multiply}header span{font-size:11px;letter-spacing:.12em;color:var(--muted)}main{max-width:1280px;margin:auto;padding:65px 7% 100px}p{line-height:2.05;font-size:15px}h1,h2,h3{font-weight:400}h1{font-size:clamp(35px,5vw,64px);line-height:1.55;margin:15px 0 25px}h2{font-size:30px;line-height:1.6}h3{font-size:21px}.label{font-size:13px;letter-spacing:.1em;margin:0 0 50px}.label span{margin-right:25px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.15em;margin:0}.entry{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.entry img{width:100%;height:auto;object-fit:contain}.entry h1{font-size:clamp(28px,3.4vw,43px)}.entry p{max-width:440px}.read{display:inline-flex;gap:55px;padding:10px 0;border-bottom:1px solid #211d1870;font-size:19px;margin-top:12px}.read:hover{opacity:.65}.back{font-size:16px}.article-heading{max-width:760px;margin:0 auto 55px;text-align:center}.article-heading p:last-child{max-width:600px;margin:20px auto}.wide{width:100%;height:auto;display:block}.caption{font-size:11px;color:var(--muted);letter-spacing:.08em;margin:13px 0 0}.article{max-width:710px;margin:75px auto 0}.article section{margin:0 0 65px}.quote{font-size:25px;line-height:1.85;margin:25px 0 15px}.byline{font-size:12px;letter-spacing:.04em;color:var(--muted)}details{margin-top:28px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:18px;padding:12px 0}summary::-webkit-details-marker{display:none}summary span:after{content:'+'}details[open] summary span:after{content:'−'}.full-message{padding-top:20px}.full-message p{font-size:17px;line-height:1.8}.foot{font-size:14px;letter-spacing:.12em;text-align:center;margin-top:90px}.divider{border:0;border-top:1px solid #211d1825;margin:70px 0}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:700px){header{padding:20px 6%}header img{width:95px}header span{font-size:9px}main{padding:35px 6% 65px}.label{margin-bottom:30px}.entry{display:block}.entry img{aspect-ratio:4/3;object-position:center;margin-bottom:35px}.entry h1{font-size:30px}.entry p{font-size:14px}.article-heading{text-align:left;margin-bottom:35px}h1{font-size:37px}h2{font-size:26px}.article{margin-top:45px}.article section{margin-bottom:45px}.quote{font-size:21px}p{font-size:14px}.article-heading p:last-child{margin-left:0}.wide{aspect-ratio:4/3;object-fit:cover}.foot{margin-top:65px}}

.story-languages{display:flex;gap:15px}.story-languages button{font:inherit;font-size:13px;color:inherit;background:none;border:0;padding:8px 0;cursor:pointer}.story-languages button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}

.ddue-bio{margin:22px 0 30px}.ddue-bio summary{font-size:17px;font-weight:500}.bio-label{font-weight:500}.bio-content{padding:8px 0 15px}.bio-content p{font-size:14px;line-height:2.05}.bio-link{display:inline-block;font-size:16px;border-bottom:1px solid #211d1860;padding-bottom:5px;margin-top:8px}.message-portrait{display:block;width:43%;height:auto;filter:grayscale(1);margin:30px 0}.atelier-images{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.atelier-images img{width:100%;height:auto;display:block}@media(max-width:700px){.message-portrait{width:70%;max-width:340px;margin:24px 0}.atelier-images{gap:12px;margin-top:30px}}

main{container-type:inline-size}.ddue-bio .atelier-images{width:100cqw;margin:22px 0 30px;position:relative;left:50%;transform:translateX(-50%)}

/* Quiet, recognisable disclosure controls. */
.article summary{display:flex;justify-content:flex-start;align-items:center;gap:22px;width:fit-content;max-width:100%;min-height:48px;padding:10px 0 12px;border-bottom:1px solid #211d1855;font-size:19px;line-height:1.5;transition:border-color .2s ease,color .2s ease}
.article .ddue-bio summary{font-size:18px;font-weight:500}
.article summary>span[aria-hidden]{display:inline-block;position:relative;flex:0 0 28px;width:28px;height:28px;border:1px solid #211d1860;border-radius:50%;transition:background-color .2s ease,border-color .2s ease}
.article summary>span[aria-hidden]::before,.article summary>span[aria-hidden]::after{content:'';position:absolute;width:10px;height:1px;left:8px;top:13px;background:currentColor;transition:transform .2s ease}
.article summary>span[aria-hidden]::after{transform:rotate(90deg)}
.article details[open]>summary>span[aria-hidden]::after{transform:rotate(0deg)}
.article summary:hover{border-color:var(--ink)}
.article summary:hover>span[aria-hidden]{border-color:var(--ink);background:#211d1808}
.article summary:focus-visible{outline:2px solid #847968;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.article summary,.article summary>span[aria-hidden],.article summary>span[aria-hidden]::before,.article summary>span[aria-hidden]::after{transition:none}}

/* One shared reading column for photographs and text. */
.wide,.caption{max-width:710px;margin-left:auto;margin-right:auto}.caption{margin-top:13px}.article-heading{max-width:710px}
.ddue-bio .atelier-images{width:100%;left:auto;transform:none}
.message-composition{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);gap:38px;align-items:center;margin:30px 0 24px}
.message-composition .message-portrait{width:100%;height:auto;margin:0;filter:grayscale(1)}
.message-words .quote{font-size:24px;line-height:1.85;margin:0 0 20px}.message-words .byline{margin:0;line-height:1.8}
@media(max-width:700px){.message-composition{grid-template-columns:minmax(0,1fr);gap:25px;margin:26px 0 24px}.message-composition .message-portrait{width:100%;max-width:none;aspect-ratio:4/3;object-fit:cover;object-position:center 37%}.message-words .quote{font-size:21px;margin-bottom:14px}.wide{aspect-ratio:auto;object-fit:contain}}

/* Keep the Japanese desktop title within the shared reading column. */
@media(min-width:1000px){html[lang="ja"] .article-heading h1{font-size:48px;white-space:nowrap}}