:root{--ink:#080808;--coal:#12110f;--bone:#eee6da;--bronze:#c49159;--ember:#ef6428;--line:#302c27;--ui:'Manrope',sans-serif;--display:'Cormorant Garamond',serif;--mark:'Montserrat',sans-serif;--g:clamp(22px,5vw,80px)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--ui);line-height:1.6}img{width:100%;display:block}.book-header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.95);border-bottom:1px solid var(--line);height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--g);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.book-header a{color:var(--bone);text-decoration:none}.book-header>a:last-child{justify-self:end}.mark{font-family:var(--mark);font-weight:300;letter-spacing:.34em;font-size:1rem}.cover{min-height:calc(100vh - 68px);display:grid;grid-template-columns:46% 54%;align-items:stretch}.cover>div{padding:12vh var(--g);display:flex;flex-direction:column;justify-content:center}.cover>div>p:first-child,.number{color:var(--bronze);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.cover h1{font-family:var(--display);font-weight:500;font-size:clamp(4.5rem,9vw,10rem);line-height:.76;letter-spacing:-.05em;margin:30px 0}.cover .dek{color:#a49b91;max-width:46ch}.cover picture img{height:100%;object-fit:cover}.book-section{padding:clamp(90px,13vw,190px) var(--g);border-top:1px solid var(--line)}.book-section h2{font-family:var(--display);font-size:clamp(3.3rem,6vw,7rem);font-weight:500;line-height:.9;letter-spacing:-.035em;margin:16px 0}.split,.type-section,.rules,.ui-section,.voice,.handoff{display:grid;grid-template-columns:.55fr 1.1fr;gap:10vw}.sticky{position:sticky;top:110px;align-self:start}.lead{font-family:var(--display);font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.02;margin-top:0}.copy p:not(.lead){color:#a09990}.observed,.proposed{border-top:1px solid var(--line);padding:28px 0}.copy h3,.rule-grid h3{font-family:var(--display);font-size:2rem;font-weight:500}.palette-section{display:grid;gap:70px}.palette-section>div:first-child{max-width:720px}.palette-section p{color:#958d83}.swatches{display:grid;grid-template-columns:repeat(5,1fr)}.swatches div{background:var(--c);min-height:220px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.swatches div b,.swatches div span{font-size:.72rem}.swatches div.light{color:#111}.type-spec{display:grid;gap:30px}.display-sample{font-family:var(--display);font-size:clamp(3rem,5vw,6rem);line-height:.9;margin:0}.ui-sample{font-size:.78rem;letter-spacing:.14em}.mark-sample{font-family:var(--mark);font-size:3rem;letter-spacing:.35em;font-weight:300}.photography{padding-left:0;padding-right:0}.photo-intro{padding:0 var(--g) 70px;max-width:960px}.photo-intro p{color:#9b938a}.photo-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}.photo-grid picture:nth-child(2),.photo-grid picture:nth-child(4){margin-top:80px}.photo-grid img{aspect-ratio:3/4;object-fit:cover}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rule-grid article{border-top:1px solid var(--line);padding-top:20px}.rule-grid li{margin:12px 0;color:#a59d94}.ui-demo{border:1px solid var(--line);padding:30px;margin:42px 0;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.ui-demo button{background:var(--bone);border:1px solid var(--bone);padding:14px 18px;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.ui-demo a{color:var(--bone);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid var(--bronze)}.meta{display:grid;gap:4px;border-left:1px solid var(--line);padding-left:22px}.meta small{color:var(--bronze);letter-spacing:.12em}.voice table{width:100%;border-collapse:collapse}.voice th,.voice td{border-top:1px solid var(--line);padding:16px 0;text-align:left;vertical-align:top}.voice th{width:110px;color:var(--bronze);text-transform:uppercase;font-size:.7rem;letter-spacing:.1em}.voice blockquote{font-family:var(--display);font-size:3rem;line-height:1;margin:55px 0}.note{border-left:2px solid var(--ember);padding-left:20px}footer{border-top:1px solid var(--line);padding:36px var(--g);display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}footer a{color:var(--bone)}
@media(max-width:800px){.book-header{grid-template-columns:1fr auto}.book-header span{display:none}.cover{grid-template-columns:1fr;min-height:auto}.cover>div{padding-top:90px;padding-bottom:60px}.cover picture img{height:70vh}.split,.type-section,.rules,.ui-section,.voice,.handoff{grid-template-columns:1fr}.sticky{position:static}.swatches{grid-template-columns:1fr 1fr}.swatches div{min-height:150px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid picture:nth-child(2),.photo-grid picture:nth-child(4){margin-top:40px}.rule-grid{grid-template-columns:1fr}.voice blockquote{font-size:2.3rem}footer{gap:20px;flex-wrap:wrap}}