:root{--bg:#fbf8f4;--bg-deep:#f4efe7;--text:#3d2e1f;--text-soft:#7a6a5a;--text-faint:#b8ac9e;--accent:#c17d4a;--accent-hover:#a8653a;--card-bg:#fff;--hairline:#ebe3d7;--shadow:#3d2e1f1a;--shadow-deep:#3d2e1f2e;--overlay:#3d2e1f8c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Nunito,ui-sans-serif,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 800px at 15% 10%,#c17d4a12,#0000 60%),radial-gradient(900px 700px at 90% 95%,#c17d4a0d,#0000 60%);position:fixed;inset:0}#__next{z-index:1;height:100%;position:relative}.serif{font-family:Lora,Georgia,serif}.gate{place-items:center;height:100%;padding:24px;display:grid}.gate-card{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(420px,92vw);animation:.8s ease-out both gateIn;display:flex}.gate-mark{width:54px;height:54px;box-shadow:0 6px 20px var(--shadow), inset 0 0 0 1px #fff9;color:var(--accent);background:linear-gradient(150deg,#fff,#f4ead9);border-radius:50%;place-items:center;display:grid}.gate-title{letter-spacing:-.005em;font-family:Lora,serif;font-size:2rem;font-weight:600}.gate-sub{color:var(--text-soft);margin-top:-10px;font-size:.95rem}.gate-form{flex-direction:column;gap:12px;width:100%;margin-top:6px;display:flex}.gate-input{border:1.5px solid var(--hairline);width:100%;color:var(--text);text-align:center;letter-spacing:.04em;background:#fff;border-radius:14px;padding:14px 18px;font:400 1.05rem/1 Nunito,sans-serif;transition:border-color .2s,box-shadow .2s}.gate-input::placeholder{color:var(--text-faint);letter-spacing:.02em}.gate-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #c17d4a1f}.gate-input.err{border-color:#c8553b;box-shadow:0 0 0 4px #c8553b1f}.gate-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:14px 18px;font:700 1rem/1 Nunito,sans-serif;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 18px #c17d4a47}.gate-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 22px #c17d4a57}.gate-err{color:#c8553b;min-height:1em;font-size:.85rem}.gate-foot{color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-size:.78rem}.letter-back{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(8px);place-items:center;padding:24px;animation:.35s ease-out both fadeIn;display:grid;position:fixed;inset:0}.letter-card{background:linear-gradient(#fffdf8,#fbf6ec);border-radius:22px;flex-direction:column;gap:14px;width:min(773px,94vw);max-height:90vh;padding:40px 44px 30px;animation:.7s cubic-bezier(.2,.7,.2,1) both letterIn;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #3d2e1f59,inset 0 0 0 1px #fff9}.letter-card:before{content:"";pointer-events:none;background:radial-gradient(120% 60% at 50% 0,#c17d4a14,#0000 60%);border-radius:22px;position:absolute;inset:0}.letter-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-family:ui-monospace,monospace;font-size:.72rem;display:flex}.letter-eyebrow:before,.letter-eyebrow:after{content:"";opacity:.45;background:currentColor;flex:1;height:1px}.letter-h{letter-spacing:-.01em;margin-top:-2px;font-family:Lora,serif;font-size:1.7rem;font-weight:600}.letter-body{color:#4a3826;flex-direction:column;gap:.55em;font-family:Lora,serif;font-size:.97rem;line-height:1.65;display:flex;overflow:hidden}.letter-body p:last-of-type{color:var(--accent-hover);margin-top:.3em;font-style:italic}.letter-foot{justify-content:space-between;align-items:center;gap:14px;margin-top:8px;display:flex}.letter-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-family:ui-monospace,monospace;font-size:.7rem}.letter-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:.7rem 1.5rem;font:700 .95rem/1 Nunito,sans-serif;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 6px 18px #c17d4a47}.letter-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.machine{grid-template-rows:auto 1fr auto;height:100%;padding:24px 36px;display:grid}.header{justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin:0 auto;display:flex}.brand{letter-spacing:-.005em;align-items:center;gap:12px;font-family:Lora,serif;font-size:1.25rem;font-weight:600;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #c17d4a29}.brand-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);border-left:1px solid var(--hairline);white-space:nowrap;margin-left:14px;padding-left:14px;font-family:ui-monospace,monospace;font-size:.72rem}.icon-row{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--hairline);cursor:pointer;width:42px;height:42px;color:var(--text);background:#fff;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;display:grid;box-shadow:0 2px 8px #3d2e1f0f}.icon-btn:hover{box-shadow:0 6px 18px var(--shadow);border-color:#e0d4c2;transform:translateY(-1px)}.icon-btn.on{background:var(--accent);color:#fff;border-color:#0000}.stage{justify-content:center;align-items:center;width:100%;max-width:1180px;min-height:0;margin:0 auto;padding:8px 0;display:flex}.row{grid-template-columns:52fr 48fr;align-items:center;gap:64px;width:100%;display:grid}.photo-wrap{justify-content:center;align-items:center;display:flex;position:relative}.photo-deck{aspect-ratio:4/5;height:min(68vh,660px);position:relative}.photo-card{background:var(--card-bg);box-shadow:0 22px 60px var(--shadow-deep), 0 3px 10px var(--shadow);isolation:isolate;cursor:zoom-in;z-index:1;border-radius:20px;transition:transform .25s,box-shadow .25s;position:absolute;inset:0;overflow:hidden}.photo-card:hover{transform:translateY(-2px)rotate(.2deg)}.photo-card.spinning{cursor:default}.photo-card.spinning:hover{transform:none}.stack-card{pointer-events:none;background:#fffefb;border-radius:20px;position:absolute;inset:0}.stack-1{transform:rotate(-5deg)translate(-32px,30px);box-shadow:0 20px 44px #3d2e1f1f,inset 0 0 0 1px #3d2e1f0d}.stack-2{transform:rotate(3.6deg)translate(28px,22px);box-shadow:0 16px 36px #3d2e1f1a,inset 0 0 0 1px #3d2e1f0d}.stack-3{transform:rotate(-1.8deg)translate(-12px,10px);box-shadow:0 12px 28px #3d2e1f14,inset 0 0 0 1px #3d2e1f0a}.reel-viewport{border-radius:20px;position:absolute;inset:0;overflow:hidden}.reel-track{will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.reel-cell{width:100%;height:var(--cell-h,100%);flex:none;position:relative}.reel-img{object-fit:cover;width:100%;height:100%;transition:filter .5s;position:absolute;inset:0}.spinning .reel-img{filter:blur(8px)saturate(.92)}.photo-frame{pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 60px #3d2e1f1f}.lightbox{z-index:60;-webkit-backdrop-filter:blur(10px);cursor:zoom-out;background:#3d2e1fc7;place-items:center;padding:5vh 4vw;animation:.25s ease-out both fadeIn;display:grid;position:fixed;inset:0}.lightbox-img{aspect-ratio:4/5;object-fit:cover;border-radius:18px;max-width:92vw;height:90vh;animation:.35s cubic-bezier(.2,.7,.2,1) both lbIn;box-shadow:0 30px 80px #00000073}.lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s;display:grid;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#fff3}.quote-col{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:0 8px;display:flex}.quote-mark{color:var(--accent);opacity:.55;-webkit-user-select:none;user-select:none;margin-bottom:-22px;font-family:Lora,serif;font-size:5rem;line-height:1}.quote-text{color:var(--text);text-wrap:pretty;max-width:30ch;font-family:Lora,serif;font-size:1.55rem;font-style:italic;font-weight:400;line-height:1.55;transition:opacity .35s}.quote-text.fading{opacity:0}.author{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap;align-items:center;gap:10px;font:600 .92rem/1 Nunito,sans-serif;transition:opacity .35s;display:inline-flex}.author.fading{opacity:0}.author:before{content:"";background:var(--text-soft);opacity:.6;flex:none;width:24px;height:1px;display:inline-block}.one-more{background:var(--accent);color:#fff;letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:0;border-radius:14px;align-items:center;gap:10px;margin-top:10px;padding:.95rem 2.4rem;font:700 1rem/1 Nunito,sans-serif;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 26px #c17d4a52}.one-more:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 14px 32px #c17d4a61}.one-more:active{transform:translateY(0)}.one-more:disabled{opacity:.7;cursor:default;transform:none;box-shadow:0 6px 14px #c17d4a33}.foot{height:8px}.ic{width:18px;height:18px;display:block}@keyframes gateIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes letterIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes lbIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (max-width:768px){.machine{grid-template-rows:auto 1fr auto;padding:0;overflow:hidden}.header{padding:62px 18px 14px}.brand{gap:10px;font-size:1.05rem}.brand-dot{width:8px;height:8px;box-shadow:0 0 0 3px #c17d4a2e}.brand-meta{letter-spacing:.16em;margin-left:8px;padding-left:10px;font-size:.62rem}.icon-btn{width:36px;height:36px;box-shadow:0 2px 6px #3d2e1f0f}.icon-row{gap:8px}.stage{padding:0}.row{flex-direction:column;gap:0;height:100%;display:flex}.photo-wrap{flex:1;min-height:0;padding:0 28px}.photo-deck{aspect-ratio:4/5;height:100%;max-height:56vh}.stack-1{transform:rotate(-4.2deg)translate(-20px,22px)}.stack-2{transform:rotate(3deg)translate(18px,16px)}.stack-3{transform:rotate(-1.4deg)translate(-8px,8px)}.photo-card,.reel-viewport,.photo-frame,.stack-card{border-radius:18px}.quote-col{gap:14px;padding:20px 28px 26px}.quote-mark{margin-top:-6px;margin-bottom:-10px;font-size:3rem;line-height:.55}.quote-text{max-width:30ch;font-size:1.06rem;line-height:1.5}.author{letter-spacing:.08em;font-size:.72rem}.author:before{width:18px}.one-more{border-radius:999px;margin-top:8px;padding:14px 28px}.foot{display:none}.letter-back{padding:60px 16px 36px}.letter-card{border-radius:20px;gap:10px;width:100%;max-height:100%;padding:20px 22px 16px}.letter-eyebrow{font-size:.6rem}.letter-h{font-size:1.15rem}.letter-body{gap:.4em;font-size:.78rem;line-height:1.5}.letter-foot{margin-top:6px}.letter-meta{font-size:.58rem}.letter-btn{border-radius:10px;padding:8px 16px;font-size:.8rem}.gate{padding:30px 28px}.gate-card{gap:18px}.gate-mark{width:46px;height:46px}.gate-title{font-size:1.7rem}.gate-sub{margin-top:-8px;font-size:.85rem}.gate-form{gap:10px;margin-top:4px}.gate-input{border-radius:12px;padding:13px 16px;font-size:1rem}.gate-btn{border-radius:12px;padding:13px;font-size:.95rem}.gate-foot{font-size:.66rem}.lightbox{padding:50px 14px 30px}.lightbox-img{width:100%;height:auto;max-height:90vh}}@media (min-width:1200px){.row{grid-template-columns:54fr 46fr;gap:72px}.quote-text{font-size:1.65rem}.photo-deck{height:min(72vh,720px)}}