:root{--accent:#245f52;--ink:#162d28;--paper:#edf2e9}@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}header{height:86px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);position:relative;z-index:3}.brand{display:flex;flex-direction:column;letter-spacing:.05em}.brand small{font-size:9px;letter-spacing:.2em;margin-top:4px}.brand b{font-family:'Noto Serif JP',serif;font-size:19px}nav{display:flex;gap:32px;font-size:12px}nav a:hover{opacity:.55}.ig{font-size:11px;border-bottom:1px solid}.hero{min-height:calc(100svh - 86px);padding:clamp(28px,5vw,80px);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:clamp(28px,6vw,100px);align-items:center}.hero-copy{max-width:560px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em}.hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(44px,6.3vw,96px);line-height:1.28;letter-spacing:.04em;margin:28px 0}.lead{font-family:'Noto Serif JP',serif;line-height:2;font-size:15px}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:15px 26px;margin-top:25px;font-size:12px}.hero figure{margin:0;height:min(68vw,720px);position:relative}.hero figcaption{font-size:8px;letter-spacing:.18em;position:absolute;right:0;bottom:-19px}.story,.info{padding:clamp(75px,12vw,170px) clamp(24px,8vw,130px);display:grid;grid-template-columns:80px 1fr 1fr;gap:clamp(24px,5vw,80px);border-top:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.number{font-size:11px;letter-spacing:.18em}.story h2,.info h2,.section-title h2,.quote h2{font-family:'Noto Serif JP',serif;font-size:clamp(29px,4vw,56px);line-height:1.55;margin:15px 0}.story>p:last-child{line-height:2.1;font-size:14px}.menu{padding:clamp(75px,10vw,140px) clamp(24px,8vw,130px);background:var(--ink);color:var(--paper)}.section-title{display:flex;gap:45px;align-items:baseline}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 25%,transparent);margin-top:65px}.cards article{background:var(--ink);padding:45px 36px;min-height:270px}.cards span{font-size:10px;opacity:.55}.cards h3{font-family:'Noto Serif JP',serif;font-size:22px;margin:60px 0 18px}.cards p{font-size:12px;line-height:2;opacity:.75}.quote{padding:clamp(90px,15vw,210px) 8vw;text-align:center}.quote>p{font:80px/1 serif;color:var(--accent);margin:0}.quote small{letter-spacing:.24em}.info{align-items:start}.info dl{margin:0}.info dt{font-size:9px;letter-spacing:.2em;margin-top:24px}.info dd{margin:8px 0;line-height:1.7;font-size:14px}.big-link{align-self:end;border-bottom:1px solid;padding:14px 0;display:flex;justify-content:space-between}.big-link span{font-size:22px}footer{background:var(--ink);color:var(--paper);padding:55px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr 2fr auto;gap:40px;align-items:end}footer p{font-size:10px;line-height:1.8;opacity:.65;margin:0}footer small{font-size:8px;letter-spacing:.18em}.spectrum{--accent:#e94b70}.spectrum .hero{background:linear-gradient(115deg,var(--paper) 62%,#ffdbe4 62%)}.spectrum .hero figure{border-radius:48% 48% 8px 8px;overflow:hidden}.workshop .hero{grid-template-columns:1.05fr .95fr}.workshop .hero figure{order:-1;height:min(62vw,650px);clip-path:polygon(0 4%,94% 0,100% 94%,7% 100%)}.workshop .hero h1{font-size:clamp(42px,5vw,76px)}.timeline .hero{grid-template-columns:1fr 1fr}.timeline .hero-copy{border-left:12px solid var(--accent);padding-left:40px}.timeline .hero figure{height:65vh}.timeline .cards{grid-template-columns:1fr}.timeline .cards article{min-height:0;display:grid;grid-template-columns:80px 1fr 2fr;align-items:center}.timeline .cards h3{margin:0}.editorial .hero{display:block;padding:5vw 8vw}.editorial .hero-copy{position:absolute;z-index:2;background:var(--paper);padding:45px;max-width:540px;margin-top:8vw}.editorial .hero figure{height:72vh;margin-left:25%}.editorial .hero h1{font-size:clamp(40px,5vw,72px)}.tiles .hero{grid-template-columns:.72fr 1.28fr}.tiles .hero figure{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.tiles .cards{transform:rotate(-1deg)}.airy .hero{min-height:110vh;grid-template-columns:1fr}.airy .hero-copy{text-align:center;margin:auto}.airy .hero figure{height:56vh;width:64%;margin:auto;border-radius:50% 50% 8% 8%}.specimen .hero figure{height:590px;border:20px solid #fff;box-shadow:0 20px 60px #5b463022;transform:rotate(2deg)}.specimen .cards article:nth-child(2){transform:translateY(25px)}.postcard .hero{background:linear-gradient(160deg,var(--paper) 0 55%,#fbd694 55%)}.postcard .hero figure{height:60vh;border:12px solid white;box-shadow:0 16px 40px #0002;transform:rotate(-3deg)}.gallery .hero{grid-template-columns:.65fr 1.35fr;padding-right:0}.gallery .hero figure{height:78vh}.gallery .story{grid-template-columns:1fr 2fr}.gallery .story>.number{display:none}.salon .hero{grid-template-columns:1fr 1fr;background:radial-gradient(circle at 10% 10%,#fff 0 12%,transparent 40%)}.salon .hero figure{height:72vh;border-radius:220px 220px 0 0}.salon .menu{background:#4a3c4d}.salon .cards article{background:#4a3c4d}@media(max-width:760px){header{height:70px}nav{display:none}.ig{font-size:10px}.hero{min-height:auto;padding:42px 22px 70px;grid-template-columns:1fr!important;gap:40px}.hero-copy{position:static!important;padding:0!important;text-align:left!important;border-left:0!important}.hero h1{font-size:42px!important}.hero figure{order:0!important;width:100%!important;height:58vh!important;margin:0!important;clip-path:none!important;border-radius:0!important}.story,.info{padding:70px 22px;grid-template-columns:1fr;gap:20px}.story h2,.info h2,.section-title h2,.quote h2{font-size:30px}.menu{padding:70px 22px}.cards{grid-template-columns:1fr}.cards article{min-height:0!important;display:block!important;transform:none!important}.cards h3{margin:28px 0 12px}.quote{padding:90px 22px}footer{grid-template-columns:1fr;gap:20px}.editorial .hero figure{margin-left:0}.gallery .hero{padding-right:22px}.workshop .hero figure{order:0}}