.wip{--wip-ink:var(--notebook-reading-ink);--wip-paper:var(--notebook-reading-surface);--wip-site:#121216;--wip-hazard:#ffc72c;--wip-pink:#ff2d96;--wip-red:#e8332a;--wip-hand:"Caveat Brush",cursive;--wip-mono:"Space Mono",monospace;max-width:1240px;color:var(--wip-ink);background:var(--notebook-reading-surface) var(--notebook-reading-paper) center top/850px auto repeat;border-radius:6px;margin:clamp(1rem,3vw,2.5rem) auto 0;overflow-x:clip;box-shadow:0 30px 60px #0000008c}.wip p{margin:0 0 16px;font:400 17px/1.7 Rubik,sans-serif}.wip h2{font:900 clamp(30px,4vw,52px)/.92 var(--font-editorial-display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 22px}.wip-shot{background:#fbf8f1;margin:0;padding:10px 10px 8px;position:relative;box-shadow:0 14px 30px #00000047}.wip-shot img{width:100%;height:auto;display:block}.wip-shot figcaption{font:700 11px/1.3 var(--wip-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--wip-ink);margin-top:8px}.wip-tape{z-index:3;filter:drop-shadow(0 2px 2px #00000059);pointer-events:none;background:url(/assets/real-vinyl-black-D3az2NRZ.png) 50%/100% 100% no-repeat;width:140px;height:34px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-4deg)}.wip-tape-white{background-image:url(/assets/real-vinyl-white-CE9vEHwd.png);transform:translate(-50%)rotate(3deg)}.wip-note{font:400 26px/1.1 var(--wip-hand);color:var(--wip-pink);font-style:normal;display:block}.wip-file{font:700 10px/1 var(--wip-mono);letter-spacing:.14em;background:var(--wip-ink);color:var(--wip-paper);padding:4px 8px;position:absolute;bottom:34px;left:10px}.wip-snum{z-index:0;font:900 clamp(70px,9vw,130px)/1 var(--font-editorial-display);color:#0000;-webkit-text-stroke:1.5px var(--wip-pink);opacity:.3;pointer-events:none;position:absolute;top:-52px;right:0}.wip-snum-dark{-webkit-text-stroke-color:var(--wip-hazard)}.wip-hazard{background:repeating-linear-gradient(-45deg,var(--wip-hazard) 0 22px,var(--wip-site) 22px 44px);border-radius:2px;height:12px;margin-bottom:34px}.wip-copy h2{margin-top:0}.wip-spread{padding:78px clamp(16px,4vw,56px) 60px;position:relative}.wip-open{background:var(--wip-site);color:#f4f1ea;border-radius:6px 6px 0 0;padding:64px clamp(16px,4vw,56px) 56px;position:relative}.wip-open:after{content:"";background:repeating-linear-gradient(-45deg,var(--wip-hazard) 0 22px,var(--wip-site) 22px 44px);height:12px;position:absolute;bottom:0;left:0;right:0}.wip-cat{font:700 12px var(--wip-mono);letter-spacing:.2em;background:var(--wip-red);color:#fff;padding:5px 10px;position:absolute;top:24px;left:clamp(16px,4vw,56px)}.wip-dates{font:700 12px var(--wip-mono);letter-spacing:.14em;color:var(--wip-hazard);border:1.5px solid var(--wip-hazard);padding:4px 9px;position:absolute;top:24px;left:calc(clamp(16px,4vw,56px) + 210px)}.wip-num{font:900 clamp(120px,18vw,260px)/1 var(--font-editorial-display);color:#0000;-webkit-text-stroke:2px #f4f1ea;opacity:.12;pointer-events:none;position:absolute;top:8px;right:2%}.wip-head{z-index:3;max-width:920px;padding-top:56px;position:relative}.wip-head h1{font:900 clamp(54px,8vw,118px)/.85 var(--font-editorial-display);text-transform:uppercase;letter-spacing:-.02em;color:#f4f1ea;margin:0 0 20px}.wip-head h1 em{color:var(--wip-hazard);text-shadow:0 0 18px #ffc72c80;font-style:normal}.wip-deck{font:800 clamp(20px,2.4vw,30px)/1.1 var(--font-editorial-display);text-transform:uppercase;letter-spacing:.04em;color:var(--wip-pink);max-width:560px;margin:0 0 14px}.wip-sub{font:700 12px/1.5 var(--wip-mono);letter-spacing:.12em;text-transform:uppercase;color:#b9b5aa;margin:0}.wip-open-hero{max-width:min(880px,100%);margin:44px auto 0;position:relative}.wip-open-hero img{width:100%;height:auto;display:block}.wip-open-hero figcaption{font:700 11px var(--wip-mono);letter-spacing:.18em;background:var(--wip-site);color:var(--wip-hazard);padding:6px 12px;position:absolute;bottom:0;left:0}.wip-open-row{grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:4%;margin-top:52px;display:grid}.wip-open-a{transform:rotate(-1.6deg)}.wip-open-b{transform:rotate(2.2deg)}.wip-open-copy p{color:#d8d4c9}.wip-open-copy p:first-child:first-letter{font:900 64px/.8 var(--font-editorial-display);color:var(--wip-pink);float:left;padding:6px 10px 0 0}.wip-note-open{max-width:340px;margin-top:18px;font-size:23px;transform:rotate(-2deg)}.wip-statement{font:900 clamp(34px,5vw,64px)/.9 var(--font-editorial-display);text-transform:uppercase;max-width:820px;margin:0 0 40px}.wip-statement em{color:var(--wip-red);font-style:normal}.wip-why-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:5%;display:grid}.wip-why-a{transform:rotate(1.4deg)}.wip-note-why{margin-top:26px;font-size:24px;transform:rotate(-1.6deg)}.wip-dface{background:var(--wip-site);color:#f4f1ea;padding:78px clamp(16px,4vw,56px) 64px;position:relative}.wip-dface-head{font:900 clamp(36px,5.4vw,68px)/.9 var(--font-editorial-display);text-transform:uppercase;color:#f4f1ea;margin:0 0 42px}.wip-dface-head em{color:var(--wip-pink);font-style:normal}.wip-dface-grid{grid-template-rows:auto auto;grid-template-columns:1.35fr 1fr;align-items:start;gap:4%;display:grid}.wip-d-big{grid-row:1/3;transform:rotate(-1.2deg)}.wip-d-mid{transform:rotate(1.8deg)}.wip-d-sm{transform:rotate(-2.2deg)}.wip-dface-copy{max-width:760px;margin-top:46px}.wip-dface-copy h2{color:#f4f1ea}.wip-dface-copy p{color:#d8d4c9}.wip-note-dface{color:var(--wip-hazard);margin-top:22px;font-size:24px;transform:rotate(1.6deg)}.wip-survey-head{font:900 clamp(36px,5.4vw,68px)/.9 var(--font-editorial-display);text-transform:uppercase;margin:0 0 42px}.wip-survey-head em{color:var(--wip-pink);font-style:normal}.wip-survey-grid{grid-template-columns:repeat(6,1fr);align-items:start;gap:3%;display:grid}.wip-s-a{grid-column:1/4;transform:rotate(-1.4deg)}.wip-s-b{grid-column:4/7;margin-top:34px;transform:rotate(1.6deg)}.wip-s-c{grid-column:1/3;margin-top:8px;transform:rotate(1.2deg)}.wip-s-d{grid-column:3/5;margin-top:44px;transform:rotate(-1.8deg)}.wip-s-e{grid-column:5/7;margin-top:14px;transform:rotate(2deg)}.wip-s-g{grid-column:1/4;margin-top:30px;transform:rotate(-1.4deg)}.wip-survey-side{flex-direction:column;gap:26px;display:flex}.wip-s-f{transform:rotate(1.2deg)}.wip-survey-cols{grid-template-columns:1.4fr 1fr;align-items:start;gap:5%;margin-top:84px;display:grid}.wip-roster{border:2px solid var(--wip-ink);box-shadow:6px 6px 0 var(--wip-pink);background:#fff;padding:22px 24px}.wip-roster h3{font:800 13px var(--wip-mono);letter-spacing:.18em;color:var(--wip-red);margin:0 0 12px}.wip-roster h3+h3{margin-top:20px}.wip-roster ul{columns:1;margin:0 0 18px;padding:0;list-style:none}.wip-roster li{font:700 14px/1.9 var(--wip-mono);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px dashed #c9c4b6;padding:2px 0}.wip-roster-gallery li{color:#55524a}.wip-build{background:var(--wip-site);color:#f4f1ea;padding:78px clamp(16px,4vw,56px) 64px;position:relative}.wip-build-head{font:900 clamp(36px,5.4vw,68px)/.9 var(--font-editorial-display);text-transform:uppercase;color:#f4f1ea;margin:0 0 42px}.wip-build-head em{color:var(--wip-hazard);font-style:normal}.wip-build-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:0 4%;display:grid}.wip-b-a{transform:rotate(-1.4deg)}.wip-b-b{grid-area:1/2/3;margin-top:40px;transform:rotate(1.8deg)}.wip-build-copy{grid-column:1;margin-top:36px}.wip-build-copy h2{color:#f4f1ea}.wip-build-copy p{color:#d8d4c9}.wip-file-block{border:2px solid var(--wip-hazard);background:#18181d;margin-top:48px;padding:28px clamp(18px,3vw,36px);box-shadow:8px 8px #ffc72c40}.wip-file-block h3{font:900 clamp(24px,3vw,36px)/1 var(--font-editorial-display);letter-spacing:.06em;color:var(--wip-hazard);text-transform:uppercase;margin:0 0 20px}.wip-file-block dl{grid-template-columns:1fr 1fr;gap:14px 5%;margin:0;display:grid}.wip-file-block dt{font:800 11px var(--wip-mono);letter-spacing:.18em;color:var(--wip-pink);margin-bottom:4px}.wip-file-block dd{color:#e8e4da;margin:0;font:400 14px/1.5 Rubik,sans-serif}.wip-last{grid-template-columns:1.2fr 1fr;align-items:center;gap:5%;display:grid}.wip-last-a{transform:rotate(-1.2deg)}.wip-note-last{grid-column:1/3;justify-self:end;margin-top:10px;font-size:24px;transform:rotate(-1.6deg)}.wip-info{background:var(--wip-site);color:#f4f1ea;border-radius:0 0 6px 6px;padding:56px clamp(16px,4vw,56px) 48px;position:relative}.wip-info:before{content:"";background:repeating-linear-gradient(-45deg,var(--wip-hazard) 0 22px,var(--wip-site) 22px 44px);height:12px;position:absolute;top:0;left:0;right:0}.wip-info-sign h2{font:900 clamp(30px,4vw,48px)/1 var(--font-editorial-display);letter-spacing:.04em;color:#f4f1ea;margin:12px 0 6px}.wip-info-sub{font:700 12px var(--wip-mono);letter-spacing:.22em;color:var(--wip-hazard);margin:0 0 28px}.wip-info dl{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 4%;margin:0 0 30px;display:grid}.wip-info dt{font:800 11px var(--wip-mono);letter-spacing:.18em;color:var(--wip-pink);margin-bottom:4px}.wip-info dd{color:#e8e4da;margin:0;font:400 14px/1.5 Rubik,sans-serif}.wip-info-links{flex-wrap:wrap;gap:14px;display:flex}.wip-info-links a{font:800 12px var(--wip-mono);letter-spacing:.16em;color:var(--wip-site);background:var(--wip-hazard);border-radius:2px;padding:10px 16px;text-decoration:none}.wip-info-links a:hover{background:var(--wip-pink);color:#fff}.wip-credits{font:400 11px/1.5 var(--wip-mono);letter-spacing:.06em;color:#8b877c;margin:26px 0 0}@media (width<=900px){.wip-open-row,.wip-why-grid,.wip-dface-grid,.wip-build-grid,.wip-survey-cols,.wip-last{grid-template-columns:1fr}.wip-d-big{grid-row:auto}.wip-survey-grid{grid-template-columns:1fr 1fr}.wip-s-a,.wip-s-b,.wip-s-c,.wip-s-d,.wip-s-e,.wip-s-g,.wip-s-f{grid-column:auto;margin-top:0}.wip-s-f{grid-column:1/3}.wip-build-copy{grid-column:auto}.wip-b-b{margin-top:0}.wip-file-block dl{grid-template-columns:1fr}.wip-note-last{grid-column:auto;justify-self:start}.wip-dates{margin-top:52px;display:inline-block;position:static}.wip-head{padding-top:14px}.wip-num{opacity:.08}.wip-snum{top:-38px}}@media (width<=560px){.wip-survey-grid{grid-template-columns:1fr}.wip-s-f{grid-column:auto}.wip-head h1{font-size:clamp(44px,13vw,64px)}}
