:root{color-scheme:light;--paper:#f3f0e7;--ink:#26251f;--muted:#706d62;--red:#9d3025;--line:#27251f30;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper) url('assets/washi.png') repeat;background-size:1100px auto;font-family:var(--serif);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}::selection{background:#a9362929}img,video{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}button svg{width:24px;height:24px;fill:currentColor}button:hover svg{transform:translateX(2px)}svg{transition:transform .25s}h2{font-size:clamp(2.25rem,3.5vw,3.6rem);font-weight:400;line-height:1.8;letter-spacing:.1em}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:16px}.skip-link:focus{top:16px}.site-header{mix-blend-mode:darken;position:absolute;inset:2.5rem 4.5vw auto;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.association{display:flex;align-items:center;gap:1rem;font-size:.875rem;letter-spacing:.13em;line-height:1.9}.association-logo{width:5.5rem;height:auto;mix-blend-mode:darken;flex-shrink:0}.association-type{display:block}.association-type>small{display:block;font-size:.75rem;letter-spacing:.19em;margin-bottom:.15rem}.menu-toggle{display:flex;align-items:center;gap:1.4rem;padding:.45rem 0 .6rem 1rem;font-size:.875rem;letter-spacing:.2em}.menu-lines{position:relative;width:33px;height:15px;border-top:1px solid;border-bottom:1px solid;transition:width .25s}.menu-toggle:hover .menu-lines{width:41px}.hero{height:100svh;min-height:58rem;max-height:1150px;position:relative;overflow:hidden}.hero-poem{position:absolute;left:15%;top:34%;display:flex;flex-direction:row-reverse;gap:1.2rem;font-size:clamp(1.6rem,2.3vw,2.65rem);letter-spacing:.19em;line-height:1.5}.hero-poem span{writing-mode:vertical-rl}.hero-poem span:last-child{margin-top:3.5rem}.brand-column{position:absolute;left:40%;top:12%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.brand-place{font-size:.75rem;letter-spacing:.24em;white-space:nowrap}.brand-column h1{font:400 clamp(2.5rem,3.5vw,3.5rem)/1.15 Georgia,"Times New Roman",serif;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.04em;white-space:nowrap}.brand-rule{width:1px;height:48px;background:var(--red);margin-top:.2rem}.hero-film{position:absolute;left:52%;top:16%;height:73%;width:38%;clip-path:polygon(2% 1%,98% 0,100% 94%,0 100%);background:#22221e}.hero-film>video{width:100%;height:100%;object-fit:cover;object-position:48% 44%;filter:saturate(.75) contrast(.97)}.paper-cut{position:absolute;top:-10%;height:125%;width:1rem;background:var(--paper) url('assets/washi.png') repeat;background-size:1100px auto;pointer-events:none}.paper-cut-one{left:29%;transform:rotate(-1.8deg)}.paper-cut-two{left:69%;transform:rotate(1.2deg);width:.75rem}.hero-origin{position:absolute;bottom:2.6rem;left:4.5vw;font:400 .75rem/1.9 var(--sans);letter-spacing:.16em}.hero-origin span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.1em}.hero-play{position:absolute;left:31%;bottom:5%;display:flex;align-items:center;gap:1.1rem;text-align:left;padding:.5rem;font-size:.9375rem;letter-spacing:.12em}.hero-play small{display:block;margin-top:.55rem;font:400 .75rem/1.5 var(--sans);letter-spacing:.08em;color:var(--muted)}.play-circle{display:grid;place-items:center;border:1px solid var(--line);width:3.6rem;height:3.6rem;border-radius:50%;transition:background .3s,border-color .3s}.play-circle svg{width:18px;height:18px}.hero-play:hover .play-circle{background:#ffffff60;border-color:var(--ink)}.motion-toggle{position:absolute;right:10%;bottom:3.5%;display:flex;align-items:center;gap:.65rem;min-height:44px;font-size:.75rem;letter-spacing:.06em;padding:.4rem}.motion-icon{display:block;width:9px;height:11px;border-inline:2px solid}.motion-toggle[aria-pressed="true"] .motion-icon{border:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.scroll-cue{position:absolute;right:3.7%;top:60%;display:flex;align-items:center;gap:1.3rem;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.2em}.scroll-cue i{height:80px;width:1px;background:var(--line);position:relative}.scroll-cue i:after{content:"";position:absolute;inset:0 0 auto;height:28px;background:var(--ink);animation:scroll-line 3s infinite ease-in-out}@keyframes scroll-line{0%,100%{transform:translateY(0)}50%{transform:translateY(52px)}}
.section-shell{position:relative;padding-inline:13vw 9vw;margin-top:8rem}.section-marker{position:absolute;left:4.5vw;top:.35rem;display:flex;align-items:center;gap:1.4rem;writing-mode:vertical-rl}.section-marker>span{font-size:.875rem;border-top:1px solid var(--ink);padding-top:.8rem}.section-marker p{font-size:.875rem;letter-spacing:.25em}.section-marker small{font:400 .75rem/1 var(--sans);letter-spacing:.12em;color:var(--muted);margin-top:.8rem}.eyebrow{font-size:.875rem;line-height:2;letter-spacing:.13em;margin-bottom:1.8rem}.story{display:grid;grid-template-columns:1.1fr 1fr;column-gap:7vw;row-gap:7rem;padding-top:5rem}.story .section-marker{top:5.5rem}.story-intro h2 span{padding-left:1.5rem}.story-copy{padding-top:4rem}.story-copy p{font-size:1rem;line-height:2.3;letter-spacing:.055em}.story-copy p+p{margin-top:1.8rem}.parasol-portrait{grid-column:1;position:relative;width:100%;max-width:600px;margin-left:2.5vw}.portrait-window{clip-path:polygon(0 1.5%,98% 0,100% 99%,2% 100%);overflow:hidden}.parasol-portrait img{width:100%;height:auto}.parasol-portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem .5rem;font-size:.875rem;letter-spacing:.15em}.parasol-portrait figcaption small{font:400 .75rem var(--sans);letter-spacing:.13em;color:var(--muted)}.portrait-poem{grid-column:2;align-self:center;justify-self:center;writing-mode:vertical-rl;font-size:clamp(1.5rem,2.35vw,2.2rem);line-height:2.4;letter-spacing:.2em;padding-bottom:8rem}.expression{margin-top:10rem;padding-top:5rem}.expression .section-marker{top:5.5rem}.expression-heading{margin-bottom:4rem}.expression-heading h2 br{display:none}.art-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.art-form{padding-top:2.2rem;border-top:1px solid var(--line);padding-bottom:1.5rem}.art-form-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem}.art-form h3{font-size:clamp(4rem,6vw,6.5rem);line-height:1.3;font-weight:400}.art-form:nth-child(2) h3{color:var(--red)}.art-form-top>span{font:400 .75rem var(--sans);letter-spacing:.17em;margin-bottom:1rem;white-space:nowrap}.art-form p{font-size:1rem;line-height:2.3;letter-spacing:.04em}.art-form-label{display:block;font-size:.8125rem;color:var(--muted);letter-spacing:.15em;margin-top:2rem}.films{display:grid;grid-template-columns:.9fr 1.6fr;gap:4vw;margin-top:11rem;padding-top:4rem;padding-bottom:8rem}.films .section-marker{top:4.5rem}.films-heading{padding-top:4rem}.film-intro{font-size:1rem;line-height:2.3;letter-spacing:.075em;margin-top:2rem}.film-gallery{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:2.5vw}.film-entry-seaside{margin-top:12rem}.film-frame{position:relative;padding:0;width:100%;display:block;overflow:hidden;background:#272722}.film-frame>img,.film-frame>video{width:100%;aspect-ratio: .605;object-fit:cover;transition:transform .7s,filter .7s}.film-frame:hover>img,.film-frame:hover>video{transform:scale(1.04);filter:brightness(.82)}.film-entry-monochrome .film-frame>video{object-position:50% 40%}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #fff9;background:#0002;color:#fff;border-radius:50%;height:3.75rem;width:3.75rem}.film-play svg{height:20px;width:20px}.film-frame-label{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;color:#fff;font:400 .75rem var(--sans);letter-spacing:.14em;text-shadow:0 1px 10px #000}.film-caption{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}.film-caption h3{font-size:1rem;letter-spacing:.09em;font-weight:400}.film-caption>span{font:400 .75rem var(--sans);letter-spacing:.03em;color:var(--muted)}.source-link{display:inline-block;font-size:.75rem;line-height:1.9;letter-spacing:.02em;border-bottom:1px solid transparent;margin-top:1rem;color:var(--muted)}.source-link:hover{border-color:currentColor}.source-link>span{margin-left:.5rem}.site-footer{mix-blend-mode:darken;margin:4rem 4.5vw 0;padding:4rem 3vw 2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:start;row-gap:4rem}.footer-brand{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;font:400 clamp(1.75rem,4vw,3.5rem)/1 Georgia,"Times New Roman",serif;letter-spacing:.1em}.footer-brand>img{width:4.5rem;height:auto;mix-blend-mode:darken}.footer-association{justify-self:end;line-height:2;font-size:.9375rem;letter-spacing:.13em}.footer-association>span{font-size:.75rem;letter-spacing:.15em}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-bottom small{font:400 .75rem var(--sans);letter-spacing:.1em;color:var(--muted)}.footer-bottom>a{font-size:.8125rem;letter-spacing:.1em;padding-block:.5rem}.footer-bottom>a span{margin-left:1rem}
.menu-dialog{border:0;padding:0;background:var(--paper) url('assets/washi.png') repeat;background-size:1100px auto;color:var(--ink);width:min(640px,calc(100% - 2rem));max-height:calc(100svh - 2rem)}dialog::backdrop{background:#181915bb;backdrop-filter:blur(6px)}.menu-content{position:relative;padding:5rem}.dialog-close{display:grid;place-items:center;font:300 2rem/1 var(--sans);min-width:48px;min-height:48px;padding:.3rem;color:inherit}.menu-content>.dialog-close{position:absolute;right:1.3rem;top:1.3rem}.menu-content nav{display:flex;flex-direction:column;margin:2rem 0 3rem}.menu-content nav>a{font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:.08em;padding:1.4rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1.5rem}.menu-content nav>a:hover{color:var(--red)}.menu-content nav small{font-size:.875rem;color:var(--muted)}.menu-note{font-size:.875rem;letter-spacing:.2em}.film-dialog{padding:0;border:1px solid #ffffff24;background:#191b19;color:#eeeae0;width:min(560px,calc(100% - 2rem));max-height:calc(100svh - 2rem)}.film-dialog-content{padding:1rem 1.25rem 1.4rem}.film-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.film-dialog h2{font-size:1rem;letter-spacing:.08em}.film-dialog video{width:100%;max-height:calc(100svh - 12rem);background:#000;aspect-ratio:9/16;object-fit:contain}.film-dialog .source-link{color:#c0bcb1}.film-error{font-size:1rem;line-height:1.7;margin-top:1rem}.noscript-note{padding:2rem;text-align:center;font-size:1rem}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease}.js-motion .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.section-shell{max-width:1500px;margin-inline:auto;padding-left:180px;padding-right:100px}.section-marker{left:50px}.hero-poem{left:20%}.brand-column{left:43%}.hero-film{width:32%;left:54%}}
@media(max-width:1050px){.hero-poem{left:11%}.brand-column{left:36%}.hero-film{left:48%;width:43%}.hero-play{left:29%}.section-shell{padding-inline:12vw 6vw}.story{column-gap:4vw}.story-copy{padding-top:3rem}.desktop-break{display:none}.films{grid-template-columns:1fr;gap:3rem}.films-heading{padding-top:0;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.films-heading>.eyebrow{grid-column:1/-1}.film-intro{margin-top:1rem}.film-gallery{gap:5vw;width:90%;margin:0 auto}.film-entry-seaside{margin-top:7rem}.film-frame>img,.film-frame>video{aspect-ratio:.7}.art-forms{gap:3vw}.art-form p{font-size:1rem;letter-spacing:0}.art-form p br{display:none}.art-form-top>span{letter-spacing:.06em}.portrait-poem{padding-bottom:3rem}}
@media(max-width:650px){html{scroll-padding-top:1rem}.site-header{inset:1.5rem 5.5vw auto;gap:1rem}.association{font-size:.75rem;letter-spacing:.02em;max-width:17rem;gap:.65rem}.association-logo{width:3.5rem}.association-type{max-width:10rem}.association-type>small{font-size:.75rem}.menu-toggle{font-size:.875rem;gap:.8rem;padding-top:.4rem}.menu-lines{width:25px;height:12px}.hero{height:100svh;min-height:49.375rem;max-height:950px}.hero-poem{left:7%;top:27%;gap:.75rem;font-size:1.55rem;letter-spacing:.13em}.hero-poem span:last-child{margin-top:3.3rem}.brand-column{left:36%;top:17%;gap:1.1rem}.brand-place{font-size:.75rem;letter-spacing:.1em}.brand-column h1{font-size:2.5rem;letter-spacing:.01em;line-height:1.15}.brand-rule{height:38px;margin-top:.2rem}.hero-film{left:53%;width:42%;top:28%;height:52%;clip-path:polygon(2% 1%,98% 0,100% 97%,0 100%)}.hero-film>video{object-position:48% 50%}.paper-cut-one{left:25%;width:.5rem}.paper-cut-two{left:71%;width:.45rem}.hero-origin{left:5.5vw;bottom:1.8rem;font-size:.75rem}.hero-origin span{font-size:.75rem;letter-spacing:.015em}.hero-play{left:6%;bottom:12%;gap:.65rem;font-size:.875rem;letter-spacing:.03em}.hero-play small{font-size:.75rem}.play-circle{width:2.75rem;height:2.75rem}.motion-toggle{right:5%;bottom:12%;font-size:.75rem}.scroll-cue{right:7%;top:auto;bottom:2.2rem;gap:.7rem;writing-mode:horizontal-tb}.scroll-cue>span{display:none}.scroll-cue i{height:50px}.scroll-cue i:after{height:20px;animation:none}.section-shell{margin-top:5rem;padding-inline:8vw}.section-marker{position:static;writing-mode:horizontal-tb;display:flex;gap:.9rem;margin-bottom:3.5rem}.section-marker>span{border-top:0;border-left:1px solid var(--ink);padding-top:0;padding-left:.8rem}.section-marker p{font-size:.875rem;letter-spacing:.1em}.section-marker small{margin-top:0;margin-left:auto;font-size:.75rem;letter-spacing:.05em}.story{display:flex;flex-direction:column;gap:0;padding-top:2rem}.story-intro h2 span{padding-left:.8rem}h2{font-size:2.15rem;line-height:1.75;letter-spacing:.055em}.eyebrow{font-size:.875rem;margin-bottom:1.1rem}.story-copy{padding-top:2.8rem}.story-copy p{font-size:1rem;line-height:2.25;letter-spacing:.035em}.parasol-portrait{width:85%;margin:4rem 0 0 -1vw;align-self:flex-start}.parasol-portrait figcaption{display:block;padding:1.2rem .4rem;font-size:.875rem}.parasol-portrait figcaption small{display:block;margin-top:.65rem;font-size:.75rem}.portrait-poem{position:absolute;right:4%;bottom:5rem;font-size:1.1rem;line-height:1.9;letter-spacing:.1em;background:var(--paper) url('assets/washi.png') repeat;background-size:1100px auto;padding:1.8rem 1rem;transform:translateY(0)}.expression{padding-top:3rem;margin-top:4rem}.expression-heading{margin-bottom:2.5rem}.expression-heading h2 br{display:block}.art-forms{grid-template-columns:1fr;gap:0}.art-form{display:grid;grid-template-columns:1fr 1.55fr;column-gap:1.8rem;padding:2rem 0}.art-form-top{display:block;margin:0}.art-form h3{font-size:4.6rem}.art-form-top>span{display:block;margin-top:.6rem;font-size:.75rem;letter-spacing:.15em}.art-form p{align-self:center;font-size:1rem;line-height:2.1}.art-form-label{grid-column:2;font-size:.8125rem;margin-top:1rem;letter-spacing:.06em}.films{padding-top:2rem;margin-top:4rem;padding-bottom:3rem;gap:0}.films .section-marker{margin-bottom:3rem}.films-heading{display:block}.film-intro{font-size:1rem;margin-top:1.5rem;line-height:2.2}.film-gallery{width:100%;gap:1rem;margin-top:3rem}.film-entry-seaside{margin-top:6rem}.film-frame>img,.film-frame>video{aspect-ratio:.54}.film-play{width:3rem;height:3rem}.film-frame-label{font-size:.75rem;letter-spacing:.06em;bottom:1rem}.film-caption{gap:.65rem;margin-top:1.1rem}.film-caption h3{font-size:.9375rem}.source-link{font-size:.75rem;margin-top:.7rem}.site-footer{mix-blend-mode:darken;margin:4rem 5.5vw 0;padding:3rem 2vw 1.5rem;grid-template-columns:1fr;row-gap:2.5rem}.footer-brand{font-size:2.1rem}.footer-association{justify-self:start;font-size:.875rem;letter-spacing:.1em}.footer-bottom{margin-top:.5rem}.footer-bottom>a{font-size:.75rem;letter-spacing:.01em}.menu-content{padding:4.5rem 2rem 3rem}.menu-content nav>a{padding:1.25rem 0;font-size:1.375rem;gap:1rem}.film-dialog-content{padding:.6rem .8rem 1rem}}
@media(max-width:360px){.association{max-width:15rem}.hero-poem{font-size:1.4rem;left:6%;gap:.45rem}.brand-column{left:35%}.brand-column h1{font-size:2.2rem}.hero-origin span{max-width:180px}.section-marker small{letter-spacing:0;font-size:.75rem}.section-shell{padding-inline:6vw}.art-form{column-gap:1rem}.portrait-poem{right:2%;font-size:1rem}.hero-play{gap:.5rem}.hero-play small{max-width:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.film-frame:hover>img,.film-frame:hover>video{transform:none}}

/* 南部ARTS協会: typography-led identity and invitation */
.arts-wordmark{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:.6rem;position:relative;padding-left:1rem;line-height:1;color:var(--ink)}.arts-wordmark:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}.wordmark-jp{font:500 2.6rem/1.05 var(--serif);writing-mode:vertical-rl;letter-spacing:.05em}.wordmark-en{font:500 2.5rem/.95 var(--sans);letter-spacing:-.055em}.wordmark-association{display:block;font:400 .875rem/1.5 var(--serif);letter-spacing:.45em;margin-top:.65rem;text-align:right}.hero-invitation{position:absolute;left:9%;top:23%;font-size:.9375rem;letter-spacing:.12em}.hero-poem{left:14%;top:32%;font-size:clamp(2.25rem,3.4vw,3.8rem);gap:1.25rem}.hero-poem span:last-child{margin-top:3rem}.brand-column{top:19%}.brand-column h1{font-family:var(--serif);font-size:clamp(2.6rem,3.8vw,3.8rem);text-orientation:mixed;letter-spacing:.12em;line-height:1.2}.vertical-arts{font-family:var(--sans);letter-spacing:.04em;margin-block:1.1rem}.story-intro h2{font-size:clamp(2rem,3.1vw,3.3rem);letter-spacing:.02em}.story-copy{padding-top:0}.story-copy .story-lead{font-size:1.375rem;line-height:1.9}.text-invitation{display:inline-block;border-bottom:1px solid var(--red);padding:.6rem 0;font-size:1rem;line-height:1.8;margin-top:1.7rem}.text-invitation span{margin-left:1rem}.expression-heading h2 br{display:block}.voices{padding-top:4rem;padding-bottom:3rem;display:grid;grid-template-columns:1fr 1.2fr;gap:4vw}.voices .section-marker{top:4.5rem}.voice-credit{font-size:.875rem;line-height:1.9;color:var(--muted);margin-top:2rem}.voice-letter{border-top:1px solid var(--line);padding-top:2rem}.voice-letter blockquote{margin:0;font-size:1rem;line-height:2.3;letter-spacing:.035em}.voice-letter p+p{margin-top:1.5rem}.voice-highlight{font-size:1.45rem;color:var(--red);line-height:1.9}.voice-more{margin-top:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0}.voice-more summary{cursor:pointer;font-size:1rem;line-height:1.8}.voice-more summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}.voice-more[open] summary{margin-bottom:1.5rem}.closing-invitation{grid-column:1/-1;text-align:center;margin-top:6rem;border-top:1px solid var(--line);padding-top:5rem}.closing-invitation>p{font-size:1.25rem;line-height:2;letter-spacing:.1em}.closing-invitation .closing-brand{font-size:clamp(1.75rem,4vw,4rem);margin-top:1.5rem;letter-spacing:.04em}.footer-brand .arts-wordmark{gap:1rem}.footer-brand .wordmark-jp{font-size:3.5rem}.footer-brand .wordmark-en{font-size:3.6rem}.menu-note{line-height:1.8}
@media(max-width:1050px){.hero-invitation{left:7%}.hero-poem{left:10%;font-size:2.6rem}.brand-column{left:36%}.voices{grid-template-columns:1fr;gap:3rem}.voices-heading h2 br{display:none}}
@media(max-width:650px){.arts-wordmark{gap:.4rem;padding-left:.6rem}.wordmark-jp{font-size:1.9rem}.wordmark-en{font-size:1.9rem}.wordmark-association{font-size:.875rem;letter-spacing:.25em;margin-top:.35rem}.hero{min-height:52rem}.hero-invitation{left:7%;top:18%;font-size:.875rem;letter-spacing:.04em}.hero-poem{left:7%;top:28%;font-size:1.95rem;gap:.5rem;letter-spacing:.06em}.hero-poem span:last-child{margin-top:3rem}.brand-column{left:38%;top:25%;gap:1rem}.brand-column h1{font-size:2.35rem;letter-spacing:.12em}.vertical-arts{margin-block:.8rem}.hero-film{left:58%;width:38%;top:30%;height:48%}.hero-play{bottom:12%}.hero-origin span{font-size:.75rem;letter-spacing:0}.story-intro h2{font-size:2rem}.story-copy{padding-top:2.5rem}.story-copy .story-lead{font-size:1.25rem}.portrait-poem{font-size:1.1rem;right:4%}.voices{display:flex;flex-direction:column;padding-top:2rem;gap:0}.voices .section-marker{margin-bottom:3rem}.voices-heading h2 br{display:block}.voice-letter{margin-top:2.5rem}.voice-highlight{font-size:1.3rem}.closing-invitation{margin-top:4rem;padding-top:3rem}.closing-invitation>p{font-size:1.1rem}.closing-invitation .closing-brand{font-size:1.85rem;letter-spacing:0}.footer-brand .wordmark-jp{font-size:2.7rem}.footer-brand .wordmark-en{font-size:2.8rem}.source-link{font-size:.875rem}}
@media(max-width:360px){.hero-poem{font-size:1.75rem}.brand-column{left:39%}.brand-column h1{font-size:2.1rem}.story-intro h2{font-size:1.8rem}.closing-invitation .closing-brand{font-size:1.65rem}}

.hero-vision{position:absolute;left:7%;bottom:21%;font-size:1.125rem;line-height:1.85;letter-spacing:.1em;color:var(--red)}.vision{margin-top:8rem;padding-block:4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem 6vw;border-block:1px solid var(--line)}.vision>.eyebrow{grid-column:1/-1;margin:0}.vision h2{font-size:clamp(2.5rem,4.1vw,4.2rem);letter-spacing:.035em}.vision h2 span{color:var(--red)}.vision-copy{padding-top:1.2rem}.vision-copy p{font-size:1rem;line-height:2.25}.vision-copy p+p{margin-top:1.5rem}.vision-copy .vision-rhythm{font-size:1.5rem;letter-spacing:.13em}
@media(max-width:650px){.hero-vision{left:7%;bottom:21%;font-size:1rem;letter-spacing:.03em}.vision{display:block;padding-block:3rem;margin-top:4rem}.vision h2{font-size:2.4rem;margin-top:1.3rem}.vision-copy{padding-top:2rem}.vision-copy .vision-rhythm{font-size:1.35rem}}

/* NANBU — a transparent, outlined editorial wordmark. */
.nanbu-identity{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;line-height:1}.nanbu-wordmark{width:clamp(10rem,17vw,16rem);height:auto}.nanbu-identity-caption{font:400 .875rem/1.7 var(--sans);letter-spacing:.22em;padding-left:.12em}.brand-column h1.nanbu-hero-wordmark{writing-mode:horizontal-tb;font-size:inherit;line-height:1;letter-spacing:normal;width:clamp(4.2rem,6.3vw,6rem)}.nanbu-hero-wordmark img{width:100%;height:auto}.footer-brand{display:block}.footer-brand .nanbu-wordmark{width:clamp(15rem,33vw,31rem);max-width:100%;height:auto}.footer-brand .nanbu-identity{gap:1.3rem}.footer-brand .nanbu-identity-caption{font-size:1rem;letter-spacing:.35em}.brand-column{gap:1.1rem}.brand-rule{height:34px}
@media(max-width:650px){.nanbu-wordmark{width:10.5rem}.nanbu-identity{gap:.65rem}.nanbu-identity-caption{font-size:.875rem;letter-spacing:.15em}.brand-column h1.nanbu-hero-wordmark{width:3.8rem}.brand-column{left:38%;top:25%;gap:1rem}.footer-brand .nanbu-wordmark{width:100%;max-width:23rem}.footer-brand .nanbu-identity-caption{font-size:.875rem;letter-spacing:.22em}}
@media(max-width:360px){.nanbu-wordmark{width:9.3rem}.brand-column h1.nanbu-hero-wordmark{width:3.3rem}.brand-column{left:39%}}

/* Approved NANBU ARTS emblem; use the original transparent image intact. */
.site-header .nanbu-identity{flex-direction:row;align-items:center;gap:.8rem}.site-header .nanbu-wordmark{width:7rem;height:auto}.site-header .nanbu-identity-caption{white-space:nowrap;letter-spacing:.12em}.brand-column{left:33%;width:18%;top:19%;gap:.7rem}.brand-column h1.nanbu-hero-wordmark{width:100%;max-width:16rem}.hero-association-name{writing-mode:vertical-rl;font-size:1.125rem;letter-spacing:.16em;line-height:1.6;margin-top:.3rem}.footer-brand .nanbu-identity{align-items:center;width:fit-content;gap:.7rem}.footer-brand .nanbu-wordmark{width:15rem;max-width:100%}.footer-brand .nanbu-identity-caption{font-size:1rem;letter-spacing:.2em}
@media(min-width:1600px){.brand-column{left:35%;width:17%}}
@media(max-width:1050px){.brand-column{left:32%;width:16%}}
@media(max-width:650px){.site-header .nanbu-wordmark{width:4.8rem}.site-header .nanbu-identity{gap:.5rem}.site-header .nanbu-identity-caption{font-size:.875rem;letter-spacing:0}.brand-column{left:32%;width:25%;top:25%;gap:.75rem}.brand-column h1.nanbu-hero-wordmark{width:100%;max-width:none}.hero-association-name{font-size:1rem;letter-spacing:.18em}.footer-brand .nanbu-wordmark{width:14rem}.footer-brand .nanbu-identity-caption{font-size:.875rem}}
@media(max-width:360px){.site-header .nanbu-wordmark{width:4rem}.site-header .nanbu-identity{gap:.3rem}.brand-column{left:32%;width:25%}.brand-column h1.nanbu-hero-wordmark{width:100%}}

.washibito-vision{margin-top:1rem;padding-block:5rem 4rem;grid-template-columns:1fr 1.1fr;column-gap:5vw}.vision-identity{padding-top:1rem}.washibito-vision .eyebrow{font-size:1rem;letter-spacing:.05em;margin-bottom:3.5rem}.washibito-vision h2{font-size:clamp(2.6rem,4.6vw,5rem);letter-spacing:.035em;white-space:nowrap;line-height:1.7}.washibito-vision ruby{ruby-position:over}.washibito-vision rt{font-family:var(--sans);font-size:.875rem;letter-spacing:.25em;font-weight:400;color:var(--muted)}.washibito-subtitle{font-size:1.375rem;line-height:1.8;letter-spacing:.1em;margin-top:1rem}.washibito-vision .vision-rhythm{font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1.8;color:var(--red);letter-spacing:.02em}.washibito-vision .washibito-manifesto{font-size:1.125rem;line-height:2.2;letter-spacing:.015em}.washibito-declaration{grid-column:1/-1;margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line);font-size:clamp(1.6rem,3.4vw,3.3rem);line-height:1.9;letter-spacing:.055em;color:var(--red);text-align:center}.mobile-only{display:none}
@media(max-width:1050px){.washibito-vision{grid-template-columns:1fr}.washibito-vision h2{font-size:3.5rem}.vision-identity{padding-top:0}}
@media(max-width:650px){.washibito-vision{margin-top:0;padding-block:3rem}.washibito-vision .eyebrow{font-size:.875rem;margin-bottom:2.5rem}.washibito-vision h2{font-size:clamp(2rem,9vw,3.4rem);letter-spacing:.02em;margin-top:0}.washibito-vision rt{font-size:.875rem;letter-spacing:.12em}.washibito-subtitle{font-size:1.2rem;margin-top:1rem}.washibito-vision .vision-copy{padding-top:2.5rem}.washibito-vision .vision-rhythm{font-size:1.65rem}.washibito-vision .washibito-manifesto{font-size:1rem;letter-spacing:0}.washibito-manifesto br{display:none}.washibito-declaration{font-size:1.6rem;text-align:left;line-height:1.9;margin-top:2.5rem;padding-top:2rem}.mobile-only{display:block}}
/* Language navigation and English editorial layout. */
.header-actions{display:flex;align-items:center;gap:1.6rem}.language-link{font:400 .875rem/1.5 var(--sans);letter-spacing:.06em;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--red);padding:.2rem .1rem}.english-page{font-family:Georgia,'Times New Roman',serif}.english-page p{letter-spacing:0}.english-page .hero-poem{writing-mode:horizontal-tb;display:block;left:8%;top:30%;width:39%;font-size:clamp(2.4rem,4.6vw,5rem);line-height:1.16;letter-spacing:-.035em}.english-page .hero-poem span{writing-mode:horizontal-tb;display:block}.english-page .hero-poem span:last-child{margin-top:.25rem}.english-page .hero-invitation{left:8%;top:23%;max-width:40%;font-size:1rem;line-height:1.7}.english-page .hero-vision{left:8%;bottom:25%;width:35%;font-size:1.3rem}.english-page .brand-column{left:65%;top:9%;width:17%;gap:.3rem}.english-page .hero-association-name{writing-mode:horizontal-tb;font:400 .875rem/1.5 var(--sans);text-align:center;letter-spacing:.08em}.english-page .hero-film{left:54%;top:38%;height:48%;width:36%}.english-page .hero-play{left:8%;bottom:12%}.english-page .hero-origin{left:8%}.english-page .brand-rule{display:none}.english-page .nanbu-identity-caption{max-width:9rem;white-space:normal;line-height:1.5;letter-spacing:.03em}.english-page h2{letter-spacing:-.015em;line-height:1.2}.english-page .section-marker{position:static;writing-mode:horizontal-tb;grid-column:1/-1;margin-bottom:2rem}.english-page .section-marker p{letter-spacing:0}.english-page .section-marker small{margin:0 0 0 auto}.english-page .story{row-gap:3rem}.english-page .story-intro h2{font-size:clamp(2.25rem,3.8vw,4rem);line-height:1.2}.english-page .story-intro h2 span{padding-left:0}.english-page .story-copy p,.english-page .art-form p,.english-page .film-intro,.english-page .vision-copy p,.english-page .voice-letter blockquote{line-height:1.85;letter-spacing:0;font-size:1.0625rem}.english-page .story-copy p br{display:none}.english-page .story-copy .story-lead{font-size:1.45rem}.english-page .portrait-poem{writing-mode:horizontal-tb;max-width:15rem;font-size:2rem;line-height:1.45;letter-spacing:0}.english-page .washibito-vision h2{font-size:clamp(3rem,5vw,5.5rem);white-space:normal;line-height:1.1}.washibito-japanese{font-family:var(--serif);font-size:1rem;letter-spacing:.2em!important;margin-top:1.5rem}.english-page .washibito-subtitle{line-height:1.5}.english-page .washibito-declaration{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.4;letter-spacing:-.02em}.english-page .vision-copy .vision-rhythm{font-size:2rem;line-height:1.3}.english-page .washibito-manifesto br{display:none}.english-page .art-form h3{font-family:var(--serif)}.english-page .art-form-label{letter-spacing:0;line-height:1.7;font-size:.875rem}.english-page .voice-highlight{font-size:1.45rem!important;line-height:1.5}.english-page .closing-invitation>p{line-height:1.7;letter-spacing:0}.english-page .closing-invitation .closing-brand{letter-spacing:-.025em}.english-page .menu-content nav>a{line-height:1.3;letter-spacing:0}.english-page .films-heading{padding-top:0}.english-page .source-link{font-size:.875rem;line-height:1.6}
@media(max-width:650px){.header-actions{flex-direction:column-reverse;gap:.1rem;align-items:flex-end}.site-header .menu-toggle{padding:0;min-height:44px}.language-link{min-height:36px}.english-page .site-header .nanbu-identity-caption{font-size:.875rem;max-width:6rem}.english-page .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;padding:12rem 7vw 5rem;gap:1.7rem;overflow:visible}.english-page .hero-invitation{position:static;order:0;max-width:none;font-size:1rem}.english-page .hero-poem{position:static;order:1;width:100%;font-size:clamp(2.8rem,11vw,4.5rem)}.english-page .hero-vision{position:static;order:2;width:100%;font-size:1.15rem;line-height:1.7}.english-page .brand-column{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:-1px;padding:0;white-space:nowrap}.english-page .hero-film{position:relative;left:auto;top:auto;order:3;width:100%;height:27rem;max-height:none}.english-page .hero-play{position:static;order:4;align-self:flex-start;font-size:1rem;padding:0}.english-page .motion-toggle{position:static;order:5;align-self:flex-end;margin-top:-4.2rem;min-height:44px;font-size:.875rem}.english-page .hero-origin{position:static;order:6;margin-top:1rem}.english-page .scroll-cue{display:none}.english-page .section-marker{flex-wrap:wrap;gap:.7rem}.english-page .section-marker small{font-size:.75rem}.english-page .story{gap:0}.english-page .story-intro h2{font-size:2.6rem}.english-page .story-copy{padding-top:2rem}.english-page .portrait-poem{font-size:1.1rem;max-width:9rem;right:3%;bottom:4rem;padding:1rem}.english-page .washibito-vision h2{font-size:3.8rem;line-height:1.1}.english-page .washibito-declaration{font-size:1.9rem;line-height:1.4}.english-page .washibito-declaration .mobile-only{display:none}.english-page .washibito-declaration br{display:none}.english-page .art-form{grid-template-columns:1fr 1.7fr;gap:1rem}.english-page .art-form-label{margin-top:0}.english-page .closing-invitation .closing-brand{font-size:2rem}.english-page .footer-association{line-height:1.8;letter-spacing:0}}

.parasol-portrait figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding-top:1.7rem}.artist-name{font-size:1.3rem;letter-spacing:.12em}.artist-title{font-size:1.125rem;line-height:1.7;color:var(--red);letter-spacing:.07em}.artist-title-secondary{font:400 .875rem/1.8 var(--sans);letter-spacing:.06em}.artist-note{font-size:.9375rem;line-height:1.9;letter-spacing:.015em;max-width:29rem}.english-page .artist-name{font-size:1.5rem;letter-spacing:0}.english-page .artist-title{font:500 1.125rem/1.6 var(--sans);letter-spacing:.035em}.english-page .artist-title-secondary{font-family:var(--serif)}.english-page .artist-note{letter-spacing:0}
@media(max-width:650px){.artist-title{font-size:1rem;letter-spacing:.015em}.artist-name{font-size:1.25rem}.artist-note{font-size:.875rem}.parasol-portrait{width:85%}.story .portrait-poem{bottom:15rem}.english-page .story .portrait-poem{bottom:14rem}}
