:root{--wine:#541914;--deep:#250b08;--maple:#a94331;--copper:#d79568;--ivory:#fbf6ed;--cream:#f1e6d8;--rose:#ead8ca;--ink:#2b1b17;--muted:#78675f;--line:rgba(84,25,20,.16);--display:"Italiana",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:300;background:#fff;padding:10px 16px;transform:translateY(-140%)}.skip:focus{transform:none}.site-header{height:158px;position:fixed;inset:0 0 auto;z-index:80;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s}.site-header.scrolled{height:126px;background:#fbf6ede8;color:var(--wine);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand,.footer-brand{display:flex;align-items:center;gap:17px;font-size:.76rem;font-weight:600;letter-spacing:.2em;line-height:1}.brand img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:1px solid #ffffff4a;box-shadow:0 10px 34px #1604035c}.site-header.scrolled .brand img{border-color:var(--line);box-shadow:0 10px 30px #54100d20}.brand small,.footer-brand span{display:block;font-size:.48rem;letter-spacing:.32em;color:var(--copper);margin-top:6px}.desktop-nav{display:flex;gap:34px;font-size:.7rem}.desktop-nav a{opacity:.82}.menu,.mobile-nav{display:none}.section{padding:clamp(100px,11vw,172px) max(24px,7vw)}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:.61rem;font-weight:600;margin:0}.maple{color:var(--maple)}.copper{color:var(--copper)}
.hero{height:100svh;min-height:740px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:0 max(24px,7vw) 10vh;color:#fff;background:linear-gradient(126deg,#2b0d0a,#68271f 54%,#a9533d)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#210604a3,transparent 64%),linear-gradient(0deg,#250b0875,transparent 52%)}.wash{position:absolute;inset:0;opacity:.76;filter:blur(2px)}.wash i{position:absolute;border-radius:48% 52% 59% 41%;mix-blend-mode:screen;filter:blur(34px)}.wash i:first-child{width:62vw;height:75vh;right:-12vw;top:-10vh;background:#e7a57663;transform:rotate(-14deg)}.wash i:nth-child(2){width:34vw;height:55vh;right:17vw;top:25vh;background:#f3dac353;transform:rotate(18deg)}.wash i:last-child{width:25vw;height:40vh;right:0;bottom:-10vh;background:#7b271c77}.star{position:absolute;z-index:2;color:#f6d5bb;opacity:.7}.star-a{right:13vw;top:24vh;font-size:4rem}.star-b{right:31vw;top:48vh;font-size:1.8rem}.hero-copy{position:relative;z-index:3}.hero h1{font:400 clamp(6.2rem,15.5vw,15.5rem)/.69 var(--display);letter-spacing:-.065em;margin:34px 0 48px}.hero h1 em{font-style:normal;color:#efb58a}.hero-copy>p:last-child{font:400 clamp(1.1rem,1.7vw,1.55rem)/1.5 var(--display)}.hero-note{position:absolute;z-index:3;right:max(24px,5vw);top:45%;display:flex;flex-direction:column;text-align:right;text-transform:uppercase;letter-spacing:.17em;font-size:.52rem}.scroll-cue{position:absolute;z-index:3;right:max(24px,5vw);bottom:7vh;display:flex;align-items:center;gap:17px;text-transform:uppercase;letter-spacing:.16em;font-size:.55rem}.scroll-cue i,.closing a span{width:48px;height:48px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-style:normal}
.intro{background:var(--ivory)}.intro-grid{display:grid;grid-template-columns:1.2fr .62fr;gap:8vw;align-items:end}.intro h2,.closing h2{font:400 clamp(3.7rem,7vw,7.5rem)/.96 var(--display);letter-spacing:-.05em;margin:28px 0 0;color:var(--wine)}.intro h2 em,.closing h2 em{color:var(--maple);font-style:normal}.intro-grid>div{color:var(--muted);font-size:.9rem}.intro-grid>div p+p{margin-top:20px}
.tribute{display:grid;grid-template-columns:1.04fr .96fr;min-height:820px;background:var(--cream)}.malia{background:#f7eee4}.portrait{min-height:820px;position:relative;overflow:hidden;display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 34% 26%,#e5b592 0 7%,transparent 30%),radial-gradient(circle at 72% 72%,#823d32 0 5%,transparent 30%),linear-gradient(140deg,#bd7b5e,#63372f)}.portrait:before,.portrait:after{content:"";position:absolute;border:1px solid #fff3;border-radius:47% 53% 44% 56%;inset:9%;transform:rotate(-9deg)}.portrait:after{inset:18%;transform:rotate(13deg)}.malia .portrait{background:radial-gradient(circle at 70% 23%,#f1caaa 0 7%,transparent 30%),linear-gradient(140deg,#c68a6d,#744036)}.portrait span,.portrait small,.portrait b{position:relative;z-index:1}.portrait span{text-transform:uppercase;letter-spacing:.22em;font-size:.54rem}.portrait b{font:400 clamp(13rem,25vw,26rem)/.78 var(--display);opacity:.16}.portrait small{text-transform:uppercase;letter-spacing:.14em;font-size:.48rem}.profile{padding:clamp(60px,7.5vw,118px);display:flex;flex-direction:column;justify-content:center}.number{color:var(--maple);font-size:.56rem;letter-spacing:.2em}.profile h2{font:400 clamp(5.7rem,9vw,9.4rem)/.82 var(--display);letter-spacing:-.05em;color:var(--wine);margin:28px 0 10px}.alias{font:400 1.25rem/1.2 var(--display);color:var(--maple);margin:0 0 15px}.profile>p:not(.number):not(.eyebrow):not(.birth):not(.alias){max-width:620px;color:var(--muted);font-size:.88rem}.profile>p+p{margin-top:12px}.birth{text-transform:uppercase;letter-spacing:.15em;font-size:.54rem;color:var(--maple);margin:0 0 26px}.legacy{margin:30px 0 0;padding:24px 0 2px;border-top:1px solid var(--line);max-width:620px}.legacy span{text-transform:uppercase;letter-spacing:.2em;font-size:.54rem;color:var(--maple)}.legacy p{font:400 1.08rem/1.55 var(--display);color:var(--wine);margin:9px 0 0}.future-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.profile-link{background:var(--wine);color:#fff;padding:15px 20px;text-transform:uppercase;letter-spacing:.14em;font-size:.57rem}.profile-link.disabled{opacity:.62}.text-link{color:var(--maple);font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);padding:10px 0}.disabled{cursor:default}
.memory-band{min-height:540px;position:relative;overflow:hidden;display:grid;place-items:center;padding:95px 7vw;text-align:center;background:var(--wine);color:#fff}.memory-band p{position:relative;z-index:1;font:400 clamp(3rem,6vw,6.4rem)/1.03 var(--display);margin:0}.memory-band em{color:#f5bc8d;font-style:normal}.memory-band>span{position:absolute;font:400 37vw/1 var(--display);color:#fff;opacity:.035}.closing{position:relative;overflow:hidden;background:var(--ivory)}.closing-wash{position:absolute;width:55vw;height:55vw;border-radius:50%;right:-18vw;top:-25vw;background:#cf78551a;filter:blur(22px)}.closing-grid{position:relative;display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end}.closing-grid>div{color:var(--muted);font-size:.9rem}.closing a{margin-top:35px;display:inline-flex;align-items:center;gap:18px;color:var(--wine);text-transform:uppercase;letter-spacing:.16em;font-size:.58rem}footer{background:var(--deep);color:#fff;padding:52px max(24px,7vw);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand img{width:190px;height:190px;object-fit:cover;border-radius:50%;border:1px solid #ffffff24;box-shadow:0 16px 40px #0004}.footer-brand{gap:17px}footer p{font-size:.61rem;color:#a17b6e}.reveal{opacity:0;transform:translateY(22px);transition:.8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav{display:none}.menu{display:block;width:47px;height:47px;border:1px solid currentColor;border-radius:50%;background:none;color:inherit;position:relative}.menu span{position:absolute;width:15px;height:1px;background:currentColor;left:15px;top:18px}.menu span+span{top:25px}.menu b{position:absolute;clip:rect(0 0 0 0)}.mobile-nav{display:flex;position:fixed;inset:126px 0 auto;background:#fbf6ed;color:var(--wine);flex-direction:column;padding:25px;gap:18px;transform:translateY(-180%);transition:.3s}.mobile-nav.open{transform:none}.intro-grid,.closing-grid{grid-template-columns:1fr}.tribute{grid-template-columns:1fr}.malia .profile{order:2}.portrait{min-height:60vh}.profile{min-height:680px}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.site-header{height:116px}.site-header.scrolled{height:98px}.brand img{width:88px;height:88px}.brand span{font-size:.63rem}.mobile-nav{inset-block-start:98px}.hero{min-height:760px;padding-bottom:100px}.hero h1{font-size:5.6rem;margin:34px 0 48px}.hero-note{top:125px;left:22px;right:auto;text-align:left}.section{padding:95px 22px}.intro h2,.closing h2{font-size:3.45rem}.portrait{min-height:440px}.profile{padding:68px 25px;min-height:auto}.profile h2{font-size:5rem}.memory-band{min-height:450px;padding:80px 24px}.memory-band p{font-size:3rem}.footer-brand img{width:158px;height:158px}footer{padding:44px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}