:root{--ink: #fdf6ef;--ink-dim: rgba(253, 246, 239, .72);--ink-faint: rgba(253, 246, 239, .45);--accent: #ffca8a;--glass: rgba(20, 14, 38, .38);--glass-strong: rgba(20, 14, 38, .62);--glass-border: rgba(253, 246, 239, .14);--paper: #f4eddb;--paper-ink: #4a4234;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--ink);background:#2c1c40;-webkit-font-smoothing:antialiased}::selection{background:#ffca8a59}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-content:center;gap:1.2rem;background:#1c1330;transition:opacity .9s ease .2s,visibility .9s ease .2s}.intro-name{font-family:var(--font-display);font-style:italic;font-size:1.6rem;letter-spacing:.04em;text-align:center}.intro-bar{width:160px;height:1px;background:#fdf6ef26;overflow:hidden}.intro-bar span{display:block;height:100%;width:100%;background:var(--accent);transform:translate(-100%);animation:intro-fill 1.4s cubic-bezier(.65,0,.35,1) forwards}@keyframes intro-fill{to{transform:translate(0)}}body.is-ready #intro{opacity:0;visibility:hidden}.site-nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding:1.4rem clamp(1.4rem,4vw,3.2rem);pointer-events:none;opacity:0;transform:translateY(-12px);transition:opacity .8s ease 1.2s,transform .8s ease 1.2s}.site-nav a{pointer-events:auto}body.is-ready .site-nav{opacity:1;transform:none}.site-nav nav{display:flex;align-items:center;gap:1.8rem}.site-nav nav a{color:var(--ink-dim);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.05em;transition:color .25s ease}.site-nav nav a:hover{color:var(--ink)}.nav-cta{padding:.55em 1.3em;border:1px solid var(--glass-border);border-radius:99px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink)!important}.nav-cta:hover{border-color:var(--accent)}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;pointer-events:none;padding:clamp(1.4rem,4vw,3.2rem);padding-bottom:clamp(2rem,6vh,4rem)}.hero-card{max-width:34rem;position:relative}.hero-card:before{content:"";position:absolute;top:-16%;right:-12%;bottom:-16%;left:-12%;z-index:-1;background:radial-gradient(ellipse at center,rgba(24,15,44,.5),transparent 70%);filter:blur(6px)}.kicker{font-size:.78rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}h1,h2{font-family:var(--font-display);font-weight:420;line-height:1.06;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}h2{font-size:clamp(1.7rem,4vw,2.7rem);margin-bottom:1.4rem}h1 em,h2 em{font-style:italic;color:var(--accent)}.lede{margin-top:1rem;font-size:clamp(.95rem,1.3vw,1.08rem);font-weight:300;line-height:1.6;color:var(--ink-dim);max-width:30em}.hint{margin-top:1.4rem;font-size:.78rem;letter-spacing:.06em;color:var(--ink-faint)}.hint-key{color:var(--ink-dim);font-weight:600}.reveal{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}body.is-ready .reveal{opacity:1;transform:none}body.is-ready .reveal:nth-child(1){transition-delay:.9s}body.is-ready .reveal:nth-child(2){transition-delay:1.05s}body.is-ready .reveal:nth-child(3){transition-delay:1.25s}body.is-ready .reveal:nth-child(4){transition-delay:1.7s}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:clamp(.8rem,3vw,2.5rem);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0a1973;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal[data-modal=passport]:before{background:#0c081447;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(620px,100%);max-height:90vh;overflow-y:auto;padding:clamp(1.8rem,4vw,3rem);border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-strong);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 30px 80px #0a051480;transform:translateY(26px) scale(.95);opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1) .06s,opacity .4s ease .06s}.modal.open .modal-card{transform:none;opacity:1}.modal-card-wide{width:min(980px,100%)}.modal-card-center{text-align:center}.modal-close{position:absolute;top:1rem;right:1rem;z-index:2;width:40px;height:40px;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;transition:border-color .25s ease,transform .25s ease}.modal-close:hover{border-color:var(--accent);transform:rotate(90deg)}.body-copy{font-size:1rem;font-weight:300;line-height:1.75;color:var(--ink-dim);margin-bottom:1.8rem}.profile-photo{display:block;width:84px;height:84px;object-fit:cover;border-radius:50%;border:2px solid var(--glass-border);margin-bottom:1.2rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none}.chips li{padding:.5em 1.1em;font-size:.82rem;font-weight:500;letter-spacing:.03em;border:1px solid var(--glass-border);border-radius:99px;background:var(--glass);color:var(--ink-dim)}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.6rem;margin-bottom:.8rem}.recent-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.recent-list li{position:relative;padding-left:1.2em;font-size:.92rem;font-weight:300;line-height:1.5;color:var(--ink-dim)}.recent-list li:before{content:"—";position:absolute;left:0;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:1.8rem}.card{display:block;padding:1rem 1rem 1.4rem;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass);color:var(--ink);text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease}.card:hover{transform:translateY(-6px);border-color:#ffca8a80}.thumb{aspect-ratio:1 / 1;border-radius:10px;margin-bottom:1.1rem;display:flex;align-items:flex-end;padding:.8rem;overflow:hidden;background:#f9f4ec}.thumb span{font-family:var(--font-display);font-style:italic;font-size:1.7rem;opacity:.85}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.thumb--full{padding:0}.card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:.4rem}.card p{font-size:.9rem;font-weight:300;line-height:1.55;color:var(--ink-dim)}.card .tags{margin-top:.8rem;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.email-cta{display:inline-block;margin-top:1rem;font-family:var(--font-display);font-style:italic;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:.15em;transition:color .3s ease}.email-cta:hover{color:var(--accent)}.socials{display:flex;justify-content:center;gap:2rem;list-style:none;margin-top:2.2rem}.socials a{color:var(--ink-dim);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .25s ease}.socials a:hover{color:var(--accent)}.passport-card{width:min(1200px,100%);max-height:none;overflow:visible;padding:0;border:none;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.passport-card .modal-close{top:-.4rem;right:-.2rem}.book{position:relative;width:min(96vw,1150px);height:min(72vh,660px);display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 40px 60px rgba(10,5,20,.55))}.page{position:relative;background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(120,96,56,.05) 26px 27px),radial-gradient(circle at 30% 20%,rgba(190,160,100,.1),transparent 55%),var(--paper);color:var(--paper-ink);overflow:hidden}.page-left{border-radius:16px 4px 4px 16px;box-shadow:inset -34px 0 44px -30px #3c281473}.page-right{border-radius:4px 16px 16px 4px;box-shadow:inset 34px 0 44px -30px #3c281473}.page-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(1.2rem,3.5vw,3rem);display:flex;flex-direction:column}.pp-kicker{font-size:.72rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#4a4234a6;margin-bottom:.8rem}.pp-title{font-family:var(--font-display);font-weight:500;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.05;margin-bottom:1rem}.pp-note{font-size:.88rem;font-weight:400;line-height:1.65;color:#4a4234bf;max-width:26em}.pp-emblem{margin-top:auto;width:clamp(70px,9vw,110px);opacity:.22}.pp-watermark{position:absolute;right:6%;bottom:8%;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:.28em;color:#4a423412;transform:rotate(-8deg)}.stamp-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:crosshair;overflow:hidden;border-radius:16px}.stamp-layer.shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.stamp{position:absolute;width:7%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));mix-blend-mode:multiply;opacity:0;pointer-events:none;animation:stamp-in .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1.6)}to{opacity:.92;transform:translate(-50%,-50%) rotate(var(--rot, 0deg)) scale(1)}}.stamp svg{width:100%;height:100%;font-family:var(--font-body);font-weight:600}.stamp-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.9rem;padding:.7rem 1.1rem;border:1px solid var(--glass-border);border-radius:99px;background:var(--glass-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.stamp-designs{display:flex;gap:.45rem}.stamp-design{width:46px;height:46px;padding:7px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass);color:var(--ink-dim);cursor:pointer;transition:border-color .25s ease,color .25s ease,transform .25s ease}.stamp-design:hover{transform:translateY(-2px);color:var(--ink)}.stamp-design.selected{border-color:var(--accent);color:var(--accent)}.stamp-design svg{width:100%;height:100%}.stamp-color{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--ink-dim);cursor:pointer}.stamp-color input{width:34px;height:34px;padding:0;border:1px solid var(--glass-border);border-radius:50%;background:none;cursor:pointer}.stamp-color input::-webkit-color-swatch-wrapper{padding:3px}.stamp-color input::-webkit-color-swatch{border:none;border-radius:50%}.stamp-status{font-size:.8rem;color:var(--ink-dim);max-width:34em}.stamp-status.muted{color:var(--ink-faint)}.stamp-status.error{color:#ff9d8a}@media(max-width:720px){.site-nav nav{gap:1rem}.hud{align-items:flex-end}.hero-card h1{font-size:1.7rem}.lede{display:none}.book{height:min(58vh,560px)}.pp-note{display:none}.stamp{width:16%}.stamp-toolbar{border-radius:20px}}@media(prefers-reduced-motion:reduce){.reveal,.site-nav,#intro,.modal,.modal-card{transition-duration:.01s;transition-delay:0s}.intro-bar span,.stamp{animation-duration:.01s}.stamp{opacity:.92}}