.about-016-page{--about-green:#284a36;--about-green-dark:#173426;--about-cream:#eee4d2;background:var(--paper)}.about-016-page .workshop-header{background:var(--about-green)}.about-016-page .roll-button{background:var(--ink);color:var(--paper);box-shadow:6px 6px #00000047}.about-kicker{font:700 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:1rem;margin:0;display:flex}.about-kicker:before{content:"";border-top:2px solid var(--yellow);width:38px}.about-opening{min-height:780px;color:var(--paper);background:var(--about-green);padding:clamp(6rem,11vw,9rem) 8vw;position:relative;overflow:hidden}.about-opening-grid{opacity:.16;background-image:linear-gradient(#ffffffe6 1px,#0000 1px),linear-gradient(90deg,#ffffffe6 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 62%,#0000 88%);mask-image:linear-gradient(90deg,#000 0 62%,#0000 88%)}.about-opening:after{content:"ABOUT / 016";color:#ffffff0e;font:700 clamp(5rem,13vw,12rem)/.8 var(--mono);letter-spacing:-.12em;white-space:nowrap;position:absolute;bottom:0;right:-1.5rem;transform:rotate(-4deg)}.about-opening-copy{z-index:1;width:min(760px,67vw);position:relative}.about-opening h1{font:clamp(5rem,10.5vw,10rem)/.74 var(--serif);letter-spacing:-.085em;margin:1.2rem 0 1.8rem}.about-opening h1 em,.reason-copy h2 em,.method-heading h2 em,.record-heading h2 em,.name-copy h2 em,.studio-note h2 em,.closing-copy h2 em{color:#f1c5a9;font-weight:400}.about-opening-lede{color:#dbe6dc;max-width:480px;font:1.2rem/1.4 var(--serif);margin:0 0 2.4rem}.fruit-file{z-index:2;width:min(330px,28vw);min-width:260px;min-height:480px;color:var(--ink);background:var(--white);border:1px solid #1b1b1933;padding:1.6rem;position:absolute;top:14%;right:8vw;transform:rotate(4deg);box-shadow:17px 19px #0d1f1561}.fruit-file:after{content:"";pointer-events:none;border:1px dashed #1b1b193b;position:absolute;inset:11px}.fruit-file-tape{z-index:2;background:#d8c79e;width:98px;height:27px;position:absolute;top:-14px;left:31%;transform:rotate(-5deg)}.fruit-file-head{z-index:1;border-bottom:1px solid var(--ink);font:700 .5rem var(--mono);letter-spacing:.09em;justify-content:space-between;padding-bottom:.8rem;display:flex;position:relative}.fruit-file>img{z-index:1;filter:drop-shadow(7px 8px #1b1b191f);width:190px;height:190px;margin:2.4rem auto 1.2rem;display:block;position:relative}.fruit-file>p{z-index:1;border-top:1px solid var(--ink);align-items:center;gap:1rem;margin:0;padding-top:1rem;display:flex;position:relative}.fruit-file>p strong{font:3.7rem/.8 var(--serif)}.fruit-file>p span{font:700 .52rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.fruit-file>small{z-index:1;color:var(--muted);font:italic .86rem/1.2 var(--serif);margin-top:1.5rem;display:block;position:relative}.shojum-link{color:inherit;text-decoration:none;position:relative}.shojum-link:focus-visible{outline-color:var(--persimmon);outline-offset:3px}.shojum-link--file{z-index:1;color:var(--ink);font-style:normal;font-weight:700}.shojum-link--file:before{content:"";z-index:-1;background:var(--yellow);height:.48em;transition:height .16s;position:absolute;bottom:-.08rem;left:-.18rem;right:-.18rem;transform:rotate(-1.5deg)}.shojum-link--file:hover:before,.shojum-link--file:focus-visible:before{height:1.18em}.opening-hand-note{z-index:2;font:1.25rem var(--hand);position:absolute;bottom:9%;right:8vw;transform:rotate(-7deg)}.reason-sheet{background-color:var(--paper);background-image:radial-gradient(#3f352821 .7px,#0000 .7px);background-size:7px 7px;grid-template-columns:100px minmax(0,1.1fr) minmax(280px,.72fr);gap:clamp(2rem,5vw,6rem);padding:8rem 8vw;display:grid}.section-ticket{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);min-height:380px;font:700 .58rem var(--mono);letter-spacing:.1em;writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;padding:.8rem .5rem;display:flex;transform:rotate(180deg)}.section-ticket b{font-size:1.5rem}.reason-copy{max-width:650px;position:relative}.reason-copy h2,.method-heading h2,.record-heading h2,.name-copy h2,.studio-note h2{font:clamp(3.5rem,6vw,6.5rem)/.79 var(--serif);letter-spacing:-.075em;margin:.8rem 0 1.7rem}.reason-copy>p:not(.eyebrow){max-width:530px;font:1.12rem/1.45 var(--serif)}.reason-scribble{color:var(--persimmon);font:1.15rem/1.05 var(--hand);position:absolute;bottom:-2rem;right:0;transform:rotate(-6deg)}.short-card{background:var(--yellow);border:1px solid #1b1b192e;align-self:start;padding:2rem 1.5rem 1.3rem;position:relative;transform:rotate(2deg);box-shadow:10px 12px #1b1b1924}.paper-clip{border:3px solid #777068;border-bottom:0;border-radius:12px 12px 0 0;width:20px;height:47px;position:absolute;top:-13px;left:45%;transform:rotate(8deg)}.short-card dl{margin:1.3rem 0 0}.short-card dl div{border-top:1px solid #1b1b1973;padding:1rem 0}.short-card dt{font:700 .54rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.short-card dd{font:1rem/1.25 var(--serif);margin:.35rem 0 0}.method-bench{background:#e5d1bb;padding:8rem 7vw 9rem}.method-heading{border-bottom:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:3rem;max-width:1240px;margin:0 auto 4rem;padding-bottom:2rem;display:grid}.method-heading .eyebrow,.method-heading h2{grid-column:1}.method-heading h2{margin-bottom:0}.method-heading>p:last-child{font:1.08rem/1.4 var(--serif);grid-area:1/2/3;margin:0 0 .4rem}.method-track{grid-template-columns:repeat(4,1fr);gap:1.2rem;max-width:1240px;margin:0 auto;display:grid;position:relative}.method-track:before{content:"";border-top:2px dashed #1b1b1966;position:absolute;top:44px;left:5%;right:5%}.method-card{--card-color:var(--yellow);z-index:1;background:var(--card-color);border:1px solid #1b1b1938;min-height:310px;padding:1.2rem 1.2rem 1.5rem;transition:transform .2s;position:relative;transform:rotate(-1.5deg);box-shadow:8px 9px #1b1b1921}.method-card:nth-child(2n){transform:translateY(2rem)rotate(1.5deg)}.method-card--trace{--card-color:var(--blue)}.method-card--make{--card-color:var(--pink)}.method-card--credit{--card-color:var(--green)}.method-card:hover{transform:translateY(-7px)rotate(1deg)}.method-card:nth-child(2n):hover{transform:translateY(1rem)rotate(-1deg)}.method-card span{background:var(--white);border:2px solid var(--ink);width:54px;height:54px;font:700 .7rem var(--mono);border-radius:50%;place-items:center;display:grid}.method-card b{font:2.8rem/.8 var(--serif);margin:3.6rem 0 .8rem;display:block}.method-card p{font:1rem/1.32 var(--serif)}.method-card small{font:700 .48rem var(--mono);letter-spacing:.09em;text-transform:uppercase;position:absolute;bottom:1rem;right:1rem}.record-ledger{background:var(--paper);padding:8rem 7vw 9rem}.record-heading{grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:3rem;max-width:1240px;margin:0 auto 4rem;display:grid}.record-heading .eyebrow,.record-heading h2{grid-column:1}.record-heading h2{margin-bottom:0}.record-heading>p:last-child{font:1.08rem/1.4 var(--serif);grid-area:1/2/3;margin:0}.record-files{grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,3rem);max-width:1240px;margin:0 auto;display:grid}.record-file{background:var(--white);border:1px solid #1b1b1938;min-height:520px;padding:4.2rem clamp(1.5rem,3vw,3rem) 2rem;position:relative;overflow:hidden;box-shadow:11px 13px #1b1b191c}.record-file:after{content:"";border:1px solid #1b1b1924;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-70px;right:-70px;box-shadow:0 0 0 16px #1b1b1909,0 0 0 34px #1b1b1906}.record-file--study{transform:rotate(-.7deg)}.record-file--inspiration{transform:translateY(2rem)rotate(.7deg)}.record-file-tab{background:var(--persimmon);font:700 .52rem var(--mono);letter-spacing:.09em;justify-content:space-between;padding:1rem 1.4rem;display:flex;position:absolute;top:0;left:0;right:0}.record-file--inspiration .record-file-tab{background:var(--blue)}.record-file h3{font:clamp(3rem,5vw,5.2rem)/.78 var(--serif);letter-spacing:-.065em;margin:1.5rem 0 1.3rem}.record-file>p{max-width:520px;font:1.05rem/1.4 var(--serif)}.record-file dl{margin:2.4rem 0 0}.record-file dl div{border-top:1px solid var(--rule);grid-template-columns:90px 1fr;gap:1rem;padding:.9rem 0;display:grid}.record-file dt{font:700 .52rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--persimmon)}.record-file--inspiration dt{color:#37657f}.record-file dd{font:.86rem/1.3 var(--sans);margin:0}.name-room{color:var(--paper);background:#2853c7;grid-template-columns:minmax(320px,.9fr) 1.1fr;align-items:center;gap:clamp(4rem,9vw,10rem);padding:9rem 10vw;display:grid}.name-specimen{aspect-ratio:1;border:1px solid #f3ecdf8c;border-radius:50%;place-items:center;width:min(430px,100%);margin:auto;display:grid;position:relative}.name-specimen img{z-index:2;filter:drop-shadow(12px 15px #0d1c454d);width:62%;animation:4.5s ease-in-out infinite fruit-breathe;position:relative}.name-specimen>b{z-index:3;font:5rem/.8 var(--serif);position:absolute;bottom:8%;right:6%}.name-specimen>small{z-index:3;font:700 .48rem var(--mono);letter-spacing:.1em;position:absolute;top:8%;left:4%;transform:rotate(-14deg)}.name-orbit{border:1px dashed #f3ecdf59;border-radius:50%;position:absolute}.name-orbit--one{inset:8%}.name-orbit--two{border-style:solid;inset:20%}.name-copy>p:not(.eyebrow){color:#dce3ee;max-width:570px;font:1.1rem/1.45 var(--serif)}.name-keys{border-top:1px solid #f3ecdf73;margin-top:2.4rem}.name-keys div{border-bottom:1px solid #f3ecdf4d;grid-template-columns:90px 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.name-keys b{font:2.2rem var(--serif)}.name-keys span{font:700 .55rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}.name-keys small{color:#bdcbea;font-size:.45rem}.studio-room{background:#dce3d5;grid-template-columns:minmax(300px,.9fr) 1.1fr;align-items:center;gap:clamp(3rem,8vw,9rem);padding:9rem 8vw;display:grid}.studio-note{background:var(--white);border:1px solid #1b1b192e;padding:3.4rem 2.5rem 2.6rem;position:relative;transform:rotate(-1.5deg);box-shadow:13px 15px #1b1b1929}.studio-tape{background:#d8c79e;width:92px;height:27px;position:absolute;top:-14px;left:35%;transform:rotate(4deg)}.studio-note>p:not(.eyebrow){max-width:500px;font:1.08rem/1.4 var(--serif)}.shojum-link--studio{z-index:1;color:var(--ink);padding:0 .08em;display:inline-block}.shojum-link--studio:before{content:"";z-index:-1;background:var(--yellow);height:.32em;transition:height .18s,background .18s;position:absolute;bottom:.02em;left:-.08em;right:-.08em;transform:rotate(-1deg)}.shojum-link--studio:hover:before,.shojum-link--studio:focus-visible:before{background:var(--pink);height:.92em}.shojum-link--studio em{color:var(--persimmon);position:relative}.studio-note .roll-button{margin-top:1.2rem}.studio-counts{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.studio-counts div{border-bottom:1px solid #1b1b1959;align-items:baseline;gap:1rem;min-height:140px;padding:1.6rem 0;display:flex}.studio-counts div:nth-child(odd){border-right:1px solid #1b1b1959;padding-right:1.5rem}.studio-counts div:nth-child(2n){padding-left:1.5rem}.studio-counts b{font:clamp(3rem,6vw,6rem)/.8 var(--mono);letter-spacing:-.1em;font-weight:400}.studio-counts span{font:700 .55rem/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase}.about-output{min-height:720px;color:var(--paper);background:var(--about-green-dark);padding:6.5rem 6vw 2rem;position:relative;overflow:hidden}.about-output:before{content:"";pointer-events:none;border:1px solid #f3ecdf2e;position:absolute;inset:1.2rem}.about-output:after{content:"かき";color:#f3ecdf09;font:clamp(12rem,30vw,30rem)/.7 var(--serif);letter-spacing:-.18em;pointer-events:none;position:absolute;bottom:-.24em;right:-.04em}.closing-thread{z-index:0;border-top:1px dashed #f3ecdf52;height:32px;position:absolute;top:3.4rem;left:6vw;right:6vw}.closing-thread span{background:var(--about-green-dark);border:1px solid #f3ecdf8c;border-radius:50%;width:13px;height:13px;position:absolute;top:-7px}.closing-thread span:first-child{left:0}.closing-thread span:nth-child(2){left:33%}.closing-thread span:nth-child(3){left:66%}.closing-thread span:nth-child(4){background:var(--persimmon);right:0}.closing-sheet{z-index:1;border-bottom:1px solid #f3ecdf52;grid-template-columns:minmax(170px,.4fr) minmax(380px,1.15fr) minmax(150px,.32fr);align-items:center;gap:clamp(2rem,5vw,6rem);max-width:1220px;margin:0 auto;padding:3.8rem 0 4.5rem;display:grid;position:relative}.closing-seal{aspect-ratio:1;width:clamp(150px,16vw,210px);color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-8deg);box-shadow:10px 12px #00000038}.closing-seal:before{content:"";border:1px dashed #1b1b19a6;border-radius:50%;position:absolute;inset:10px}.closing-seal-ring{border:1px solid #f3ecdf5c;border-radius:50%;position:absolute;inset:-17px}.closing-seal img{filter:drop-shadow(4px 5px #1b1b1924);width:54%}.closing-seal small{font:700 .4rem/1.15 var(--mono);letter-spacing:.1em;text-align:center;position:absolute;bottom:7%;left:0;right:0}.closing-copy .eyebrow{color:var(--yellow);margin:0}.closing-copy h2{font:clamp(4.2rem,8vw,8rem)/.73 var(--serif);letter-spacing:-.085em;margin:.8rem 0 1.2rem}.closing-copy h2 em{color:#f1c5a9;font-weight:400}.closing-copy>p:last-child{color:#c9d5cc;max-width:540px;font:1.05rem/1.4 var(--serif);margin:0}.closing-return{min-height:150px;color:var(--ink);background:var(--yellow);border:1px solid #1b1b1938;align-content:center;padding:1.4rem 1rem 1rem;text-decoration:none;transition:transform .18s;display:grid;position:relative;transform:rotate(2deg);box-shadow:7px 8px #0000003d}.closing-return:before{content:"";background:#d8c79e;width:62px;height:21px;position:absolute;top:-11px;left:27%;transform:rotate(-5deg)}.closing-return:hover,.closing-return:focus-visible{transform:translateY(-6px)rotate(-1deg)}.closing-return span{font:700 .48rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.closing-return b{font:1.45rem/.9 var(--serif);margin-top:.7rem}.closing-return i{font:1.5rem var(--serif);font-style:normal;position:absolute;bottom:.6rem;right:.8rem}.closing-route-rail{z-index:1;grid-template-columns:minmax(170px,.4fr) 1.6fr;gap:clamp(2rem,5vw,6rem);max-width:1220px;margin:0 auto;padding:2.2rem 0;display:grid;position:relative}.closing-route-rail>p{margin:0}.closing-route-rail>p b{color:var(--yellow);font:700 .52rem var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block}.closing-route-rail>p span{color:#aebdb2;max-width:170px;font:italic .92rem/1.25 var(--serif);margin-top:.55rem;display:block}.closing-routes{border-top:1px solid #f3ecdf61;border-bottom:1px solid #f3ecdf61;grid-template-columns:repeat(3,1fr);display:grid}.closing-routes a{min-height:100px;color:var(--paper);border-right:1px solid #f3ecdf4d;grid-template-columns:32px 1fr auto;align-items:center;gap:.8rem;padding:1rem 1.2rem;text-decoration:none;transition:color .18s,background .18s;display:grid;position:relative}.closing-routes a:last-child{border-right:0}.closing-routes a:hover,.closing-routes a:focus-visible{color:var(--ink);background:var(--yellow)}.closing-routes a:nth-child(2):hover,.closing-routes a:nth-child(2):focus-visible{background:var(--pink)}.closing-routes a:nth-child(3):hover,.closing-routes a:nth-child(3):focus-visible{background:var(--blue)}.closing-routes a>b{width:30px;height:30px;font:700 .46rem var(--mono);border:1px solid;border-radius:50%;place-items:center;display:grid}.closing-routes a span{font:1.55rem/.9 var(--serif)}.closing-routes a small{font:700 .42rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem;display:block}.closing-routes i{font:1.3rem var(--serif);font-style:normal}.closing-ledger{z-index:1;color:#819086;max-width:1220px;font:700 .46rem var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:2rem;margin:1rem auto 0;padding-top:1rem;display:flex;position:relative}.shojum-link--ledger{color:var(--yellow);border-bottom:1px solid #e8d36d8c;transition:color .16s,background .16s}.shojum-link--ledger:hover,.shojum-link--ledger:focus-visible{color:var(--ink);background:var(--yellow)}@keyframes fruit-breathe{0%,to{transform:scale(.96)rotate(-2deg)}50%{transform:scale(1.04)rotate(2deg)}}@media (max-width:980px){.about-opening{min-height:850px}.about-opening-copy{width:min(620px,70vw)}.fruit-file{transform-origin:100%;width:270px;min-width:0;top:34%;right:5vw;transform:rotate(3deg)scale(.9)}.reason-sheet{grid-template-columns:70px 1fr}.short-card{grid-column:2}.method-track{grid-template-columns:1fr 1fr}.method-track:before{display:none}.method-card:nth-child(2n){transform:rotate(1.5deg)}.record-heading,.method-heading{grid-template-columns:1fr}.record-heading .eyebrow,.record-heading h2,.record-heading>p:last-child,.method-heading .eyebrow,.method-heading h2,.method-heading>p:last-child{grid-area:auto/1}.name-room{grid-template-columns:1fr 1fr;padding-left:7vw;padding-right:7vw}.closing-sheet{grid-template-columns:150px 1fr}.closing-return{grid-column:2;width:190px;min-height:110px}.closing-route-rail{grid-template-columns:150px 1fr}.closing-routes a{grid-template-columns:26px 1fr;padding:1rem .8rem}.closing-routes i{display:none}}@media (max-width:700px){.about-opening{min-height:920px;padding:5rem 7vw 4rem}.about-opening-copy{width:100%}.about-opening h1{font-size:clamp(4.8rem,21vw,7rem)}.about-opening-lede{max-width:92%}.fruit-file{width:230px;min-height:335px;padding:1.25rem;top:auto;bottom:2rem;right:8vw;transform:rotate(3deg)}.fruit-file>img{width:120px;height:120px;margin:1.2rem auto .7rem}.fruit-file>p strong{font-size:2.7rem}.fruit-file>small{display:none}.opening-hand-note{bottom:9rem;left:7vw;right:auto}.reason-sheet{grid-template-columns:1fr;gap:3rem;padding:6rem 7vw}.section-ticket{writing-mode:initial;flex-direction:row;min-height:0;transform:none}.short-card{grid-column:1}.reason-scribble{width:max-content;margin:2rem 0 0 auto;display:block;position:static}.method-bench,.record-ledger{padding:6rem 1rem 7rem}.method-heading,.record-heading{gap:1.5rem}.method-heading h2,.record-heading h2{font-size:clamp(3.8rem,17vw,5.5rem)}.method-track,.record-files{grid-template-columns:1fr}.method-card,.method-card:nth-child(2n){min-height:230px;transform:none}.method-card b{margin-top:2rem}.record-file,.record-file--study,.record-file--inspiration{min-height:0;transform:none}.record-file h3{font-size:3.5rem}.record-file dl div{grid-template-columns:78px 1fr}.name-room,.studio-room{grid-template-columns:1fr;padding:7rem 7vw}.name-specimen{width:min(320px,84vw)}.name-copy h2,.studio-note h2{font-size:clamp(3.8rem,17vw,5.5rem)}.studio-note{padding:3rem 1.5rem 2rem;transform:none}.studio-counts div{min-height:120px;display:block}.studio-counts b{margin-bottom:.8rem;font-size:3.7rem;display:block}.about-output{min-height:0;padding:5rem 1.2rem 2rem}.closing-thread{left:1.2rem;right:1.2rem}.closing-sheet{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 1rem 3.5rem}.closing-seal{width:150px}.closing-copy h2{font-size:clamp(4rem,18vw,6rem)}.closing-return{grid-column:1;width:180px;min-height:105px}.closing-route-rail{grid-template-columns:1fr;gap:1.5rem;padding:2.4rem 1rem}.closing-route-rail>p span{max-width:none}.closing-routes{grid-template-columns:1fr}.closing-routes a{border-bottom:1px solid #f3ecdf4d;border-right:0;grid-template-columns:32px 1fr auto;min-height:82px}.closing-routes a:last-child{border-bottom:0}.closing-routes i{display:block}.closing-ledger{flex-direction:column;align-items:flex-start;margin:1rem 1rem 0}}@media (prefers-reduced-motion:reduce){.about-016-page{scroll-behavior:auto}.fruit-file,.short-card,.method-card,.record-file,.name-specimen img,.studio-note,.closing-seal,.closing-return,.closing-routes a,.shojum-link:before,.shojum-link--ledger{transition:none;animation:none;transform:none}}