.hp-letter{--paper:color-mix(in srgb, var(--fg1) 93%, var(--rose-gold));--ink:var(--black);--ink-2:color-mix(in srgb, var(--black) 70%, var(--paper));--ink-3:color-mix(in srgb, var(--black) 34%, var(--paper));--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='.4'/%3E%3C/svg%3E");position:relative;padding:clamp(56px,9vw,120px) var(--space-6);background:var(--black)}.hp-letter::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 42%,color-mix(in srgb,var(--rose-gold) 12%,transparent),transparent 72%)}.hp-letter__inner{position:relative;max-width:var(--container);margin:0 auto}.hp-letter__head{margin-bottom:clamp(30px,5vw,56px)}.hp-letter__eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg3);margin:0}.hp-letter__title{font-family:var(--script-kc);font-weight:400;font-size:var(--text-4xl);color:var(--rose-gold);line-height:1.05;margin:var(--space-3) 0 0}.hp-paper{position:relative;background:var(--paper);color:var(--ink)}.hp-paper::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:var(--grain);background-size:140px 140px;mix-blend-mode:multiply;opacity:.2}.hp-letter__board{display:grid;gap:clamp(20px,3.2vw,40px);grid-template-columns:1.15fr .8fr .95fr;grid-template-areas:"note   note  photo" "mascot stamp photo";align-items:start}.hp-letter__obj{transition:transform var(--dur-slow) var(--ease-magnetic)}.hp-letter__obj:hover{transform:rotate(0) translateY(-4px)}.hp-letter__note{grid-area:note;transform:rotate(-1.6deg);padding:clamp(24px,4vw,48px) clamp(20px,4vw,46px);border-radius:var(--radius-sharp);box-shadow:var(--depth-4)}.hp-letter__chapter{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3);margin:0}.hp-letter__script{font-family:var(--script-kc);font-size:clamp(2rem, 6vw, 3.25rem);color:var(--rose-gold);line-height:1.05;margin:var(--space-4) 0 var(--space-3)}.hp-letter__line{font-family:var(--font-display);font-variation-settings:'wdth' 115;font-size:clamp(1.25rem, 3.4vw, 1.875rem);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink);max-width:18ch;margin:0}.hp-letter__sig{font-family:var(--script-kc);font-size:var(--text-xl);color:var(--ink-2);margin:var(--space-6) 0 0}.hp-letter__wax{position:absolute;top:-14px;right:clamp(18px,5vw,46px);width:44px;height:44px;border-radius:var(--radius-pill);background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--crimson) 82%,var(--fg1)),color-mix(in srgb,var(--crimson) 55%,var(--black)) 55%,color-mix(in srgb,var(--crimson) 30%,var(--black)));display:grid;place-items:center;font-family:var(--script-kc);font-size:22px;color:var(--gold);box-shadow:var(--depth-1)}.hp-letter__photo{grid-area:photo;perspective:1200px;transform:rotate(2.4deg)}.hp-letter__tape{position:absolute;top:-13px;left:50%;width:92px;height:26px;transform:translateX(-50%) rotate(-3deg);background:color-mix(in srgb,var(--fg1) 62%,transparent);box-shadow:0 1px 3px rgba(0,0,0,.35);z-index:2}.hp-letter__flip{position:relative;width:100%;aspect-ratio:1/1.24;transform-style:preserve-3d;transition:transform .9s var(--ease-cinematic);border:0;padding:0;background:0 0;cursor:pointer;display:block;font:inherit;text-align:left}.hp-letter__flip.is-flipped{transform:rotateY(180deg)}.hp-letter__flip:focus-visible{outline:2px solid var(--rose-gold);outline-offset:10px}.hp-letter__face{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--radius-sharp);box-shadow:var(--depth-3);padding:12px 12px 46px;display:flex;flex-direction:column}.hp-letter__face--back{transform:rotateY(180deg);padding:clamp(18px,3vw,30px);justify-content:center}.hp-letter__shot{flex:1;min-height:0;overflow:hidden;background:var(--smoke)}.hp-letter__shot img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:saturate(.9) contrast(1.03)}.hp-letter__caption{font-family:var(--script-kc);font-size:var(--text-lg);color:var(--ink-2);padding-top:10px;text-align:center}.hp-letter__hand{font-family:var(--script-kc);font-size:clamp(1.375rem, 3.6vw, 1.875rem);color:var(--ink);line-height:1.25}.hp-letter__hand-sub{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3);margin-top:var(--space-4)}.hp-letter__turn{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg3);margin:var(--space-3) 0 0;text-align:center}.hp-letter__mascot{grid-area:mascot;position:relative;display:grid;place-items:end center;min-height:260px;margin-top:26px}.hp-kc-mascot{display:block;width:100%;max-width:240px;height:300px;background:0 0}.hp-letter__mascot-cap{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg3);text-align:center;margin:var(--space-3) 0 0}.hp-letter__stamp{grid-area:stamp;position:relative;transform:rotate(3.6deg);width:min(100%,190px);aspect-ratio:4/5;padding:12px;margin-top:26px;box-shadow:var(--depth-2);border:2px dashed color-mix(in srgb,var(--black) 22%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.hp-letter__stamp img{width:58%;mix-blend-mode:multiply}.hp-letter__stamp-label{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3);text-align:center}.hp-letter__postmark{position:absolute;right:-48px;bottom:-42px;width:96px;height:96px;border:2px solid color-mix(in srgb,var(--crimson) 70%,transparent);border-radius:var(--radius-pill);display:grid;place-items:center;text-align:center;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:color-mix(in srgb,var(--crimson) 78%,var(--black));transform:rotate(-13deg);line-height:1.5;background:color-mix(in srgb,var(--paper) 55%,transparent)}.hp-letter__cta{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:clamp(32px,5vw,56px);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg1);text-decoration:none;padding-bottom:var(--space-2);border-bottom:2px solid var(--rose-gold)}.hp-letter__cta:focus-visible,.hp-letter__cta:hover{color:var(--rose-gold)}@media (max-width:860px){.hp-letter__board{grid-template-columns:1fr;grid-template-areas:"note" "photo" "mascot" "stamp";justify-items:center}.hp-letter__note{transform:rotate(-.7deg)}.hp-letter__photo{transform:rotate(1deg);max-width:340px;width:100%}.hp-letter__mascot{width:100%;max-width:340px}.hp-letter__stamp{transform:rotate(1.6deg)}.hp-letter__postmark{right:8px;bottom:-26px}.hp-letter__obj:hover{transform:none}}.hp-close{background:radial-gradient(120% 80% at 50% 0,rgba(var(--rose-gold-rgb),.1),transparent 62%),var(--black);padding:var(--space-32) var(--space-6) var(--space-16);text-align:center}.hp-close__inner{max-width:760px;margin:0 auto}.hp-close__plate{background:#f4f1ee;border:1px solid rgba(var(--rose-gold-rgb),.55);box-shadow:var(--depth-2),0 0 0 1px rgba(0,0,0,.5);display:grid;place-items:center;overflow:hidden;width:clamp(140px,34vw,208px);aspect-ratio:1;margin:0 auto var(--space-8);border-radius:var(--radius-sm);padding:clamp(10px,3vw,18px)}.hp-close__plate img{width:100%;height:100%;object-fit:contain}.hp-close__eyebrow{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);color:var(--fg3);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin:0 0 var(--space-4)}.hp-close__statement{font-family:var(--font-display);font-weight:800;font-size:var(--text-5xl);font-variation-settings:'wdth' 125;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;color:var(--fg1)}.hp-close__script{display:block;font-family:var(--script-sig);font-weight:400;font-size:clamp(2rem, 6vw, 3.25rem);color:var(--rose-gold);letter-spacing:0;margin-top:var(--space-2);line-height:1.3}.hp-close__desc{font-size:var(--text-lg);color:var(--fg3);line-height:var(--leading-normal);max-width:52ch;margin:var(--space-6) auto 0}.hp-close__form{margin-top:var(--space-12)}.hp-close__line{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem, 3.4vw, 1.75rem);font-variation-settings:'wdth' 125;color:var(--fg2)}.hp-close__input{flex:1 1 min(320px,100%);min-width:0;max-width:380px;background:0 0;border:0;border-bottom:2px solid var(--rose-gold);color:var(--fg1);font-family:inherit;font-size:inherit;font-weight:500;text-align:center;padding:4px var(--space-2) 8px;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.hp-close__input::placeholder{color:var(--fg3);font-style:italic}.hp-close__input:focus{outline:0;border-bottom-color:var(--gold);box-shadow:0 8px 18px -14px rgba(var(--gold-rgb),.9)}.hp-close__go{flex:0 0 auto;cursor:pointer;background:0 0;color:var(--rose-gold);border:1px solid var(--rose-gold);border-radius:var(--radius-pill);width:46px;height:46px;font-size:1.1rem;line-height:1;display:grid;place-items:center;align-self:center;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease-magnetic),box-shadow var(--dur-base) var(--ease)}.hp-close__go:focus-visible,.hp-close__go:hover{background:var(--rose-gold);color:var(--black);box-shadow:var(--glow-rose)}.hp-close__go[disabled]{opacity:.55;cursor:progress}.hp-close__status{font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);line-height:var(--leading-snug);min-height:1.2em;color:var(--fg3);margin:var(--space-4) 0 0}.hp-close__status.is-err{color:var(--fg2)}.hp-close__status.is-ok{color:var(--fg1)}.hp-close__status.is-err::before,.hp-close__status.is-ok::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;vertical-align:middle}.hp-close__status.is-err::before{background:var(--crimson);box-shadow:var(--glow-crimson)}.hp-close__status.is-ok::before{background:var(--rose-gold);box-shadow:var(--glow-rose)}.hp-close__note{font-family:var(--font-ui);font-size:.75rem;color:var(--fg3);letter-spacing:var(--tracking-wide);margin:var(--space-3) 0 0}.hp-close__services{margin-top:var(--space-20);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:0}.hp-close__svc{background:0 0;border:0;cursor:pointer;color:var(--fg2);font-family:var(--font-ui);font-weight:600;font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;text-decoration:none;padding:var(--space-3) var(--space-6);position:relative;transition:color var(--dur-base) var(--ease)}.hp-close__svc+.hp-close__svc::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--border)}.hp-close__svc:focus-visible,.hp-close__svc:hover{color:var(--rose-gold)}.hp-close__svc small{display:block;text-transform:none;letter-spacing:0;font-size:.75rem;color:var(--fg3);margin-top:4px;max-width:22ch}.hp-close__scarcity{font-family:var(--font-accent);font-size:var(--text-xs);color:var(--fg3);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin:var(--space-12) 0 0}@media (prefers-reduced-motion:reduce){.hp-letter__obj:hover{transform:none}}