/* Kolora 1.4: the complete creative workflow. */
.hero h1{font-size:clamp(58px,8vw,112px);line-height:1.02;max-width:1100px}.hero{padding-top:145px;min-height:auto}.hero .actions{margin-bottom:60px}
.workspace-gallery{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;background:#090a0c;align-items:center}.workspace-gallery .sticky-copy{position:static;top:auto;height:auto;width:auto;padding:0;display:block}.workspace-gallery .sticky-copy h2{font-size:clamp(42px,5vw,72px)}.workspace-gallery .sticky-visual{display:block;position:static;top:auto;height:auto;margin:0;padding:0;min-width:0}.workspace-gallery .screen-shell{width:100%;aspect-ratio:1536/1059}.workspace-gallery .stage-image{object-fit:contain;transform:none}.workspace-gallery .stage-labels{margin-top:28px;gap:8px;max-width:none}.workspace-gallery .stage-labels button{font-family:inherit;font-size:11px;padding:10px 12px;border:1px solid #30333c;border-radius:7px;color:#babdc7;min-height:40px}.workspace-gallery .stage-labels button.selected{border-color:#41d0ed;color:#83e5f8;background:#102329}
.screenshot-note,.export-note{color:#a0a3ad;font-size:12px;line-height:1.7}.screenshot-note{margin:18px 0 0}.capability-grid article{display:flex;flex-direction:column}.capability-grid h3{margin-top:35px}.capability-grid p{color:#afb1ba}.feature-text-link{display:inline-flex;gap:12px;color:#7adef4;font-size:13px;padding-top:20px;margin-top:auto}.export-note{margin:25px 0}
.features-hero{max-width:var(--max);margin:auto;padding-top:160px;padding-bottom:70px}.features-hero h1{font-size:clamp(58px,7.5vw,108px);line-height:1.02;letter-spacing:-.06em;margin:24px 0 28px}.features-intro{max-width:770px;font-size:21px;color:#afb2bc;line-height:1.65}.feature-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;padding-top:32px;border-top:1px solid #282c35;gap:20px}.feature-stats strong{display:block;font-size:50px;letter-spacing:-.045em;font-weight:500}.feature-stats span{display:block;font-size:12px;color:#a9adb8;margin-top:12px;line-height:1.5}.feature-track-note{font-size:12px;color:#a9adb8;margin-top:26px}
.feature-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:18px 24px;border-block:1px solid #252933;background:#0b0d11}.feature-jump a{padding:10px 15px;border-radius:30px;color:#bec3ce;font-size:13px;border:1px solid transparent}.feature-jump a:hover,.feature-jump a:focus-visible{color:#fff;border-color:#4ca5bb;background:#14232c}.feature-directory{padding-top:38px;padding-bottom:70px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a9adb8;font-size:13px}.feature-expand{border:1px solid #454b58;border-radius:30px;background:transparent;color:#e2e6ef;font:inherit;padding:11px 17px;cursor:pointer;white-space:nowrap}
.feature-chapter{padding-top:88px;scroll-margin-top:85px}.chapter-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:30px}.chapter-heading .eyebrow{margin-top:13px;color:#6cdaef}.chapter-heading h2{font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:0;max-width:730px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.spec-card{padding:32px;border:1px solid #2c303a;border-radius:20px;background:linear-gradient(130deg,#11151b,#0c0e13);min-width:0}.spec-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8bd6e6;margin:0 0 26px}.spec-card h3{font-size:29px;line-height:1.15;letter-spacing:-.035em;margin:0 0 15px;font-weight:500}.spec-summary{color:#b2b7c2;font-size:15px;line-height:1.75;min-height:78px}.spec-card summary{position:relative;border-top:1px solid #30343e;margin-top:25px;padding:20px 30px 0 0;font-size:13px;color:#e6e9ef;cursor:pointer;list-style:none;line-height:1.5}.spec-card summary::-webkit-details-marker{display:none}.spec-card summary:after{content:'+';position:absolute;right:2px;font-size:22px;top:15px;color:#6cd8f0}.spec-card details[open] summary:after{content:'−'}.spec-body{font-size:14px;line-height:1.8;color:#b9bdc7;padding-top:16px;overflow-wrap:anywhere}.spec-body ul{padding-left:20px;margin:10px 0 20px}.spec-body li{margin-bottom:10px;padding-left:4px}.spec-body p{border-left:2px solid #38778a;padding-left:15px;color:#aab7c3;margin:24px 0 0}.spec-body strong{color:#e5e9f1}
.feature-requirements{background:radial-gradient(ellipse at 85% 10%,#122735 0,transparent 65%),#0b0e13}.feature-requirements h2{font-size:clamp(44px,6vw,78px);line-height:1.03;letter-spacing:-.05em;margin:25px 0}.feature-requirements>p:not(.eyebrow){max-width:730px;line-height:1.8;color:#b0b8c5;font-size:16px}.feature-requirements .actions{justify-content:flex-start;margin-bottom:0}:focus-visible{outline:2px solid #69dbf4;outline-offset:5px}
@media(max-width:850px){.nav{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 18px;gap:14px}.nav nav{display:flex;order:3;flex:0 0 100%;justify-content:center;gap:20px;font-size:11px;padding-bottom:2px}.nav-cta{max-width:59%;white-space:normal;text-align:center;font-size:11px;padding:9px 12px}.nav .brand{font-size:11px;gap:7px}.nav .brand-logo{--logo-size:26px}.hero{padding-top:156px}.hero h1{font-size:clamp(46px,10.5vw,82px)}.workspace-gallery{grid-template-columns:1fr;gap:28px}.workspace-gallery .sticky-copy>p:not(.eyebrow){display:block}.workspace-gallery .sticky-copy h2 br{display:none}.workspace-gallery .stage-labels{gap:7px}.features-hero{padding-top:155px}.features-hero h1{font-size:clamp(47px,10vw,80px)}.features-intro{font-size:18px}.feature-stats{grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.feature-stats strong{font-size:40px}.feature-jump{justify-content:flex-start;padding:16px;gap:3px}.feature-jump a{padding:9px 11px;font-size:12px}.feature-directory{padding-top:25px}.directory-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.chapter-heading{grid-template-columns:1fr;gap:8px}.feature-chapter{padding-top:60px;scroll-margin-top:125px}.spec-grid{grid-template-columns:1fr}.spec-card{padding:25px}.spec-summary{min-height:0}.spec-card h3{font-size:27px}.feature-stats span{max-width:145px}.feature-requirements .actions{align-items:flex-start}.footer-links{flex-wrap:wrap;justify-content:center}section[id]{scroll-margin-top:120px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Current Project Home and media-management views. Full screenshots, no cropping. */
.management-showcase{background:#0a0d12;scroll-margin-top:100px}.management-showcase h2{font-size:clamp(42px,6vw,76px);line-height:1.04;letter-spacing:-.05em;margin:24px 0}.management-intro{max-width:750px;color:#b2b7c2;font-size:18px;line-height:1.7}.project-home-preview{margin:45px 0 65px}.project-home-preview img,.management-panel img{display:block;width:100%;height:auto;border:1px solid #303642;border-radius:16px}.project-home-preview figcaption{color:#a8b0bd;font-size:13px;line-height:1.7;margin-top:18px}.management-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.management-tabs button{font:inherit;font-size:14px;padding:13px 18px;border-radius:9px;border:1px solid #38414e;background:#111721;color:#bbc5d3;cursor:pointer}.management-tabs button[aria-pressed="true"]{color:#89e6fb;border-color:#39b4d2;background:#102b36}.management-panel{margin:0}.management-panel[hidden]{display:none}.management-panel figcaption{padding-top:24px;line-height:1.7}.management-panel strong{font-size:22px;color:#eff4fa;font-weight:500}.management-panel p,.management-note{color:#abb7c7;line-height:1.8;max-width:850px}.management-note{font-size:13px;margin-top:25px;padding-top:20px;border-top:1px solid #293342}@media(max-width:850px){.management-showcase{scroll-margin-top:125px}.management-tabs button{font-size:12px;padding:11px}.project-home-preview{margin-bottom:40px}}

/* October 2026 feature update */
.latest-gallery h2{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.045em;margin:24px 0 44px}
.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}
.latest-grid figure,.latest-grid article{margin:0;min-width:0}
.latest-grid img{display:block;width:100%;height:auto;border:1px solid #292a30;border-radius:14px}
.latest-grid h3,.latest-grid figcaption strong{display:block;font-size:25px;margin:22px 0 10px}
.latest-grid p{color:#a1a2aa;line-height:1.7;margin-bottom:18px}
.directory-toolbar{gap:24px;flex-wrap:wrap}.directory-toolbar label{color:#aaa;font-size:14px}.directory-toolbar input{margin-left:12px;border:1px solid #45464d;background:#121216;color:#fff;padding:12px 16px;border-radius:8px;max-width:100%}
.feature-chapter>.spec-card{max-width:100%}.spec-body h4{font-size:20px;margin:30px 0 14px;color:#fff}.spec-body p{line-height:1.8}.spec-body ul{columns:2;column-gap:48px}.spec-body li{break-inside:avoid;margin-bottom:10px}.feature-chapter[hidden]{display:none}
.footer-links{flex-wrap:wrap}.footer-social{flex-shrink:0}
@media(max-width:700px){.latest-grid{grid-template-columns:1fr;gap:36px}.spec-body ul{columns:1}.directory-toolbar label{width:100%}.directory-toolbar input{display:block;margin:10px 0 0;width:100%}.feature-stats{grid-template-columns:repeat(2,1fr)}}

.feature-directory .feature-chapter:target{scroll-margin-top:160px}.spec-body{overflow-wrap:anywhere}