:root{color:#f7f0df;font-synthesis:none;text-rendering:optimizelegibility;background:#34453a;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#34453a;min-width:320px;margin:0}button{font:inherit;color:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #ad3c2c}.site-shell{background:#34453a;overflow:hidden}.board{isolation:isolate;color:#f7f0df;background:#405442;position:relative;overflow:hidden}.gutter{z-index:15;flex-direction:column;gap:13px;display:flex;position:fixed;top:50%;left:max(16px,50vw - 690px);transform:translateY(-50%)}.thumb{color:#f4efdc;letter-spacing:.16em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-left:2px solid #f4efdc78;padding:3px 0 3px 10px;font-size:11px;font-weight:700;transition:border-color .22s,color .22s}.thumb.current{color:#fffdf1;border-color:#ad3c2c}.opening{height:100vh;min-height:900px;padding:7vh max(9vw,150px) 6vh}.table-grain{z-index:-1;opacity:.24;background-image:repeating-linear-gradient(9deg,#0000 0 17px,#1b291f3b 18px,#0000 20px),repeating-linear-gradient(91deg,#0000 0 38px,#f9f1d80f 40px,#0000 42px);position:absolute;inset:0}.opening-copy{width:min(440px,35vw);animation:.6s ease-out both settle}.eyebrow{color:#d9d0b9;letter-spacing:.2em;margin:0 0 16px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{color:#f4efdc;letter-spacing:.015em;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.3vw,70px);font-weight:400;line-height:1.02}.graphite-rule{transform-origin:0;background:#262d25;width:36%;height:1px;animation:.75s ease-out .18s both draw-rule;position:absolute;top:40%;left:25%;transform:rotate(-12deg)}.strip-area{z-index:2;width:min(520px,43vw);animation:.55s ease-out .12s both settle;position:absolute;top:38%;left:24%}.phrase-strip{color:#252820;letter-spacing:.035em;background:#f3edda;justify-content:space-around;align-items:center;min-height:106px;padding:20px 25px;font-family:Georgia,serif;font-size:clamp(23px,2.4vw,38px);transition:transform .52s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;transform:rotate(-8deg);box-shadow:11px 14px #191f172e,0 4px 7px #1319123b}.phrase-strip:before,.note-destination:before{content:"";pointer-events:none;border:1px solid #3230261a;position:absolute;inset:6px}.is-placed .phrase-strip{transform:translate(26vw,12vh)rotate(0)scale(.87);box-shadow:4px 7px #191f1721}.lens-tabs{gap:6px;margin:24px 0 12px 31px;display:flex}.lens{color:#2d3027;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ece5d1;border:1px solid #d8cfb6;min-height:36px;padding:6px 11px;font-size:11px;font-weight:700}.lens.selected{border-color:#ad3c2c;box-shadow:inset 0 -3px #ad3c2c}.place-tab{letter-spacing:.11em;text-transform:uppercase;cursor:pointer;background:#e7ddc5;border:0;min-width:244px;min-height:48px;margin-left:42px;padding:14px 20px 12px;font-size:12px;font-weight:700;position:relative;box-shadow:5px 5px #181e163d}.place-tab:after{content:"";border:0 solid #0000;border-top-width:12px;border-left:13px solid #d3c4a7;position:absolute;bottom:0;right:-13px}.note-destination{z-index:3;background:#faf5e6;width:min(480px,38vw);min-height:185px;padding:29px 38px;transition:transform .52s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:absolute;top:49%;left:51%;transform:rotate(2deg)translateY(38px);box-shadow:9px 12px #1a22192b,0 7px 14px #1218113d}.note-destination:focus-within{outline-offset:5px;outline:2px solid #ad3c2c}.is-placed .note-destination{transform:rotate(0)translateY(0);box-shadow:13px 17px #1a221938,0 8px 17px #12181138}.note-label,.carried-note span{color:#55564a;letter-spacing:.18em;font-size:10px;font-weight:700;display:block}.note-destination p,.carried-note p{letter-spacing:.04em;margin:22px 0 10px;font-family:Georgia,serif;font-size:clamp(25px,2.7vw,43px);line-height:1.04}.note-destination p{color:#858176;transition:color .2s}.note-destination p:focus{outline:0}.is-placed .note-destination p{color:#171a16}.vermilion-baseline{transform-origin:0;background:#ad3c2c;width:46px;height:4px;margin-top:21px;transition:transform .4s .25s;display:block;transform:scaleX(.2)}.is-placed .vermilion-baseline{transform:scaleX(1)}.pin-hole{background:#34453a;border-radius:50%;width:8px;height:8px;position:absolute;top:15px;right:18px;box-shadow:inset 1px 1px 2px #162219}.paper-window{clip-path:polygon(0 2%,3% 0,8% 2%,15% 0,23% 1%,31% 0,38% 2%,47% 0,55% 1%,63% 0,72% 2%,79% 0,88% 2%,95% 0,100% 3%,99% 96%,96% 100%,91% 98%,85% 100%,77% 98%,69% 100%,61% 98%,52% 100%,45% 98%,37% 100%,30% 98%,21% 100%,14% 98%,7% 100%,0 97%);background:#f4edda;margin:0;padding:10px 10px 31px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:8px 10px #191f1626,0 8px 13px #161c143d}.paper-window img{object-fit:cover;filter:saturate(.86)contrast(.97)sepia(.05);width:100%;height:calc(100% - 21px);display:block}figcaption{letter-spacing:.17em;font-size:9px;font-weight:700;position:absolute;bottom:10px;left:12px}.marking-window{aspect-ratio:4/5;width:min(255px,20vw);top:12%;right:10%;transform:rotate(5deg)}.is-placed .marking-window{transform:translate(-4vw,12vh)rotate(0)}.stage-board,.share-board{min-height:760px;padding:110px max(12vw,180px)}.stage-board{background:#e9e0ca}.shape:before,.make:before,.share-board:before{content:"";z-index:-1;opacity:.92;background:linear-gradient(115deg,#405442 0 16%,#0000 16% 84%,#405442 84%);position:absolute;inset:0}.stage-heading{z-index:2;max-width:440px;position:relative}h2{color:#303126;font-family:Georgia,serif;font-size:clamp(31px,3.5vw,52px);font-weight:400;line-height:1.04}.stage-heading .eyebrow{color:#635d4b}.carried-note{z-index:1;background:#f9f3e4;width:min(440px,34vw);padding:32px 37px;position:absolute;transform:rotate(-2deg);box-shadow:10px 12px #272d2026}.carried-note p{margin-bottom:0}.shape .carried-note{top:33%;left:32%}.arranging-window{aspect-ratio:3/2;width:min(500px,38vw);top:18%;right:11%;transform:rotate(2deg)}.make{background:#d8cfb9}.joining-window{aspect-ratio:1;width:min(330px,28vw);bottom:13%;left:15%;transform:rotate(-4deg)}.make-note{top:35%;left:48%;transform:rotate(3deg)}.active-stage .paper-window{transform:translateY(-9px)rotate(0)}.share-board{color:#f7f0df;background:#405442;min-height:850px}.share-board .stage-heading{max-width:180px}.share-board .eyebrow{color:#dcd2ba}.reviewing-window{aspect-ratio:16/9;width:min(720px,55vw);top:12%;left:26%;transform:rotate(-1deg)}.paper-seam{color:#292a22;letter-spacing:.12em;text-align:left;text-transform:uppercase;cursor:pointer;background:#efe6d0;border:0;justify-content:space-between;align-items:center;min-height:74px;padding:18px 23px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:150px;left:16%;right:10%;box-shadow:0 -5px #151f172e}.paper-seam i{background:#ad3c2c;border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 0 4px #ddcfb4}.paper-seam.open{bottom:285px}.contact-strip{color:#292a22;background:#f9f2e2;min-height:210px;padding:31px 40px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:16%;right:10%;transform:translateY(100%);box-shadow:0 -8px 16px #1019113b}.contact-strip.visible{transform:translateY(0)}.contact-strip>p{max-width:330px;margin-bottom:26px;font-family:Georgia,serif;font-size:20px;line-height:1.2}.contacts{letter-spacing:.07em;flex-wrap:wrap;gap:24px;font-size:12px;font-weight:700;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes settle{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-rule{0%{transform:rotate(-12deg)scaleX(0)}to{transform:rotate(-12deg)scaleX(1)}}@media (width<=700px){.gutter{background:#2e3d33;flex-direction:row;gap:0;width:100%;padding:11px 15px;position:sticky;top:0;left:0;overflow-x:auto;transform:none}.thumb{border-bottom:2px solid #f4efdc73;border-left:0;flex:none;padding:5px 13px 8px}.opening{flex-direction:column;height:auto;min-height:844px;padding:61px 22px 28px;display:flex}.opening-copy{width:100%}h1{max-width:330px;font-size:43px}.graphite-rule{width:84%;top:253px;left:4%}.strip-area{width:100%;margin-top:42px;position:relative;top:auto;left:auto}.phrase-strip{min-height:84px;padding:15px 17px;font-size:25px;transform:rotate(-3deg)}.is-placed .phrase-strip{transform:translateY(10px)rotate(0)scale(.92)}.lens-tabs{margin:17px 0 12px}.lens{flex:1;min-height:42px}.place-tab{width:calc(100% - 19px);min-height:52px;margin-left:9px}.note-destination{width:100%;min-height:157px;margin-top:39px;padding:25px 26px;position:relative;top:auto;left:auto;transform:rotate(1deg)translateY(15px)}.is-placed .note-destination{transform:rotate(0)translateY(0)}.note-destination p,.carried-note p{font-size:30px}.marking-window{width:88%;margin:34px 0 0 auto;position:relative;top:auto;right:auto;transform:rotate(3deg)}.is-placed .marking-window{transform:translate(0)rotate(0)}.stage-board,.share-board{flex-direction:column;min-height:auto;padding:65px 22px 48px;display:flex}.shape:before,.make:before,.share-board:before{background:linear-gradient(160deg,#405442 0 12%,#0000 12% 89%,#405442 89%)}.stage-heading{max-width:100%}h2{font-size:38px}.carried-note{order:2;width:100%;margin:14px 0 28px;padding:27px;position:relative;transform:rotate(-1deg);top:auto!important;left:auto!important}.paper-window{position:relative;inset:auto!important}.arranging-window,.joining-window{order:3;width:100%;margin:0;transform:rotate(1deg)}.make-note{order:2}.make .joining-window{order:3}.share-board{padding-bottom:0}.reviewing-window{width:100%;margin:26px 0 0;transform:rotate(0)}.paper-seam{width:100%;margin-top:25px;position:relative;left:auto;right:auto;bottom:auto!important}.contact-strip{width:100%;min-height:0;max-height:0;padding:29px 24px;transition:max-height .42s,transform .42s;position:relative;bottom:auto;left:auto;right:auto;overflow:hidden;transform:translateY(-5px)}.contact-strip.visible{max-height:420px;transform:translateY(0)}.contacts{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}