:root{color:#133225;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#0d3b2a;--green-soft:#216248;--gold:#b68a2f;--gold-bright:#e8c875;--silver:#d9dde0;--ink:#10291f;--muted:#557064;--glass:#ffffff94;background:#f8f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #0d3b2a61}h1,h2,p,blockquote{margin:0}.gift-atelier{isolation:isolate;background:radial-gradient(circle at 50% 22%,#fffffffa 0 10rem,#0000 28rem),radial-gradient(circle at 22% 18%,#e8c87552,#0000 22rem),radial-gradient(circle at 82% 76%,#0d3b2a2e,#0000 25rem),linear-gradient(135deg,#fff 0%,#f4f2eb 44%,#edf1ec 100%);place-items:center;width:100%;min-height:100svh;padding:clamp(18px,5vw,56px);display:grid;position:relative;overflow:hidden}.gift-atelier:before{content:"";z-index:-4;background-image:linear-gradient(#b68a2f14 1px,#0000 1px),linear-gradient(90deg,#0d3b2a0e 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0 34%,#0000 78%);mask-image:radial-gradient(circle at 50% 48%,#000 0 34%,#0000 78%)}.brand-glow{z-index:-3;aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#21624838,#0000 60%),radial-gradient(circle,#e8c8753d,#0000 46%);border-radius:999px;width:min(62vw,680px);animation:7s ease-in-out infinite alternate breatheGlow;position:absolute}.silver-orbit{z-index:-2;pointer-events:none;border:1px solid #9ea5a647;border-radius:999px;position:absolute}.orbit-one{aspect-ratio:1.8;width:min(86vw,980px);transform:rotate(-9deg)}.orbit-two{aspect-ratio:1.45;border-color:#b68a2f47;width:min(72vw,760px);transform:rotate(17deg)}.particle-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle-field span{left:var(--left);width:var(--size);aspect-ratio:1;background:radial-gradient(circle, #fff8dc 0 18%, var(--gold-bright) 48%, #b68a2f00 74%);opacity:0;animation:particleRise var(--duration) linear infinite;animation-delay:var(--delay);border-radius:999px;position:absolute;bottom:-10vh;box-shadow:0 0 22px #e8c875b8}.scene-glow .particle-field span,.scene-finale .particle-field span{opacity:.75}.gift-scene{text-align:center;place-items:center;width:min(100%,1120px);min-height:min(82svh,780px);display:grid;position:relative}.intro-composition,.dedication-wrap,.gallery-wrap,.quote-wrap,.glow-wrap,.finale-wrap{place-items:center;gap:clamp(18px,3vw,32px);width:min(100%,980px);display:grid}.glass-emblem{aspect-ratio:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffffc2,#ffffff42),radial-gradient(circle at 30% 24%,#e8c87585,#0000 54%);border:1px solid #ffffffc2;border-radius:999px;place-items:center;width:clamp(92px,14vw,150px);animation:5s ease-in-out infinite alternate emblemFloat;display:grid;position:relative;box-shadow:inset 0 1px #fffffff0,0 24px 70px #0d3b2a2e,0 0 0 9px #ffffff38}.glass-emblem:after{content:"";border-radius:inherit;border:1px solid #b68a2f8a;position:absolute;inset:14%}.glass-emblem span{color:var(--green);font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,8vw,5.8rem);line-height:1}.eyebrow,.scene-label{color:#6c5b2c;letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.72rem,1.7vw,.82rem);font-weight:800}.intro-composition h1{max-width:12ch;color:var(--green);letter-spacing:0;text-wrap:balance;text-shadow:0 20px 52px #0d3b2a1f;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.65rem,8vw,6.9rem);font-weight:500;line-height:.95}.intro-composition h1:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(64%,420px);height:1px;margin:clamp(18px,2.6vw,26px) auto 0;display:block;box-shadow:0 0 20px #e8c875b3}.intro-line{color:#314e42;text-wrap:balance;max-width:42rem;font-size:clamp(1.04rem,2.5vw,1.45rem);font-weight:500;line-height:1.58}.primary-action,.ghost-action{cursor:pointer;color:#10291f;letter-spacing:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffeb,#faf6e6b8),linear-gradient(135deg,#e8c8753d,#fff0);border:1px solid #b68a2f85;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-weight:800;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex;box-shadow:inset 0 1px #fffffff5,0 18px 44px #0d3b2a1f,0 0 30px #e8c87538}.primary-action:hover,.ghost-action:hover{border-color:#0d3b2a6b;transform:translateY(-2px);box-shadow:inset 0 1px #fffffff5,0 22px 54px #0d3b2a29,0 0 38px #e8c8754d}.glass-letter{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffffb8,#ffffff5c),radial-gradient(circle at 12% 0,#e8c87542,#0000 22rem);border:1px solid #ffffffb3;border-radius:28px;align-content:center;gap:clamp(18px,3vw,28px);width:min(100%,820px);min-height:clamp(360px,55svh,520px);padding:clamp(24px,5vw,56px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 28px 86px #0d3b2a26}.glass-letter:before,.honor-frame:before,.quote-seal:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0 35%,#ffffff94 45%,#0000 56% 100%);animation:5.8s ease-in-out infinite glassSheen;position:absolute;inset:0;transform:translate(-120%)}.typed-copy{white-space:pre-line;color:var(--ink);text-align:left;font-size:clamp(1.02rem,2.4vw,1.34rem);font-weight:470;line-height:1.72}.typing-caret{background:var(--gold);width:2px;height:1.1em;margin-left:3px;animation:.78s steps(2,start) infinite caretBlink;display:inline-block;transform:translateY(.16em)}.gallery-heading{gap:12px;max-width:720px;display:grid}.gallery-heading h2,.finale-wrap h2{color:var(--green);letter-spacing:0;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.05rem,5.2vw,4.7rem);font-weight:500;line-height:1.02}.honor-gallery{perspective:1100px;justify-content:center;align-items:center;width:min(100%,920px);min-height:clamp(310px,42svh,390px);display:flex;position:relative}.honor-frame{aspect-ratio:.72;width:clamp(145px,18vw,210px);color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:6s ease-in-out infinite alternate frameDrift;animation-delay:calc(var(--frame-index,0) * .4s);background:linear-gradient(#ffffff52,#ffffffe6),radial-gradient(circle at 50% 22%,#e8c87561,#0000 42%),linear-gradient(145deg,#d9dde06b,#ffffff9e);border:1px solid #ffffffbd;border-radius:24px;align-content:end;gap:7px;margin-inline:clamp(-42px,-4vw,-24px);padding:18px;transition:transform .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 24px 58px #0d3b2a29}.honor-frame:nth-child(2n){translate:0 -18px}.honor-frame:hover{z-index:3;box-shadow:inset 0 1px #ffffffeb,0 34px 76px #0d3b2a38;transform:translateY(-14px)rotate(0)scale(1.03)!important}.portrait-light{aspect-ratio:1;background:radial-gradient(circle at 50% 32%,#ffffffe6,#0000 34%),linear-gradient(150deg,#0d3b2a47,#e8c8756b);border-radius:999px 999px 46% 46%;width:54%;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 0 52px #e8c87561}.honor-frame strong{color:var(--green);font-size:clamp(1rem,1.8vw,1.16rem);position:relative}.honor-frame span{color:#4c665b;font-size:.84rem;line-height:1.35;position:relative}.quote-wrap{gap:clamp(24px,4vw,38px)}.quote-seal{width:min(100%,760px);min-height:clamp(330px,54svh,520px);color:var(--green);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:radial-gradient(circle,#ffffffc7,#ffffff57 64%,#e8c87529),linear-gradient(145deg,#ffffff8a,#d9dde047);border:1px solid #b68a2f6b;border-radius:999px;place-items:center;gap:18px;padding:clamp(34px,8vw,76px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 12px #fff3,0 26px 86px #0d3b2a24,0 0 70px #e8c8753d}.quote-seal blockquote{text-wrap:balance;max-width:590px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.75rem,4.4vw,4rem);font-weight:500;line-height:1.12}.glow-wrap{min-height:min(74svh,680px)}.constellation-core{aspect-ratio:1;place-items:center;width:clamp(220px,44vw,520px);display:grid;position:relative}.constellation-core:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#fffffff5 0 18%,#e8c875ad 34%,#21624847 58%,#0000 72%);border-radius:999px;width:52%;animation:4s ease-in-out infinite alternate corePulse;box-shadow:0 0 90px #e8c8758f,0 0 120px #21624847}.constellation-core span{inset:calc(12% * var(--ring,1));border:1px solid #b68a2f57;border-radius:999px;animation:8s ease-in-out infinite alternate ringFloat;position:absolute}.constellation-core span:first-child{--ring:1}.constellation-core span:nth-child(2){--ring:2;animation-delay:.7s}.constellation-core span:nth-child(3){--ring:3;animation-delay:1.4s}.quiet-line{color:#38564a;text-wrap:balance;max-width:34rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,2.35rem);line-height:1.22}.finale-wrap{gap:clamp(16px,2.8vw,26px);width:min(100%,900px)}.finale-wrap h2{max-width:820px}.finale-copy{color:#2d493d;text-wrap:pretty;max-width:760px;font-size:clamp(1rem,2.2vw,1.28rem);font-weight:470;line-height:1.7}.signature{color:#705824;text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.24rem,3vw,2rem);line-height:1.25}.replay-action{margin-top:4px}@keyframes particleRise{0%{opacity:0;transform:translate(-10px)scale(.55)}14%{opacity:.72}to{opacity:0;transform:translate(24px,-118vh)scale(1.12)}}@keyframes breatheGlow{0%{opacity:.74;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}@keyframes emblemFloat{0%{transform:translateY(-4px)}to{transform:translateY(6px)}}@keyframes glassSheen{0%,42%{transform:translate(-120%)}68%,to{transform:translate(120%)}}@keyframes caretBlink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes frameDrift{0%{translate:0 -6px}to{translate:0 9px}}@keyframes corePulse{0%{opacity:.76;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}@keyframes ringFloat{0%{transform:rotate(-6deg)scale(.98)}to{transform:rotate(8deg)scale(1.04)}}@media (width<=760px){.gift-atelier{padding:clamp(16px,5vw,26px)}.gift-scene{min-height:calc(100svh - clamp(32px,10vw,52px))}.intro-composition{gap:18px}.intro-composition h1{max-width:9ch;font-size:clamp(2.45rem,15vw,4.2rem)}.intro-line{max-width:22rem;font-size:clamp(1rem,4.4vw,1.18rem)}.glass-letter{border-radius:22px;min-height:min(66svh,560px);padding:22px}.typed-copy{font-size:clamp(.94rem,3.8vw,1.06rem);line-height:1.62}.gallery-wrap{gap:16px}.gallery-heading h2,.finale-wrap h2{font-size:clamp(1.85rem,9vw,3rem);line-height:1.08}.honor-gallery{min-height:350px;transform:scale(.92)}.honor-frame{border-radius:20px;width:clamp(122px,36vw,148px);margin-inline:-34px;padding:14px}.honor-frame span{font-size:.76rem}.quote-seal{border-radius:38px;min-height:min(56svh,430px);padding:28px}.quote-seal blockquote{font-size:clamp(1.45rem,7.6vw,2.45rem);line-height:1.16}.constellation-core{width:clamp(210px,76vw,330px)}.finale-copy{font-size:clamp(.96rem,3.8vw,1.06rem);line-height:1.58}.primary-action,.ghost-action{width:min(100%,310px);min-height:50px;padding-inline:18px}}@media (height<=680px){.gift-atelier{padding-block:14px}.gift-scene{min-height:calc(100svh - 28px)}.glass-emblem{width:clamp(72px,12vh,108px)}.intro-composition,.dedication-wrap,.gallery-wrap,.quote-wrap,.glow-wrap,.finale-wrap{gap:14px}.glass-letter{min-height:0;padding-block:20px}.honor-gallery{min-height:280px}.quote-seal{min-height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}