:root { --paper:#f1ede5;--paper-2:#e4ded4;--ink:#191817;--muted:#6d6963;--line:#b8b0a5;--accent:#db4d35;--blue:#315ea8;--dark:#1b1917;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",monospace;--pad:clamp(1.25rem,5vw,5.5rem) }
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:1rem;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.22em}img{display:block;width:100%}h1,h2,h3{overflow-wrap:anywhere}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;color:#fff;background:#000}.skip-link:focus{top:1rem}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}
.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;min-height:5rem;padding:.8rem var(--pad);background:rgb(241 237 229 / 90%);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.wordmark{display:flex;flex-direction:column;width:fit-content;text-decoration:none;font:700 .78rem var(--mono);letter-spacing:.1em}.wordmark small{color:var(--accent);font-size:.62rem;letter-spacing:.13em}.header-nav{display:flex;gap:1.4rem;font:700 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.header-nav a{color:var(--muted);text-decoration:none}.header-nav a:hover,.header-nav a:focus-visible{color:var(--ink)}.languages{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:999px}.languages button{min-width:2.3rem;min-height:2.2rem;padding:0;border:0;color:var(--muted);background:transparent;font:700 .68rem var(--mono);cursor:pointer}.languages button[aria-pressed="true"]{color:#fff;background:var(--accent)}
.index,.meta{margin:0;color:var(--accent);font:700 .72rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}main>section{scroll-margin-top:5rem}.hero{min-height:calc(100svh - 5rem);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(3rem,7vw,7rem) var(--pad) 2rem;border-bottom:1px solid var(--line)}.hero h1{max-width:18ch;margin:2rem 0 4rem;padding-bottom:.08em;font:400 clamp(3.2rem,7.2vw,8rem)/1.02 var(--serif);letter-spacing:-.05em}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);padding-top:2rem;border-top:1px solid var(--ink)}.hero-foot p{max-width:40rem;margin:0;font-size:clamp(1rem,1.4vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.1rem;border:1px solid currentColor;text-decoration:none;font:700 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:.2s ease}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 .6rem 1.6rem rgb(0 0 0 / 14%)}
.motivation{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,9vw,10rem);padding-top:clamp(6rem,11vw,11rem);padding-bottom:clamp(6rem,11vw,11rem);background:var(--dark);color:var(--paper)}.motivation h2,.section-heading h2,.featured h2,.contact h2{margin:1rem 0 0;padding-bottom:.08em;font:400 clamp(2.7rem,5.4vw,6rem)/1.05 var(--serif);letter-spacing:-.04em}.motivation-copy .lead{margin-top:0;color:#fff;font:400 clamp(1.6rem,3vw,3rem)/1.12 var(--serif)}.motivation-copy p:last-child{max-width:45rem;color:#c9c1b6;font-size:1.08rem}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding-top:1px;padding-bottom:1px;background:var(--line)}.principles article{min-height:20rem;padding:2rem;background:var(--paper)}.principles span{color:var(--accent);font:700 .7rem var(--mono)}.principles h3{margin:4rem 0 1rem;font:400 2rem var(--serif)}.principles p{color:var(--muted)}
.trajectory{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.section-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;align-items:start;min-width:0;margin-bottom:5rem}.section-heading>*{min-width:0}.section-heading h2{margin-top:0}.timeline{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.timeline li{display:grid;grid-template-columns:minmax(8rem,.55fr) 1.45fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.timeline .date{color:var(--blue);font:700 .75rem var(--mono);letter-spacing:.06em}.timeline h3{margin:0 0 .5rem;font:400 clamp(1.5rem,2.5vw,2.4rem) var(--serif)}.timeline p{max-width:55rem;margin:0;color:var(--muted)}
.featured{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,9rem);align-items:center;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(5rem,9vw,9rem);color:var(--paper);background:var(--dark)}.featured-copy>p:not(.index,.meta){max-width:38rem;color:#c9c1b6;font-size:1.05rem}.featured .meta{margin-top:2rem;color:#aaa096}.video-poster{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;border:0;background:#000;cursor:pointer}.video-poster img{aspect-ratio:16/9;object-fit:cover;opacity:.83;transition:transform .6s,opacity .3s}.video-poster span{position:absolute;left:1rem;bottom:1rem;padding:.65rem .8rem;color:#fff;background:var(--accent);font:700 .7rem var(--mono);letter-spacing:.08em}.video-poster::after{content:"▶";position:absolute;left:50%;top:50%;display:grid;width:3.8rem;height:3.8rem;place-items:center;color:#fff;border:1px solid rgb(255 255 255 / 80%);border-radius:50%;transform:translate(-50%,-50%)}.video-poster:hover img,.video-poster:focus-visible img{opacity:1;transform:scale(1.02)}.video-poster.playing{aspect-ratio:16/9}.video-poster.playing::after{display:none}.video-poster iframe{display:block;width:100%;height:100%;border:0}
.video-archive{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem);background:var(--paper-2)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem) 2rem}.video-card{min-width:0;border-top:1px solid var(--ink);padding-top:1rem}.video-card>div{padding:1.2rem 0 0}.video-card h3{margin:.4rem 0 .6rem;font:400 clamp(1.7rem,3vw,2.6rem) var(--serif)}.video-card p:last-child{max-width:38rem;margin:0;color:var(--muted)}.video-card .meta{color:var(--blue)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,10rem);padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.contact-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem}.contact-copy p{max-width:40rem;font-size:1.1rem}.contact-copy span{color:var(--muted)}.contact .button{margin-top:1rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem;color:#bbb5ad;background:var(--dark);font:700 .68rem var(--mono);letter-spacing:.06em}.reveal{opacity:0;transform:translateY(1.4rem);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.video-poster img{transition:none}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.header-nav{display:none}.hero-foot,.motivation,.featured,.contact{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr}.featured-copy{margin-bottom:1rem}}@media(max-width:600px){.wordmark small{display:none}.languages button{min-width:2rem}.hero{min-height:auto}.hero h1{font-size:clamp(2.8rem,13vw,5rem)}.principles,.video-grid{grid-template-columns:1fr}.principles article{min-height:15rem}.timeline li{grid-template-columns:1fr;gap:.75rem}.video-archive{padding-left:0;padding-right:0}.video-archive .section-heading{padding-left:var(--pad);padding-right:var(--pad)}.video-card>div{padding-left:var(--pad);padding-right:var(--pad)}.site-footer{flex-direction:column}}
