:root{--ink:#08090d;--paper:#e9e4da;--gold:#c9a967;--muted:#a49e94;--line:rgba(233,228,218,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,103,.06),transparent 67%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.nav{height:84px;padding:0 4.5vw;position:absolute;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}.monogram{color:var(--gold);font:600 26px 'Playfair Display';text-decoration:none;letter-spacing:-2px}.monogram span{font:10px 'DM Mono';vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:30px}.nav nav a,.sound-toggle{font:11px 'DM Mono';letter-spacing:.08em;color:var(--muted);text-transform:uppercase;text-decoration:none;background:none;border:0;cursor:pointer}.sound-toggle{color:var(--gold)}.section{position:relative;padding:140px 9vw}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 82%,#28231b 0,transparent 38%),linear-gradient(#0d0e14,#08090d 70%)}.spotlight{position:absolute;width:55vw;height:110vh;top:-30vh;background:linear-gradient(100deg,transparent 25%,rgba(227,209,161,.14) 49%,transparent 70%);filter:blur(16px);animation:sweep 11s ease-in-out infinite;transform:rotate(8deg)}@keyframes sweep{50%{transform:translateX(17vw) rotate(-8deg)}}.orb{position:absolute;border:1px solid rgba(201,169,103,.17);border-radius:50%;filter:blur(.2px)}.orb-one{width:600px;height:600px;left:-290px;bottom:-350px}.orb-two{width:360px;height:360px;right:-130px;top:15%}.eyebrow{font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.19em;color:var(--gold);margin:0 0 22px}.hero h1,.section-heading h2,.hall h2,.grand h2,dialog h2{font:600 clamp(55px,9vw,145px)/.86 'Playfair Display';letter-spacing:-.055em;margin:0;text-transform:uppercase;position:relative}.hero h1 em,.section-heading em,.happy em{font-weight:500;text-transform:none}.hero h1 sup{font:12px 'DM Mono';letter-spacing:0;vertical-align:top;margin-left:7px;color:var(--gold)}.year{font:500 18px 'DM Mono';color:var(--gold);margin:32px 0 14px}.tagline{font:14px 'DM Sans';letter-spacing:.08em;color:var(--muted)}.hero-line{height:1px;background:var(--gold);width:55px;margin:37px}.nominee-label{font:10px 'DM Mono';letter-spacing:.19em;text-transform:uppercase;color:var(--muted);margin:0}.dad{font:600 44px 'Playfair Display';letter-spacing:.15em;margin:7px 0 30px}.gold-button{position:relative;color:#17130d;background:var(--gold);padding:16px 20px;font:500 11px 'DM Mono';text-transform:uppercase;letter-spacing:.12em;text-decoration:none;transition:.3s}.gold-button:hover{background:#e3c786;transform:translateY(-3px)}.gold-button span{padding-left:20px;font-size:15px}.scroll{position:absolute;bottom:30px;font:9px 'DM Mono';text-transform:uppercase;letter-spacing:.15em;color:#736d64}.scroll span{display:block;width:1px;height:29px;background:#736d64;margin:10px auto 0}.reveal{animation:reveal .8s both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.profile{background:#111218}.section-heading h2{font-size:clamp(46px,7.5vw,108px)}.profile-layout{display:grid;grid-template-columns:1.1fr 1.35fr .75fr;gap:6vw;align-items:center;margin-top:75px}.portrait{height:470px;background:linear-gradient(150deg,#70614b,#24211e 48%,#c6a869);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.portrait:after{content:'';position:absolute;inset:11px;border:1px solid rgba(255,255,255,.4)}.portrait-text{font:100px/.65 'Playfair Display';color:#17130d;text-align:center;z-index:1}.portrait-text span{font:10px 'DM Mono';letter-spacing:.12em;text-transform:uppercase}.portrait>p{position:absolute;z-index:2;bottom:13px;left:20px;font:9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase;line-height:1.5;color:#1a1712}.record-title{font:11px 'DM Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 20px}.record dl{margin:0;border-top:1px solid var(--line)}.record dl div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}dt{font:11px 'DM Mono';text-transform:uppercase;color:#8c877e}dd{margin:0;font:500 18px 'Playfair Display'}.disclaimer{font:italic 14px 'Playfair Display';color:var(--muted);line-height:1.5;margin-top:26px}.seal{width:180px;height:180px;border:1px solid var(--gold);border-radius:50%;padding:10px;justify-self:center;display:grid;place-items:center;transform:rotate(-9deg)}.seal div{width:100%;height:100%;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.seal span{font:8px 'DM Mono';text-transform:uppercase;letter-spacing:.16em}.seal strong{font:23px/.85 'Playfair Display';text-transform:uppercase;margin:10px 0;color:var(--gold)}.awards{background:#090a0e}.centered{text-align:center}.centered>p:last-child{color:var(--muted);margin-top:22px}.award-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.award-card{text-align:left;min-height:295px;color:var(--paper);background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;position:relative;cursor:pointer;transition:background .35s}.award-card:hover{background:#171720}.award-card span{font:10px 'DM Mono';color:var(--gold)}.award-card i{font-style:normal;display:block;font-size:28px;margin:43px 0 16px;filter:grayscale(.5)}.award-card h3{font:500 22px/1.05 'Playfair Display';margin:0 0 13px}.award-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.award-card.sincere{background:linear-gradient(145deg,rgba(201,169,103,.14),transparent)}.analytics{background:#e6e0d5;color:#16161a}.analytics .section-heading h2{color:#16161a}.data-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b7b0a3;border-left:1px solid #b7b0a3}.data-grid article{min-height:190px;padding:20px;border-right:1px solid #b7b0a3;border-bottom:1px solid #b7b0a3;position:relative;overflow:hidden}.data-grid article p{font:10px 'DM Mono';text-transform:uppercase;letter-spacing:.08em;margin:0;color:#5e594f}.data-grid strong{display:block;font:500 42px 'Playfair Display';letter-spacing:-.05em;margin-top:27px}.data-grid strong.words{font-size:25px;line-height:.9}.chart{height:27px;position:absolute;bottom:18px;left:20px;right:20px;background:linear-gradient(135deg,transparent 35%,#b89855 36% 41%,transparent 42% 53%,#b89855 54% 59%,transparent 60% 70%,#b89855 71% 76%,transparent 77%)}.chart-waves{background:repeating-linear-gradient(135deg,transparent 0 8px,#b89855 9px 10px,transparent 11px 18px)}.data-grid .energy{grid-column:span 2}.meter{height:6px;background:#c4bcaf;position:absolute;bottom:25px;left:20px;right:20px}.meter i{display:block;width:100%;height:100%;background:var(--gold)}.hall{text-align:center;background:radial-gradient(ellipse at 50% 55%,#272117,transparent 43%),#0c0d12}.hall>h2{margin-bottom:60px}.hall-card{margin:auto;border:1px solid var(--gold);max-width:480px;padding:33px;position:relative}.hall-card p{font:10px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.hall-card strong{font:600 80px 'Playfair Display';letter-spacing:.16em}.laurel{position:absolute;left:20px;top:35%;font-size:70px;color:var(--gold)}.laurel.flip{left:auto;right:20px;transform:scaleX(-1)}blockquote{font:italic 26px/1.25 'Playfair Display';margin:65px auto;max-width:650px;color:#d1c8bb}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:860px;margin:auto}.photo-strip div{height:160px;display:grid;place-items:center;background:linear-gradient(135deg,#292a31,#65605a);font:10px/1.5 'DM Mono';text-transform:uppercase;color:#b7afa2;letter-spacing:.1em}.photo-strip div:nth-child(2){background:linear-gradient(135deg,#6b604d,#211f20)}.photo-strip div:nth-child(3){background:linear-gradient(135deg,#322e27,#596167)}.grand{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 15%,#292113,transparent 42%),#08090d}.gold-horizon{position:absolute;width:1px;height:400px;top:0;background:linear-gradient(var(--gold),transparent)}.grand h2{font-size:clamp(52px,8vw,118px)}.no-list{font:italic 18px 'Playfair Display';color:#aaa398;margin:32px}.for-dad{font:500 clamp(30px,4vw,60px) 'Playfair Display';color:var(--gold);margin:45px 0 20px;text-transform:uppercase}.message{max-width:440px;color:#aaa398;line-height:1.6}.happy{font:28px/1.25 'Playfair Display';margin-top:65px}.happy em{color:var(--gold)}dialog{color:var(--paper);background:#08090d;border:1px solid rgba(201,169,103,.35);max-width:760px;width:min(90vw,760px)}dialog::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(7px)}#ceremony{max-width:none;width:100vw;height:100vh;border:0;text-align:center;display:grid;place-items:center;overflow:hidden}.ceremony-light{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 40%,rgba(206,176,107,.22) 49%,transparent 58%);animation:sweep 4s infinite}.ceremony-content{position:relative;max-width:900px;padding:35px}.achievement{font:12px 'DM Mono';letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.ceremony-content h2{font-size:clamp(44px,7vw,100px);color:var(--gold);margin:28px 0;text-transform:none}.ceremony-rule{width:45px;height:1px;background:var(--gold);margin:30px auto}.winner{font:600 80px 'Playfair Display';letter-spacing:.18em;text-transform:uppercase;margin:0}.winner-label{font:11px 'DM Mono';color:var(--gold);text-transform:uppercase;letter-spacing:.24em}.ceremony-copy{max-width:480px;margin:30px auto;color:var(--muted);line-height:1.6}.close{position:absolute;right:30px;top:20px;z-index:2;background:none;border:0;color:var(--paper);font:35px 'DM Sans';cursor:pointer}#method{padding:48px;max-width:510px}#method h2{font-size:44px;text-transform:none;letter-spacing:-.04em}#method p:last-child{color:var(--muted)}
/* Top and Bottom Scroll Blur */
.scroll-blur, body::before, body::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 100;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.scroll-blur-top, body::before {
  top: 0;
  /* Extends down past status bar + clock + signal area, continuing blur through the entire interface */
  height: calc(env(safe-area-inset-top, 0px) + 84px);
  min-height: 90px;
  background: linear-gradient(
    to bottom,
    rgba(8, 9, 13, 0.72) 0%,
    rgba(8, 9, 13, 0.45) calc(env(safe-area-inset-top, 0px) + 20px),
    rgba(8, 9, 13, 0.12) calc(env(safe-area-inset-top, 0px) + 50px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0,
    black calc(env(safe-area-inset-top, 0px) + 26px),
    rgba(0, 0, 0, 0.85) calc(env(safe-area-inset-top, 0px) + 42px),
    rgba(0, 0, 0, 0.35) calc(env(safe-area-inset-top, 0px) + 64px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0,
    black calc(env(safe-area-inset-top, 0px) + 26px),
    rgba(0, 0, 0, 0.85) calc(env(safe-area-inset-top, 0px) + 42px),
    rgba(0, 0, 0, 0.35) calc(env(safe-area-inset-top, 0px) + 64px),
    transparent 100%
  );
}
.scroll-blur-bottom, body::after {
  bottom: 0;
  height: calc(env(safe-area-inset-bottom, 0px) + 60px);
  min-height: 60px;
  background: linear-gradient(
    to top,
    rgba(8, 9, 13, 0.6) 0%,
    rgba(8, 9, 13, 0.2) calc(env(safe-area-inset-bottom, 0px) + 16px),
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(to top, black 30%, transparent 100%);
  mask-image: linear-gradient(to top, black 30%, transparent 100%);
  -webkit-mask-image: linear-gradient(
    to top,
    black 0,
    black calc(env(safe-area-inset-bottom, 0px) + 12px),
    rgba(0, 0, 0, 0.6) calc(env(safe-area-inset-bottom, 0px) + 32px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to top,
    black 0,
    black calc(env(safe-area-inset-bottom, 0px) + 12px),
    rgba(0, 0, 0, 0.6) calc(env(safe-area-inset-bottom, 0px) + 32px),
    transparent 100%
  );
}

@media(max-width:820px){
  .nav{height:62px}
  .nav nav{display:none}
  .section{padding:95px 6vw}
  .profile-layout{grid-template-columns:1fr;gap:40px}
  .portrait{height:350px}
  .seal{justify-self:start}
  .award-grid,.data-grid{grid-template-columns:repeat(2,1fr)}
  .award-card{min-height:250px}
  .data-grid .energy{grid-column:span 2}
  .photo-strip div{height:100px}
  .hero h1{font-size:62px}
}

@media(max-width:480px){
  .section{padding:70px 5vw}
  .award-grid,.data-grid{grid-template-columns:1fr}
  .data-grid .energy{grid-column:auto}
  .award-card{min-height:200px;padding:30px 24px}
  .hall-card strong{font-size:42px}
  .laurel{font-size:38px}
  .nav{padding:0 5vw}
  .hero{padding-top:max(84px, calc(env(safe-area-inset-top, 0px) + 48px))}
  .portrait{height:290px}
  .hero h1{font-size:46px}
  .gold-button{width:100%;display:block;text-align:center;padding:18px 20px;border-radius:6px}
  .record dl div{flex-direction:column;gap:6px;padding:16px 0}
  .grand h2{font-size:48px}
  .for-dad{font-size:28px}
  .section-heading h2{font-size:38px}
  .award-grid{margin-top:40px}
  .award-card h3{font-size:20px}
}