/* A warm, open workshop. Terminal tokens and chrome stay in main.css. */
.frontier{--cream:#eee7da;--muted:#a9adae;--gold:#f2b63d;--line:rgba(225,204,169,.15);background:#0a0e12;color:var(--cream);font-weight:400;overflow-x:clip}
.frontier button,.frontier input{font:inherit}.frontier button{cursor:pointer}.frontier a,.frontier button,.frontier summary{-webkit-tap-highlight-color:transparent}.frontier ::selection{background:#e6bb70;color:#101416}.frontier :focus-visible{outline:2px solid #f2c679;outline-offset:6px}.frontier h1,.frontier h2,.frontier h3{color:var(--cream);font-weight:400;letter-spacing:-.045em}.frontier p{line-height:1.7}.frontier-nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,88px);border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:19px;letter-spacing:.12em;font-weight:500;color:var(--cream)}.brand-symbol{font-size:36px;font-weight:300;color:#e3bd76;line-height:1}.by-aska{font-size:10px;font-weight:400;letter-spacing:.04em;color:#a9adae;margin-left:8px}.frontier-nav nav{display:flex;gap:36px;align-items:center}.frontier-nav nav a{font-size:13px;color:#b9bcbb;min-height:44px;display:flex;align-items:center}.frontier-nav nav .setup-link{color:#f2b63d}.frontier-nav a:hover,.frontier-footer a:hover{color:#f2c679}
.portal-hero{position:relative;max-width:1700px;margin:auto;display:grid;grid-template-columns:1.04fr 1fr;padding:70px clamp(24px,5vw,88px) 0;isolation:isolate}.hero-atmosphere{position:absolute;z-index:-1;inset:-90px 0 0;background:radial-gradient(ellipse at 75% 35%,rgba(187,132,54,.075),transparent 60%)}.hero-copy{padding-top:20px;z-index:1}.eyebrow{font:10px/1.6 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#c6af8a;margin-bottom:26px}.little-star{font-size:16px;vertical-align:-1px;margin-right:10px}.frontier h1{font-size:clamp(52px,5.65vw,88px);line-height:1.055;letter-spacing:-.064em;max-width:750px;margin:0 0 30px}.gold-type{color:#e9c180}.hero-intro{font-size:clamp(17px,1.4vw,21px);color:#d3d1c9;max-width:460px;margin-bottom:16px}.hero-definition{font-size:14px;color:#a9adae;max-width:427px;margin-bottom:31px}.invitation{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:13px 23px;color:#13191b;background:#eac584;font-size:14px;border:1px solid #eac584;border-radius:3px;transition:background .2s,transform .2s}.invitation:hover{background:#f3d8a7;color:#13191b;transform:translateY(-2px)}.invitation span{font-size:22px}.hero-footnote{font-size:11px;color:#939b9d;margin-top:15px}.portal-scene{min-width:0;align-self:center;position:relative;margin:-40px -35px 0 -30px}.portal-svg{display:block;width:100%;height:auto;overflow:visible}.svg-core{font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.5px}.svg-small{font:8px ui-monospace,monospace;letter-spacing:2px}.orbit-node circle{fill:#eac584;stroke:#eac584;stroke-width:7;stroke-opacity:.12}.orbit-node text{font:12px 'Space Grotesk',sans-serif;fill:#c9c5bc}.orbital-ring{transform-origin:335px 335px;animation:breathe 8s ease-in-out infinite}.scene-caption{display:flex;align-items:center;gap:12px;margin:0 45px;color:#92978e;font:8px ui-monospace,monospace;letter-spacing:.12em}.scene-index{margin-left:auto;color:#8f8170}.tiny-cross{color:#e9c180;font-size:20px}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:64px;padding:23px 0;color:#9eaaa8;font-size:10px}.hero-bottom a{color:#c6bcaa}.hero-bottom a span{margin-left:17px;color:#dfbd7b}.release-label{font-family:ui-monospace,monospace;letter-spacing:.12em;font-size:9px}
.section-space{padding:110px clamp(24px,5vw,88px);max-width:1700px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-bottom:52px}.section-heading .eyebrow{grid-column:1/-1}.frontier h2{font-size:clamp(36px,4.3vw,65px);line-height:1.13;margin:0}.soft-type{color:#a6afa9}.section-heading>p:last-child{max-width:400px;align-self:end;justify-self:end;font-size:15px;color:#a9adae;margin-bottom:7px}.workshop-section{border-bottom:1px solid var(--line)}.question-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}.question-list{border-top:1px solid var(--line)}.question-list button{display:flex;text-align:left;align-items:center;width:100%;gap:22px;padding:27px 4px;background:transparent;border:0;border-bottom:1px solid var(--line);color:#a3aaa9;font-size:20px;line-height:1.45;letter-spacing:-.025em;transition:color .2s}.question-num{font:10px ui-monospace,monospace;color:#848d8f;align-self:flex-start;margin-top:7px}.question-arrow{margin-left:auto;font-size:24px;color:#6c7778}.question-list button[aria-pressed=true]{color:#f3d3a0}.question-list button[aria-pressed=true] .question-num,.question-list button[aria-pressed=true] .question-arrow{color:#ebc485}.question-list button:hover{color:#f3d3a0}.example-panel{border:1px solid #414034;background:linear-gradient(145deg,#1a1e1d,#11181b 70%);padding:30px 36px;border-radius:4px;min-height:530px;box-shadow:0 30px 70px #0002}.example-topline{font:9px ui-monospace,monospace;letter-spacing:.07em;color:#afbdaf;display:flex;gap:8px;align-items:center}.example-topline>span:last-child{margin-left:auto;color:#9b9588;white-space:nowrap}.status-pip{width:5px;height:5px;border-radius:50%;background:#b8c9aa;flex:none}.example-sketch{height:128px;display:flex;align-items:center;justify-content:center;gap:12px;font:11px ui-monospace,monospace;color:#ccc7b9}.sketch-input,.sketch-output{border:1px solid #535342;padding:9px 11px;border-radius:3px}.sketch-output{color:#ead3a7;background:#30291e44}.sketch-hub{font-size:39px;color:#eac584}.sketch-connector{width:20px;height:1px;background:#8d805e;flex-shrink:1}.frontier .example-panel h3{font-size:30px;line-height:1.24;margin:0 0 18px}.example-panel>p{font-size:14px;color:#b0b9b7}.example-result{border-left:1px solid #bba273;padding-left:17px;margin:25px 0}.example-result>span{font:8px ui-monospace,monospace;letter-spacing:.11em;color:#c7b68b}.example-result p{font-size:13px;color:#d6d5c8;margin-top:6px}.under-hood{border-top:1px solid var(--line);padding-top:13px}.under-hood summary{cursor:pointer;display:flex;justify-content:space-between;font-size:12px;color:#e0c69e;list-style:none;min-height:32px}.under-hood p{font-size:13px;color:#adb7b5;padding:12px 0}.example-panel .example-boundary{font-size:10px;line-height:1.6;color:#96a3a4;margin-top:15px}.no-js-note{margin-top:30px;color:#acb7b7;font-size:14px}
.demo-section{padding-top:105px;padding-bottom:95px}.demo-intro{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:44px}.demo-intro h2{font-size:clamp(32px,3.5vw,52px)}.demo-intro>p{max-width:370px;font-size:14px;color:#a9adae;margin-bottom:5px}.frontier .terminal{margin:0;width:100%;max-width:none}.frontier .term-static{white-space:pre-wrap;overflow-wrap:anywhere}.frontier .term-anim .cline{white-space:pre-wrap;overflow-wrap:anywhere}.frontier .terminal .term-anim{min-height:360px}.terminal-after{display:flex;justify-content:space-between;align-items:start;margin-top:19px;gap:24px}.terminal-after p{font-size:11px;color:#a0aaa9}.terminal-after a{color:#cdbb99}.replay-controls{display:flex;gap:10px}.replay-controls[hidden]{display:none}.replay-controls button{color:#d0c9b9;background:transparent;border:1px solid #414544;border-radius:3px;padding:10px 16px;font-size:11px;min-height:44px}.replay-controls button:hover{border-color:#c7ac7b}.human-section{background:#e9e4d7;color:#263635;max-width:none;padding-left:max(clamp(24px,5vw,88px),calc((100vw - 1524px)/2));padding-right:max(clamp(24px,5vw,88px),calc((100vw - 1524px)/2))}.human-section .eyebrow{color:#626c5a}.frontier .human-section h2,.frontier .human-section h3{color:#203432}.human-opening{max-width:780px}.human-opening h2 em{font-style:normal;color:#7c6946}.human-opening>p:last-child{max-width:600px;color:#52615b;font-size:16px;margin-top:28px}.human-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.human-grid article{border-top:1px solid #253d352c;padding-top:20px}.principle-number{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#667267}.frontier .human-grid h3{font-size:25px;letter-spacing:-.04em;margin:20px 0 15px}.human-grid p{color:#52615b;font-size:14px}.handoff-thread{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:55px 0 16px;padding-top:24px;border-top:1px solid #253d352c;font-size:12px;color:#374c43}.handoff-thread i{color:#8c784f;font-style:normal}.human-caption{font-size:11px;color:#69786e}
.curiosity-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.curiosity-section .section-heading{display:block;margin:0}.curiosity-section h2{font-size:clamp(35px,3.5vw,53px)}.curiosity-section .section-heading>p:last-child{margin-top:26px}.curiosity-list details{border-bottom:1px solid var(--line)}.curiosity-list details:first-child{border-top:1px solid var(--line)}.curiosity-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;font-size:17px;letter-spacing:-.02em;list-style:none}.detail-symbol{color:#d9b778;font-size:24px;font-weight:300}summary::-webkit-details-marker{display:none}details[open] .detail-symbol{transform:rotate(45deg)}.answer{padding:0 20px 25px 0;font-size:14px;color:#a8b2b1}.answer p+p{margin-top:13px}.answer a{display:inline-block;color:#dec494;font-size:12px;margin-top:18px;min-height:35px}.invitation-section{position:relative;isolation:isolate;text-align:center;border-top:1px solid var(--line);padding-top:90px;overflow:hidden}.invitation-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 55%,#b47b2620,transparent 65%)}.invitation-section h2{font-size:clamp(43px,5.4vw,80px)}.invitation-section>p:not(.eyebrow){color:#b3b8b4;font-size:16px;margin:25px 0}.closing-actions{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:30px}.text-invitation{font-size:13px;color:#d2c5af;padding:15px 0;min-height:44px}.text-invitation span{margin-left:15px}.availability{display:flex;justify-content:center;gap:48px;margin-top:70px;text-align:left;border-top:1px solid var(--line);padding-top:27px;font-size:10px;color:#9ca7a4}.availability b{display:block;color:#ccb78f;font-weight:400;font:9px ui-monospace,monospace;letter-spacing:.08em;margin-bottom:7px}.frontier-footer{border-top:1px solid var(--line);padding:45px clamp(24px,5vw,88px) 28px;display:grid;grid-template-columns:1fr 1fr;gap:36px}.frontier-footer>div>p{font-size:12px;color:#97a3a3;margin-top:16px}.frontier-footer nav{display:flex;flex-wrap:wrap;gap:22px;justify-content:flex-end;align-content:start}.frontier-footer nav a{font-size:11px;color:#bebbaF;min-height:44px;display:inline-flex;align-items:center}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:end;gap:24px}.frontier-footer .footer-bottom p{font-size:10px;margin:0;color:#8d9999}.footer-bottom>span{font-size:10px;color:#8d9999;white-space:nowrap}@keyframes breathe{50%{opacity:.6}}
@media(min-width:1500px){.portal-hero{padding-top:95px}.hero-copy{padding-top:35px}}
@media(max-width:1050px){.portal-hero{padding-top:40px}.portal-scene{margin:0 -30px 0 -50px}.frontier h1{font-size:clamp(50px,6.4vw,70px)}.hero-intro{font-size:17px}.question-layout{gap:35px}.question-list button{font-size:17px;gap:15px}.example-panel{padding:25px}.demo-intro{gap:35px}.demo-intro>p{max-width:300px}.curiosity-section{gap:40px}.human-grid{gap:30px}.frontier-nav nav{gap:25px}}
@media(max-width:760px){.frontier-nav{height:76px;padding:0 24px}.frontier-nav nav a:not(.setup-link){display:none}.frontier-nav nav{gap:0}.wordmark{font-size:16px;gap:8px}.by-aska{font-size:9px}.brand-symbol{font-size:30px}.portal-hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{padding-top:0}.frontier h1{font-size:clamp(49px,9.6vw,73px);max-width:600px}.hero-definition{max-width:420px}.portal-scene{width:min(100%,480px);margin:-4px auto 0}.scene-caption{margin:0 25px;font-size:7px}.hero-bottom{margin-top:30px;padding:20px 0;font-size:9px;gap:20px}.hero-bottom>span:first-child{display:none}.release-label{font-size:8px}.section-space{padding-top:70px;padding-bottom:70px}.section-heading{display:block;margin-bottom:34px}.section-heading>p:last-child{margin-top:22px;font-size:14px}.question-layout{grid-template-columns:1fr;gap:30px}.question-list button{padding:19px 4px;font-size:19px}.question-list button br{display:none}.question-list button span:nth-child(2){flex:1}.example-panel{min-height:0}.example-sketch{height:110px}.demo-intro{display:block}.demo-intro>p{max-width:500px;margin-top:25px}.frontier .term-anim{font-size:11px;line-height:1.75}.frontier .term-static{font-size:11px;line-height:1.75}.frontier .terminal .term-anim{min-height:490px}.frontier .live-label{font-size:9px}.terminal-after{flex-direction:column}.human-grid{grid-template-columns:1fr;gap:28px;margin-top:38px}.human-grid article{padding-top:16px}.frontier .human-grid h3{margin:13px 0 10px}.human-opening>p:last-child{font-size:15px}.handoff-thread{gap:10px;font-size:10px;margin-top:35px}.curiosity-section{grid-template-columns:1fr;gap:34px}.curiosity-list summary{font-size:16px;padding:22px 0}.availability{gap:25px;margin-top:50px;flex-direction:column;align-items:center;text-align:center}.frontier-footer{grid-template-columns:1fr;gap:25px}.frontier-footer nav{justify-content:start;gap:20px}.footer-bottom{flex-direction:column;align-items:start}.closing-actions{gap:23px}.invitation-section>p:not(.eyebrow){font-size:14px}}
@media(max-width:380px){.frontier-nav{padding:0 18px}.portal-hero,.section-space{padding-left:20px;padding-right:20px}.frontier h1{font-size:45px}.eyebrow{font-size:8px;letter-spacing:.11em}.hero-intro{font-size:16px}.example-panel{padding:20px}.example-sketch{gap:7px;font-size:9px}.sketch-input,.sketch-output{padding:7px}.sketch-hub{font-size:28px}.sketch-connector{width:10px}.example-topline{font-size:7px}.frontier .example-panel h3{font-size:25px}.closing-actions{flex-direction:column;gap:8px}.scene-caption{font-size:6px}.hero-bottom a{font-size:8px}.release-label{font-size:7px}.question-list button{font-size:17px}.frontier .term-anim,.frontier .term-static{font-size:10px}.frontier .terminal .term-anim{min-height:530px}}
@media(prefers-reduced-motion:reduce){.frontier *, .frontier *::before,.frontier *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}