.record-page{--record-blue:#2853c7;--record-blue-dark:#19398e;--record-red:#b7402c;color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;overflow-x:hidden}.record-page a{color:inherit}.record-page .skip-link{z-index:30;color:var(--white);background:var(--ink);padding:.8rem 1rem;position:fixed;top:.8rem;left:.8rem;transform:translateY(-180%)}.record-page .skip-link:focus{transform:none}.record-page .workshop-header{background:var(--record-blue)}.record-page main{background:var(--paper)}.record-page .eyebrow{font:700 .62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.record-opening{min-height:720px;color:var(--paper);background:var(--record-blue);padding:clamp(5.5rem,10vw,9rem) 7vw 7rem;position:relative;overflow:hidden}.record-opening:before{opacity:.18;content:"";background-image:linear-gradient(#ffffffd1 1px,#0000 1px),linear-gradient(90deg,#ffffffd1 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 58%,#0000 86%);mask-image:linear-gradient(90deg,#000 0 58%,#0000 86%)}.record-opening:after{color:#ffffff14;font:700 clamp(4rem,12vw,11rem)/1 var(--mono);letter-spacing:-.1em;white-space:nowrap;content:"RECORD / 016";position:absolute;bottom:1rem;right:-1.2rem;transform:rotate(-5deg)}.record-opening-copy{z-index:1;width:min(760px,70vw);position:relative}.record-kicker{font:700 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:1rem;margin:0;display:flex}.record-kicker:before{border-top:2px solid var(--yellow);content:"";width:36px}.record-opening h1{font:clamp(5rem,11vw,10.5rem)/.72 var(--serif);letter-spacing:-.085em;margin:1.2rem 0 1.8rem}.record-opening h1 em{color:#f1c5a9;font-weight:400}.record-opening-lede{color:#dce3ee;max-width:460px;font:1.2rem/1.4 var(--serif);margin:0 0 2.4rem}.record-opening .roll-button{color:var(--paper);background:var(--ink);font:700 .65rem var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:2rem;padding:.85rem 1rem .75rem;text-decoration:none;transition:transform .18s;display:inline-flex;transform:rotate(-1deg);box-shadow:6px 6px #00000047}.record-opening .roll-button:hover,.record-opening .roll-button:focus-visible{transform:rotate(2deg)translateY(-3px)}.press-proof{z-index:1;width:min(330px,28vw);min-width:250px;min-height:430px;color:var(--ink);background:var(--white);border:1px solid #1b1b192e;padding:2.1rem 1.7rem;position:absolute;top:15%;right:8vw;transform:rotate(4deg);box-shadow:16px 18px #0d1c4557}.press-proof:before{opacity:.9;content:"";background:#d8c79e;width:100px;height:28px;position:absolute;top:-15px;left:31%;transform:rotate(-5deg)}.press-proof:after{pointer-events:none;content:"";border:1px dashed #1b1b1940;position:absolute;inset:10px}.proof-head{border-bottom:1px solid var(--ink);font:700 .52rem var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding-bottom:.8rem;display:flex}.proof-mark{width:150px;height:150px;color:var(--record-red);border:3px double var(--record-red);border-radius:50%;place-items:center;margin:2.5rem auto 2rem;display:grid;position:relative;transform:rotate(-10deg)}.proof-mark b{font:700 3.4rem/.8 var(--serif)}.proof-mark span{font:700 .45rem var(--mono);letter-spacing:.12em;position:absolute;bottom:1.5rem}.proof-mark i{border:1px dashed;border-radius:50%;position:absolute;inset:12px}.proof-latest{font:700 .56rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.proof-latest strong{font:2rem/.9 var(--serif);letter-spacing:-.04em;text-transform:none;margin:.6rem 0 .8rem;display:block}.proof-latest span{color:var(--muted);font:italic .9rem/1.2 var(--serif);letter-spacing:0;text-transform:none;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.proof-edge{gap:7px;display:grid;position:absolute;top:34%;right:-35px}.proof-edge i{background:var(--record-blue);border:1px solid #ffffff80;border-radius:50%;width:15px;height:15px}.record-ribbon{z-index:1;color:var(--paper);background:var(--ink);grid-template-columns:repeat(3,1fr);margin:-2.6rem 7vw 0;display:grid;position:relative;box-shadow:10px 12px #1b1b1929}.record-ribbon article{border-right:1px solid #ffffff38;min-height:138px;padding:1.4rem 1.5rem}.record-ribbon article:last-child{border-right:0}.record-ribbon small{color:var(--blue);font:700 .5rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.record-ribbon strong{font:1.45rem/1 var(--serif);margin:.8rem 0 .35rem;display:block}.record-ribbon p{color:#cbc9c0;font:.78rem/1.35 var(--sans);margin:0}.record-archive{background-color:var(--paper);background-image:radial-gradient(#3f35281f .7px,#0000 .7px);background-size:7px 7px;padding:clamp(7rem,11vw,11rem) 5vw 10rem;scroll-margin-top:1rem}.archive-heading{border-bottom:2px solid var(--ink);grid-template-columns:1fr minmax(260px,430px);align-items:end;gap:3rem;max-width:1220px;margin:0 auto 4rem;padding-bottom:2rem;display:grid}.archive-heading h2{font:clamp(4.8rem,9vw,8.8rem)/.72 var(--serif);letter-spacing:-.08em;margin:.6rem 0 0}.archive-heading h2 em{color:var(--persimmon);font-weight:400}.archive-heading>p{font:1.08rem/1.4 var(--serif);margin:0 0 .4rem}.archive-workbench{grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,5vw,6rem);max-width:1220px;margin:0 auto;display:grid}.record-index{background:var(--yellow);border:1px solid #1b1b1933;align-self:start;padding:1.4rem 1.2rem 1.6rem;position:sticky;top:1.5rem;transform:rotate(-1deg);box-shadow:7px 8px #1b1b1929}.record-index:before{content:"";background:#d8c79e;width:74px;height:24px;position:absolute;top:-13px;left:58px;transform:rotate(3deg)}.record-index h3{font:2rem/.9 var(--serif);margin:.5rem 0 1.3rem}.record-filters{border-top:1px solid #1b1b1959;display:grid}.record-filters button{min-height:44px;color:var(--ink);font:700 .56rem var(--mono);letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1b1b1959;justify-content:space-between;align-items:center;padding:.65rem .1rem;display:flex}.record-filters button span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.48rem;display:grid}.record-filters button:hover,.record-filters button:focus-visible,.record-filters button.is-active{color:var(--record-blue-dark)}.record-filters button.is-active:before{color:var(--record-red);content:"→";margin-right:.4rem;font-size:.9rem}.record-filters button.is-active span{color:var(--paper);background:var(--record-blue-dark)}.filter-count{font:italic .85rem/1.2 var(--serif);margin:1.3rem 0 0}.index-note{font:1rem/1.1 var(--hand);margin:2.5rem .3rem 0;transform:rotate(-5deg)}.change-stack{min-width:0}.change-entry{--entry-color:var(--blue);background:var(--white);border:1px solid #1b1b1933;margin:0 0 1.6rem;position:relative;transform:rotate(.35deg);box-shadow:8px 9px #1b1b191c}.change-entry:nth-of-type(2n){transform:rotate(-.35deg)}.change-entry--feature{--entry-color:var(--pink)}.change-entry--design{--entry-color:var(--blue)}.change-entry--brand{--entry-color:var(--yellow)}.change-entry--foundation{--entry-color:var(--green)}.change-entry:before{background:var(--entry-color);content:"";width:9px;position:absolute;top:0;bottom:0;left:0}.change-entry summary{cursor:pointer;grid-template-columns:64px 110px 118px minmax(0,1fr) 42px;align-items:center;gap:1rem;min-height:126px;padding:1.2rem 1.3rem 1.2rem 1.6rem;list-style:none;display:grid}.change-entry summary::-webkit-details-marker{display:none}.change-entry summary:hover .change-title b,.change-entry summary:focus-visible .change-title b{color:var(--record-blue-dark)}.change-number{border:1px solid var(--ink);width:54px;height:54px;font:700 .8rem var(--mono);border-radius:50%;place-items:center;display:grid}.change-date,.change-kind{font:700 .53rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.change-kind{background:var(--entry-color);width:max-content;padding:.4rem .5rem;display:inline-block}.change-title b{font:1.55rem/1.05 var(--serif);transition:color .16s;display:block}.change-title small{color:var(--muted);font:700 .5rem/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:.45rem;display:block}.change-toggle{border:1px solid var(--ink);border-radius:50%;width:34px;height:34px;position:relative}.change-toggle:before,.change-toggle:after{border-top:1px solid var(--ink);content:"";width:14px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.change-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.change-entry[open] .change-toggle:after{transform:translate(-50%,-50%)rotate(0)}.change-entry[open] summary{border-bottom:1px solid #1b1b1933}.change-body{background-image:linear-gradient(#2853c717 1px,#0000 1px),linear-gradient(90deg,#2853c717 1px,#0000 1px);background-size:27px 27px;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr);gap:clamp(2rem,5vw,5rem);padding:3.5rem 3rem 4rem 4.5rem;display:grid;position:relative}.change-lead h3{font:clamp(2.8rem,5vw,5.2rem)/.82 var(--serif);letter-spacing:-.065em;margin:.7rem 0 1rem}.change-lead p:last-child{font:1rem/1.4 var(--serif)}.change-notes{background:#fffdf5e6;border:1px solid #1b1b193d;align-self:end;margin:0;padding:1.1rem 1.2rem;box-shadow:5px 6px #1b1b1914}.change-notes div{border-bottom:1px solid #1b1b1933;grid-template-columns:95px 1fr;gap:1rem;padding:.85rem 0;display:grid}.change-notes div:last-child{border-bottom:0}.change-notes dt{color:var(--record-red);font:700 .52rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.change-notes dd{font:.78rem/1.4 var(--sans);margin:0}.change-stamp{color:var(--record-red);border:2px solid var(--record-red);font:700 .52rem var(--mono);letter-spacing:.08em;padding:.45rem .6rem;position:absolute;bottom:1.2rem;right:2rem;transform:rotate(-7deg)}.archive-end{color:var(--muted);font:700 .53rem var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:1rem;margin:4rem 0 0;display:flex}.archive-end:before,.archive-end:after{border-top:1px dashed var(--rule);content:"";flex:1}.record-footer{min-height:590px;color:var(--paper);background:var(--ink);padding:5.5rem 6vw 2rem;position:relative;overflow:hidden}.record-footer:before{pointer-events:none;content:"";border:1px solid #f3ecdf33;position:absolute;inset:18px}.record-footer:after{color:#8d8b82;font:700 .46rem var(--mono);letter-spacing:.12em;content:"016 / END OF CURRENT IMPRESSION";position:absolute;bottom:1.15rem;right:2rem}.footer-press{z-index:1;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);max-width:1240px;margin:0 auto;display:grid;position:relative}.footer-output{min-height:420px;color:var(--paper);background:var(--record-blue);padding:4.5rem clamp(2rem,5vw,5rem) 3.2rem;position:relative;transform:rotate(-1.2deg);box-shadow:16px 18px #0f0f0e}.footer-output:before{background:repeating-linear-gradient(90deg,var(--paper) 0 20px,transparent 20px 30px);opacity:.92;content:"";height:48px;position:absolute;top:-24px;left:28px;right:28px}.footer-output:after{pointer-events:none;content:"";border:1px dashed #f3ecdf57;position:absolute;inset:14px}.footer-output .eyebrow{z-index:1;color:#dce3ee;position:relative}.footer-output h2{z-index:1;max-width:760px;font:clamp(4rem,7.7vw,8rem)/.72 var(--serif);letter-spacing:-.08em;margin:1.15rem 0 1.5rem;position:relative}.footer-output h2 em{color:#f1c5a9;font-weight:400}.footer-output-note{z-index:1;color:#dce3ee;max-width:410px;font:1rem/1.4 var(--serif);margin:0;position:relative}.footer-proof-code{z-index:1;color:#ffffff7a;font:700 .5rem var(--mono);letter-spacing:.12em;writing-mode:vertical-rl;position:absolute;bottom:1.5rem;right:2rem}.footer-roller{z-index:3;background:var(--yellow);border:8px solid #343431;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;position:absolute;top:50%;right:-34px;transform:translateY(-50%);box-shadow:0 0 0 2px #0f0f0e,7px 8px #00000042}.footer-roller:before{border:3px solid var(--ink);content:"";border-radius:50%;width:20px;height:20px}.footer-roller--top{background:var(--pink);width:58px;height:58px;top:16%;right:-28px}.footer-tools{align-content:center;gap:1.35rem;display:grid;position:relative}.footer-tools-label{color:#9e9b91;font:700 .5rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.footer-fruit{min-height:88px;color:var(--ink);background:var(--persimmon);border:1px solid var(--paper);grid-template-columns:64px 1fr;align-items:center;gap:1rem;padding:.7rem 1rem;text-decoration:none;transition:transform .18s;display:grid;position:relative;transform:rotate(2deg);box-shadow:8px 9px #0f0f0e}.footer-fruit:before{content:"";border:1px dashed #1b1b1961;position:absolute;inset:7px}.footer-fruit:hover,.footer-fruit:focus-visible{transform:rotate(-1deg)translateY(-5px)}.footer-fruit img{z-index:1;width:58px;height:58px;position:relative}.footer-fruit span{z-index:1;font:700 .57rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;position:relative}.footer-fruit span b{font:2rem/.9 var(--serif);letter-spacing:-.04em;text-transform:none;display:block}.record-footer nav{gap:.8rem;display:grid}.record-footer nav a{min-height:72px;color:var(--ink);background:var(--yellow);font:700 .56rem var(--mono);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;padding:.8rem 1rem;text-decoration:none;transition:transform .18s;display:grid;position:relative;transform:rotate(-1deg);box-shadow:7px 8px #0f0f0e}.record-footer nav a:nth-child(2){background:var(--blue);transform:rotate(1deg)}.record-footer nav a:hover,.record-footer nav a:focus-visible{transform:translate(-7px)rotate(0)}.record-footer nav a b{border:1px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.48rem;display:grid}.record-footer nav a i{font:1.2rem var(--serif);font-style:normal}.footer-ledger-line{z-index:1;color:#aaa79e;max-width:1240px;font:700 .48rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #f3ecdf47;justify-content:space-between;gap:2rem;margin:4.5rem auto 0;padding-top:1rem;display:flex;position:relative}@media (max-width:980px){.record-opening{min-height:800px}.record-opening-copy{width:min(620px,70vw)}.press-proof{transform-origin:100%;width:260px;min-width:0;top:30%;right:5vw;transform:rotate(3deg)scale(.88)}.record-ribbon{margin-left:4vw;margin-right:4vw}.archive-workbench{grid-template-columns:1fr}.record-index{grid-template-columns:170px 1fr;align-items:start;gap:1.5rem;display:grid;position:static;transform:none}.record-index .eyebrow,.record-index h3{grid-column:1}.record-filters{border-top:0;border-left:1px solid #1b1b1959;grid-area:1/2/4;grid-template-columns:repeat(3,1fr)}.record-filters button{border-top:1px solid #1b1b1959;padding:.55rem .7rem}.index-note{display:none}.change-entry summary{grid-template-columns:58px 100px 105px minmax(0,1fr) 38px}.record-footer{padding-left:4vw;padding-right:4vw}.footer-press{grid-template-columns:minmax(0,1.15fr) minmax(245px,.65fr);gap:3rem}.footer-output{min-height:390px}}@media (max-width:700px){.record-opening{min-height:850px;padding:5rem 7vw 4rem}.record-opening-copy{width:100%}.record-opening h1{font-size:clamp(4.6rem,21vw,7rem)}.record-opening-lede{max-width:92%}.press-proof{width:220px;min-height:310px;padding:1.5rem 1.2rem;top:auto;bottom:2rem;right:8vw;transform:rotate(3deg)}.proof-mark{width:105px;height:105px;margin:1.4rem auto}.proof-mark b{font-size:2.5rem}.proof-mark span{font-size:.36rem;bottom:1rem}.proof-latest strong{font-size:1.55rem}.proof-edge{display:none}.record-ribbon{grid-template-columns:1fr;margin-top:-1.5rem}.record-ribbon article{border-bottom:1px solid #ffffff38;border-right:0;min-height:auto}.record-archive{padding:6rem 1rem 8rem}.archive-heading{grid-template-columns:1fr;gap:2rem}.archive-heading h2{font-size:clamp(4.7rem,22vw,7.4rem)}.archive-workbench{gap:2rem}.record-index{padding:1.4rem 1rem;display:block}.record-filters{border:0;flex-wrap:wrap;gap:.45rem;display:flex}.record-filters button{border:1px solid #1b1b1959;min-height:44px;padding:.5rem .65rem}.record-filters button span{margin-left:.5rem}.change-entry{transform:none!important}.change-entry summary{grid-template-columns:48px 1fr 36px;gap:.6rem .8rem;min-height:142px;padding:1.1rem .8rem 1.1rem 1.25rem}.change-number{grid-row:1/3;width:42px;height:42px}.change-date{align-self:end}.change-kind{place-self:start}.change-title{grid-column:2/3}.change-title b{font-size:1.25rem}.change-title small{font-size:.44rem}.change-toggle{grid-area:1/3/3;width:31px;height:31px}.change-body{background-size:24px 24px;grid-template-columns:1fr;padding:2.8rem 1.2rem 4rem}.change-lead h3{font-size:3.3rem}.change-notes div{grid-template-columns:78px 1fr;gap:.7rem}.change-stamp{right:1rem}.record-footer{min-height:0;padding:5rem 1.2rem 2rem}.footer-press{grid-template-columns:1fr;gap:3.5rem}.footer-output{min-height:390px;padding:4rem 1.6rem 2.5rem}.footer-output h2{font-size:clamp(4rem,18vw,6.3rem)}.footer-output-note{max-width:85%}.footer-roller{width:56px;height:56px;right:-12px}.footer-roller--top{width:48px;height:48px;right:-8px}.footer-tools{padding:0 .5rem}.footer-fruit{grid-template-columns:58px 1fr;min-height:82px}.footer-ledger-line{flex-direction:column;align-items:flex-start;margin-top:3.5rem;padding:1rem .5rem 0}.record-footer:after{display:none}}@media (prefers-reduced-motion:reduce){.record-page *{scroll-behavior:auto}.press-proof,.change-entry,.record-index,.footer-output,.footer-fruit,.record-footer nav a{transform:none}.record-opening .roll-button,.footer-fruit,.record-footer nav a,.change-title b,.change-toggle:before,.change-toggle:after{transition:none}}