/* Imported from the supplied v3 HTML demo. */

:root{
  --black:#050505;--black2:#0b0b0d;--black3:#121214;--white:#f4f4f1;
  --silver:#a8abb0;--silver2:#d9dadd;--crimson:#8b0018;--gold:#c6a15b;
  --emerald:#073c31;--line:#242428;--muted:#85878c;--max:1360px;
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 44px));margin:auto}
.topline{height:30px;border-bottom:1px solid #141416;background:#030303;color:#b7b8bc;display:flex;align-items:center;font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.topline .container{display:flex;justify-content:space-between;gap:18px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.88);backdrop-filter:blur(18px);border-bottom:1px solid #151518}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.14em}
.crest{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;position:relative}
.crest:before{content:"100";font:700 10px var(--serif);color:var(--gold)}
.crest:after{content:"";position:absolute;inset:5px;border:1px solid rgba(198,161,91,.34);border-radius:50%}
.desktop-nav{display:flex;gap:2px}
.navlink{border:0;background:transparent;color:#d2d3d6;padding:10px 11px;border-radius:999px;font-size:12px}
.navlink:hover,.navlink.active{background:#141416}
.actions{display:flex;gap:8px}
.pill{border:1px solid #2b2b2f;background:#111113;color:#fff;padding:10px 14px;border-radius:999px}
.pill.red{background:var(--crimson);border-color:var(--crimson)}
.mobile-menu{display:none}

.hero{min-height:calc(100vh - 112px);position:relative;overflow:hidden;display:grid;place-items:center;background:
radial-gradient(circle at 50% 26%,rgba(198,161,91,.10),transparent 18%),
radial-gradient(circle at 72% 46%,rgba(139,0,24,.18),transparent 27%),
linear-gradient(#080809,#020202)}
.hero-media{position:absolute;inset:0}
.hero-media:before{content:"";position:absolute;width:34vw;height:34vw;min-width:320px;min-height:320px;border-radius:50%;background:linear-gradient(145deg,#35363a,#111113);left:50%;top:10%;transform:translateX(-50%);filter:grayscale(1);opacity:.9}
.hero-media:after{content:"";position:absolute;width:60vw;height:52vh;left:20%;bottom:-10%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.045)}
.hero-number{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:min(40vw,540px);line-height:.8;color:rgba(168,171,176,.055);letter-spacing:-.1em}
.hero-copy{position:relative;z-index:3;text-align:center;max-width:1160px;padding:70px 20px}
.eyebrow{font:10px var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(76px,9.6vw,160px);line-height:.8;letter-spacing:-.07em;margin:26px 0 22px;text-transform:uppercase}
.hero h1 span{display:block;color:var(--silver)}
.hero p{max-width:780px;margin:0 auto;font-family:var(--serif);font-size:22px;line-height:1.55;color:#c4c5c9}
.cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}
.btn{border:1px solid #2c2c31;background:#111113;color:#fff;border-radius:999px;padding:14px 18px;font-weight:700}
.btn.red{background:var(--crimson);border-color:var(--crimson)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#111}
.scrollnote{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#66696e}
.section{padding:92px 0;border-top:1px solid #111114}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.section-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:0;text-transform:uppercase}
.section-head p{max-width:540px;color:var(--muted);line-height:1.65;margin:0}
.powerline{height:1px;background:linear-gradient(90deg,var(--crimson),var(--gold),transparent);margin:10px 0 24px}
.editorial-wall{display:grid;grid-template-columns:1.45fr .82fr 1.08fr .75fr;grid-auto-rows:220px;gap:8px}
.person{position:relative;overflow:hidden;background:linear-gradient(145deg,#38383c,#0e0e10);filter:grayscale(1);transition:.48s cubic-bezier(.2,.7,.2,1)}
.person.tall{grid-row:span 2}.person.wide{grid-column:span 2}
.person:before{content:"";position:absolute;width:52%;height:45%;border-radius:50%;left:24%;top:10%;background:rgba(255,255,255,.13)}
.person:after{content:"";position:absolute;width:88%;height:56%;border-radius:48% 48% 0 0;left:6%;bottom:-8%;background:rgba(255,255,255,.07)}
.person:hover{filter:grayscale(.15) contrast(1.05);transform:scale(1.014);z-index:4}
.person-caption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(0,0,0,.66);backdrop-filter:blur(12px);border-left:2px solid var(--crimson);padding:12px;opacity:0;transform:translateY(8px);transition:.28s}
.person:hover .person-caption{opacity:1;transform:none}
.person-caption b{font-family:var(--serif);font-size:24px;font-weight:400}.person-caption span{display:block;color:#aaa;font-size:11px;margin-top:4px}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.principle-main{background:linear-gradient(145deg,#101012,#070708);border:1px solid #232327;min-height:520px;padding:42px;display:flex;flex-direction:column;justify-content:space-between}
.principle-main .big{font-family:var(--serif);font-size:74px;line-height:.92;font-weight:400;text-transform:uppercase}
.principle-main .big em{font-style:normal;color:var(--crimson)}
.principle-main small{font-size:13px;line-height:1.7;color:#a2a3a7}
.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pbox{border:1px solid #26262a;background:#0a0a0c;padding:22px;min-height:180px}
.pbox .n{font-family:var(--serif);font-size:58px;color:#313136}
.pbox h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:8px 0}.pbox p{font-size:12px;color:#8d8f94;line-height:1.55}
.reference-home .archive{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.archive-big{min-height:470px;border:1px solid #232326;background:linear-gradient(145deg,#0d0d0f,#060606);padding:38px;position:relative;overflow:hidden}
.archive-big:after{content:"2027";position:absolute;right:-14px;bottom:-42px;font-family:var(--serif);font-size:190px;color:rgba(168,171,176,.065)}
.archive-big h3{font-family:var(--serif);font-size:50px;font-weight:400;text-transform:uppercase;margin:10px 0}.archive-big p{max-width:540px;color:#929499;line-height:1.6}
.archive-side{display:grid;gap:14px}.archive-card{border:1px solid #232326;background:#0b0b0d;padding:24px;min-height:145px}.archive-card h4{font-family:var(--serif);font-size:29px;font-weight:400;margin:4px 0}.archive-card p{font-size:12px;color:#8d8f94;line-height:1.5}
.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.crit{border-top:1px solid #38383c;border-bottom:1px solid #19191c;padding:26px 4px 28px;transition:.25s}
.crit:hover{background:#0b0b0d;padding-left:18px;padding-right:18px}
.crit .num{font:10px var(--mono);color:var(--crimson);letter-spacing:.12em}.crit h4{font-family:var(--serif);font-size:34px;font-weight:400;margin:15px 0 8px;text-transform:uppercase}.crit p{font-size:12px;color:#888b90;line-height:1.55}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#242428;border:1px solid #242428}
.step{background:#08080a;padding:24px;min-height:220px;position:relative}
.step span{font:10px var(--mono);color:var(--gold)}.step h4{font-family:var(--serif);font-size:28px;font-weight:400;margin:28px 0 8px;text-transform:uppercase}.step p{font-size:12px;color:#85878c;line-height:1.55}
.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.verify-form{background:var(--emerald);min-height:430px;padding:42px;display:flex;flex-direction:column;justify-content:center}
.verify-form h3{font-family:var(--serif);font-size:50px;font-weight:400;text-transform:uppercase;margin:10px 0}.verify-form p{color:#b8cdc6;line-height:1.6}
.lookup{display:flex;background:#f4f4f2;padding:7px;margin-top:24px}.lookup input{flex:1;border:0;outline:0;padding:12px;background:transparent}.lookup button{border:0;background:#111;color:#fff;padding:12px 16px}
.certificate{border:1px solid #2c2c30;background:linear-gradient(145deg,#111214,#070708);padding:34px;position:relative;overflow:hidden;min-height:430px}
.cert-border{position:absolute;inset:14px;border:1px solid rgba(198,161,91,.32);pointer-events:none}
.cert-seal{position:absolute;right:22px;bottom:18px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(198,161,91,.48);display:grid;place-items:center;color:rgba(198,161,91,.55);font:44px var(--serif)}
.cert-seal:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(198,161,91,.3)}
.verified{display:inline-block;background:#0e5f4e;color:#dff4ed;padding:8px 10px;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.cert-name{font-family:var(--serif);font-size:42px;margin-top:42px}.cert-sub{color:#8d8f94}.cert-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;font-size:12px}.cert-meta b{display:block;font:9px var(--mono);letter-spacing:.1em;color:#777b80;text-transform:uppercase;margin-bottom:5px}
.award-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.award{border:1px solid #232327;background:#09090b;padding:26px;min-height:230px;position:relative;overflow:hidden}
.award .num{position:absolute;right:12px;top:4px;font-family:var(--serif);font-size:86px;color:rgba(139,0,24,.14)}.award h3{font-family:var(--serif);font-size:34px;font-weight:400;text-transform:uppercase;margin:32px 0 10px}.award p{color:#898b90;font-size:12px;line-height:1.55}
.judges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.judge{border:1px solid #222226;background:#09090b;overflow:hidden}.judge-photo{height:300px;position:relative;background:linear-gradient(145deg,#35363a,#101012);filter:grayscale(1)}.judge-photo:before{content:"";position:absolute;width:48%;height:45%;border-radius:50%;left:26%;top:12%;background:rgba(255,255,255,.12)}.judge-body{padding:18px}.judge-body h3{font-family:var(--serif);font-size:26px;font-weight:400;margin:4px 0}.judge-body p{font-size:12px;color:#888b90}
.hall{min-height:680px;position:relative;background:#070707;border:1px solid #18181a;overflow:hidden}
.hall:before{content:"";position:absolute;width:39%;height:49%;left:8%;top:8%;border-radius:50%;background:linear-gradient(145deg,#343438,#111);filter:grayscale(1)}
.hall:after{content:"";position:absolute;width:62%;height:60%;left:-2%;bottom:-12%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.04)}
.hall-copy{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:43%;z-index:2}
.hall-copy h3{font-family:var(--serif);font-size:64px;line-height:.94;font-weight:400;text-transform:uppercase;margin:12px 0}.hall-copy p{color:#8e9095;line-height:1.65}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;border-top:1px solid #232326}
.timeline div{padding:18px 14px;border-right:1px solid #232326}.timeline b{display:block;font-family:var(--serif);font-size:34px;color:var(--silver)}.timeline span{font-size:11px;color:#7d7f84}
.map{height:540px;background:#060606;border:1px solid #1a1a1c;position:relative;overflow:hidden}
.map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(139,0,24,.16),transparent 28%)}
.world{position:absolute;inset:70px 45px 35px}.land{position:absolute;background:#1b1b1d;opacity:.95}
.c1{width:22%;height:23%;left:4%;top:18%;clip-path:polygon(5% 24%,34% 0,78% 9%,100% 42%,78% 76%,35% 92%,0 62%)}.c2{width:11%;height:27%;left:18%;top:50%;clip-path:polygon(26% 0,78% 12%,100% 50%,72% 100%,32% 86%,0 42%)}.c3{width:21%;height:20%;left:39%;top:19%;clip-path:polygon(0 40%,28% 0,80% 8%,100% 46%,70% 90%,20% 80%)}.c4{width:13%;height:29%;left:44%;top:44%;clip-path:polygon(30% 0,72% 10%,100% 40%,72% 100%,20% 86%,0 30%)}.c5{width:31%;height:24%;left:59%;top:20%;clip-path:polygon(0 38%,18% 8%,70% 0,100% 36%,88% 72%,30% 94%)}.c6{width:12%;height:15%;left:80%;top:63%;clip-path:polygon(12% 18%,70% 0,100% 48%,70% 100%,0 78%)}
.pin{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 8px rgba(139,0,24,.16);cursor:pointer}
.map-title{position:absolute;left:28px;top:24px}.map-title h3{font-family:var(--serif);font-size:40px;font-weight:400;text-transform:uppercase;margin:6px 0}
.map-pop{position:absolute;display:none;background:#f5f5f3;color:#111;padding:12px 14px;min-width:190px}
.ceremony{height:680px;position:relative;overflow:hidden;background:linear-gradient(180deg,#0d0d0f,#020202);border:1px solid #171719}
.light{position:absolute;width:28%;height:90%;top:-12%;background:linear-gradient(180deg,rgba(139,0,24,.42),transparent);filter:blur(10px)}.l1{left:6%;transform:skew(-12deg)}.l2{right:6%;transform:skew(12deg)}.light.gold{left:36%;width:28%;background:linear-gradient(180deg,rgba(198,161,91,.26),transparent)}
.stage-copy{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.stage-copy h3{font-family:var(--serif);font-size:82px;font-weight:400;line-height:.9;text-transform:uppercase;margin:14px 0}.stage-copy p{color:#8d8f94}.stage-line{position:absolute;left:8%;right:8%;bottom:11%;height:4px;background:linear-gradient(90deg,transparent,var(--gold),var(--crimson),var(--gold),transparent);box-shadow:0 8px 55px rgba(139,0,24,.5)}
.editorial{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:10px}
.story{border:1px solid #202023;background:#0a0a0c;overflow:hidden;transition:.3s}
.story:hover{transform:translateY(-5px);border-color:#343438}.story-img{height:240px;background:linear-gradient(145deg,#2f3033,#111);filter:grayscale(1)}.story.big .story-img{height:350px;background:linear-gradient(145deg,#3a3b3f,#121214)}.story-body{padding:20px}.story h4{font-family:var(--serif);font-size:30px;font-weight:400;text-transform:uppercase;margin:8px 0}.story.big h4{font-size:40px}.story p{font-size:12px;color:#85878c;line-height:1.55}
.wizard{max-width:980px;margin:0 auto;border:1px solid #252529;background:#09090b;padding:30px}.wizard-head{display:flex;justify-content:space-between;gap:18px}.progress{height:4px;background:#1d1d20;margin:18px 0 28px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold));width:25%;transition:.3s}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#76797e;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #2c2c31;background:#0e0e10;color:#fff;padding:13px}.field textarea{min-height:120px}.wizard-actions{display:flex;justify-content:space-between;margin-top:22px}
.directory-hero{padding:70px 0 30px}.directory-hero h1{font-family:var(--serif);font-size:clamp(60px,7vw,110px);font-weight:400;line-height:.88;letter-spacing:-.055em;text-transform:uppercase;margin:10px 0 18px}.deck{font-family:var(--serif);font-size:21px;color:#afb1b5;line-height:1.55;max-width:850px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.filter{border:1px solid #2a2a2f;background:#0d0d0f;color:#c8c9cc;border-radius:999px;padding:10px 12px}.filter.active{background:#fff;color:#111}
.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:70px}
.hon-card{border:1px solid #222226;background:#09090b;overflow:hidden}.hon-photo{height:330px;position:relative;background:linear-gradient(145deg,#38393d,#101012);filter:grayscale(1)}.hon-photo:before{content:"";position:absolute;width:48%;height:45%;border-radius:50%;left:26%;top:12%;background:rgba(255,255,255,.12)}.hon-body{padding:18px}.hon-body h3{font-family:var(--serif);font-size:30px;font-weight:400;text-transform:uppercase;margin:5px 0}.hon-body p{font-size:12px;color:#87898e}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tags .tag{font:9px var(--mono);text-transform:uppercase;border:1px solid #2b2b30;padding:6px 8px}
.article-wrap{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:40px;padding:60px 0}.article h1{font-family:var(--serif);font-size:76px;font-weight:400;line-height:.9;text-transform:uppercase;margin:12px 0 20px}.article p{font-family:var(--serif);font-size:18px;line-height:1.75;color:#c6c7ca}.article h2{font-family:var(--serif);font-size:40px;font-weight:400;text-transform:uppercase;margin-top:48px}.side{position:sticky;top:120px;align-self:start}.sidebox{border:1px solid #232327;background:#09090b;padding:18px;margin-bottom:12px}.sidebox p{font-size:12px;color:#85878c;line-height:1.5}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);z-index:220;display:none;align-items:center;justify-content:center;padding:20px}.modal-box{width:min(760px,100%);background:#0a0a0c;border:1px solid #28282d;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.close{float:right;border:1px solid #2a2a2f;background:#121214;color:#fff;width:42px;height:42px;border-radius:50%}
.newsletter{background:var(--crimson);padding:44px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:end}.newsletter h2{font-family:var(--serif);font-size:58px;font-weight:400;line-height:.95;text-transform:uppercase;margin:0}.signup{display:flex;background:#f5f5f3;padding:7px}.signup input{flex:1;border:0;outline:0;padding:11px}.signup button{border:0;background:#111;color:#fff;padding:12px 16px}
.site-footer{padding:52px 0 32px;border-top:1px solid #121214}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:26px}.foot h5{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#66696e}.foot a{display:block;color:#a4a6aa;font-size:12px;padding:5px 0}
.reveal.reveal-ready{opacity:0;transform:translateY(28px);transition:.9s cubic-bezier(.2,.75,.2,1)}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{display:none}.mobile-menu{display:inline-block}.principles,.reference-home .archive,.verify-grid,.newsletter,.article-wrap{grid-template-columns:1fr}.criteria{grid-template-columns:1fr 1fr}.award-grid{grid-template-columns:1fr}.judges,.directory{grid-template-columns:1fr 1fr}.editorial-wall{grid-template-columns:1fr 1fr}.hall-copy{width:50%;right:4%}.editorial{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 24px))}.hero h1{font-size:64px}.hero p{font-size:18px}.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:14px}.editorial-wall{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.person.wide{grid-column:span 2}.principle-list,.criteria,.judges,.directory,.fields,.cert-meta,.process{grid-template-columns:1fr}.hall{min-height:780px}.hall:before{width:70%;left:15%}.hall-copy{left:8%;right:8%;top:auto;bottom:7%;width:auto;transform:none}.hall-copy h3{font-size:44px}.timeline{grid-template-columns:1fr 1fr}.stage-copy h3{font-size:52px}.newsletter{padding:28px}.newsletter h2{font-size:40px}.signup{display:block}.signup input,.signup button{width:100%}.foot{grid-template-columns:1fr}.article h1,.directory-hero h1{font-size:48px}}
