:root { --ink:#0d031b; --ink-soft:#56465f; --copper:#ff9813; --copper-light:#ffb11f; --paper:#f5f1f7; --paper-deep:#e9e1ed; --white:#fff; --line:rgba(76,39,89,.18); }
* { 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 { position:absolute; inset:0 0 auto; z-index:20; height:78px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:32px; padding:0 clamp(24px,5vw,84px); color:var(--white); background:linear-gradient(180deg,rgba(13,3,27,.78),rgba(13,3,27,.18)); border-bottom:1px solid rgba(255,255,255,.18); }
.brand { display:inline-flex; align-items:center; gap:11px; width:max-content; font-weight:700; letter-spacing:-.02em; }
.brand-mark { width:20px; height:20px; border:2px solid var(--copper-light); transform:rotate(45deg); box-shadow:inset 0 0 0 4px rgba(13,3,27,.88),inset 0 0 0 6px var(--white); }
.site-header nav { display:flex; gap:32px; font-size:14px; color:rgba(255,255,255,.82); }
.site-header nav a { transition:color .2s ease; }
.site-header nav a:hover,.site-header nav a:focus-visible { color:var(--copper-light); }
.header-cta { justify-self:end; padding:12px 18px; border:1px solid rgba(255,255,255,.8); color:var(--white); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.header-cta:hover,.header-cta:focus-visible { background:rgba(255,255,255,.12); }
.hero { position:relative; width:100%; overflow:hidden; background:#0d031b; }
.hero-cover { display:block; width:100%; height:auto; }
.event-strip { min-height:112px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; background:var(--ink); color:var(--white); padding:22px clamp(28px,6vw,104px); }
.event-strip>div { min-height:54px; display:flex; flex-direction:column; justify-content:center; padding:0 32px; border-left:1px solid rgba(255,255,255,.18); }
.event-strip>div:first-child { padding-left:0; border-left:0; }
.strip-label { margin-bottom:7px; color:var(--copper-light); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.event-strip strong { font-size:clamp(15px,1.3vw,20px); font-weight:500; }
.section { padding:110px clamp(28px,7vw,120px); }
.about { background:var(--white); }
.about-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:clamp(48px,8vw,136px); align-items:start; }
.about h2,.section-heading h2,.program h2,.lab h2,.audience h2,.closing h2 { margin:0; max-width:950px; font-size:clamp(38px,4.2vw,68px); line-height:1.06; letter-spacing:-.045em; }
.about-copy { padding-top:6px; color:var(--ink-soft); font-size:17px; line-height:1.72; }
.about-copy p { margin:0 0 22px; }
.impact-line { margin-top:90px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.impact-line>div { display:flex; align-items:baseline; gap:13px; padding:28px 20px; border-left:1px solid var(--line); }
.impact-line>div:first-child { border-left:0; padding-left:0; }
.impact-line strong { color:var(--copper); font-size:38px; }
.impact-line span { color:var(--ink-soft); font-size:13px; }
.pillars { background:var(--paper-deep); }
.section-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:64px; }
.section-heading .section-kicker { align-self:start; }
.section-heading h2 { max-width:660px; text-align:right; }
.pillar-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:rgba(255,255,255,.32); }
.pillar { position:relative; min-height:340px; padding:26px; overflow:hidden; border-left:1px solid var(--line); }
.pillar:first-child { border-left:0; }
.pillar-number { font-size:12px; color:var(--copper); font-weight:700; }
.chip-lines { width:60px; height:60px; margin:48px 0 50px; border:1px solid var(--copper); position:relative; transform:rotate(45deg); }
.chip-lines::before,.chip-lines::after { content:""; position:absolute; inset:8px; border:1px solid var(--ink-soft); }
.chip-lines::after { inset:20px; background:var(--copper); border:0; }
.pillar h3 { margin:0 0 12px; font-size:22px; letter-spacing:-.02em; }
.pillar p { margin:0; color:var(--ink-soft); font-size:14px; line-height:1.55; }
.program { background:var(--ink); color:var(--white); }
.program-intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr); gap:clamp(50px,8vw,140px); align-items:end; margin-bottom:86px; }
.program-intro>p { margin:0 0 4px; color:#cfc4d6; font-size:17px; line-height:1.65; }
.agenda-day { display:grid; grid-template-columns:270px 1fr; gap:55px; margin-top:54px; }
.day-heading { display:flex; gap:20px; align-items:flex-start; padding-top:26px; border-top:1px solid var(--copper); }
.day-heading>span { color:var(--copper-light); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.day-heading strong,.day-heading small { display:block; }
.day-heading strong { font-size:16px; }
.day-heading small { margin-top:8px; color:#a99bb1; line-height:1.45; }
.agenda-list { border-top:1px solid rgba(255,255,255,.23); }
.agenda-item { display:grid; grid-template-columns:130px 1fr 24px; gap:28px; align-items:start; padding:28px 4px; border-bottom:1px solid rgba(255,255,255,.16); transition:background .2s ease,padding .2s ease; }
.agenda-item:hover { background:rgba(255,255,255,.035); padding-left:12px; padding-right:12px; }
.agenda-time strong,.agenda-time span { display:block; }
.agenda-time strong { color:var(--copper-light); font-size:18px; }
.agenda-time span { margin-top:4px; color:#9b8ca4; font-size:12px; }
.agenda-type { color:var(--copper-light); font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.agenda-item h3 { margin:7px 0 8px; font-size:clamp(18px,1.6vw,25px); line-height:1.18; letter-spacing:-.02em; }
.agenda-item p { margin:0; color:#bfb2c7; font-size:14px; line-height:1.55; }
.agenda-arrow { color:var(--copper-light); }
.registration-action { display:flex; justify-content:flex-start; margin-top:24px; }
.registration-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-width:190px; padding:14px 28px; border:2px solid #ffe875; background:#ffd400; color:var(--ink); box-shadow:0 9px 24px rgba(255,212,0,.2); font-size:13px; font-weight:800; letter-spacing:.09em; line-height:1; text-align:center; text-transform:uppercase; transition:background .2s ease,box-shadow .2s ease,transform .2s ease; }
.registration-button:hover { background:#ffe052; box-shadow:0 12px 30px rgba(255,212,0,.3); transform:translateY(-2px); }
.registration-button:focus-visible { outline:3px solid var(--white); outline-offset:4px; }
.lab { background:var(--paper-deep); }
.lab-grid { display:grid; grid-template-columns:minmax(350px,.9fr) minmax(400px,1.1fr); gap:clamp(60px,10vw,170px); align-items:center; }
.lab-graphic { position:relative; min-height:610px; display:grid; place-items:center; border:1px solid var(--line); background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(93,32,91,.06) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(93,32,91,.06) 40px); overflow:hidden; }
.lab-graphic::before,.lab-graphic::after { content:""; position:absolute; background:var(--copper); opacity:.65; }
.lab-graphic::before { width:100%; height:1px; }
.lab-graphic::after { width:1px; height:100%; }
.wafer { width:min(30vw,370px); aspect-ratio:1; display:grid; place-items:center; border-radius:50%; border:1px solid var(--copper); background:repeating-radial-gradient(circle,transparent 0 20px,rgba(93,32,91,.16) 21px 22px); box-shadow:0 30px 50px rgba(76,39,89,.18); }
.wafer-core { width:34%; aspect-ratio:1; transform:rotate(45deg); background:var(--ink); border:10px solid #f5f1f7; box-shadow:0 0 0 2px var(--copper),12px 12px 26px rgba(76,39,89,.28); }
.lab-graphic>span { position:absolute; padding:7px 10px; background:var(--paper-deep); color:var(--copper); font-size:11px; font-weight:700; letter-spacing:.12em; }
.lab-graphic>span:nth-of-type(1) { left:9%; top:15%; }.lab-graphic>span:nth-of-type(2) { right:9%; top:42%; }.lab-graphic>span:nth-of-type(3) { left:16%; bottom:14%; }
.lab-copy>p { margin:28px 0; max-width:700px; color:var(--ink-soft); font-size:17px; line-height:1.7; }
.lab-copy ul { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:30px 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.lab-copy li { padding:16px 0; border-bottom:1px solid var(--line); font-size:14px; }
.lab-copy li:nth-child(even) { padding-left:22px; border-left:1px solid var(--line); }
.limited-note { margin-top:36px; padding:22px 24px; border-left:3px solid var(--copper); background:rgba(255,255,255,.55); color:var(--ink-soft); font-size:14px; line-height:1.55; }
.limited-note span { display:block; margin-bottom:5px; color:var(--copper); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.speakers { background:var(--white); }
.speaker-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.speaker { min-height:330px; padding:27px 26px; border-left:1px solid var(--line); }
.speaker:first-child { border-left:0; padding-left:0; }
.speaker-monogram { width:68px; height:68px; display:grid; place-items:center; margin-bottom:64px; background:var(--ink); color:var(--copper-light); font-weight:700; letter-spacing:.08em; }
.speaker-topic { color:var(--copper); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.speaker h3 { margin:10px 0 8px; font-size:22px; letter-spacing:-.02em; }
.speaker p { margin:0; color:var(--ink-soft); font-size:13px; line-height:1.55; }
.audience { background:var(--paper); }
.audience-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:clamp(60px,9vw,150px); align-items:start; }
.audience-list { display:flex; flex-wrap:wrap; gap:10px; padding-top:10px; }
.audience-list span { padding:13px 15px; border:1px solid var(--line); background:rgba(255,255,255,.45); color:var(--ink-soft); font-size:13px; }
.partners { padding:38px clamp(28px,7vw,120px); background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.partners>p { margin:0 0 28px; color:var(--copper); font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.partners>div { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:18px 0; }
.partners span { padding:0 22px;  color:var(--ink-soft); font-size:14px; font-weight:700; }
.partners span:first-child { padding-left:0; border-left:0; }
.closing { position:relative; min-height:360px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; overflow:hidden; background:var(--ink); color:var(--white); }
.closing h2 { position:relative; z-index:2; max-width:750px; }
.closing .eyebrow { position:relative; z-index:2; color:var(--copper-light); }
.button-light { position:relative; z-index:2; margin-top:40px; background:var(--white); color:var(--ink); }
.button-light:hover,.button-light:focus-visible { background:var(--copper-light); }
.closing-lines { position:absolute; width:700px; height:700px; right:-130px; top:-80px; border:1px solid rgba(212,170,141,.45); border-radius:50%; box-shadow:0 0 0 55px rgba(212,170,141,.045),0 0 0 110px rgba(212,170,141,.035),0 0 0 165px rgba(212,170,141,.025); }
.closing-lines::before { content:""; position:absolute; inset:29%; transform:rotate(45deg); border:2px solid var(--copper); box-shadow:inset 0 0 0 30px var(--ink),inset 0 0 0 32px rgba(212,170,141,.5); }
footer { min-height:110px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; padding:24px clamp(28px,7vw,120px); background:#16051f; color:#ded4e3; font-size:12px; }
.footer-brand .brand-mark { box-shadow:inset 0 0 0 4px #16051f,inset 0 0 0 6px #ded4e3; }
footer p { text-align:center; } footer>a:last-child { justify-self:end; color:var(--copper-light); }
@media (max-width:980px) { .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{width:100%}.event-strip{grid-template-columns:1fr;padding-block:28px}.event-strip>div{padding:14px 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.event-strip>div:first-child{border-top:0}.about-grid,.program-intro,.lab-grid,.audience-grid{grid-template-columns:1fr;gap:36px}.impact-line,.pillar-grid,.speaker-grid{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(3){border-left:0;border-top:1px solid var(--line)}.pillar:nth-child(4){border-top:1px solid var(--line)}.agenda-day{grid-template-columns:1fr;gap:24px}.lab-graphic{min-height:480px}.wafer{width:320px}.speaker:nth-child(3){border-left:0;border-top:1px solid var(--line)}.speaker:nth-child(4){border-top:1px solid var(--line)} }
@media (max-width:620px) { .site-header{height:68px;padding-inline:20px;background:rgba(13,3,27,.78)}.header-cta{padding:10px 12px;font-size:10px}.hero{width:100%}.hero-cover{width:100%;height:auto}.event-strip{padding-inline:22px}.section{padding:78px 22px}.section-heading{display:block}.section-heading h2{text-align:left}.impact-line{grid-template-columns:1fr 1fr}.impact-line>div{display:block;padding:20px 12px}.impact-line>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.impact-line>div:nth-child(4){border-top:1px solid var(--line)}.impact-line span{display:block;margin-top:4px}.pillar-grid,.speaker-grid{grid-template-columns:1fr}.pillar,.speaker{border-left:0;border-top:1px solid var(--line)}.pillar:first-child,.speaker:first-child{border-top:0}.agenda-item{grid-template-columns:82px 1fr;gap:16px}.agenda-arrow{display:none}.agenda-time strong{font-size:15px}.registration-button{width:100%;min-width:0}.lab-graphic{min-height:360px}.wafer{width:240px}.lab-copy ul{grid-template-columns:1fr}.lab-copy li:nth-child(even){padding-left:0;border-left:0}.speaker{min-height:270px;padding:25px 0}.speaker-monogram{margin-bottom:40px}.closing{min-height:520px}.closing-lines{opacity:.4}footer{grid-template-columns:1fr;text-align:left}footer p{text-align:left}footer>a:last-child{justify-self:start} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.registration-button{transition:none}.registration-button:hover{transform:none} }