@charset "UTF-8";
:root{--paper:#eae7de;--ink:#222e2b;--line:#afb3a7;--accent:#914f35;--green:#293e34;--muted:#59645b;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 24px;z-index:20}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;margin:0 4.8%;height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:.14em}.mark{background:var(--ink);color:var(--paper);font-size:14px;padding:3px 7px;height:40px;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.brand-en{font-family:Georgia,serif;font-size:10px;letter-spacing:.2em;margin:4px 0 0 8px}.header nav{display:flex;gap:30px;font-size:12px}.header nav a{position:relative}.header nav a:after,.text-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:currentColor;transition:width .3s}.header nav a:hover:after,.text-link:hover:after{width:100%}.hero{position:relative;margin:0 4.8%;padding:64px 3% 0;display:grid;grid-template-columns:1.15fr 1fr;min-height:750px}.eyebrow,.section-label{font-size:11px;letter-spacing:.12em}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-right:9px}h1,h2,p{margin:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,7.1vw,108px);letter-spacing:-.04em;line-height:1.35;margin:30px 0 27px}.indent{padding-left:.8em}.hero-lead{font-family:var(--serif);font-size:17px;line-height:2.1;letter-spacing:.06em}.text-link{position:relative;display:inline-flex;gap:65px;margin-top:32px;font-size:12px}.archive-art{position:relative;height:555px;align-self:center;margin-left:20px;perspective:1400px}.archive-tag{position:absolute;top:-15px;left:10px;font-family:Georgia,serif;font-size:10px;letter-spacing:.15em;line-height:1.6}.leaf{position:absolute;top:55px;width:73%;height:390px;border:1px solid #a7ac9e;transform-origin:10% 90%;box-shadow:12px 18px 22px #222e2b10;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.leaf-back{left:24%;background:#c6ccbe;transform:rotate(12deg);display:flex;justify-content:flex-end;padding:17px 25px;color:#465649}.leaf-middle{left:12%;background:#d8d9ca;transform:rotate(5deg);padding:18px 24px}.leaf-front{left:1%;background:#f3f0e7;transform:rotate(-5deg);padding:25px 32px}.archive-art:hover .leaf-back{transform:rotate(16deg) translateX(8px)}.archive-art:hover .leaf-middle{transform:rotate(8deg)}.archive-art:hover .leaf-front{transform:rotate(-8deg) translateY(-8px)}.leaf-number{font-family:Georgia,serif;font-size:12px;letter-spacing:.15em;border-bottom:1px solid #a7ac9e;display:block;padding-bottom:14px}.leaf-title{display:block;font-family:var(--serif);font-size:52px;line-height:1.5;margin-top:30px;letter-spacing:.08em}.leaf-foot{display:block;font-size:11px;line-height:2;position:absolute;bottom:26px}.art-caption{position:absolute;bottom:30px;right:5px;font-family:Georgia,serif;letter-spacing:.15em;font-size:10px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;height:74px;margin-top:32px}.section{margin:0 4.8%;padding:105px 3%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.6fr .9fr;gap:30px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,50px);line-height:1.6;letter-spacing:.04em}.body-copy{font-size:15px;line-height:2.25;margin-top:30px;max-width:540px}.muted{color:var(--muted);font-size:14px}.idea-side{font-size:10px;line-height:1.8;letter-spacing:.12em;font-family:Georgia,serif;text-align:right;align-self:end}.archive-section{background:var(--green);color:var(--paper);padding:83px 7.5% 40px}.archive-heading{display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:30px;align-items:start}.archive-heading h2{font-size:38px;line-height:1.5}.archive-heading>p:last-child{font-size:12px;padding-top:9px;line-height:2.1;max-width:320px}.archive-heading small{font-size:11px;display:block;margin-top:16px;color:#c5cabe}.demo{display:grid;grid-template-columns:1fr 2.6fr;margin:65px 0 24px;gap:6%}.demo-tabs{display:flex;flex-direction:column}.demo-tabs button{display:flex;justify-content:space-between;align-items:center;background:none;color:#c5cabe;border:0;border-top:1px solid #718077;padding:24px 0;cursor:pointer;font-family:var(--serif);font-size:25px;transition:padding .3s,color .3s}.demo-tabs button:last-child{border-bottom:1px solid #718077}.demo-tabs button span{font-family:Georgia,serif;font-size:12px}.demo-tabs button[aria-selected=true]{color:#fff6dc;padding-left:12px;border-top-color:#eee7d5}.demo-tabs button:focus-visible{outline-color:#fff6dc;outline-offset:3px}.demo-paper{position:relative;color:var(--ink);background:#f3f0e7;padding:32px 48px 28px;min-height:412px;box-shadow:7px 7px 0 #f3f0e726}.paper-label{font-size:9px;letter-spacing:.12em;border-bottom:1px solid var(--line);display:block;padding-bottom:13px}.note-category{font-size:11px;color:var(--muted);margin-top:24px}.note-large{font-family:var(--serif);font-size:clamp(21px,2.6vw,35px);line-height:1.6;margin:16px 0 20px}.note-answer{font-size:12px;color:var(--accent)}.note-explain{font-size:12px;max-width:500px;margin:18px 0 46px;line-height:2}.paper-bottom{position:absolute;left:48px;right:48px;bottom:24px;border-top:1px solid var(--line);padding-top:12px;font-size:9px;display:flex;justify-content:space-between;letter-spacing:.08em}.demo-disclaimer{font-size:10px;text-align:right;color:#c5cabe}.development{border-top:0}.status-row{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line);padding:25px 0;font-size:13px;margin-top:28px;gap:15px}.status-row+.status-row{margin-top:0;border-bottom:1px solid var(--line)}.status{font-size:11px;color:var(--accent)}.development-stamp{align-self:start;border:1px solid var(--line);padding:14px 12px;font-family:Georgia,serif;font-size:9px;letter-spacing:.1em;line-height:2;transform:rotate(3deg)}.development-stamp span:last-child{font-family:var(--sans);font-size:11px;letter-spacing:.15em}.contact{background:#dcded1;padding:60px 7.5% 0}.contact-top{display:flex;justify-content:space-between;gap:30px;margin-top:34px;align-items:center}.contact h2{font-size:40px}.operator{width:37%;font-size:13px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid #adb3a5;padding:14px 0}dt{font-size:11px;color:var(--muted)}dd{margin:0}dd span{display:block;font-size:11px}.email{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);font-family:Georgia,serif;font-size:clamp(24px,4.3vw,65px);line-height:1.4;padding:42px 0 20px;letter-spacing:-.035em}.email span{font-family:var(--sans);font-size:40px;margin-left:15px}.email:hover{color:var(--accent)}.contact-note{font-size:11px;margin-top:15px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:70px;padding:24px 0;font-size:10px;border-top:1px solid #adb3a5}footer>span:last-child{font-family:var(--serif);letter-spacing:.15em}[hidden]{display:none!important}.demo-paper [role=tabpanel]:not([hidden]){animation:unfold .45s ease-out}@keyframes unfold{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.header,.hero,.section{max-width:1440px;margin-left:auto;margin-right:auto}.archive-section,.contact{padding-left:max(7.5%,calc((100vw - 1340px)/2));padding-right:max(7.5%,calc((100vw - 1340px)/2))}}
@media(max-width:900px){.header nav{gap:18px}.brand-en{display:none}.hero{padding-top:45px;min-height:680px;grid-template-columns:1fr 1fr}.archive-art{margin-left:5px;height:450px}.leaf{height:330px;width:77%}.leaf-front{padding:20px}.leaf-title{font-size:40px}.leaf-foot{font-size:10px}.archive-tag{top:0}.art-caption{bottom:20px}.section{grid-template-columns:110px 1fr;padding:70px 2%;gap:20px}.idea-side{display:none}.development-stamp{grid-column:2;width:160px;margin-top:5px}.archive-heading{grid-template-columns:110px 1fr;gap:20px}.archive-heading>p:last-child{grid-column:2;max-width:100%;padding-top:0}.demo{grid-template-columns:1fr 2.4fr;gap:30px;margin-top:35px}.demo-paper{padding:26px;min-height:430px}.paper-bottom{left:26px;right:26px}.contact-top{align-items:start}.operator{width:45%}.contact h2{font-size:32px}dl>div{grid-template-columns:85px 1fr}}
@media(max-width:600px){.header{height:85px;margin:0 6%}.brand{font-size:20px;gap:9px}.header nav{gap:0}.header nav a{display:none}.header nav a:last-child{display:block;font-size:11px}.hero{margin:0 6%;padding:35px 0 0;display:flex;flex-direction:column;min-height:0}.eyebrow{font-size:10px;letter-spacing:.07em}h1{font-size:clamp(60px,16vw,86px);margin:22px 0 21px}.hero-lead{font-size:15px}.text-link{margin-top:22px}.archive-art{width:min(90%,390px);margin:35px 0 0;height:400px;align-self:center}.archive-tag{font-size:8px;top:0;left:7px}.leaf{height:300px;top:45px;width:71%}.leaf-front{padding:20px 25px}.leaf-title{font-size:39px;margin-top:25px}.leaf-number{padding-bottom:10px;font-size:10px}.leaf-foot{bottom:20px}.art-caption{font-size:8px;bottom:6px}.hero-bottom{font-size:7px;gap:20px;height:64px;margin-top:25px}.hero-bottom>span:first-child{max-width:190px;line-height:1.7}.section{margin:0 6%;padding:52px 0;display:block}.section-label{font-size:10px;margin-bottom:26px}h2{font-size:29px;line-height:1.65}.body-copy{font-size:14px;margin-top:22px}.body-copy.muted{font-size:13px}.desktop{display:none}.archive-section{padding:45px 6% 28px}.archive-heading{display:block}.archive-heading h2{font-size:30px}.archive-heading>p:last-child{margin-top:22px;font-size:12px}.archive-heading small{margin-top:12px;font-size:10px}.demo{display:block;margin-top:30px}.demo-tabs{flex-direction:row;gap:12px;margin-bottom:24px}.demo-tabs button{width:33.333%;font-size:17px;padding:14px 0;border-bottom:1px solid #718077}.demo-tabs button[aria-selected=true]{padding-left:0;border-bottom-color:#eee7d5}.demo-tabs button span{font-size:9px}.demo-tabs button span:last-child{display:none}.demo-paper{padding:22px;min-height:388px}.note-large{font-size:23px;margin-top:18px}.note-category{font-size:10px}.note-answer,.note-explain{font-size:11px}.paper-bottom{left:22px;right:22px;font-size:8px}.paper-label{font-size:8px}.demo-disclaimer{text-align:left;font-size:9px;margin-top:22px}.status-row{font-size:12px;grid-template-columns:65px 1fr;gap:14px}.development-stamp{margin-top:26px;transform:none;width:170px}.contact{padding:40px 6% 0}.contact-top{display:block;margin-top:0}.contact h2{font-size:29px}.operator{width:100%;margin-top:30px}dl>div{grid-template-columns:110px 1fr}.email{display:block;font-size:clamp(24px,6.7vw,34px);padding:32px 0 18px;overflow-wrap:anywhere}.email span{font-size:24px;margin-left:8px}.contact-note{font-size:10px}footer{flex-wrap:wrap;font-size:9px;margin-top:45px;gap:14px}footer>span:last-child{width:100%}}
@media(min-width:601px) and (max-width:900px){h1{font-size:clamp(44px,6.6vw,60px)}.leaf{width:68%}.leaf-title{font-size:34px;letter-spacing:.03em}}
@media(max-width:600px){h1{font-size:clamp(44px,13.5vw,72px)}.leaf-title{font-size:32px;letter-spacing:.04em}.indent{display:inline-block;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.archive-art:hover .leaf-back{transform:rotate(12deg)}.archive-art:hover .leaf-middle{transform:rotate(5deg)}.archive-art:hover .leaf-front{transform:rotate(-5deg)}}