@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#e9e1d1;--ink:#17282c;--oxide:#b94a36;--moss:#6c7966;--line:rgba(23,40,44,.28);--serif:'Instrument Serif',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.reveal{position:fixed;inset:0;z-index:20;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:clip-path 1.1s cubic-bezier(.77,0,.22,1),visibility 0s 1.1s;clip-path:inset(0)}.reveal.is-gone{clip-path:inset(0 0 100% 0);visibility:hidden}.reveal-mark,.closing-mark{height:58px;width:88px;display:flex;align-items:flex-end;gap:6px}.reveal-mark i,.closing-mark span{display:block;width:10px;background:var(--paper)}.reveal-mark i:nth-child(1){height:19px}.reveal-mark i:nth-child(2){height:42px}.reveal-mark i:nth-child(3){height:29px}.reveal-mark i:nth-child(4){height:54px}.reveal-mark i:nth-child(5){height:35px}.reveal-kicker,.reveal-note{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.reveal-button{font:500 20px var(--serif);font-style:italic;color:var(--paper);border:1px solid rgba(233,225,209,.55);background:transparent;border-radius:0;padding:17px 18px 16px 22px;cursor:pointer;display:flex;gap:35px;align-items:center;transition:background .3s,color .3s}.reveal-button:hover{background:var(--paper);color:var(--ink)}.reveal-button b{font:18px var(--sans)}.reveal-note{opacity:.55}.topbar{position:absolute;z-index:5;top:0;left:0;width:100%;padding:24px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;color:var(--ink)}.wordmark{font:800 20px/.72 var(--sans);letter-spacing:-.09em;color:inherit;text-decoration:none;width:max-content}.wordmark em{font-family:var(--serif);font-size:32px;font-weight:400;letter-spacing:-.08em}.topbar-note{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-top:5px}.index-button{justify-self:end;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase;padding:4px 0;cursor:pointer}.index-button span{font-size:16px;vertical-align:-2px;margin-left:6px}.index-panel{position:fixed;z-index:7;right:27px;top:72px;display:grid;gap:7px;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.index-panel.open{opacity:1;pointer-events:auto;transform:none}.index-panel a{font:10px var(--mono);color:var(--ink);text-decoration:none;background:var(--paper);padding:5px 6px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid var(--ink);background:var(--paper)}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='10' viewBox='0 0 160 10'%3E%3Cpath d='M159 0V10' stroke='%2317282c'/%3E%3C/svg%3E");background-repeat:repeat}.hero h1{position:absolute;z-index:2;left:3vw;bottom:9vh;margin:0;font:clamp(105px,18.2vw,300px)/.67 var(--sans);font-weight:800;letter-spacing:-.115em}.hero h1 span{color:var(--oxide);margin-left:14vw}.hero-label,.hero-side{position:absolute;margin:0;font:11px/1.45 var(--mono);text-transform:uppercase;letter-spacing:.055em}.hero-label{left:3.1vw;top:18vh}.hero-side{right:3.1vw;bottom:13vh;text-align:right}.threshold{position:absolute;width:min(58vw,800px);left:50%;top:49%;transform:translate(-50%,-50%);z-index:1}.threshold svg{width:100%;overflow:visible}.panel{stroke:var(--ink);stroke-width:2;fill:var(--moss)}.p2,.p4{fill:#d9c3aa}.p3,.p5{fill:var(--oxide)}.p6{fill:#c8c7a3}.seam{fill:none;stroke:var(--ink);stroke-width:3}.faint{opacity:.38;stroke-width:1.5}.threshold p{position:absolute;right:5%;top:40%;font:italic 27px/.84 var(--serif);margin:0;color:var(--ink)}.scroll-cue{position:absolute;right:28px;bottom:26px;display:flex;align-items:center;gap:9px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;transform:rotate(90deg);transform-origin:right}.scroll-cue span{height:1px;width:45px;background:var(--ink)}.chapter{position:relative;padding:14vw 7vw}.chapter-number{font:10px var(--mono);letter-spacing:.09em;position:absolute;top:28px;left:28px}.eyebrow{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 24px}.chapter h2{font:clamp(58px,9.5vw,152px)/.82 var(--sans);letter-spacing:-.1em;margin:0}.meaning{min-height:1150px;background:#d5d4bd;overflow:hidden}.meaning h2{position:relative;z-index:1}.definition{position:absolute;z-index:2;top:40%;right:11%;width:260px;border-top:1px solid var(--ink);padding-top:10px;font-size:13px}.definition span{font:10px var(--mono);text-transform:uppercase}.definition p{margin:4px 0 25px;line-height:1.4}.margin-copy{position:absolute;z-index:2;bottom:14%;left:7vw;width:235px;font:italic 25px/.95 var(--serif)}.ribbon-field{position:absolute;right:-7vw;bottom:0;width:64vw;height:74%;display:flex;gap:12px;align-items:flex-end;transform:skewY(-11deg)}.ribbon-field i{display:block;width:11%;background:var(--oxide);border:1px solid var(--ink);height:var(--h);transform-origin:bottom;animation:rise 6s ease-in-out infinite}.ribbon-field i:nth-child(1){--h:68%;background:var(--moss)}.ribbon-field i:nth-child(2){--h:89%;animation-delay:-2s}.ribbon-field i:nth-child(3){--h:48%;background:var(--ink)}.ribbon-field i:nth-child(4){--h:100%;background:#dfb5a0;animation-delay:-4s}.ribbon-field i:nth-child(5){--h:75%;background:var(--moss)}.ribbon-field i:nth-child(6){--h:57%;background:#dfb5a0;animation-delay:-1s}.ribbon-field i:nth-child(7){--h:85%;background:var(--ink)}@keyframes rise{50%{transform:translateY(-26px)}}.receive{min-height:1200px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;overflow:hidden}.receive .chapter-number{color:#d5d4bd}.receiving-object{width:580px;height:580px;position:relative;transform:rotate(-8deg);border:1px solid rgba(233,225,209,.7);margin-left:5vw}.slat{position:absolute;width:87%;height:58px;border:1px solid var(--paper);left:6%;transform:skewX(-23deg);background:var(--oxide)}.slat:after{content:'';position:absolute;inset:12px 13px;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.a{top:7%;background:#d5d4bd}.b{top:22%;background:var(--moss);left:13%}.c{top:37%;background:var(--oxide);left:3%}.d{top:52%;background:#d5d4bd;left:11%}.e{top:67%;background:var(--moss);left:2%}.f{top:82%;background:#d5d4bd;left:10%}.receive-copy{max-width:500px}.receive-copy h2{font-size:clamp(56px,7vw,108px)}.receive-copy>p:last-child{width:260px;margin:30px 0 0;font:22px/1.05 var(--serif)}.company{min-height:1320px;background:#d5d4bd;overflow:hidden}.company h2{max-width:1000px;position:relative;z-index:2}.tableau{position:absolute;left:0;bottom:0;width:100%;height:58%;background:var(--oxide);border-top:1px solid var(--ink);overflow:hidden}.table-edge{position:absolute;top:23%;left:0;width:100%;height:7%;background:var(--ink)}.place{position:absolute;width:28vw;height:20vw;background:var(--paper);border:1px solid var(--ink);transform:skewY(-18deg)}.place:after{content:'';position:absolute;width:42%;height:30%;background:var(--moss);right:12%;top:18%;border:1px solid var(--ink)}.place-one{left:5%;top:32%}.place-two{left:37%;top:47%;background:#d5d4bd}.place-three{right:-6%;top:28%;background:#dfb5a0}.fold{position:absolute;background:var(--ink);width:5%;height:83%;top:10%;transform:skewX(-18deg)}.fold-one{left:29%}.fold-two{right:23%}.company-end{position:absolute;bottom:8%;right:8%;width:280px;font:italic 28px/.92 var(--serif);z-index:2;color:var(--paper)}.close{min-height:100svh;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:80px 24px}.closing-kicker,.closing-note,.copyright{font:10px var(--mono);text-transform:uppercase;letter-spacing:.09em}.close h2{margin:20px 0;font:800 clamp(100px,18vw,260px)/.62 var(--sans);letter-spacing:-.12em}.close h2 em{font:400 1.1em var(--serif);color:var(--oxide)}.closing-note{line-height:1.6}.closing-mark{margin-top:40px}.closing-mark span{background:var(--oxide)}.closing-mark span:nth-child(1){height:19px}.closing-mark span:nth-child(2){height:42px}.closing-mark span:nth-child(3){height:29px}.closing-mark span:nth-child(4){height:54px}.closing-mark span:nth-child(5){height:35px}.copyright{position:absolute;bottom:23px;opacity:.6}@media(max-width:700px){.topbar{padding:19px;grid-template-columns:1fr auto}.wordmark{font-size:17px}.wordmark em{font-size:27px}.topbar-note{display:none}.hero{min-height:650px}.hero h1{left:20px;bottom:13vh;font-size:clamp(84px,27vw,150px)}.hero h1 span{margin-left:4vw}.hero-label{left:20px;top:130px}.hero-side{display:none}.threshold{width:108vw;top:47%}.threshold p{font-size:21px;right:11%;top:31%}.scroll-cue{right:18px}.meaning{min-height:960px;padding:130px 20px}.chapter-number{left:20px}.meaning h2{font-size:73px}.definition{top:auto;bottom:25%;left:20px;right:auto;width:200px}.margin-copy{bottom:7%;left:auto;right:22px;width:150px;font-size:21px}.ribbon-field{width:100vw;height:48%;right:-20vw}.receive{min-height:1010px;padding:110px 20px 70px;display:flex;flex-direction:column;align-items:stretch;gap:42px}.receiving-object{width:104vw;height:104vw;margin:0 0 0 -18vw;order:2}.receive-copy{order:1}.receive-copy h2{font-size:64px}.receive-copy>p:last-child{font-size:21px}.company{min-height:1000px;padding:115px 20px}.company h2{font-size:60px}.tableau{height:53%}.place{width:53vw;height:38vw}.place-one{left:-9%;top:31%}.place-two{left:27%;top:51%}.place-three{right:-23%;top:24%}.company-end{right:20px;bottom:6%;width:170px;font-size:22px}.close{min-height:720px}.close h2{font-size:110px}.closing-kicker{max-width:180px;line-height:1.5}.index-panel{right:19px;top:62px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:0.01ms!important}.reveal{transition:none}.reveal.is-gone{display:none}}