:root{--paper:#f2efe7;--ink:#1d2122;--accent:#e7b34c;--muted:#5a605f;--red:#b44730}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.1rem/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:.3em}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,section:focus-visible{outline:3px solid var(--red);outline-offset:6px}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c0beb5;padding:1.5rem 5vw;gap:2rem}.brand{font:700 1.15rem monospace;text-decoration:none;letter-spacing:.08em}.brand span{color:var(--red)}nav{display:flex;gap:2rem;font-size:.9rem}.opening{padding:5rem 7vw 4rem}.eyebrow{font: .8rem/1.4 monospace;letter-spacing:.13em;color:var(--red)}h1,h2{font-weight:850;line-height:1;letter-spacing:-.055em;margin:.3em 0}h1{font-size:clamp(3.5rem,8.5vw,8.6rem)}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(2.6rem,5vw,5rem)}p{max-width:40rem}.intro{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin-top:2rem}.intro p{max-width:40rem;font-size:1.25rem}.stamp{display:grid;place-content:center;text-align:center;width:10rem;height:10rem;border:2px solid var(--ink);border-radius:50%;font:700 1rem/1.4 monospace;transform:rotate(-9deg);flex-shrink:0;text-decoration:none}.stamp:hover{background:var(--accent);transform:rotate(0);transition:.25s}.demo{padding:4rem 5vw;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.4fr;gap:2rem}.press-label h2{font-size:3.4rem}.press-label p{color:#c9cdc9;max-width:26rem}.press{position:relative;border:1px solid #797d75;padding:1.4rem}.press svg{width:100%;height:auto;display:block}.press p{font: .95rem/1.6 monospace;margin-bottom:0;min-height:3rem}.roller{position:absolute;inset:1rem auto 5rem 0;width:1rem;background:var(--accent);opacity:0}.pulling .roller{animation:pull .65s ease-in-out}.controls{grid-column:1/-1;display:flex;gap:2rem;align-items:center;border-top:1px solid #666b65;padding-top:1.5rem}.controls label{flex:1;font: .85rem monospace}.controls output{float:right}.controls input{display:block;width:100%;margin-top:1.3rem;accent-color:var(--accent);min-height:2.5rem}button{border:0;background:var(--accent);color:var(--ink);padding:1rem 1.6rem;cursor:pointer;min-height:3rem}.material-lead{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding:7rem 5vw}.material-lead figure{margin:0}.material-lead img{width:100%;display:block}.material-lead figcaption{font:.8rem monospace;border-bottom:1px solid;padding:1rem 0}.study-story{padding:4rem 5vw;border-top:1px solid #bbb9b0}.story-copy{display:flex;gap:5vw;align-items:center;justify-content:space-between;margin-bottom:2rem}.story-copy h2{max-width:42rem}.story-copy p{max-width:25rem}.pair{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}.pair img{width:100%;display:block}.pair img+img{width:85%;justify-self:end;transform:rotate(3deg)}.study-story:nth-of-type(even) .pair{grid-template-columns:1fr 1.4fr}.study-story:nth-of-type(even) .pair img+img{transform:rotate(-3deg)}.rack-story{padding:6rem 5vw;background:#e5b34f;display:grid;grid-template-columns:1fr 1fr;gap:5vw}.rack-story .eyebrow{color:var(--ink)}.rack-art{position:relative;min-height:34rem}.rack-art img{width:75%;box-shadow:0 1rem 2rem #1d212244}.rack-art img+img{position:absolute;right:0;bottom:0;transform:rotate(7deg)}.close{padding:6rem 7vw}.close a{display:inline-block;margin-top:2rem;font-size:1.2rem}footer{padding:3rem 5vw;border-top:1px solid #aaa79d;display:flex;justify-content:space-between;align-items:center;gap:2rem}footer b{font:1rem monospace}footer p{margin:0}.policy-title{padding:4rem 5vw}.policy-layout{display:grid;grid-template-columns:16rem 1fr;gap:4rem;padding:0 5vw 5rem}.policy aside{align-self:start;position:sticky;top:2rem;font-size:.9rem;max-height:90vh;overflow:auto}.policy aside h2{font-size:1.5rem;letter-spacing:0}.policy ol{padding-left:1.6rem}.policy li{padding:.2rem 0}.policy-pages section{position:relative;border-top:2px solid var(--ink);padding:3rem 0;display:grid;grid-template-columns:9rem 1fr;gap:2rem}.policy-pages img{width:100%;aspect-ratio:1;object-fit:cover}.policy-pages h2{font-size:2rem;line-height:1.1;letter-spacing:-.03em}.policy-pages p{margin-top:1rem}.policy-pages a{font-size:.9rem}.policy-tab{position:absolute;right:0;top:0;background:var(--ink);color:var(--paper);padding:.1rem .7rem;font:1rem monospace}@keyframes pull{0%{left:0;opacity:.9}95%{left:98%;opacity:.9}100%{left:98%;opacity:0}}@media(max-width:750px){header{align-items:flex-start;flex-direction:column;gap:1rem}nav{gap:1rem;flex-wrap:wrap}.opening{padding:3rem 5vw}.intro{gap:1rem}.intro p{font-size:1.05rem}.stamp{width:7rem;height:7rem;font-size:.75rem}.demo,.material-lead,.rack-story{grid-template-columns:1fr}.controls{flex-wrap:wrap;gap:1rem}.controls label{flex-basis:27%}.controls button{width:100%}.press-label h2{font-size:2.8rem}.material-lead{padding:4rem 5vw}.story-copy{display:block}.pair{gap:1rem}.rack-art{min-height:27rem}.policy-layout{grid-template-columns:1fr;gap:2rem}.policy aside{position:static;max-height:none}.policy ol{columns:2}.policy-pages section{grid-template-columns:5rem 1fr;gap:1rem}.policy-pages h2{font-size:1.7rem}footer{align-items:flex-start;flex-direction:column}.close h2{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stamp{transform:none}.pair img+img,.rack-art img+img{transform:none}}

.policy-title{padding:2.5rem 5vw 3rem;border-bottom:1px solid #b5b3aa;margin-bottom:3rem;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 3rem}.policy-title .eyebrow{grid-column:1/-1}.policy-title h1{font-family:monospace;font-size:clamp(2.4rem,4.4vw,4.6rem);letter-spacing:-.05em;margin:0}.policy-title>p:last-child{font: .9rem/1.7 monospace;margin:0}@media(max-width:750px){.policy-title{grid-template-columns:1fr;gap:1rem}.policy-title h1{font-size:2.5rem}.policy-title .eyebrow{grid-column:auto}}

@media(max-width:480px){.policy ol{columns:1}}