/* The Success Question — v1.1 · the Continental register: obsidian, bone, antique bronze. Cinematic by restraint. */
:root{--obsidian:#0B0B0B;--charcoal:#1E1E1E;--charcoal-2:#161616;--stone:#A8A197;--bone:#E7E1D4;--bone-2:#CFC8B9;--bronze:#8A6A3F;--bronze-2:#B08A55;--bronze-3:#6E5431;
--line:rgba(231,225,212,.13);--line-2:rgba(231,225,212,.26);
--display:'Cinzel',Georgia,serif;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',Inter,system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--obsidian)}
body{font-family:var(--serif);background:var(--obsidian);color:var(--bone);line-height:1.6;font-size:19px;-webkit-font-smoothing:antialiased;opacity:0;transition:opacity 1.2s ease}
body.ready{opacity:1}
a{color:inherit;text-decoration:none}
.wrap{max-width:860px;margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:640px}
.wrap.wide{max-width:1120px}
/* nav */
.nav{position:sticky;top:0;z-index:20;padding:18px 0;background:linear-gradient(180deg,rgba(11,11,11,.96),rgba(11,11,11,.82));backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1120px}
.wordmark{display:flex;align-items:center;gap:14px}
.wordmark img{width:34px;height:34px;border-radius:50%}
.wordmark span{font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--bone)}
.nav ul{list-style:none;display:flex;gap:28px;align-items:center}
.nav li a{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);transition:color .3s}
.nav li a:hover{color:var(--bone)}
.nav li a.door{color:var(--bone);border-bottom:1px solid var(--bronze);padding-bottom:4px}
@media(max-width:720px){.nav ul{gap:18px}.nav li.hide-m{display:none}.wordmark span{display:none}}
/* type */
.eyebrow{font-family:var(--sans);font-weight:500;font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--bronze-2);margin-bottom:22px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,5.6vw,66px);line-height:1.1;letter-spacing:-.005em;max-width:20ch;color:var(--bone)}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.6vw,42px);line-height:1.2;margin-bottom:18px;max-width:24ch;color:var(--bone)}
h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.3;margin-bottom:10px;color:var(--bone)}
p{max-width:62ch;color:var(--bone-2)}
.lede{font-size:clamp(20px,2.2vw,25px);line-height:1.5;color:var(--bone);max-width:54ch}
.big{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.6vw,56px);line-height:1.15;color:var(--bone);max-width:22ch}
.quiet{font-family:var(--sans);font-size:12.5px;letter-spacing:.04em;color:var(--stone);line-height:1.7}
.house{font-style:italic;color:var(--bone);max-width:52ch;font-size:21px}
.tag{font-family:var(--sans);font-weight:500;font-size:clamp(11px,1.3vw,14px);letter-spacing:.42em;text-transform:uppercase;color:var(--bone)}
em{font-style:italic}
/* sections */
.block{padding:112px 0}
.block.tight{padding:72px 0}
.charcoal{background:var(--charcoal-2)}
.rule{height:1px;background:var(--line)}
.center{text-align:center}
.center h1,.center h2,.center p,.center .lede,.center .big{margin-left:auto;margin-right:auto}
/* hero */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:80px 28px 60px;
  background:radial-gradient(ellipse at 50% 38%,rgba(138,106,63,.14) 0%,rgba(0,0,0,0) 55%),#000}
