/* Shared editorial layout. All content remains readable without motion or JS. */
.editorial-label{display:block;font-size:.76rem;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--muted,#969696)}
.editorial-link{display:inline-flex;gap:.8em;align-items:center;color:inherit;font-size:.95rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.3em}
.editorial-link:focus-visible,.academy-course-line:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.app-capture{margin:0;overflow:hidden;background:#121419;border:1px solid #ffffff18;border-radius:4px}
.app-capture img{display:block;width:100%;height:auto;object-fit:contain}
.app-capture figcaption{padding:1rem;font-size:.82rem;color:#d7d7d7}
.product-editorial .records-hero{padding:clamp(70px,10vw,150px) 0 70px}
.product-editorial .records-hero h1{max-width:1000px;font-size:clamp(2.7rem,6vw,5.8rem);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.product-editorial .records-hero-grid{display:block}
.product-editorial .records-lead{max-width:700px}
.product-story{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.65fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(48px,7vw,105px) 0;border-top:1px solid var(--line,#ffffff25)}
.product-story h2{font-size:clamp(2rem,3.3vw,3.6rem);line-height:1.12;letter-spacing:-.04em;margin:.6em 0}
.product-story p{font-size:1.04rem;line-height:1.85;color:var(--muted,#a7a7a7);max-width:39ch;margin:0 0 1.6rem}
.product-story-visual{min-width:0;position:relative}
.product-story-visual::before{content:'';position:absolute;inset:-24px;background:radial-gradient(ellipse at 60% 40%,#8295b414,transparent 70%);pointer-events:none}
.integration-diagram{display:flex;align-items:center;justify-content:center;min-height:240px;padding:3rem;background:var(--surface,#161719);border:1px solid var(--line,#ffffff25);color:inherit;font-size:clamp(1.1rem,3vw,2.5rem);letter-spacing:-.04em}
.integration-diagram span{border:1px solid var(--line,#ffffff25);padding:.6em}.integration-diagram i{height:1px;background:currentColor;flex:1;max-width:50px;opacity:.3}
.release-list{border-top:1px solid var(--line,#ffffff25)}
.release-entry{display:grid;grid-template-columns:140px minmax(0,1fr) 24px;gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--line,#ffffff25)}
.release-entry time{font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--muted,#999);padding-top:.15rem}
.release-entry h3{font-size:clamp(1.15rem,2vw,1.6rem);font-weight:500;line-height:1.5;margin:.35rem 0}
.release-entry h3 a{color:inherit;text-decoration:none}.release-entry h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.release-entry p{max-width:70ch;line-height:1.8;color:var(--muted,#999)}
.academy-course-line{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;gap:2rem;padding:2.5rem 0;border-top:1px solid var(--line,#ffffff25);color:inherit;text-decoration:none}
.course-number{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;font-weight:300;letter-spacing:-.05em;opacity:.3;font-variant-numeric:tabular-nums}
.academy-course-line h3{font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:500;margin:.4em 0;letter-spacing:-.025em}
.academy-course-line p{max-width:75ch;font-size:.96rem;line-height:1.8;color:var(--muted,#999);margin:0}.course-arrow{font-size:1.5rem}
.company-editorial .records-hero{padding:clamp(80px,12vw,180px) 0 80px}.company-editorial .records-hero-grid{display:block}
.company-editorial .records-hero h1{font-size:clamp(2.8rem,6.5vw,6.5rem);line-height:1.06;max-width:1100px;letter-spacing:-.05em;text-wrap:balance}
.company-editorial .records-lead{max-width:680px;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.8;margin-top:2.3rem}
.company-editorial .records-section{padding:clamp(60px,8vw,120px) 0}.company-editorial .company-mission-layout{gap:8vw}
.company-editorial .company-mission-heading h2{font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.15;letter-spacing:-.04em}
.company-editorial .company-story{font-size:1.15rem;line-height:1.95}.company-editorial .records-section-alt{background:var(--surface,#151617)}
.company-editorial .record-row{padding:2.5rem 0}.company-editorial .record-row h3{font-size:1.5rem;font-weight:500}
.company-workspace{padding-bottom:0}.company-workspace .app-capture{max-height:620px;overflow:hidden}.company-workspace .app-capture img{object-fit:cover;object-position:top}
.model-card-bg.app-background{width:100%;height:100%;object-fit:cover;object-position:55% top;opacity:1}
.oai-model-card.alcad .app-background{width:165%;max-width:none;height:165%;left:-32.5%;top:-34%;object-position:50% center}
.oai-model-card .model-card-scrim{background:linear-gradient(180deg,#080a0e00 20%,#080a0e38 44%,#080a0ef2 76%)}
@media (prefers-reduced-motion:no-preference){.editorial-link span,.course-arrow{transition:transform .2s ease}.editorial-link:hover span,.academy-course-line:hover .course-arrow{transform:translate(3px,-3px)}.product-story-visual .app-capture{transition:transform .4s cubic-bezier(.2,.75,.25,1)}.product-story:focus-within .app-capture,.product-story:hover .app-capture{transform:translateY(-3px)}}
@media(max-width:760px){.product-story{grid-template-columns:1fr}.product-story p{max-width:none}.release-entry{grid-template-columns:1fr 20px;gap:.6rem}.release-entry time{grid-column:1/-1}.academy-course-line{grid-template-columns:45px minmax(0,1fr) 20px;gap:1rem;padding:2rem 0}.course-number{font-size:2.3rem}.integration-diagram{min-height:160px;padding:2rem}.company-editorial .records-hero{padding-top:70px}}
main.product-index-page.product-editorial .records-hero{text-align:left;padding:clamp(70px,8vw,110px) 0 70px}
main.product-index-page.product-editorial .records-hero-grid{display:block;text-align:left}
main.product-index-page.product-editorial .records-hero h1{margin-left:0;max-width:950px;text-align:left;font-size:clamp(2.8rem,5.6vw,5.5rem);letter-spacing:-.045em}
main.product-index-page.product-editorial .records-lead{margin-left:0;max-width:680px;text-align:left}
main.product-index-page.product-editorial .records-actions{justify-content:flex-start}
main.product-index-page.product-editorial #products{padding-top:0}
