:root{--black:#080806;--ruby:#7f0e24;--gold:#d6b25e;--ivory:#f4ead2;--muted:#aaa08b;--emerald:#173e31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Manrope,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:9;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:3;top:0;left:0;width:100%;padding:28px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6b25e22}.monogram{font:500 28px 'Cormorant Garamond';letter-spacing:.1em;color:var(--ivory);text-decoration:none}.monogram span{color:var(--gold);margin:0 4px}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--muted);font-size:13px;text-decoration:none;letter-spacing:.08em}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:center;gap:7vw;position:relative;padding:120px 7vw 70px;isolation:isolate;background:radial-gradient(circle at 82% 30%,#173e3166 0,transparent 30%),linear-gradient(135deg,#080806 0,#140b0b 100%)}.hero:before{content:"";position:absolute;inset:26px;border:1px solid #d6b25e33;pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.34em;color:var(--gold);margin-bottom:26px}.hero h1,.moment h2{font:500 clamp(64px,9vw,132px)/.78 'Cormorant Garamond';letter-spacing:-.045em;margin:0;text-transform:uppercase}.hero h1 em{font-weight:400;color:var(--gold);font-style:normal}.intro{max-width:510px;margin:34px 0 0;color:var(--muted);font-size:16px;line-height:1.8;border-left:1px solid var(--gold);padding-left:22px}.scroll{display:inline-block;color:var(--ivory);text-decoration:none;margin:42px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.22em}.scroll span{display:block;font-size:22px;color:var(--gold);animation:down 1.7s infinite}.royal-portrait{margin:0;position:relative;z-index:2}.portrait-frame{position:relative;padding:10px;border:1px solid var(--gold);background:#110f0b;box-shadow:0 35px 90px #000}.portrait-frame:before,.portrait-frame:after{content:"◆";position:absolute;z-index:2;color:var(--gold);font-size:25px;left:50%;transform:translateX(-50%);background:var(--black);padding:0 12px}.portrait-frame:before{top:-17px}.portrait-frame:after{bottom:-17px}.portrait-frame img{display:block;width:100%;aspect-ratio:1/1.14;object-fit:cover;object-position:center 18%;filter:saturate(.82) contrast(1.06)}.royal-portrait figcaption{text-align:center;margin-top:26px;color:var(--gold);font:italic 25px 'Cormorant Garamond';letter-spacing:.08em}.royal-portrait small{display:block;color:var(--muted);font:11px Manrope;text-transform:uppercase;letter-spacing:.22em;margin-top:7px}.reasons{padding:130px clamp(24px,7vw,110px)}.section-title{display:flex;gap:25px;align-items:center;margin-bottom:55px}.section-title span{color:var(--gold);font-size:12px}.section-title h2{font:500 clamp(38px,5vw,70px) 'Cormorant Garamond';margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6b25e38}.cards article{background:var(--black);min-height:310px;padding:42px;position:relative;transition:.35s;border-top:2px solid transparent}.cards article:hover{background:#111811;border-top-color:var(--gold);transform:translateY(-7px)}.cards b{font:500 34px 'Cormorant Garamond'}.cards p{color:var(--muted);line-height:1.8;margin-top:28px;max-width:290px}.cards i{position:absolute;right:30px;bottom:24px;font:italic 50px 'Cormorant Garamond';color:#d6b25e28}.moment{min-height:90svh;text-align:center;display:grid;place-content:center;padding:90px 24px;background:radial-gradient(circle at 50% 50%,#173e31 0,#0f211b 34%,var(--black) 72%);border-block:1px solid #d6b25e33}.moment p{color:var(--gold);text-transform:uppercase;letter-spacing:.3em;font-size:11px}.moment h2{font-size:clamp(50px,8vw,110px)}.moment .date{font:italic 60px 'Cormorant Garamond';color:var(--gold);margin-top:28px}.letter-section{min-height:100svh;padding:120px clamp(24px,7vw,110px);display:flex;flex-direction:column;align-items:center}.letter-section .section-title{align-self:flex-start}.envelope{position:relative;width:min(500px,86vw);height:300px;border:1px solid var(--gold);background:#d8c39d;cursor:pointer;margin-top:30px;box-shadow:0 30px 80px #0008;transition:.5s}.envelope:before,.envelope:after{content:"";position:absolute;inset:0;border-style:solid}.envelope:before{border-width:150px 250px;border-color:transparent #dfcda9 #dfcda9 transparent}.envelope:after{border-width:150px 250px;border-color:transparent transparent #cbb485 #cbb485}.flap{position:absolute;z-index:2;inset:0;clip-path:polygon(0 0,100% 0,50% 65%);background:#eadbbd;transform-origin:top;transition:.6s}.seal{position:absolute;z-index:3;left:50%;top:54%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ruby);color:#fff;font-size:22px;transition:.4s;border:1px solid var(--gold)}.hint{position:absolute;z-index:4;bottom:-44px;left:0;width:100%;color:var(--muted);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.envelope.open{transform:translateY(35px)}.envelope.open .flap{transform:rotateX(180deg);z-index:0}.envelope.open .seal{opacity:0}.note{width:min(430px,76vw);padding:45px;background:#fff8e8;color:#261d12;font:500 22px/1.55 'Cormorant Garamond';transform:translateY(-245px);opacity:0;transition:.7s;pointer-events:none;box-shadow:0 20px 70px #0004;border:1px solid var(--gold)}.note.show{transform:translateY(-180px);opacity:1}.signature{font-size:30px;font-style:italic;color:var(--ruby)}footer{padding:36px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-top:1px solid #d6b25e22}footer:not(span){color:var(--gold)}@keyframes down{50%{transform:translateY(8px)}}@media(max-width:760px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px;text-align:center}.hero h1{font-size:17vw}.hero-copy{order:2}.royal-portrait{width:82%;margin:auto;order:1}.intro{margin-left:auto;margin-right:auto;text-align:left}.scroll{margin-left:auto;margin-right:auto}.cards{grid-template-columns:1fr}.cards article{min-height:230px}.reasons{padding-top:90px}.envelope{height:210px}.envelope:before,.envelope:after{border-width:105px 43vw}.note{font-size:19px;transform:translateY(-170px)}.note.show{transform:translateY(-125px)}.moment{min-height:70svh}}