@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:#24312a;--subtle-ink:#24312aad;--night:#faf6f7;--moss:#31483b;--accent:#b86a89;--paper:#faf7f3;--black:#1d2822}*{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;isolation:isolate;opacity:1;background:linear-gradient(#def3e3 0%,#f3cede 52%,#e0e0e0 100%);transition:opacity .7s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow:hidden}.intro-splash.is-leaving{opacity:0}.intro-splash-image{object-fit:cover;object-position:center center;opacity:0;background:#1d2822;width:100%;height:100%;transition:opacity .18s linear;display:block}.intro-splash-image.is-ready{opacity:1}.splash{isolation:isolate;background:#f3cede;align-items:flex-end;min-height:100dvh;display:flex;position:relative;overflow:hidden}.splash:before{content:"";z-index:-3;filter:saturate(.86)contrast(1.01);background:linear-gradient(#def3e3 0%,#f3cede 52%,#e0e0e0 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:radial-gradient(circle at 77% 17%,#ffffffad,#0000 31%),linear-gradient(90deg,#ffffff47,#ffffff08 65%),linear-gradient(#0000 39%,#2b393029);position:absolute;inset:0}.grain{z-index:-1;opacity:.13;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(--accent);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:#ffffff3d;border:1px solid #24312a66;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%;flex:0 0 28px;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)}.enter-button i{flex-basis:23px;width:23px;height:23px}.enter-button i svg{width:13px;height:13px;display:block}.scroll-mark{writing-mode:vertical-rl;color:#24312a94;position:absolute;bottom:2rem;right:2rem}.splash-privacy{color:#24312a94;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;place-items:center;padding:0;font-size:1.2rem;line-height:1;transition:transform .2s;display:grid}.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(--accent);margin-bottom:1.1rem}h2{color:var(--black);font-size:clamp(3.7rem,7vw,6.25rem)}h2 em{color:var(--accent)}.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(--accent)}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(--accent);background:#b86a891c}.drop-zone.is-selecting{border-color:var(--accent);background:linear-gradient(120deg,#def3e3b3,#f3cede8c)}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-icon{border:1px solid var(--black);width:54px;height:54px;color:var(--black);background:0 0;border-radius:100%;place-items:center;margin-bottom:1rem;padding:0;transition:background .2s,color .2s,transform .2s;display:grid}.drop-icon svg{width:18px;height:18px;display:block}.drop-icon:hover:not(:disabled){background:var(--black);color:var(--paper);transform:rotate(90deg)}.drop-icon:disabled{cursor:not-allowed;opacity:.45}.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}.upload-overview{background:linear-gradient(120deg, #def3e3b8, #f3cede7a), var(--paper);border:1px solid #1d282224;margin:1.35rem 0 1rem;padding:1rem 1rem .9rem}.upload-overview-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.upload-overview-head p,.upload-overview-meta{color:#1d28229e;letter-spacing:.08em;text-transform:uppercase;margin:0;font:500 9px DM Mono,monospace}.upload-overview-head strong{color:var(--black);font:400 1.8rem/.9 DM Serif Display,serif}.overall-progress,.file-progress{background:#1d282221;overflow:hidden}.overall-progress{border-radius:99px;height:6px;margin:.7rem 0 .65rem}.overall-progress i,.file-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--moss), var(--accent));height:100%;transition:width .16s linear;display:block}.upload-overview-meta{letter-spacing:.06em;font-size:8px}.file-list{gap:.5rem;margin:0 0 1.3rem;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(--accent);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-progress{height:3px;margin-top:.5rem}.remove-file{width:28px;height:28px;color:var(--black);background:0 0;border:0;place-items:center;padding:0;font-size:1.2rem;line-height:1;display:grid}.done-mark{color:#487557;place-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:grid}.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(--accent)}.upload-button:hover:not(:disabled){background:var(--moss);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(--accent)}.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(--accent);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 mobile-intro-drift{0%{transform:scale(1.5)}to{transform:scale(1.58)}}@media (max-width:640px){.intro-splash-image{object-position:75% center;transform-origin:75%;will-change:transform;backface-visibility:hidden;animation:3s cubic-bezier(.22,1,.36,1) both mobile-intro-drift}.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}}