:root { --ink:#101111; --paper:#f4f1ea; --lime:#d8f55a; --rust:#ee5b3a; --line:rgba(16,17,17,.18); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } button,a { font:inherit; } a { color:inherit; text-decoration:none; } button { cursor:pointer; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:24px 4vw; position:absolute; z-index:2; width:100%; color:var(--paper); }.wordmark,.section-label,.eyebrow { font-family:"DM Mono",monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }.site-header nav { display:flex; align-items:center; gap:28px; font-size:13px; }.nav-book { border:0; background:none; color:inherit; padding:0; }.menu-toggle { display:none; }
.hero { position:relative; overflow:hidden; min-height:760px; padding:175px 8vw 52px; background:var(--ink); color:var(--paper); }.eyebrow { color:var(--lime); display:flex; gap:10px; align-items:center; }.pulse { width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px rgba(216,245,90,.12); }.hero-kicker { margin:70px 0 20px; max-width:370px; font-size:14px; line-height:1.55; color:#bdbdb6; }.hero h1,.intro h2,.agenda h2,.speaker-lede h2,.closing h2,dialog h2 { font-size:clamp(52px,8.2vw,128px); letter-spacing:-.075em; line-height:.88; margin:0; font-weight:700; max-width:1100px; }.hero h1 em,h2 em { font-family:"Playfair Display",serif; font-weight:600; }.hero-bottom { display:flex; gap:36px; align-items:end; margin-top:72px; position:relative; z-index:1; }.event-meta { font-family:"DM Mono",monospace; font-size:11px; letter-spacing:.03em; line-height:1.75; margin:0; }.button { border:1px solid currentColor; padding:15px 20px; font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:20px; }.button-light { background:var(--lime); color:var(--ink); border-color:var(--lime); }.button-dark { background:var(--ink); color:var(--paper); }.data-orbit { position:absolute; width:550px; height:550px; right:-80px; bottom:-190px; border:1px solid rgba(244,241,234,.28); border-radius:50%; transform:rotate(-23deg); }.data-orbit:before,.data-orbit:after { content:"";position:absolute;border:1px solid rgba(244,241,234,.16);border-radius:50%; }.data-orbit:before { inset:65px; }.data-orbit:after { inset:150px; }.orbit-dot { position:absolute;width:13px;height:13px;border-radius:50%;z-index:1; }.dot-a { top:10px;left:32%;background:var(--rust); }.dot-b { top:58%;right:4%;background:var(--lime); }.dot-c { bottom:14%;left:21%;background:var(--paper); }.orbit-line { position:absolute;height:1px;background:rgba(244,241,234,.3); transform-origin:left; }.line-a { width:310px;left:35%;top:12%;transform:rotate(54deg); }.line-b { width:340px;left:23%;bottom:16%;transform:rotate(-47deg); }.orbit-label { font:10px "DM Mono",monospace; position:absolute; }.label-a { top:20%;right:13%;color:var(--lime); }.label-b { bottom:25%;left:17%; }
.section-pad { padding:110px 8vw; }.section-label { margin:0; color:#74756e; }.intro { display:grid; grid-template-columns:1fr 2fr; gap:8vw; }.intro-copy h2 { font-size:clamp(42px,5.4vw,80px); max-width:820px; }.intro-copy > p:not(.fine-print) { max-width:490px; line-height:1.7; margin:45px 0 24px; font-size:16px; }.fine-print { font-size:11px; line-height:1.6; max-width:480px; color:#74756e; }.takeaways { background:var(--lime); }.takeaway-grid { margin-top:72px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }.takeaway-grid article { padding:23px 25px 6px 0; min-height:245px; border-right:1px solid var(--ink); margin-right:25px; }.takeaway-grid article:last-child { border:0; }.takeaway-grid span { font:11px "DM Mono",monospace; }.takeaway-grid h3 { font-size:25px; letter-spacing:-.05em; margin:60px 0 12px; }.takeaway-grid p { font-size:13px; max-width:245px; line-height:1.55; }.agenda { background:#dedbd3; display:grid; grid-template-columns:1fr 2fr; gap:8vw; }.agenda h2 { font-size:clamp(45px,5vw,76px); margin-top:42px; }.agenda ol { list-style:none; margin:0; padding:0; }.agenda li { display:grid; grid-template-columns:75px 1fr 45px; gap:18px; border-top:1px solid var(--line); padding:22px 0; }.agenda time,.agenda li>span { font:11px "DM Mono",monospace; }.agenda h3 { margin:0 0 5px;font-size:18px;letter-spacing:-.04em; }.agenda li p { margin:0;font-size:12px;line-height:1.5;color:#595a55; }.agenda li>span { text-align:right;color:#595a55; }.speakers { background:var(--ink); color:var(--paper); }.speaker-lede { display:flex; justify-content:space-between; align-items:end; margin:44px 0 70px; }.speaker-lede h2 { font-size:clamp(43px,5.6vw,82px); }.speaker-lede p { max-width:210px;font-size:12px;line-height:1.6;color:#bdbdb6; }.speaker-cards { display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:790px;margin-left:auto; }.speaker-cards article { background:#252725;padding:18px; }.portrait { height:275px;background:linear-gradient(135deg,#b2b1a8,#62645d);position:relative;overflow:hidden; }.portrait:after { content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--lime);opacity:.75;right:-45px;bottom:-40px; }.portrait-two { background:linear-gradient(135deg,#bf664e,#302929); }.portrait-two:after { background:var(--paper);left:-50px;top:-35px; }.speaker-cards p { font-size:16px;margin:18px 0 4px; }.speaker-cards span { font:11px "DM Mono",monospace;color:#bdbdb6; }.faq { display:grid;grid-template-columns:1fr 2fr;gap:8vw; }.faq-list details { border-top:1px solid var(--line);padding:21px 0; }.faq-list details:last-child { border-bottom:1px solid var(--line); }.faq-list summary { list-style:none;display:flex;justify-content:space-between;font-size:18px;font-weight:700;letter-spacing:-.03em;cursor:pointer; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { font-size:24px;font-weight:400;line-height:.7; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list p { font-size:13px;line-height:1.6;max-width:490px;color:#5e5f59; }.closing { background:var(--rust);padding:120px 8vw;color:var(--ink); }.closing .section-label { color:var(--ink); }.closing h2 { font-size:clamp(50px,7vw,105px);margin:40px 0 55px; }.closing .button { background:var(--paper);color:var(--ink);border-color:var(--paper); } footer { background:var(--ink);color:var(--paper);padding:26px 4vw;display:flex;justify-content:space-between;font-size:11px; }footer p{margin:0;color:#a7a8a2;}
dialog { width:min(560px,calc(100% - 32px));border:0;padding:42px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.35); }.dialog-close { position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;line-height:1; }.dialog-action { margin-top:24px; }.dialog-close:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible,.menu-toggle:focus-visible { outline:3px solid var(--rust);outline-offset:4px; }dialog::backdrop { background:rgba(0,0,0,.68); }
@media (max-width:720px) { .site-header { padding:19px 6vw; }.menu-toggle { display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:11px "DM Mono",monospace;text-transform:uppercase; }.menu-toggle span { width:8px;height:8px;background:var(--lime);border-radius:50%; }.site-header nav { display:none;position:absolute;top:60px;left:0;width:100%;padding:18px 6vw;background:var(--ink);flex-direction:column;align-items:start;gap:19px; }.site-header nav.open { display:flex; }.hero { min-height:690px;padding:135px 6vw 42px; }.hero-kicker { margin-top:58px; }.hero-bottom { margin-top:55px;flex-direction:column;align-items:start;gap:24px; }.data-orbit { width:430px;height:430px;right:-200px;bottom:-150px; }.section-pad { padding:78px 6vw; }.intro,.agenda,.faq { grid-template-columns:1fr;gap:32px; }.takeaway-grid { grid-template-columns:1fr; margin-top:40px; }.takeaway-grid article { min-height:auto;padding:20px 0 28px;margin:0;border-right:0;border-bottom:1px solid var(--ink); }.takeaway-grid h3 { margin:30px 0 10px; }.agenda h2 { margin-top:20px; }.agenda li { grid-template-columns:50px 1fr; }.agenda li>span { display:none; }.speaker-lede { display:block;margin:30px 0 38px; }.speaker-lede p { margin-top:25px; }.speaker-cards { grid-template-columns:1fr 1fr;gap:10px; }.portrait { height:170px; }.faq-list summary { font-size:16px; }.closing { padding:82px 6vw; }footer { padding:22px 6vw; }footer p { display:none; } }