.rivet{--paper:#151a1c;--ink:#ebf1ec;--accent:#c6e263;--line:#485256}.alder{--paper:#eee9dd;--ink:#392919;--accent:#81532e;--line:#c4b5a3}.stem{--paper:#f5ebe7;--ink:#542c39;--accent:#7e4656;--line:#c4a9ae}.front{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,100px);padding-block:clamp(24px,4vw,64px)}.front-copy{min-width:0}.front-copy h1{font:clamp(65px,7.7vw,123px)/.92 var(--serif);letter-spacing:-.075em;margin:17px 0}.front-copy p,.book-head p,.study-caption p{font:16px/1.6 var(--sans);max-width:40ch}.front .sample-btn{margin-top:22px}.front figure{min-width:0;margin:0}.front img{height:clamp(340px,36vw,550px);width:100%}.front figcaption{font-size:9px;margin-top:10px}.book{display:grid;grid-template-columns:.76fr 1.12fr;gap:7vw;border-top:1px solid var(--line);padding-block:clamp(45px,6vw,90px);align-items:start}.book h2,.study h3{font:clamp(40px,4.5vw,79px)/.98 var(--serif);letter-spacing:-.065em;margin:13px 0 18px}.study h3{font-size:clamp(27px,2.8vw,43px);margin:8px 0}.choice-row{margin-bottom:16px}.book-panel{min-width:0}.study{border:1px solid var(--line);overflow:hidden}.study-caption{padding:19px 22px}.study-caption strong{display:block;font:600 11px/1.6 var(--sans);letter-spacing:.07em;text-transform:uppercase;margin-top:13px}.study-art{height:65px;display:flex;overflow:hidden}.study-art i{flex:1;background:var(--a);transition:background-color .25s}.study-art i:nth-child(2){background:var(--b)}.study-art i:nth-child(3){background:var(--c)}.study{--a:#d2aa79;--b:#c19668;--c:#b18556}.study[data-shade="1"]{--a:#88725d;--b:#735c49;--c:#665142}.study[data-shade="2"]{--a:#634c3d;--b:#473427;--c:#58402e}
.rivet .sample-nav{border-bottom:1px solid var(--line)}.rivet .sample-brand,.rivet h1,.rivet .book h2,.rivet .study h3{font-family:'Manrope',Arial,sans-serif;font-weight:800}.rivet .sample-brand{text-transform:uppercase;font-size:25px;letter-spacing:-.075em}.rivet h1{text-transform:uppercase;font-size:clamp(64px,6.9vw,118px);letter-spacing:-.085em}.rivet h1 i{color:var(--accent);font-style:normal}.rivet .front img{object-position:50% 48%}.rivet .sample-btn{background:var(--accent);color:#172014;border-color:var(--accent)}.rivet .sample-btn:hover{background:#e1f497}.rivet .study-art{height:7px}.rivet .study-art i{background:#4a5356}.rivet .study[data-shade="0"] .study-art i:first-child,.rivet .study[data-shade="1"] .study-art i:nth-child(2),.rivet .study[data-shade="2"] .study-art i:last-child{background:var(--accent)}
.alder .sample-nav{border-block-end:1px solid var(--line)}.alder .front{grid-template-columns:1.1fr .9fr}.alder .front img{object-position:50% 59%}.alder .front figcaption{text-align:right}.alder .study-art{height:78px}.alder .study-art i{position:relative}.alder .study-art i:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(3deg,transparent 0 6px,#44230e25 7px,transparent 8px 12px)}.alder .sample-btn:hover,.stem .sample-btn:hover{background:var(--ink);color:var(--paper)}.stem .sample-nav{border-bottom:1px solid var(--line)}.stem .sample-brand{font-style:italic}.stem .front{grid-template-columns:.86fr 1.14fr}.stem .front img{border-radius:43% 43% 4px 4px;object-position:52% 45%}.stem h1 i{color:var(--accent)}.stem .sample-btn,.stem .choice-row button{border-radius:24px}.stem .study{--a:#f1dfca;--b:#cc9097;--c:#85927e}.stem .study[data-shade="1"]{--a:#b0a3cb;--b:#ead68f;--c:#7d9667}.stem .study[data-shade="2"]{--a:#b76748;--b:#693e54;--c:#ceb887}
@media(max-width:740px){.front,.alder .front,.stem .front,.book{grid-template-columns:1fr;gap:24px}.alder .front-copy{grid-row:1}.front img{height:clamp(248px,60vw,345px)}.front h1{font-size:clamp(57px,13vw,88px)}.book h2{font-size:43px}.rivet .sample-brand{font-size:21px}.choice-row button{min-height:42px}.book{padding-block:40px}.front figcaption{margin-top:7px}}
@media(prefers-reduced-motion:no-preference){.front-copy{animation:rise .35s both}}