/* Beacon kit — the Bordrs program stylesheet. One system, color-coded by domain. Set data-domain on : pr (gold) · study (pine) · work (steel) · family (plum) · counsel (graphite+gold) Pages: dark golden-hour hero edges, warm paper body (the Beacon hybrid). */ :root{ /* grounds */ --paper:#FFFFFF; --paper-2:#F7F5F0; --paper-3:#EFEDE6; --ink:#141310; --ink-2:#1F1D19; --muted:#5A554C; --faint:#8C867B; --line:#E6E2D8; --line-2:#17150F; --night:#181818; --night-2:#1E1E1E; --npanel:#202020; --w78:rgba(255,255,255,.78); --w55:rgba(255,255,255,.55); --w38:rgba(255,255,255,.38); --nline:rgba(255,255,255,.10); --nline-soft:rgba(255,255,255,.06); --nline-hi:rgba(255,255,255,.22); /* brand */ --gold:#D9A441; --gold-hi:#F0C376; --bronze:#A8741A; --green-ok:#1F6B3A; --warn:#B8860B; --bad:#A3402E; /* domain accent (default: brand gold) */ --acc:#D9A441; --acc-deep:#A8741A; --acc-hi:#F0C376; --acc-wash:rgba(217,164,65,.12); --acc-dim:rgba(217,164,65,.16); --sky-a:rgba(217,164,65,.32); --sky-b:rgba(190,120,52,.15); --serif:"Sorts Mill Goudy",Georgia,serif; --sans:"Switzer",ui-sans-serif,system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace; --ease:cubic-bezier(.2,.6,.2,1); --pop:cubic-bezier(.2,.7,.3,1.05); } [data-domain="study"]{--acc:#3E7A57;--acc-deep:#2C5C40;--acc-hi:#7FB08A;--acc-wash:rgba(62,122,87,.10);--acc-dim:rgba(62,122,87,.16);--sky-a:rgba(74,128,94,.30);--sky-b:rgba(48,92,66,.16);} [data-domain="work"]{--acc:#4E6E9E;--acc-deep:#3A5680;--acc-hi:#8FA9CF;--acc-wash:rgba(78,110,158,.10);--acc-dim:rgba(78,110,158,.16);--sky-a:rgba(88,118,164,.30);--sky-b:rgba(56,82,124,.16);} [data-domain="family"]{--acc:#96566E;--acc-deep:#7D3C50;--acc-hi:#C08BA0;--acc-wash:rgba(150,86,110,.10);--acc-dim:rgba(150,86,110,.16);--sky-a:rgba(154,90,114,.28);--sky-b:rgba(110,56,78,.15);} [data-domain="counsel"]{--acc:#8C867B;--acc-deep:#5A554C;--acc-hi:#D9A441;--acc-wash:rgba(140,134,123,.10);--acc-dim:rgba(217,164,65,.16);} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{background:var(--paper-2);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;} a{color:inherit;text-decoration:none;} ::selection{background:var(--acc);color:#181818;} .wrap{max-width:1140px;margin:0 auto;padding:0 32px;} @media(max-width:640px){.wrap{padding:0 20px;}} .eyebrow{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.22em;color:var(--faint);display:inline-flex;align-items:center;gap:9px;} .eyebrow .dot{width:6px;height:6px;border-radius:1px;background:var(--acc);animation:pulse 2.6s var(--ease) infinite;} @keyframes pulse{0%{box-shadow:0 0 0 0 var(--acc-dim)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}} .dark .eyebrow{color:var(--w38);} .duo .it{display:block;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--muted);} .duo .big{display:block;font-family:var(--sans);font-weight:600;letter-spacing:-.03em;color:var(--ink);text-wrap:balance;} .dark .duo .it{color:var(--w78);} .dark .duo .big{color:#fff;} h1.duo{font-size:clamp(38px,5.6vw,72px);line-height:1.03;} h1.duo .it{font-size:.62em;margin-bottom:6px;} h2.duo{font-size:clamp(30px,4.2vw,50px);line-height:1.05;} h2.duo .it{font-size:.62em;margin-bottom:4px;} .center{text-align:center;} .center h2.duo{max-width:17em;margin:0 auto;} .sublead{font-size:16px;color:var(--muted);max-width:35em;margin:20px auto 0;line-height:1.6;} .dark .sublead{color:var(--w55);} .btn{display:inline-flex;align-items:center;gap:10px;border-radius:6px;font-family:var(--mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:1px solid transparent;padding:15px 23px;transition:background .2s,border-color .2s,color .2s;} .btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px;} .btn-ink{background:var(--ink);color:#fff;} .btn-ink:hover{background:#2A2822;} .btn-out{background:transparent;color:var(--ink);border-color:var(--line-2);} .btn-out:hover{background:var(--ink);color:#fff;} .btn-white{background:#fff;color:#1E1E1E;} .btn-white:hover{background:#EDEAE3;} .btn-goldline{background:transparent;color:#fff;border-color:var(--nline-hi);} .btn-goldline:hover{border-color:var(--acc-hi);color:var(--acc-hi);} .btn-sm{padding:11px 16px;} .arw{transition:transform .18s;}.btn:hover .arw{transform:translateX(3px);} /* nav */ header.site{position:sticky;top:0;z-index:70;background:rgba(247,245,240,.85);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line);} .nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;} .logo{font-family:var(--sans);font-weight:700;font-size:23px;letter-spacing:-.03em;color:var(--ink);} .logo i{font-style:normal;color:var(--acc-deep);} .nav-mid{display:flex;gap:4px;align-items:center;} .nav-mid>a,.nav-drop>a{display:inline-block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);padding:10px 13px;border-radius:6px;transition:color .18s,background .18s;} .nav-mid>a:hover,.nav-drop:hover>a,.nav-mid>a.on{color:var(--ink);background:var(--paper-3);} .nav-r{display:flex;align-items:center;gap:12px;} .nav-r .signin{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);} .nav-r .signin:hover{color:var(--ink);} @media(max-width:980px){.nav-mid{display:none;}} @media(max-width:520px){.nav-r .signin{display:none;}} .nav-drop{position:relative;} .mega{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);width:640px;max-width:calc(100vw - 40px);background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 70px rgba(20,19,16,.16);padding:16px;display:grid;grid-template-columns:215px 1fr;gap:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease);z-index:80;text-align:left;} .mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;} .nav-drop:hover .mega,.nav-drop.open .mega,.nav-drop:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);} .mega.small{width:430px;grid-template-columns:1fr;} .mega-l{display:flex;flex-direction:column;gap:10px;} .mtile{display:block;border:1px solid var(--line);border-radius:9px;padding:13px 14px;transition:border-color .15s,background .15s;} .mtile:hover{border-color:var(--acc-deep);} .mtile b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:0;text-transform:none;} .mtile span{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4;letter-spacing:0;text-transform:none;font-family:var(--sans);} .mtile.gold{background:var(--acc-wash);border-color:var(--acc-deep);} .mega-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .mega-cols p{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin:2px 0 8px;} .mega-cols a{display:block;font-size:13px;color:var(--ink-2);padding:4.5px 0;font-family:var(--sans);letter-spacing:0;text-transform:none;} .mega-cols a:hover{color:var(--acc-deep);} /* domain-tinted dark hero */ .hero{position:relative;overflow:hidden;text-align:center;padding:104px 0 96px;background:var(--night);} .hero.left{text-align:left;} .sky{position:absolute;inset:0;pointer-events:none;} .sky::before{content:"";position:absolute;inset:0;background: radial-gradient(90% 60% at 50% 108%, var(--sky-a) 0%, var(--sky-b) 34%, rgba(60,50,40,.07) 55%, transparent 72%), radial-gradient(50% 34% at 50% 102%, var(--acc-dim) 0%, transparent 70%), linear-gradient(180deg,#161616 0%,#181716 46%,#1F1B15 78%,#221D13 100%);} .sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--acc-hi),transparent);opacity:.5;} .hero .wrap{position:relative;} .hero .sub{font-size:16.5px;color:var(--w55);max-width:34em;margin:24px auto 0;line-height:1.6;} .hero.left .sub{margin-left:0;} .hero-cta{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap;} .hero.left .hero-cta{justify-content:flex-start;} .hero-note{margin-top:24px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--w38);} .crumb{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--w38);} .crumb a:hover{color:#fff;} .crumb b{color:var(--acc-hi);font-weight:500;} section.band{padding:88px 0;} section.band.tight{padding:56px 0;} /* at-a-glance stat band */ .glance{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:44px;} @media(max-width:760px){.glance{grid-template-columns:1fr 1fr;}} .glance .g{background:var(--paper);padding:26px 22px;} .glance .n{font-family:var(--serif);font-size:30px;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1;} .glance .n i{font-style:normal;color:var(--acc-deep);} .glance .l{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);margin-top:9px;line-height:1.5;} /* market-now panel */ .market{max-width:860px;margin:44px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;} .market .mk-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);} .market .mk-bar .t{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);} .market .mk-bar .d{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-deep);} .market .mk-body{padding:22px 24px;} .market p{font-size:14.5px;color:var(--ink-2);line-height:1.65;} .market p+p{margin-top:12px;} .market .src{margin-top:14px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);} /* steps */ .steps{max-width:840px;margin:48px auto 0;border-top:1px solid var(--line-2);text-align:left;} .step{display:grid;grid-template-columns:70px 1fr 1.3fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline;} @media(max-width:720px){.step{grid-template-columns:1fr;gap:6px;}} .step .sn{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--acc-deep);} .step h3{font-size:18px;font-weight:600;letter-spacing:-.01em;} .step p{font-size:14px;color:var(--muted);line-height:1.55;} /* journey rail (student flagship) */ .rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:44px 4px 18px;} .rail::-webkit-scrollbar{height:6px;} .rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px;} .rcard{flex:0 0 280px;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;text-align:left;position:relative;transition:border-color .18s,transform .18s;} .rcard:hover{border-color:var(--acc);transform:translateY(-2px);} .rcard .rk{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-deep);} .rcard h3{font-size:17px;font-weight:600;margin:11px 0 7px;letter-spacing:-.01em;} .rcard p{font-size:13px;color:var(--muted);line-height:1.55;} .rcard .rt{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);} .rcard::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:14px;} .rcard:last-child::after{content:"";} /* cards grid */ .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;text-align:left;} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px;text-align:left;} @media(max-width:860px){.grid3,.grid2{grid-template-columns:1fr;}} .kcard{display:block;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:26px;transition:border-color .18s,transform .18s,box-shadow .18s;} a.kcard:hover{border-color:var(--acc-deep);transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(20,19,16,.3);} .kcard .code{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-deep);} .kcard h3{font-size:18px;font-weight:600;margin:12px 0 8px;letter-spacing:-.01em;} .kcard p{font-size:13.5px;color:var(--muted);line-height:1.55;} .kcard .meta{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);} .kcard .go{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-deep);} /* docs + traps */ .docs{margin-top:36px;text-align:left;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;} .docs span{display:inline-block;font-size:13px;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 15px;} .docs span b{color:var(--acc-deep);font-weight:600;} .traps{max-width:840px;margin:44px auto 0;border-top:1px solid var(--line-2);text-align:left;} .trap{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);} .trap .sev{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bad);padding-top:3px;} .trap p{font-size:14px;color:var(--ink-2);line-height:1.55;} .trap p b{font-weight:600;} /* fees table */ .fees{max-width:720px;margin:44px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left;} .fees .fr{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line);font-size:14px;} .fees .fr:last-child{border-bottom:none;} .fees .fr .k{color:var(--ink-2);} .fees .fr .v{font-family:var(--mono);font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;} .fees .fr.total{background:var(--acc-wash);} .fees .fr.total .k,.fees .fr.total .v{font-weight:600;} .fees .fn{padding:12px 22px;font-size:12px;color:var(--faint);border-top:1px solid var(--line);} /* first-week grid (student) */ .week{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;text-align:left;} @media(max-width:860px){.week{grid-template-columns:1fr 1fr;}} @media(max-width:560px){.week{grid-template-columns:1fr;}} .wk{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px;} .wk .d{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-deep);} .wk h4{font-size:15.5px;font-weight:600;margin:9px 0 5px;} .wk p{font-size:12.5px;color:var(--muted);line-height:1.5;} /* CTA + footer */ .close{position:relative;overflow:hidden;text-align:center;padding:110px 0 104px;background:var(--night);} .close::before{content:"";position:absolute;inset:0;background: radial-gradient(80% 55% at 50% 112%, var(--sky-a) 0%, var(--sky-b) 36%, transparent 68%), linear-gradient(180deg,var(--night) 0%,#1D1912 70%,#201B11 100%);} .close .wrap{position:relative;} .close h2{font-size:clamp(36px,5.4vw,64px);} .close .duo .it{color:var(--w78);} .close .duo .big{color:#fff;} .close .sublead{color:var(--w55);} .hero .duo .it{color:var(--w78);} .hero .duo .big{color:#fff;} .hero .eyebrow{color:var(--w38);} .close .hero-cta{margin-top:36px;} footer.site{background:#151412;padding:52px 0 40px;} .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;} .foot .logo{color:#fff;font-size:18px;} .foot .logo i{color:var(--gold);} .foot .cols{display:flex;gap:26px;flex-wrap:wrap;} .foot a,.foot span{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w38);} .foot a:hover{color:#fff;} .reveal{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease),transform .8s var(--ease);} .reveal.in{opacity:1;transform:none;} @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;}.eyebrow .dot{animation:none;}}