:root{--ink:#27241f;--paper:#f4f0e8;--line:#d6cec0;--muted:#766e63;--accent:#bc4e37}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#f7f3ec}.brand{color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:.05em}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:var(--muted);margin-top:4px}nav{display:flex;gap:28px;font-size:13px}nav a{color:var(--muted);text-decoration:none}.hero,.intro,.grid,.details{width:min(1180px,calc(100% - 48px));margin:auto}.hero{padding:110px 0 120px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.2em;font-weight:700}.hero h1{font-size:clamp(44px,7vw,84px);line-height:1.04;letter-spacing:-.07em;max-width:800px;margin:28px 0}.hero p{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:34px}.hero em{font-style:normal;color:var(--accent)}.button{display:inline-block;padding:14px 18px;background:var(--ink);color:white;text-decoration:none;font-size:13px}.intro{border-top:1px solid var(--line);padding:70px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.intro h2{font-size:42px;letter-spacing:-.06em;margin:15px 0}.intro p{color:var(--muted);line-height:1.9;align-self:end}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-bottom:110px}.card{min-height:360px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);text-decoration:none;position:relative;overflow:hidden}.card:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #27241f38;border-radius:50%;right:-70px;bottom:-40px}.card b,.card span{font-size:10px;letter-spacing:.14em}.card h2{font-size:25px;letter-spacing:-.06em;margin:8px 0;position:relative;z-index:1}.card p{font-size:12px;line-height:1.7;max-width:170px;position:relative;z-index:1}.ochre{background:#d4a76f}.rose{background:#bf7b70}.green{background:#a3ad8e}.plum{background:#9b7e83}.clay{background:#c07c54}.details{border-top:1px solid var(--line);padding:75px 0 110px}.details>h2{font-size:34px}.details article{border-top:1px solid var(--line);padding:24px 0;max-width:800px}.details h3{font-size:24px;margin:0 0 12px}.details p{color:var(--muted);line-height:1.8}.details a{color:var(--accent);font-size:13px;text-decoration:none;margin-right:24px}footer{border-top:1px solid var(--line);background:#e9e3d8;padding:34px 24px;color:var(--muted);font-size:11px;line-height:1.8}footer p{max-width:1180px;margin:auto}.article-shell{width:min(1180px,calc(100% - 48px));margin:auto;padding:72px 0 100px}.article-page{padding:56px clamp(22px,6vw,88px);border-top:8px solid var(--accent)}.ochre-page{border-color:#d4a76f}.rose-page{border-color:#bf7b70}.green-page{border-color:#a3ad8e}.plum-page{border-color:#9b7e83}.clay-page{border-color:#c07c54}.article-page h1{font-size:clamp(44px,7vw,78px);letter-spacing:-.08em;margin:22px 0 16px}.lead{font-size:19px;line-height:1.9;color:var(--muted);max-width:760px}.article-columns{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,90px);margin-top:58px}.article-columns h2{font-size:21px;margin:0 0 12px}.article-columns section h2:not(:first-child){margin-top:38px}.article-columns p{line-height:1.9;color:var(--muted)}.video-frame{aspect-ratio:16/9;margin:20px 0 14px;background:#211f1c}.video-frame iframe{width:100%;height:100%;border:0}.video-link,.article-actions a:not(.button){color:var(--accent);font-size:13px;text-decoration:none}.note{font-size:11px!important;line-height:1.7!important;margin-top:18px}.article-actions{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);margin-top:58px;padding-top:26px}@media(max-width:800px){header{padding:0 20px}nav{gap:14px;font-size:11px}.hero,.intro,.grid,.details,.article-shell{width:calc(100% - 32px)}.hero{padding:70px 0 80px}.intro{grid-template-columns:1fr;gap:10px}.grid{grid-template-columns:repeat(2,1fr)}.card{min-height:270px}.card:last-child{grid-column:span 2;min-height:220px}.hero h1{font-size:48px}.article-shell{padding:34px 0 60px}.article-page{padding:38px 22px}.article-columns{grid-template-columns:1fr;margin-top:40px}.article-actions{align-items:flex-start;flex-direction:column;gap:18px}}