@import 'tailwindcss';
@import 'tw-animate-css';
@import 'shadcn/tailwind.css';
@import './magazine.css';

:root{--ink:#181713;--paper:#f2eee4;--cream:#fbf8f0;--orange:#ee5b32;--gold:#d5a83d;--blue:#183b5b;--line:rgba(24,23,19,.19)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:88px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:900;letter-spacing:.11em;line-height:.95}nav{display:flex;gap:36px;font-size:13px;font-weight:700}nav a,.text-link,footer a{transition:color .2s ease}nav a:hover,.text-link:hover,footer a:hover{color:var(--orange)}.header-cta{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;padding:12px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.35fr .65fr;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(72px,10vw,145px) clamp(28px,6vw,92px) 80px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-number{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:24px 0 28px;max-width:980px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,9.4vw,146px);line-height:.79;letter-spacing:-.065em;font-weight:500}.hero h1 em{color:var(--orange);font-weight:400}.hero-lead{max-width:560px;font-size:clamp(18px,2vw,25px);line-height:1.45}.hero-actions{margin-top:42px;display:flex;align-items:center;gap:30px}.primary-button{display:inline-flex;align-items:center;gap:12px;background:var(--orange);color:#fff;padding:17px 22px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800}
.hero-stage{position:relative;overflow:hidden;background:var(--blue);color:var(--paper);border-left:1px solid var(--line);min-height:640px}.hero-stage:before{content:'';position:absolute;inset:9%;border:1px solid rgba(255,255,255,.2);transform:rotate(-7deg)}.hero-stage:after{content:'';position:absolute;width:56%;aspect-ratio:1;border:36px solid var(--orange);border-radius:50%;right:-13%;top:12%}.hero-stage p{position:absolute;left:12%;bottom:10%;z-index:2;font-weight:900;font-size:clamp(28px,3.7vw,62px);line-height:.88;letter-spacing:-.05em}.hero-stage p span{color:var(--gold);margin-left:18%}.stage-note{position:absolute;top:12%;left:13%;color:var(--gold)}.stage-line{position:absolute;height:2px;background:rgba(255,255,255,.65);transform-origin:left}.line-one{width:78%;top:44%;left:3%;transform:rotate(18deg)}.line-two{width:67%;top:57%;left:18%;transform:rotate(-12deg)}.line-three{width:54%;top:36%;left:30%;transform:rotate(71deg)}
.manifesto{padding:110px clamp(28px,6vw,92px);display:grid;grid-template-columns:.45fr 1.1fr .85fr;gap:clamp(40px,6vw,100px);background:var(--cream);border-bottom:1px solid var(--line)}.manifesto h2,.section-heading h2,.starter h2{margin:0 0 26px;font-family:Georgia,serif;font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.05em;font-weight:500}.manifesto>div p{font-size:19px;line-height:1.65;max-width:680px}blockquote{margin:0;padding:34px 0 0;border-top:5px solid var(--orange);font-family:Georgia,serif;font-size:clamp(26px,3vw,46px);line-height:1.12}blockquote cite{display:block;margin-top:24px;font-family:Arial,sans-serif;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.history{padding:110px clamp(28px,6vw,92px);background:var(--ink);color:var(--paper)}.section-heading{display:grid;grid-template-columns:.45fr 1.95fr;margin-bottom:80px}.section-heading h2{color:var(--gold)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.28)}.timeline article{padding:30px 28px 45px 0;border-right:1px solid rgba(255,255,255,.17)}.timeline article+article{padding-left:28px}.timeline article>span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--orange);color:var(--orange);border-radius:50%;font-size:11px;font-weight:900}.timeline .year{margin:54px 0 12px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.08em}.timeline h3{margin:0 0 20px;font-family:Georgia,serif;font-size:31px;font-weight:500}.timeline article>p:last-child{color:rgba(242,238,228,.72);line-height:1.6;font-size:15px}
.starter{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;padding:110px clamp(28px,6vw,92px);background:var(--gold)}.starter-intro>p:last-child{max-width:500px;font-size:17px;line-height:1.6}.starter h2{margin-top:38px;font-size:clamp(47px,5.5vw,82px)}.record-list{border-top:2px solid var(--ink)}.record-list article{min-height:128px;display:grid;grid-template-columns:52px 1fr auto 30px;align-items:center;gap:22px;border-bottom:1px solid rgba(24,23,19,.4);transition:padding .2s ease,background .2s ease}.record-list article:hover{padding:0 18px;background:rgba(255,255,255,.14)}.record-index,.record-year{font-size:11px;font-weight:900}.record-list p{margin:0 0 5px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.record-list h3{margin:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,41px);font-weight:500}
footer{min-height:300px;padding:70px clamp(28px,6vw,92px) 35px;display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:start;background:var(--blue);color:var(--paper)}footer>div{display:flex;align-items:center;gap:14px;letter-spacing:.1em}footer p{margin:0;font-family:Georgia,serif;font-size:28px;line-height:1.2}footer a{display:inline-flex;gap:7px;align-items:center;font-weight:800;font-size:12px;text-transform:uppercase}footer small{grid-column:1/-1;margin-top:80px;color:rgba(255,255,255,.55)}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.hero-stage{min-height:520px;border-left:0}.manifesto{grid-template-columns:1fr}.section-heading,.starter{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.timeline article{border-bottom:1px solid rgba(255,255,255,.17)}}
@media(max-width:560px){.site-header{height:72px}.header-cta{padding:10px 12px;font-size:10px}.hero-copy{padding-top:70px}.hero h1{font-size:58px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stage{min-height:420px}.manifesto,.history,.starter{padding-top:80px;padding-bottom:80px}.timeline{grid-template-columns:1fr}.timeline article,.timeline article+article{padding:28px 0 38px;border-right:0}.timeline .year{margin-top:30px}.record-list article{grid-template-columns:36px 1fr 22px;min-height:110px;gap:10px}.record-year{display:none}footer{grid-template-columns:1fr}footer small{grid-column:1;margin-top:20px}}