.hero{min-height:620px;background:rgb(229,226,211)}.event-brand{max-width:36%}.buildathon-invite{left:3.6%;top:32%;width:32%;max-width:360px}.buildathon-invite .event-host{font-size:14px;line-height:1.65;max-width:295px}
.hero-workspace{position:absolute;left:0;right:0;top:110px;bottom:0;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to right,transparent,#000 3%);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%)}
.hero-workspace #scene{inset:0;mask-image:none;-webkit-mask-image:none}.hero-workspace canvas{touch-action:pan-y pinch-zoom}
.hero-workspace::before{content:'';position:absolute;left:0;right:0;top:0;height:65px;z-index:3;pointer-events:none;background:linear-gradient(to bottom,rgb(229,226,211),rgba(229,226,211,0))}
.scene-poster{position:absolute;inset:0;display:block;pointer-events:none;transition:opacity .3s}.scene-poster img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.scene-ready+.scene-poster{opacity:0}
.hero-workspace #scene canvas{opacity:0;transition:opacity .3s}.hero-workspace #scene.scene-ready canvas{opacity:1}.hero-workspace #error{z-index:2;top:auto;bottom:5%;left:12%;right:12%;font-size:12px;padding:12px;background:#f5efdfdf;border-radius:6px}
.hero-workspace #letter-controls button:focus-visible{top:12px;left:45px;z-index:6}.hero-workspace #letter-controls:focus-within{z-index:6}
.event-details{background:#f8f7f3;color:#34362e;padding:70px 5% 76px;border-bottom:1px solid #e0e0d6}.event-details-inner{max-width:1200px;margin:auto}.event-details h2{font:400 38px/1.1 var(--font-display);letter-spacing:-.04em;margin:0 0 35px}.event-facts{display:grid;grid-template-columns:1fr .8fr 1.5fr 1.4fr;margin:0 0 35px;gap:30px}.event-facts>div{border-left:1px solid #deded3;padding-left:24px}.event-facts>div:first-child{border:0;padding:0}.event-facts dt{font:10px/1.5 monospace;letter-spacing:.1em;text-transform:uppercase;color:#77786d;margin-bottom:12px}.event-facts dd{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.025em}.event-facts small{display:block;font-size:12px;color:#77786d;margin-top:4px}.event-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid #deded3;padding-top:27px}.event-notes p{font-size:14px;line-height:1.7;color:#6c6e62;margin:0;max-width:460px}.event-notes strong{font-weight:600;color:#34362e}
.draft-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:22px}.draft-status{margin:0;font-size:10px;line-height:1.5;color:#77725e}.draft-clear{font-size:10px;border:0;padding:6px 0;text-decoration:underline;color:#77725e}.application-field{scroll-margin-top:25px}.application-next{max-width:360px;margin:18px auto!important}.resume-restore{color:#746442!important}.draft-actions [hidden]{display:none}
@media(max-width:900px){.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;padding-top:150px}.event-brand{left:5%;top:30px;max-width:72%}.hero nav{top:30px;right:5%}.buildathon-invite{position:relative;left:auto;top:auto;width:auto;margin:0 7%;max-width:380px}.buildathon-invite .event-host{font-size:12px;max-width:310px}.hero-workspace{position:relative;inset:auto;width:100%;height:clamp(370px,55svh,610px);margin-top:24px;flex:1 0 auto;mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}.hero-workspace #scene{top:0}.event-facts{grid-template-columns:1fr 1fr;gap:28px}.event-facts>div{padding:0;border:0}.event-details{padding:55px 7%}.event-facts dd{font-size:16px}.event-notes{grid-template-columns:1fr;gap:18px}.event-details h2{font-size:34px;margin-bottom:30px}}
@media(max-width:650px){.event-brand{max-width:72%}.buildathon-invite .event-host{font-size:12px}.hero-workspace #letter-controls button:focus-visible{left:25px}}
@media(max-width:900px){.hero-workspace::before{display:none}}
@media(prefers-reduced-motion:reduce){.scene-poster,.hero-workspace #scene canvas{transition:none}}

.buildathon-invite h2>span{display:block;white-space:nowrap}.buildathon-invite h2{font-size:clamp(32px,3.35vw,56px)}
@media(max-width:900px){.buildathon-invite{max-width:420px}.buildathon-invite h2{font-size:clamp(32px,8.6vw,54px)}}
@media(max-width:360px){.buildathon-invite h2{font-size:9vw}}

@media(min-width:901px){.hero-workspace #letter-controls button:focus-visible{left:43vw}}