:root{--paper:#edf0e8;--ink:#284137;--green:#38b52d;--line:#28413735;--muted:#6f7b70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-weight:400}body:after{content:'';position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23727a68' opacity='.6' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}header{position:sticky;top:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%;z-index:20;background:#edf0e8ed;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-size:49px;font-weight:600;letter-spacing:-6px;display:flex;align-items:center;gap:20px;line-height:1}.brand span{font:14px/1.05 'Barlow Condensed',sans-serif;letter-spacing:1px}nav{display:flex;gap:32px;font:16px 'Barlow Condensed';letter-spacing:1.2px}nav a:hover,.footer-nav a:hover{color:var(--green)}.menu-link{font:16px 'Barlow Condensed';letter-spacing:1px}.menu-link span{margin-left:25px}section{padding:45px 3.2%;border-bottom:1px solid var(--line)}.hero{padding-top:22px}.hero-top,.section-top,.hero-bottom,.works-bottom,.footer-small{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-top{font:11px/1.3 'Barlow Condensed';letter-spacing:1px}.hero h1{font:500 clamp(58px,10.8vw,180px)/.95 'Barlow Condensed';letter-spacing:-.035em;margin:30px 0 12px;white-space:nowrap;display:flex;justify-content:space-between}.year{font-weight:400;color:var(--green)}.hero-art{position:relative;height:clamp(320px,43vw,660px);overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center,#f7f8f0 0%,#e1e8db 80%)}.hero-logo{position:absolute;width:76%;height:160%;object-fit:contain;left:12%;top:-30%;filter:saturate(.9);transform:rotate(-7deg)}.slits{position:absolute;inset:-40px 0;background:repeating-linear-gradient(0deg,transparent 0 3px,#edf0e8ed 3px 6px);transform:translateY(var(--slit,0px));opacity:.75}.orbit-line{position:absolute;border:1px solid #28413725;width:75%;height:80%;left:12%;top:10%;border-radius:50%;transform:rotate(-18deg)}.art-note,.coordinate{position:absolute;font:11px/1.3 'Barlow Condensed';letter-spacing:1.5px;bottom:20px}.art-note{left:20px}.coordinate{right:20px;text-align:right}.hero-bottom{padding-top:22px}.hero-bottom p{font-size:clamp(22px,3vw,42px);margin:0;letter-spacing:.1em}.hero-bottom>div{font-size:12px;line-height:1.9}.hero-bottom>div span{color:var(--muted);font-size:10px}.hero-bottom>a{font:13px 'Barlow Condensed';letter-spacing:1px}.hero-bottom>a span{margin-left:35px;font-size:24px}.section-top{font:13px 'Barlow Condensed';letter-spacing:1.5px}.section-top>span:last-child{font:11px 'Noto Sans JP';letter-spacing:1px}.concept{padding-top:35px;padding-bottom:100px}.concept-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;margin-top:100px}.concept-visual{position:relative;aspect-ratio:1;overflow:hidden;mix-blend-mode:multiply}.concept-visual img{width:100%;display:block}.concept-visual .moving-mask{position:absolute;top:0;left:0;transform:translateY(var(--mask,0px))}.eyebrow{font:12px 'Barlow Condensed';letter-spacing:2px}.concept h2{font-weight:400;font-size:clamp(32px,4.1vw,60px);line-height:1.6;letter-spacing:.07em;margin:25px 0}.concept h2 em{font-style:normal;color:var(--green)}.concept-copy>p{font-size:13px;line-height:2.4}.draft-note{font-size:10px!important;color:var(--muted);line-height:1.8!important}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:none;border:0;border-bottom:1px solid var(--ink);padding:15px 0;font-size:12px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-top:42px}h2{margin:0}.title-row h2,.news h2,.members h2,.access h2{font:400 clamp(70px,9vw,140px)/1 'Barlow Condensed';letter-spacing:-.03em}.title-row p{font-size:12px;line-height:2}.works{background:#e3e9e0;padding-bottom:35px}.rings{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:10px}.ring-group{min-width:0}.ring{height:clamp(300px,35vw,520px);position:relative;isolation:isolate}.ring:before{content:'';position:absolute;inset:15% 12%;border:1px solid #28413720;border-radius:50%;transform:scaleY(.62);transition:transform .7s}.ring:hover:before,.ring:focus-within:before{transform:scaleY(1)}.work-card{position:absolute;top:50%;left:50%;width:22%;aspect-ratio:1;border:3px solid #f5f5ee;padding:0;background:#eff2e9;box-shadow:0 6px 14px #28413715;will-change:transform;transition:filter .3s}.work-card img{width:100%;height:100%;object-fit:cover;display:block}.work-card:hover,.work-card:focus-visible{outline:2px solid var(--green);outline-offset:3px;filter:brightness(1.06)}.ring-label{text-align:center;margin:0 0 45px}.ring-label>span{font:11px 'Barlow Condensed';letter-spacing:2px}.ring-label h3{font:32px 'Barlow Condensed';margin:10px 0}.ring-label p{font-size:11px;margin:0;color:var(--muted)}.works-bottom{border-top:1px solid var(--line);padding-top:15px;font:11px 'Barlow Condensed';letter-spacing:1px}#work-list:not([hidden]){display:flex;gap:30px;margin-top:30px}#work-list button{background:none;border:1px solid var(--line);padding:15px;display:flex;align-items:center;gap:20px}#work-list img{width:70px}.news{padding-top:30px;padding-bottom:55px}.news-row{display:flex;align-items:center;justify-content:space-between;margin-top:45px;gap:30px}.news h2{font-size:6vw}.news p{font-size:12px;line-height:2}.round-arrow{border:1px solid var(--line);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:26px}.members{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#fff 0%,#edf0e8 65%)}.members h2{position:relative;z-index:1;margin-top:50px;font-size:8vw;pointer-events:none}.members h2 i,.access h2 i{font-family:Georgia,serif;font-size:.8em;font-weight:400}.member-art{margin:-100px 0 -10px 20%;}.member-art img{width:100%;mix-blend-mode:multiply}.members .draft-note{text-align:right}.access{padding-bottom:90px}.access-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;gap:12%}.access h2{font-size:12vw}.access h3{font-size:25px;font-weight:400}.access dl{display:grid;grid-template-columns:100px 1fr;font-size:12px;line-height:2;margin-top:35px}.access dt,.access dd{margin:0;padding:16px 0;border-top:1px solid var(--line)}.access dt{font-family:'Barlow Condensed';letter-spacing:1px}.access-grid>div>p{font-size:10px;color:var(--muted)}.archives{padding-bottom:0;background:#e8ede3}.archive-stage{position:relative;width:90%;margin:30px auto 0;aspect-ratio:1000/580}.archive-stage svg{width:100%;height:100%;overflow:visible}.contours use{fill:none;stroke:var(--ink);stroke-width:1.2;transition:opacity .5s}.archive-stage.previewing .contours use:not(:first-child){opacity:0}#archive-image{opacity:0;transition:opacity .5s}.previewing #archive-image{opacity:.88}.archive-links a{position:absolute;font:clamp(13px,1.5vw,21px) 'Barlow Condensed';padding:12px;transition:opacity .3s,color .3s,background .3s;transform:translate(-50%,-50%);white-space:nowrap}.archive-links a span{margin-left:16px;font:12px 'Noto Sans JP'}.previewing .archive-links a{opacity:.25}.previewing .archive-links a.active{opacity:1;background:var(--paper);color:var(--ink)}footer{padding:35px 3.2% 20px}.footer-brand{font:45px 'Barlow Condensed';display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px}.footer-nav{display:flex;gap:25px;padding:25px 0;font:14px 'Barlow Condensed';letter-spacing:1px}.footer-small{font:10px 'Barlow Condensed';letter-spacing:1px;color:var(--muted)}dialog{width:min(1100px,92vw);padding:65px 40px 40px;background:var(--paper);color:var(--ink);border:1px solid var(--line);max-height:90vh;overflow:auto}dialog::backdrop{background:#28413770;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.close-detail{position:absolute;right:25px;top:20px;background:none;border:0;font:15px 'Barlow Condensed';letter-spacing:1px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail-grid>img{width:100%}.detail-grid h2{font:50px/1 'Barlow Condensed';margin:25px 0}.detail-grid p{font-size:13px;line-height:2}
@media(min-width:1600px){main,footer{max-width:1900px;margin:auto}}@media(max-width:700px){header{height:65px;padding:0 5%}nav{display:none}.brand{font-size:40px}.brand span{font-size:12px}section{padding:30px 5%}.hero-top{font-size:9px}.hero-top>span:last-child{max-width:100px;text-align:right}.hero h1{font-size:12vw;margin-top:30px}.hero-art{height:400px}.hero-logo{width:130%;left:-15%;height:110%;top:-5%}.hero-bottom{flex-wrap:wrap}.hero-bottom p{width:100%;font-size:27px}.hero-bottom>div{font-size:10px}.hero-bottom>a{font-size:10px}.section-top>span:last-child{font-size:9px}.concept-grid{grid-template-columns:1fr;margin-top:30px;gap:25px}.concept-visual{width:85%;margin:auto}.concept-copy{padding:0 6%}.concept h2{font-size:38px}.concept{padding-bottom:60px}.title-row{margin-top:30px}.title-row h2{font-size:62px}.title-row p{font-size:10px}.rings{grid-template-columns:1fr;gap:0}.ring{height:370px}.work-card{width:19%}.ring-label{margin-bottom:25px}.works-bottom{font-size:9px}.text-link{font-size:11px;gap:15px}.news-row{flex-wrap:wrap}.news h2{font-size:47px}.news p{font-size:11px}.round-arrow{width:45px;height:45px}.members{min-height:520px}.members h2{font-size:60px;margin-top:35px}.member-art{margin:0 -10% 0 -15%}.access-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.access h2{font-size:90px}.access{padding-bottom:55px}.archive-stage{width:110%;margin-left:-5%;min-height:300px}.archive-links a{font-size:15px;padding:7px}.archive-links a span{font-size:10px;margin-left:5px}.footer-brand{font-size:32px}.footer-nav{flex-wrap:wrap;gap:15px}.footer-small{font-size:8px;gap:10px}.footer-small>span:nth-child(2){display:none}.detail-grid{grid-template-columns:1fr;gap:25px}dialog{padding:60px 20px 25px}.detail-grid>img{max-height:35vh;object-fit:contain}.detail-grid h2{font-size:40px}#work-list:not([hidden]){flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}