.hero .icon{width:min(54vh,520px);height:auto;display:block;margin:0 auto 38px;filter:drop-shadow(0 30px 70px rgba(0,0,0,.75))}
@media(min-width:1600px){.hero .icon{width:min(56vh,600px)}}
@media(max-width:600px){.hero .icon{width:min(44vh,260px)}}
.hero .name{font-family:var(--display);font-weight:400;font-size:clamp(20px,3.4vw,38px);letter-spacing:.22em;text-transform:uppercase;color:var(--bone);line-height:1.2}
.hero .name small{display:block;font-size:.5em;letter-spacing:.3em;margin-bottom:8px;color:var(--bone-2)}
.hero .tag{margin-top:18px;color:var(--bronze-2)}
.hero .cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:1px;height:56px;background:linear-gradient(180deg,var(--bronze-2),rgba(176,138,85,0))}
/* staged lines — one per viewport */
.stage{min-height:82vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 28px}
.stage .big{margin:0 auto}
.stage .sub{margin:26px auto 0;font-style:italic;color:var(--stone);font-size:clamp(20px,2.6vw,30px)}
/* reveal motion */
.rv{opacity:0;transform:translateY(22px);transition:opacity 1.1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.15s}.rv.d2{transition-delay:.3s}.rv.d3{transition-delay:.45s}
@media(prefers-reduced-motion:reduce){body{opacity:1;transition:none}.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* the one action */
.btn{display:inline-block;font-family:var(--sans);font-weight:500;font-size:11px;letter-spacing:.3em;text-transform:uppercase;padding:18px 34px;border:1px solid var(--bone-2);color:var(--bone);background:transparent;transition:background .35s,color .35s,border-color .35s}
.btn:hover{background:var(--bone);color:var(--obsidian);border-color:var(--bone)}
.btn.bronze{border-color:var(--bronze-2);color:var(--bronze-2)}
.btn.bronze:hover{background:var(--bronze);border-color:var(--bronze);color:var(--obsidian)}
.cta{margin-top:40px}
.trigger{font-style:italic;color:var(--bone);margin-bottom:22px;max-width:52ch;font-size:22px}
.aside{font-style:italic;color:var(--stone);margin-top:30px;font-size:17px}
.aside a{border-bottom:1px solid var(--line-2);padding-bottom:2px;color:var(--bone-2)}
/* two doors */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px}
.door-card{background:var(--obsidian);padding:52px 44px;display:flex;flex-direction:column;min-height:420px}
.door-card.private{background:var(--charcoal-2)}
.door-card .eyebrow{margin-bottom:26px}
.door-card h3{font-size:clamp(24px,2.6vw,32px);margin-bottom:14px}
.door-card p{flex:1;font-size:18px}
.door-card .meta{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin:22px 0 26px;line-height:2}
.door-card .meta b{color:var(--bone);font-weight:500}
@media(max-width:760px){.doors{grid-template-columns:1fr}.door-card{min-height:0;padding:40px 28px}}
/* arenas */
.arenas{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone);line-height:2.4;max-width:60ch}
/* ladder */
.ladder{width:100%;border-collapse:collapse;margin-top:34px;font-size:18px}
.ladder th{font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--stone);text-align:left;padding:0 14px 14px 0;border-bottom:1px solid var(--line-2)}
.ladder td{padding:20px 14px 20px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--bone-2)}
.ladder td.n{color:var(--bone);font-size:21px;white-space:nowrap}
.ladder td.p{white-space:nowrap;font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:var(--bone)}
.ladder td small{display:block;font-family:var(--sans);font-size:12px;color:var(--stone);margin-top:5px;line-height:1.7}
.ladder a{border-bottom:1px solid var(--line-2)}
@media(max-width:680px){.ladder,.ladder thead,.ladder tbody,.ladder tr,.ladder td{display:block}.ladder th{display:none}.ladder td{padding:6px 0;border:0;white-space:normal}.ladder tr{padding:18px 0;border-bottom:1px solid var(--line)}.ladder td.p::before{content:"— "}}
/* facts */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0 8px}
.fact{border-top:1px solid var(--line-2);padding-top:14px}
.fact b{display:block;font-weight:400;font-size:24px;margin-bottom:6px;color:var(--bone)}
.fact span{font-family:var(--sans);font-size:12px;color:var(--stone);line-height:1.6;letter-spacing:.04em}
@media(max-width:640px){.facts{grid-template-columns:1fr}}
/* list */
.plain{list-style:none;max-width:62ch}
.plain li{padding:16px 0;border-top:1px solid var(--line);line-height:1.55;color:var(--bone-2)}
.plain li b{color:var(--bone);font-weight:500}
.plain li:last-child{border-bottom:1px solid var(--line)}
/* form */
.form{max-width:560px;margin-top:36px}
.form label{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--stone);margin:24px 0 8px}
.form input,.form textarea{width:100%;font-family:var(--serif);font-size:19px;padding:12px 0;border:0;border-bottom:1px solid var(--line-2);background:transparent;color:var(--bone);border-radius:0}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-bottom-color:var(--bronze-2)}
.form .btn{margin-top:34px}
.form .fine{font-family:var(--sans);font-size:12px;color:var(--stone);margin-top:20px;line-height:1.7}
.hp{position:absolute;left:-9999px}
/* footer */
footer{padding:64px 0 48px;border-top:1px solid var(--line);background:var(--obsidian)}
footer .wrap{max-width:1120px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
footer .house-line{font-style:italic;color:var(--stone);font-size:17px;max-width:44ch}
footer .links{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);line-height:2.4;text-align:right}
footer .links a{margin-left:18px;transition:color .3s}
footer .links a:hover{color:var(--bone)}
footer .legal{font-family:var(--sans);font-size:11px;color:var(--stone);margin-top:22px;width:100%;letter-spacing:.04em}
@media(max-width:720px){footer .links{text-align:left}footer .links a{margin:0 18px 0 0}}