:root{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#4d2533;background:#f9f1e9;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit}img{display:block;width:100%;height:auto}a:focus-visible,summary:focus-visible{outline:3px solid #a64c65;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:8;background:#fff;padding:.8rem}.skip:focus{top:1rem}.notice{padding:.55rem 1rem;background:#4d2533;color:#fff;font-size:.68rem;line-height:1.5;text-align:center}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem clamp(18px,4vw,65px);background:#f9f1e9}.logo{text-decoration:none;font-family:"Hiragino Mincho ProN",serif;font-size:1.65rem;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.logo span{display:block;margin-top:.25rem;font:700 .58rem/1.4 sans-serif;letter-spacing:.18em}.site-header nav{display:flex;gap:clamp(.7rem,2.5vw,2.5rem);font-size:.78rem}.site-header nav a{text-decoration:none;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:currentColor}.hero{display:grid;grid-template-columns:minmax(0,64%) minmax(0,36%);min-height:min(780px,83vh);background:#5b293c}.hero-photo{position:relative;margin:0;min-height:680px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-photo figcaption{position:absolute;left:clamp(20px,4vw,65px);bottom:1.2rem;padding:.35rem .6rem;background:#3c1b2bcb;color:#fff;font:700 .6rem monospace;letter-spacing:.12em}.hero-title{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2.2rem 1.1rem 2.3rem;color:#fff5e9}.serial{align-self:flex-end;margin:0;font:700 .66rem monospace;letter-spacing:.17em}.hero h1{writing-mode:vertical-rl;text-orientation:mixed;font-family:"Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(2.9rem,5.2vw,6.1rem);line-height:1.1;letter-spacing:.045em;margin:.8rem 0;font-weight:900;max-height:440px;white-space:nowrap}.hero h1 span{font-size:.5em}.hero-note{align-self:stretch;border-top:1px solid #d7a1ad;padding-top:1.15rem;max-width:290px;margin-inline:auto}.hero-note strong{font-family:"Hiragino Mincho ProN",serif;font-size:1.5rem}.hero-note p{font-size:.78rem;line-height:1.8}.hero-note a{display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding:.4rem 0;font-size:.8rem;font-weight:700}.hero-note a span{margin-left:.6rem}.intro{display:grid;grid-template-columns:90px minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(1rem,4vw,5rem);align-items:end;padding:clamp(70px,10vw,155px) clamp(20px,6vw,100px);background:#fffaf4}.intro-index{align-self:start;border-top:2px solid #af526b;padding-top:.8rem;font:700 .75rem/1.5 monospace;color:#9d4761}.eyebrow{font:700 .72rem monospace;letter-spacing:.17em;color:#b0526d}.intro h2,.workroom h2,.end h2{font-family:"Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(3rem,5.7vw,7rem);line-height:1.18;letter-spacing:-.09em;margin:.75rem 0 0}.intro>p{line-height:2;max-width:29em;font-size:.95rem}.workroom{background:#ead5cd;padding:clamp(70px,9vw,140px) clamp(20px,6vw,100px)}.work-heading{display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem;align-items:end}.work-heading .eyebrow{grid-column:1/-1}.workroom h2{margin:0}.work-heading>p:last-child{line-height:1.9;max-width:29em}.work-detail{margin-top:3.5rem;border-top:1px solid #845064;border-bottom:1px solid #845064}.work-detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem .35rem;cursor:pointer;font-weight:900;font-size:clamp(1.1rem,2.2vw,1.7rem)}.work-detail summary::-webkit-details-marker{display:none}.work-detail .mark{font-size:2.5rem;line-height:1;font-weight:300;transition:transform .25s}.work-detail[open] .mark{transform:rotate(45deg)}.work-detail figure{margin:0 0 2.5rem;max-width:1000px}.work-detail img{max-height:580px;object-fit:cover}.work-detail figcaption{font-size:.75rem;line-height:1.6;margin-top:.7rem}.end{padding:clamp(70px,9vw,140px) clamp(20px,6vw,100px);background:#50283a;color:#fff9ef}.end .eyebrow{color:#f4bdc4}.end h2{font-size:clamp(3.3rem,6vw,7.5rem)}.end>p:not(.eyebrow){line-height:1.9;max-width:35em}.end a{display:inline-block;margin-top:2rem;border-bottom:2px solid currentColor;text-decoration:none;padding-bottom:.4rem;font-weight:900}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(20px,6vw,100px);font-size:.75rem}footer a{text-decoration:none}@media(max-width:900px){.hero{grid-template-columns:58% 42%}.hero-photo{min-height:620px}.hero h1{font-size:clamp(2.8rem,5.5vw,4.5rem)}.intro{grid-template-columns:60px 1fr}.intro>p{grid-column:2}.work-heading{grid-template-columns:1fr}.work-heading .eyebrow{grid-column:auto}}@media(max-width:650px){.site-header{align-items:flex-start;padding:1rem 18px}.logo{font-size:1.22rem}.site-header nav{font-size:.65rem;gap:.4rem 1rem;flex-wrap:wrap;justify-content:flex-end}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{min-height:0;height:51vh;max-height:440px}.hero-photo img{height:100%;object-position:center}.hero-title{align-items:stretch;padding:1.5rem 20px 2.5rem}.serial{align-self:flex-start}.hero h1{writing-mode:horizontal-tb;font-size:clamp(2.65rem,9.2vw,4.4rem);white-space:normal;max-height:none;line-height:1.18;margin:1.2rem 0;letter-spacing:-.09em}.hero h1 br{display:none}.hero h1 span{font-size:.68em}.hero-note{max-width:none;margin:0;display:grid;grid-template-columns:1fr auto;align-items:start;gap:.2rem 1rem}.hero-note strong{grid-column:1/-1}.hero-note p{margin:.5rem 0}.hero-note a{white-space:nowrap}.intro{display:block;padding:70px 20px}.intro-index{max-width:70px}.intro h2{font-size:clamp(3.2rem,13vw,5rem);margin-top:2rem}.intro>p{margin-top:2rem}.workroom{padding:70px 20px}.workroom h2{font-size:clamp(2.7rem,10vw,4.5rem)}.work-detail{margin-top:2rem}.end{padding:75px 20px}.end h2{font-size:clamp(3rem,11vw,5rem)}footer{flex-direction:column;padding:2rem 20px}}@media(max-width:400px){.site-header{display:block}.site-header nav{justify-content:flex-start;margin-top:1rem}.hero-photo{height:45vh}.hero-note{display:block}.hero-note a{margin-top:.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
