:root{
  --black:#070707;
  --black-2:#0b0b0c;
  --charcoal:#111214;
  --charcoal-2:#17181a;
  --platinum:#e5e6e8;
  --silver:#b7bac0;
  --muted:#8c8f94;
  --line:rgba(229,230,232,.16);
  --line-strong:rgba(229,230,232,.34);
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#f4f4f2;font-family:"Inter",Arial,sans-serif;font-weight:300;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:
radial-gradient(circle at 80% 15%,rgba(255,255,255,.045),transparent 28%),
radial-gradient(circle at 20% 75%,rgba(255,255,255,.025),transparent 25%),
#070707}
.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}
em{font-style:normal;color:var(--silver)}
.eyebrow,.section-kicker{font-size:.64rem;letter-spacing:.27em;text-transform:uppercase;color:#a7aaae}

/* Header */
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:92px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;background:linear-gradient(to bottom,rgba(7,7,7,.88),rgba(7,7,7,0));backdrop-filter:blur(7px);transition:.35s}
.site-header.scrolled{height:74px;background:rgba(7,7,7,.94);border-color:var(--line)}
.brand{justify-self:start;display:flex;align-items:center;gap:14px}
.brand-mark{width:35px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.08))}
.brand-copy{display:flex;flex-direction:column;gap:4px}
.brand-copy strong{font-size:.77rem;letter-spacing:.29em;font-weight:500}
.brand-copy small{font-size:.5rem;letter-spacing:.25em;color:#7e8186}
.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.main-nav a{font-size:.58rem;letter-spacing:.135em;text-transform:uppercase;color:#a8abb0;transition:.25s;white-space:nowrap}
.main-nav a:hover{color:#fff}
.main-nav .nav-cta{border:1px solid var(--line-strong);padding:11px 15px;color:#fff;margin-left:4px}
.nav-toggle{display:none;background:none;border:0}

/* Hero */
.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:145px 4.2vw 90px;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-lines{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,black 0%,transparent 78%)}
.hero-b{position:absolute;right:-3vw;top:4vh;font:600 min(72vw,920px)/.82 "Cormorant Garamond";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);letter-spacing:-.08em}
.hero-left,.hero-right{position:relative;z-index:2}
.hero-left{max-width:850px}
.hero h1{font-size:clamp(5.8rem,9.3vw,10.5rem);line-height:.78;letter-spacing:-.045em;margin:22px 0 34px}
.hero-copy{max-width:680px;font-size:1.03rem;line-height:1.85;color:#a7aaae}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border:1px solid var(--line-strong);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;transition:.3s}
.button-solid{background:var(--platinum);color:#070707;border-color:var(--platinum)}
.button-solid:hover{background:#fff;transform:translateY(-2px)}
.button-outline:hover{background:#fff;color:#070707;border-color:#fff}
.quiet-link{font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:#b2b5b9}
.quiet-link span{padding-left:10px}
.hero-signature{margin-top:64px;display:flex;align-items:center;gap:16px;color:#71747a;font-size:.54rem;letter-spacing:.22em}
.mini-bow{display:flex;align-items:center}
.mini-bow span{width:15px;height:10px;border:1px solid #71747a;clip-path:polygon(0 0,100% 32%,100% 68%,0 100%)}
.mini-bow span:last-child{transform:scaleX(-1)}
.mini-bow i{width:5px;height:7px;border:1px solid #71747a}
.card-stage{position:relative;max-width:560px;width:100%;margin:0 auto;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);transition:.5s}
.card-stage:hover{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg) translateY(-4px)}
.membership-card{position:relative;z-index:2;width:100%;height:auto;object-fit:contain;border-radius:19px;box-shadow:0 50px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.13)}
.card-shadow{position:absolute;z-index:1;inset:18% 4% -9% 10%;background:rgba(255,255,255,.08);filter:blur(60px)}
.card-caption{display:flex;justify-content:space-between;margin-top:19px;padding:0 3px;font-size:.54rem;letter-spacing:.18em;color:#72757a}
.card-caption strong{font-weight:400}
.hero-rail{position:absolute;right:2.1vw;bottom:5vh;z-index:2;display:flex;gap:10px;align-items:center;writing-mode:vertical-rl;font-size:.5rem;letter-spacing:.2em;color:#5f6267}
.hero-rail i{height:42px;width:1px;background:#55585d}

/* ticker */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:18px 0;background:#090909}
.ticker-track{width:max-content;display:flex;gap:30px;align-items:center;animation:ticker 36s linear infinite}
.ticker span{font:500 1.1rem "Cormorant Garamond";letter-spacing:.18em;color:#aeb1b5}
.ticker b{font-weight:300;color:#55585d}
@keyframes ticker{to{transform:translateX(-50%)}}

/* sections */
.section{max-width:var(--max);margin:0 auto;padding:145px 5.5vw;position:relative}
.section-number{position:absolute;left:1.4vw;top:146px;font:500 1.2rem "Cormorant Garamond";color:#53565a}
.section-kicker{padding-top:16px;border-top:1px solid var(--line);margin-bottom:70px}
.editorial-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}
.editorial-intro h2,.brotherhood-head h2,.founding-copy h2{font-size:clamp(3.7rem,6vw,6.8rem);line-height:.87;letter-spacing:-.035em}
.intro-copy{padding-top:12px}
.intro-copy .lead{font:500 1.9rem/1.25 "Cormorant Garamond";color:#e0e1e3}
.intro-copy p:not(.lead){font-size:.95rem;line-height:1.86;color:#9fa2a6}
.intro-copy p+p{margin-top:24px}
.principles{margin-top:95px;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}
.principles article{min-height:320px;padding:28px 24px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:.35s}
.principles article:last-child{border-right:0}
.principles article:after{content:"";position:absolute;inset:auto 0 0;height:0;background:#111214;transition:.35s;z-index:-1}
.principles article:hover:after{height:100%}
.principles article>span{font-size:.55rem;letter-spacing:.16em;color:#5d6065}
.principles h3{font-size:2rem;margin:145px 0 14px}
.principles p{font-size:.79rem;line-height:1.72;color:#898c91}

/* room */
.room{display:grid;grid-template-columns:1fr 1fr;min-height:900px;border-block:1px solid var(--line);background:#0a0a0b}
.room-visual{position:relative;overflow:hidden;background:
radial-gradient(circle at 50% 35%,rgba(255,255,255,.06),transparent 36%),
linear-gradient(145deg,#101113,#050505)}
.room-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 48.8%,rgba(255,255,255,.08) 49%,transparent 49.2%);opacity:.38}
.tuxedo{position:absolute;inset:8% 9% 0;overflow:hidden}
.shirt{position:absolute;left:42%;right:42%;top:0;bottom:0;background:linear-gradient(90deg,#bfc2c6,#f4f4f2 48%,#c8cacf);clip-path:polygon(12% 0,88% 0,68% 100%,32% 100%)}
.lapel{position:absolute;top:0;bottom:0;width:55%;background:linear-gradient(140deg,#141516,#050505 70%);border:1px solid rgba(255,255,255,.08)}
.lapel-left{left:-3%;clip-path:polygon(0 0,86% 0,63% 35%,84% 100%,0 100%)}
.lapel-right{right:-3%;clip-path:polygon(14% 0,100% 0,100% 100%,16% 100%,37% 35%);background:linear-gradient(220deg,#141516,#050505 70%)}
.bow{position:absolute;top:17%;left:50%;transform:translateX(-50%);display:flex;align-items:center;filter:drop-shadow(0 8px 15px #000)}
.bow span{width:92px;height:62px;background:linear-gradient(145deg,#111,#030303);border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,100% 33%,100% 67%,0 100%)}
.bow span:last-child{transform:scaleX(-1)}
.bow i{width:24px;height:34px;background:#090909;border:1px solid rgba(255,255,255,.15);border-radius:5px}
.room-stamp{position:absolute;left:7%;bottom:7%;border:1px solid rgba(255,255,255,.28);width:135px;height:135px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.57rem;line-height:1.7;letter-spacing:.22em;color:#a4a7ab;transform:rotate(-9deg)}
.room-copy{padding:130px 7vw}
.room-copy h2{font-size:clamp(4rem,5.8vw,6.7rem);line-height:.87;margin:20px 0 32px}
.large-copy{font:500 1.55rem/1.52 "Cormorant Garamond";color:#c2c5c9;max-width:650px}
.room-list{margin-top:55px;border-top:1px solid var(--line)}
.room-list article{display:grid;grid-template-columns:75px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}
.room-list article>span{font-size:.56rem;letter-spacing:.15em;color:#696c71;padding-top:7px}
.room-list h3{font-size:1.45rem;margin-bottom:6px}
.room-list p{font-size:.78rem;line-height:1.68;color:#898c91;margin-bottom:0}

/* quote */
.quote-band{min-height:460px;display:flex;align-items:center;justify-content:center;position:relative;padding:80px 8vw;text-align:center;border-bottom:1px solid var(--line);overflow:hidden}
.quote-mark{position:absolute;left:3vw;top:-8vw;font:500 34vw/1 "Cormorant Garamond";color:rgba(255,255,255,.025)}
.quote-band blockquote{position:relative;margin:0;max-width:1080px;font:500 clamp(2.7rem,4.8vw,5.5rem)/1.03 "Cormorant Garamond";letter-spacing:-.02em}

/* brotherhood */
.brotherhood-head{display:grid;grid-template-columns:1.08fr .92fr;gap:10vw;align-items:end}
.brotherhood-head>p{font-size:.96rem;line-height:1.86;color:#9fa2a6}
.brotherhood-cards{margin-top:85px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.feature-card{min-height:340px;border:1px solid var(--line);padding:32px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end;background:linear-gradient(145deg,#0c0c0d,#090909);transition:.35s;position:relative;overflow:hidden}
.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.06),transparent 30%);opacity:0;transition:.35s}
.feature-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.feature-card:hover:before{opacity:1}
.feature-card-large{grid-row:span 2;min-height:698px}
.feature-index{font:500 5rem "Cormorant Garamond";color:#303236;align-self:flex-start}
.feature-card h3{font-size:2.4rem;line-height:1;margin:10px 0 14px}
.feature-card p:not(.eyebrow){font-size:.82rem;line-height:1.75;color:#8f9296;max-width:430px}

/* ask */
.ask{position:relative;min-height:800px;background:#e5e6e8;color:#090909;overflow:hidden}
.ask-label{position:absolute;left:-3vw;bottom:-8vw;font:600 31vw/.8 "Cormorant Garamond";color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.09);letter-spacing:-.08em}
.ask-inner{position:relative;z-index:2;max-width:var(--max);min-height:800px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;padding:105px 5.5vw}
.ask-left{display:flex;align-items:flex-end}
.giant-five{font:500 clamp(15rem,25vw,28rem)/.63 "Cormorant Garamond";letter-spacing:-.09em}
.ask-left p{margin:0 0 9px 18px;font-size:.58rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}
.ask-copy .eyebrow{color:#55585c}
.ask-copy h2{font-size:clamp(4.7rem,7vw,8rem);line-height:.82;letter-spacing:-.04em;margin:20px 0 20px}
.ask-emphasis{font:500 2rem "Cormorant Garamond";margin-bottom:23px}
.ask-copy>p:not(.eyebrow):not(.ask-emphasis){max-width:600px;font-size:.91rem;line-height:1.75;color:#4d5054}
.ask-script{display:flex;gap:11px;flex-wrap:wrap;margin-top:40px}
.ask-script span{border:1px solid rgba(0,0,0,.24);padding:10px 13px;font-size:.55rem;letter-spacing:.16em}

/* founding */
.founding-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:9vw;align-items:center}
.fifty{position:relative;min-height:540px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 45%,rgba(255,255,255,.055),transparent 35%),#0a0a0b;overflow:hidden}
.fifty:before,.fifty:after{content:"";position:absolute;width:160%;height:1px;background:var(--line);transform:rotate(-32deg)}
.fifty:after{transform:rotate(32deg)}
.fifty>span{position:relative;z-index:2;font:500 clamp(13rem,22vw,24rem)/.7 "Cormorant Garamond";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.4);letter-spacing:-.08em}
.fifty small{position:absolute;right:27px;bottom:28px;font-size:.54rem;line-height:1.6;letter-spacing:.2em;color:#7b7e83}
.founding-copy>p{font-size:.94rem;line-height:1.84;color:#9da0a4;max-width:680px}
.membership-price{display:grid;grid-template-columns:1.2fr .9fr .9fr;border-block:1px solid var(--line);margin:42px 0}
.membership-price div{padding:22px 18px;border-right:1px solid var(--line)}
.membership-price div:first-child{padding-left:0}
.membership-price div:last-child{border-right:0}
.membership-price span{display:block;font-size:.52rem;letter-spacing:.18em;color:#6f7277;margin-bottom:9px}
.membership-price strong{font:500 2.45rem "Cormorant Garamond"}

/* artifact */
.artifact-section{min-height:780px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;border-top:1px solid var(--line);background:#0a0a0b}
.artifact-copy{padding:100px 5.5vw}
.artifact-copy h2{font-size:clamp(4rem,5.8vw,6.5rem);line-height:.87;margin:18px 0 28px}
.artifact-copy>p:not(.eyebrow){font-size:.92rem;line-height:1.8;color:#96999d;max-width:500px}
.artifact-image{height:100%;min-height:780px;overflow:hidden;position:relative}
.artifact-image:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0a0a0b 0%,transparent 25%,transparent 100%)}
.artifact-image img{width:100%;height:100%;object-fit:cover;object-position:center}

/* final */
.final-cta{min-height:760px;padding:120px 5.5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.final-cta:before{content:"B";position:absolute;font:600 48vw/.8 "Cormorant Garamond";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);z-index:-1}
.final-mark img{width:74px;height:86px;object-fit:contain;margin-bottom:27px}
.final-cta h2{font-size:clamp(4.8rem,7.8vw,8.8rem);line-height:.8;letter-spacing:-.045em;margin:18px 0 30px}
.final-cta>p:not(.eyebrow){color:#8f9296;margin-bottom:34px}

/* footer */
.site-footer{min-height:160px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:40px 5.5vw;color:#76797e}
.footer-left{display:flex;gap:16px;align-items:center}
.footer-mark{width:38px;height:46px;object-fit:contain}
.footer-brand{font-size:.66rem;letter-spacing:.23em;color:#d4d6d9;margin-bottom:6px}
.footer-tagline{font:500 1.05rem "Cormorant Garamond"}
.footer-right{display:flex;gap:28px;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase}

/* subhero */
.subhero{min-height:86vh;max-width:1200px;padding:180px 6vw 100px}
.subhero h1{font-size:clamp(5rem,8vw,9rem);line-height:.82;letter-spacing:-.04em;margin:22px 0 30px}
.subhero>p:not(.eyebrow){max-width:660px;color:#999ca0;line-height:1.8;margin-bottom:35px}

.reveal{opacity:0;transform:translateY(18px);animation:reveal .9s cubic-bezier(.2,.7,.2,1) forwards}
.delay-1{animation-delay:.17s}
@keyframes reveal{to{opacity:1;transform:none}}


@media(max-width:1320px) and (min-width:1081px){
  .site-header{padding-inline:2.2vw}
  .brand-copy strong{font-size:.7rem;letter-spacing:.23em}
  .brand-copy small{font-size:.46rem}
  .main-nav{gap:13px}
  .main-nav a{font-size:.53rem;letter-spacing:.105em}
  .main-nav .nav-cta{padding:10px 12px}
  .hero{padding-inline:3.2vw;gap:3vw}
  .card-stage{max-width:510px}
}

@media(max-width:1080px){
  .site-header{display:flex}
  .main-nav{display:none;position:fixed;left:0;right:0;top:74px;background:#090909;border-bottom:1px solid var(--line);padding:28px 5vw;flex-direction:column;align-items:flex-start}
  .main-nav.open{display:flex}
  .nav-toggle{justify-self:end;display:block;width:42px;height:42px}
  .nav-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px auto}
  .hero{grid-template-columns:1fr;gap:70px;padding-top:150px}.hero-right{max-width:690px}
  .hero-rail{display:none}
  .principles{grid-template-columns:repeat(2,1fr)}.principles article{border-bottom:1px solid var(--line)}
  .room{grid-template-columns:1fr}.room-visual{min-height:700px}
  .brotherhood-head,.founding-layout,.artifact-section{grid-template-columns:1fr}
  .brotherhood-cards{grid-template-columns:1fr}.feature-card-large{grid-row:auto;min-height:420px}
  .ask-inner{grid-template-columns:1fr;gap:40px}.ask-left{display:none}
  .artifact-image{min-height:560px}
}
@media(max-width:700px){
  .site-header{padding:0 5vw}.brand-copy small{display:none}
  .hero{padding:145px 5vw 70px}.hero h1{font-size:4.5rem}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .hero-signature{margin-top:42px}
  .section{padding:100px 5vw}.section-number{display:none}.section-kicker{margin-bottom:48px}
  .editorial-intro,.brotherhood-head{grid-template-columns:1fr;gap:45px}
  .principles{grid-template-columns:1fr}.principles article{min-height:240px;border-right:0}.principles h3{margin-top:85px}
  .room-visual{min-height:520px}.bow span{width:65px;height:44px}.room-copy{padding:90px 5vw}
  .room-copy h2{font-size:4rem}.large-copy{font-size:1.35rem}
  .quote-band{min-height:380px}.quote-band blockquote{font-size:2.8rem}
  .feature-card,.feature-card-large{min-height:330px;padding:25px;gap:20px}.feature-index{font-size:3.7rem}
  .ask{min-height:680px}.ask-inner{min-height:680px;padding:90px 5vw}.ask-copy h2{font-size:4.5rem}
  .founding-layout{gap:55px}.fifty{min-height:390px}.fifty>span{font-size:14rem}
  .membership-price{grid-template-columns:1fr 1fr}.membership-price div:first-child{grid-column:span 2;border-right:0;border-bottom:1px solid var(--line)}
  .artifact-copy{padding:90px 5vw}.artifact-image{min-height:420px}
  .final-cta{min-height:650px;padding-inline:5vw}.final-cta h2{font-size:4.5rem}
  .site-footer{align-items:flex-start;gap:32px;flex-direction:column}.footer-right{flex-direction:column;gap:8px}
}