:root{--ivory:#f2efe9;--paper:#fbfaf7;--ink:#252321;--taupe:#a48e7b;--muted:#786f68;--line:rgba(37,35,33,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,"PingFang SC",sans-serif}.progress{position:fixed;z-index:80;top:0;left:0;height:3px;width:0;background:var(--taupe)}.nav{position:absolute;z-index:10;width:100%;height:72px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:9px;letter-spacing:.18em}.nav a{color:inherit;text-decoration:none}.nav nav{display:flex;gap:28px;color:var(--muted)}.nav>span{text-align:right;color:var(--muted)}.hero{min-height:100vh;padding:108px 5vw 45px;display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:50vw;height:50vw;border:1px solid rgba(164,142,123,.24);border-radius:50%;left:-27vw;top:8vh}.kicker{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;font-size:8px;letter-spacing:.18em;color:var(--muted)}.hero-title{align-self:center;z-index:2}.hero-title>p{font-size:9px;letter-spacing:.28em;color:var(--taupe);margin-bottom:22px}h1{font:400 clamp(74px,9vw,144px)/.78 Georgia,serif;letter-spacing:-.065em;margin:0}.hero h1 em{color:var(--taupe)}.hero-sheet{margin:4vh 0 0 -5vw;align-self:center;transform:rotate(2.4deg);box-shadow:0 35px 80px rgba(62,53,44,.18)}figure{margin:0;cursor:zoom-in}img{display:block;width:100%}.hero-foot{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.hero-foot p{margin:0}.hero-foot p:last-child{color:var(--muted);line-height:1.8}.overview{padding:150px 7vw;display:grid;grid-template-columns:7% 45% 1fr;gap:3vw;background:var(--paper)}.no{font:italic 20px Georgia;color:var(--taupe)}.eyebrow{font-size:9px;letter-spacing:.24em;color:#8d7664;font-weight:700;margin:0 0 22px}.light{color:#d9cbbd}h2{font:400 clamp(44px,5.7vw,82px)/1.08 Georgia,"Songti SC",serif;margin:0}.overview-copy>p{font-size:17px;line-height:1.9;color:#514b46}.overview dl{margin-top:40px}.overview dl div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:13px 0;font-size:10px}.overview dt{color:var(--muted)}.overview dd{margin:0}.concept{background:#252321;color:#f5f1eb;padding:130px 6vw;display:grid;grid-template-columns:34% 1fr;gap:8vw;align-items:center}.concept h2,.application h2{font-family:Arial,sans-serif;font-weight:800;line-height:.88;letter-spacing:-.05em}.concept h2 em,.application h2 em{font-family:Georgia,serif;font-weight:400;color:#bea996}.body,.application .app-copy>p:last-child{color:#bdb4ac;font-size:14px;line-height:2;margin-top:42px}.concept figure{box-shadow:0 28px 75px rgba(0,0,0,.32)}.system,.rules,.manual{padding:150px 6vw}.section-head{display:grid;grid-template-columns:1fr 37%;gap:8vw;align-items:end;margin-bottom:70px}.section-head>p,.rules-title>p,.manual-copy>p:last-child{font-size:14px;color:var(--muted);line-height:2}.tabs{display:flex;gap:8px;margin-bottom:28px}.tabs button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:11px 18px;font-size:8px;letter-spacing:.17em;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--ink);color:white}.stage{display:grid;grid-template-columns:1fr 25%;gap:4vw;align-items:end}.panel{display:none;box-shadow:0 25px 60px rgba(54,47,41,.13)}.stage[data-active=mark] .mark,.stage[data-active=color] .color,.stage[data-active=type] .type{display:block}.stage aside{border-left:1px solid var(--line);padding-left:28px}.stage aside span{font-size:8px;letter-spacing:.2em;color:var(--taupe)}.stage aside p{font:20px/1.5 Georgia,serif}.palette{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px}.palette span{height:165px;padding:18px;font-size:8px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.palette b{letter-spacing:.14em}.c1{background:#f3f0e9}.c2{background:#cfc6bb}.c3{background:#a68f7b}.c4{background:#252321;color:white}.rules{background:#dfd8cf}.rules-title{display:grid;grid-template-columns:1fr 34%;gap:6vw;align-items:end;margin-bottom:75px}.rules-title h2 i{color:#9a806a;font-weight:400}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.rule-grid .wide{grid-column:1/-1}.rule-grid figure{background:white;box-shadow:0 20px 50px rgba(67,55,45,.1)}.combos{padding:150px 0}.combos .section-head{padding:0 6vw}.rail{display:flex;overflow-x:auto;gap:24px;padding:10px 6vw 45px;scroll-snap-type:x mandatory}.rail figure{flex:0 0 min(62vw,880px);scroll-snap-align:start;box-shadow:0 20px 55px rgba(55,46,39,.12)}.application{background:#262321;color:#f6f1eb;padding:140px 6vw 160px;display:grid;grid-template-columns:34% 1fr;gap:6vw}.app-copy{grid-row:1/3;position:sticky;top:50px}.app-cover{width:70%;justify-self:end}.app-main{margin-top:30px}.application figure{box-shadow:0 25px 70px rgba(0,0,0,.35)}.manual-copy{display:grid;grid-template-columns:25% 1fr 34%;gap:4vw;align-items:end}.manual-copy h2{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.05em;line-height:.9}.manual-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.manual-grid figure{transition:.35s}.manual-grid figure:hover{transform:translateY(-8px)}footer{background:#b9a493;padding:110px 7vw 30px}footer>p{font-size:8px;letter-spacing:.2em}footer h2{font-size:clamp(58px,8vw,118px);line-height:.88;margin:30px 0 100px}footer>div{display:flex;justify-content:space-between;border-top:1px solid rgba(37,35,33,.25);padding-top:18px;font-size:8px;letter-spacing:.16em}footer a{color:inherit;text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}.lightbox{width:min(94vw,1280px);height:94vh;border:0;padding:54px;background:rgba(246,243,237,.98);overflow:auto}.lightbox::backdrop{background:rgba(24,21,19,.86);backdrop-filter:blur(5px)}.lightbox button{position:fixed;right:3vw;top:2vh;border:0;background:none;font:38px Arial;cursor:pointer}.lightbox p{text-align:center;font-size:9px;color:var(--muted)}@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-sheet{margin:50px 0}.hero-foot,.overview,.concept,.section-head,.rules-title,.application,.manual-copy{grid-template-columns:1fr}.overview .no{display:none}.stage{grid-template-columns:1fr}.stage aside{border-left:0}.app-copy{grid-row:auto;position:static}.manual-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding:100px 20px 40px}.hero h1{font-size:68px}.hero-title{margin-top:65px}.overview,.concept,.system,.rules,.application,.manual{padding:90px 22px}.palette{grid-template-columns:1fr 1fr}.rule-grid{grid-template-columns:1fr}.rule-grid .wide{grid-column:auto}.rail figure{flex-basis:84vw}.manual-grid{grid-template-columns:1fr}.lightbox{padding:50px 12px}}