@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";
:root{--ink:#f4efe7;--subtle-ink:#f4efe7a8;--night:#121313;--moss:#1e2924;--clay:#cb6d4a;--paper:#eee8dc;--black:#121313}*{box-sizing:border-box}html{background:var(--night)}body{color:var(--ink);background:var(--night);margin:0;font-family:Manrope,sans-serif}button,input{font:inherit}button{cursor:pointer}.experience{min-height:100dvh;position:relative;overflow:hidden}.intro-splash{z-index:10;pointer-events:none;opacity:1;background:linear-gradient(130deg,#76634d 0%,#27382f 47%,#080b0a 100%);transition:opacity .5s;position:fixed;inset:0;overflow:hidden}.intro-splash.is-leaving{opacity:0}.intro-splash-image{object-fit:cover;object-position:center center;opacity:0;backface-visibility:hidden;will-change:opacity, transform;width:100%;height:100%;display:block;transform:translateZ(0)scale(1.08)}.intro-splash-image.is-ready{animation:3s cubic-bezier(.5,0,.2,1) both intro-image}.splash{isolation:isolate;background:#202820;align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.splash:before{content:"";z-index:-3;filter:saturate(.7)contrast(1.04);background:linear-gradient(130deg,#76634d 0%,#27382f 47%,#080b0a 100%) 50%/cover;animation:1.8s cubic-bezier(.2,.7,.2,1) both reveal-image;position:absolute;inset:0;transform:scale(1.02)}.splash:after{content:"";z-index:-2;background:linear-gradient(90deg,#060807bf,#090d0a38 65%),linear-gradient(#0000 39%,#040705d1);position:absolute;inset:0}.grain{z-index:-1;opacity:.23;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");position:absolute;inset:0}.splash-copy{width:min(100%,1060px);padding:clamp(2rem,6vw,5.5rem) clamp(2rem,6vw,5.5rem) clamp(5rem,12vh,8rem)}.eyebrow,.section-number,.scroll-mark{letter-spacing:.16em;text-transform:uppercase;margin:0;font:500 10px/1.4 DM Mono,monospace}.monogram{color:var(--clay);margin:1.2rem 0 clamp(.7rem,2.5vw,1.6rem);font:400 clamp(2.1rem,6vw,4.6rem)/.9 DM Serif Display,serif}h1,h2{letter-spacing:-.06em;margin:0;font:400 clamp(3.55rem,8.8vw,8.7rem)/.85 DM Serif Display,serif}.intro{max-width:340px;color:var(--subtle-ink);margin:1.75rem 0 2.3rem;font-size:.9rem;line-height:1.7}.enter-button,.upload-button{color:var(--ink);text-transform:uppercase;letter-spacing:.12em;background:#00000029;border:1px solid #f4efe78c;border-radius:100px;justify-content:space-between;align-items:center;gap:2rem;min-width:226px;padding:.85rem .9rem .85rem 1.25rem;font:500 10px DM Mono,monospace;transition:background .3s,color .3s,transform .3s;display:inline-flex}.enter-button i,.upload-button i{background:var(--ink);width:28px;height:28px;color:var(--night);border-radius:100%;place-items:center;font:400 1rem/1 DM Serif Display,serif;display:grid}.enter-button:hover{color:var(--night);background:var(--ink);transform:translateY(-3px)}.scroll-mark{writing-mode:vertical-rl;color:#f4efe78c;position:absolute;bottom:2rem;right:2rem}.splash-privacy{color:#f4efe78c;text-transform:uppercase;letter-spacing:.13em;font:500 9px DM Mono,monospace;text-decoration:none;transition:color .2s;position:absolute;bottom:2rem;left:clamp(2rem,6vw,5.5rem)}.splash-privacy:hover{color:var(--ink)}.upload-panel{z-index:3;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;width:min(100%,720px);height:100dvh;min-height:0;color:var(--black);background:var(--paper);transition:transform .8s cubic-bezier(.76,0,.24,1);position:absolute;top:0;right:0;overflow:hidden auto;transform:translate(103%)}.is-open .upload-panel{transform:translate(0)}.panel-header{border-bottom:1px solid #12131324;grid-template-columns:38px 1fr auto;align-items:center;gap:1rem;padding:1.5rem clamp(1.5rem,5vw,3.6rem);display:grid}.back-button{width:32px;height:32px;color:var(--black);background:0 0;border:0;font-size:1.25rem;transition:transform .2s}.back-button:hover{transform:translate(-3px)}.panel-count{color:#12131394;text-transform:uppercase;letter-spacing:.08em;font:500 9px DM Mono,monospace}.panel-body{padding:clamp(2.8rem,7vw,5.5rem) clamp(1.5rem,8vw,5.8rem) 3rem}.title-wrap{max-width:420px}.section-number{color:var(--clay);margin-bottom:1.1rem}h2{color:var(--black);font-size:clamp(3.7rem,7vw,6.25rem)}h2 em{color:var(--clay)}.title-wrap>p:last-child{color:#121313a6;max-width:360px;margin:1.6rem 0 2.7rem;font-size:.87rem;line-height:1.75}.identity-fields{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}label>span{color:#12131399;text-transform:uppercase;letter-spacing:.11em;margin-bottom:.5rem;font:500 9px DM Mono,monospace;display:block}label>span small{font:inherit;letter-spacing:0;text-transform:none}input{width:100%;color:var(--black);background:0 0;border:0;border-bottom:1px solid #12131359;border-radius:0;outline:0;padding:.75rem 0;transition:border-color .2s}input:focus{border-color:var(--clay)}input::placeholder{color:#1213134d}.drop-zone{text-align:center;border:1px dashed #12131359;flex-direction:column;justify-content:center;align-items:center;min-height:240px;margin-top:2.6rem;padding:2rem;transition:background .25s,border-color .25s;display:flex;position:relative}.drop-zone.is-dragging{border-color:var(--clay);background:#cb6d4a17}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-icon{border:1px solid var(--black);border-radius:100%;place-items:center;width:48px;height:48px;margin-bottom:1rem;font:400 2rem/.8 DM Serif Display,serif;display:grid}.drop-zone p{margin:0;font-size:.85rem;line-height:1.6}.drop-zone p span{color:#1213138f}.drop-zone button{border:0;border-bottom:1px solid var(--black);color:var(--black);text-transform:uppercase;letter-spacing:.1em;background:0 0;margin:1rem 0 .8rem;padding:0 0 .25rem;font:500 9px DM Mono,monospace}.drop-zone small{color:#12131380;font-size:.66rem}.capacity,.notice,.privacy-note{font-size:.72rem;line-height:1.55}.capacity{color:#12131394;margin:1rem 0 0}.capacity:before{content:"";background:#5b8368;border-radius:50%;width:6px;height:6px;margin:0 .45rem 1px 0;display:inline-block}.capacity.is-full{color:#9a3e25}.capacity.is-full:before{background:#9a3e25}.file-list{gap:.5rem;margin:1.3rem 0;display:grid}.file-item{background:#1213130e;grid-template-columns:38px 1fr 28px;align-items:center;gap:.8rem;padding:.7rem;display:grid}.file-kind{width:32px;height:32px;color:var(--clay);border:1px solid #12131333;border-radius:50%;place-items:center;font:500 8px DM Mono,monospace;display:grid}.file-info{min-width:0}.file-info p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;font-weight:700;overflow:hidden}.file-info span{color:#1213138f;font-size:.65rem}.file-info i{background:var(--clay);height:2px;margin-top:.45rem;transition:width .2s;display:block}.remove-file{color:var(--black);background:0 0;border:0;font-size:1.3rem}.done-mark{color:#487557;font-size:1rem}.notice{color:#9a3e25;margin:1.2rem 0}.upload-button{border-color:var(--black);width:100%;color:var(--paper);background:var(--black);margin-top:1.5rem}.upload-button i{color:var(--paper);background:var(--clay)}.upload-button:hover:not(:disabled){background:#28352e;transform:translateY(-3px)}.upload-button:disabled{opacity:.48;cursor:not-allowed}.privacy-note{color:#12131385;text-align:center;max-width:340px;margin:1rem auto 0}.privacy-link{color:#12131391;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #12131359;width:max-content;margin:.8rem auto 0;padding-bottom:.12rem;font:500 9px DM Mono,monospace;text-decoration:none;display:block}.privacy-page{min-height:100dvh;color:var(--black);background:var(--paper)}.privacy-header{border-bottom:1px solid #12131324;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem clamp(1.5rem,6vw,5.5rem);display:flex}.privacy-header p{color:#1213138c;text-transform:uppercase;letter-spacing:.13em;margin:0;font:500 9px DM Mono,monospace}.privacy-back{color:var(--black);text-transform:uppercase;letter-spacing:.1em;font:500 9px DM Mono,monospace;text-decoration:none}.privacy-content{width:min(100% - 3rem,760px);margin:0 auto;padding:clamp(4rem,10vw,8rem) 0 5rem}.privacy-content h1{color:var(--black);font-size:clamp(3.4rem,8vw,6.6rem)}.privacy-content h1 em{color:var(--clay)}.privacy-lead{color:#121313a6;max-width:490px;margin:1.8rem 0 4rem;font-size:.95rem;line-height:1.75}.privacy-content section{border-top:1px solid #1213132b;grid-template-columns:minmax(145px,.6fr) 1fr;gap:2rem;padding:1.65rem 0;display:grid}.privacy-content section h2{color:var(--clay);letter-spacing:.1em;text-transform:uppercase;margin:0;font:500 10px DM Mono,monospace}.privacy-content section p{color:#121313b8;margin:0;font-size:.88rem;line-height:1.75}@keyframes reveal-image{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.02)}}@keyframes intro-image{0%{opacity:0;transform:translateZ(0)scale(1.08)}15%{opacity:1}68%{transform:translateZ(0)scale(1)}to{opacity:1;transform:translateZ(0)scale(1.04)}}@media (max-width:640px){.scroll-mark{display:none}.splash-copy{padding-bottom:3.5rem}.splash-privacy{bottom:1.5rem;left:1.5rem}.upload-panel{width:100%}.panel-header{padding-inline:1.5rem}.identity-fields{grid-template-columns:1fr;gap:1rem}.panel-body{padding-bottom:2.5rem}.privacy-header{flex-direction:column;align-items:flex-start}.privacy-content section{grid-template-columns:1fr;gap:.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}