/* Restore the original charcoal/mint visual rhythm beyond the fold. */
:root body .x5-home .x5-principle{
 background:var(--obsidian-surface)!important;color:var(--obsidian-ink)!important;
 border-top:1px solid var(--obsidian-line);border-bottom:1px solid var(--obsidian-line);
 border-radius:0!important}
:root body .x5-home .x5-principle>span{color:var(--obsidian-mint)!important}
:root body .x5-home .x5-principle p{color:var(--obsidian-ink)!important}
:root body .x5-home .gcx-cta{
 background:var(--obsidian-surface)!important;color:var(--obsidian-ink)!important;
 border:1px solid var(--obsidian-line);box-shadow:none;border-radius:var(--obsidian-radius-lg)}
:root body .x5-home .gcx-cta .gcx-kicker{color:var(--obsidian-mint)!important}
:root body .x5-home .gcx-cta h2{color:var(--obsidian-ink)!important}
:root body .x5-home .gcx-cta p{color:var(--obsidian-muted)!important}
:root body .x5-home .gcx-cta button{
 background:var(--obsidian-mint)!important;color:oklch(.2375 .0287 164.1)!important;
 border:1px solid var(--obsidian-mint)!important;border-radius:var(--obsidian-radius-md)!important;
 box-shadow:none!important;font-weight:700}
:root body .x5-home .gcx-cta button:hover{filter:brightness(1.06)}

/* Genesis X1127 / public-facing product proof instead of abstract brand artwork.
   The preview is explicitly illustrative; no product data, projects or approvals fabricated. */
:root body .x5-home .x5-hero.x1114-hero{
 display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
 align-items:center;column-gap:clamp(1.5rem,3vw,3.25rem);min-height:min(690px,calc(100svh - 4.5rem));
 padding:clamp(3.5rem,5vw,5.5rem) clamp(1.5rem,4vw,4rem) clamp(3.5rem,5vw,5rem)!important;
 background:var(--obsidian-bg)!important;color:var(--obsidian-ink)!important;
 border-bottom:1px solid var(--obsidian-line);isolation:isolate}
.x5-home .x1114-hero-grain{opacity:.25}
.x5-home .x1114-hero-content{width:100%;max-width:44rem;pointer-events:auto!important;position:relative;z-index:2;container-type:inline-size}
.x5-home .x1114-hero-content:before{
 content:"ATHRTY  /  DESIGN · SOFTWARE · SYSTEMS";display:block;
 font-size:.63rem;font-weight:750;letter-spacing:.15em;color:var(--obsidian-mint);
 margin-bottom:clamp(1.5rem,3vw,3rem)}
:root body .x5-home .x1114-hero h1{
 font-family:var(--athrty-heading-font)!important;font-weight:620;
 font-size:min(clamp(2.8rem,5.3vw,5.65rem),13.6cqi)!important;line-height:1.02!important;
 letter-spacing:-.071em!important;margin:0!important;max-width:100%!important;white-space:normal;text-wrap:balance;
 color:var(--obsidian-ink)!important}
:root body .x5-home .x1114-hero h1 em{
 font-family:var(--athrty-heading-font)!important;font-style:normal!important;
 font-weight:inherit!important;letter-spacing:inherit;color:var(--ath-dg-title-accent,#e1eaf0)!important}
:root body .x1114-hero-lead{max-width:47ch;font-size:clamp(.95rem,1.24vw,1.15rem);
 line-height:1.65;margin-top:1.75rem;color:var(--obsidian-muted)!important;letter-spacing:-.012em}
:root body .x1114-hero-actions{margin-top:2rem;gap:.75rem}
:root body .x1114-hero-actions .x1114-primary{
 border-radius:.75rem!important;background:var(--obsidian-mint)!important;
 color:oklch(.2375 .0287 164.1)!important;border:1px solid var(--obsidian-mint)!important;
 font-weight:750;box-shadow:none!important}
:root body .x1114-hero-actions .x1114-secondary{
 border-radius:.75rem!important;color:var(--obsidian-ink)!important;
 background:transparent!important;border:1px solid var(--obsidian-line)!important;
 box-shadow:none!important}
:root body .x1114-hero-actions .x1114-secondary:hover{background:var(--obsidian-surface)!important}
:root body .x1114-hero-footer{border-color:var(--obsidian-line);color:var(--obsidian-muted)}
:root body .x1114-scroll-mark{color:var(--obsidian-mint)!important}
.x1127-preview{position:relative;z-index:2;min-width:0;align-self:center;
 display:flex;flex-direction:column;background:var(--obsidian-surface);
 border:1px solid color-mix(in oklch,var(--obsidian-line) 92%,transparent);
 border-radius:.875rem;overflow:hidden;
 box-shadow:0 1.75rem 4rem oklch(.03 0 0 / .15)}
.x1127-preview-chrome{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;
 background:var(--obsidian-raised);border-bottom:1px solid var(--obsidian-line)}
.x1127-preview-mark{display:grid;place-items:center;background:color-mix(in oklch,var(--obsidian-mint) 18%,var(--obsidian-surface));
 width:2rem;height:2rem;border-radius:.5rem;font-size:1rem;font-weight:800;color:var(--obsidian-mint)}
.x1127-preview-chrome strong{font-size:.65rem;letter-spacing:.13em;font-weight:700}
.x1127-preview-chrome span:last-child{margin-left:auto;display:flex;align-items:center;gap:.4rem;
 font-size:.6rem;text-transform:uppercase;letter-spacing:.09em;color:var(--obsidian-mint)}
.x1127-preview-chrome span:last-child:before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:var(--obsidian-mint)}
.x1127-preview-body{display:grid;grid-template-columns:3.4rem minmax(0,1fr) minmax(10rem,.40fr);min-height:21rem}
.x1127-preview-rail{display:flex;flex-direction:column;gap:.9rem;padding:1rem .9rem;background:var(--obsidian-raised);border-right:1px solid var(--obsidian-line)}
.x1127-preview-rail i{display:block;aspect-ratio:1;border:1px solid var(--obsidian-line);border-radius:.35rem}
.x1127-preview-rail i:first-child{background:var(--obsidian-mint);border-color:var(--obsidian-mint)}
.x1127-preview-canvas{position:relative;display:flex;flex-direction:column;justify-content:center;
 min-width:0;overflow:hidden;background:color-mix(in oklch,var(--obsidian-mint) 15%,var(--obsidian-surface));
 padding:clamp(1.3rem,2.7vw,2.8rem)}
.x1127-preview-canvas:after{content:"A";position:absolute;right:-.6rem;bottom:-3rem;
 font:800 17rem/1 "DM Sans",sans-serif;letter-spacing:-.13em;color:oklch(1 0 0 / .055);pointer-events:none}
.x1127-preview-label{display:block;font-size:.59rem;font-weight:760;letter-spacing:.13em;color:var(--obsidian-mint)}
.x1127-preview-canvas h2{position:relative;z-index:1;font-size:clamp(1.9rem,3.2vw,3.25rem);
 line-height:1.02;letter-spacing:-.075em;font-weight:680;color:var(--obsidian-ink);margin:1.7rem 0 .8rem}
.x1127-preview-canvas h2 em{font-style:normal;color:var(--obsidian-mint)}
.x1127-preview-canvas p{position:relative;z-index:1;font-size:.73rem;max-width:25ch;
 line-height:1.55;color:var(--obsidian-muted);margin:0 0 1.5rem}
.x1127-preview-tag{position:relative;z-index:1;display:inline-flex;align-self:flex-start;
 padding:.65rem .8rem;border:1px solid var(--obsidian-line);border-radius:.35rem;
 color:var(--obsidian-ink);font-size:.65rem;font-weight:700}
.x1127-preview-inspector{padding:1.4rem 1.1rem;background:color-mix(in oklch,var(--obsidian-bg) 75%,var(--obsidian-surface));
 border-left:1px solid var(--obsidian-line);color:var(--obsidian-ink)}
.x1127-preview-inspector small{font-size:.53rem;letter-spacing:.12em;color:var(--obsidian-muted)}
.x1127-preview-inspector h3{font-size:1.1rem;letter-spacing:-.045em;margin:1rem 0 1.75rem;color:var(--obsidian-ink)}
.x1127-preview-inspector b{display:block;font-size:.56rem;text-transform:uppercase;
 letter-spacing:.1em;font-weight:650;color:var(--obsidian-muted);margin-bottom:.55rem}
.x1127-preview-layout{display:grid;grid-template-columns:1fr .8fr;gap:.2rem;height:3.3rem;padding:.3rem;
 border:1px solid var(--obsidian-line);border-radius:.35rem;margin-bottom:1.4rem}
.x1127-preview-layout span:first-child{background:var(--obsidian-mint);grid-row:span 2}
.x1127-preview-layout span{display:block;background:color-mix(in oklch,var(--obsidian-mint) 32%,var(--obsidian-surface));border-radius:.125rem}
.x1127-preview-swatches{display:flex;gap:.3rem}
.x1127-preview-swatches i{height:1.1rem;width:1.1rem;border-radius:.2rem;border:1px solid var(--obsidian-line);background:var(--obsidian-mint)}
.x1127-preview-swatches i:nth-child(2){background:var(--obsidian-surface)}
.x1127-preview-swatches i:nth-child(3){background:var(--obsidian-raised)}
.x1127-preview-foot{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 1rem;
 border-top:1px solid var(--obsidian-line);color:var(--obsidian-muted);
 font-size:.56rem;letter-spacing:.09em;text-transform:uppercase}
.x1127-preview-foot span:last-child{color:var(--obsidian-mint)}
@media (max-width:1120px){
 :root body .x5-home .x5-hero.x1114-hero{grid-template-columns:minmax(0,1fr)!important;gap:2.5rem;min-height:0;padding-top:4rem!important}
 .x5-home .x1114-hero-content{max-width:46rem}
 .x1127-preview{max-width:48rem}
}
@media (max-width:640px){
 :root body .x5-home .x5-hero.x1114-hero{padding:3.5rem 1.1rem 6rem!important;gap:2rem}
 :root body .x5-home .x1114-hero h1{font-size:min(clamp(2.75rem,11vw,4.4rem),13.6cqi)!important}
 :root body .x1114-hero-lead{font-size:.92rem;max-width:34ch}
 .x1127-preview-body{grid-template-columns:2rem minmax(0,1fr);min-height:16rem}
 .x1127-preview-rail{padding:.7rem .45rem;gap:.7rem}
 .x1127-preview-inspector{display:none}
 .x1127-preview-canvas{padding:1.2rem}
 .x1127-preview-canvas h2{font-size:2rem}
 .x1127-preview-canvas:after{font-size:11rem;bottom:-1rem}
 .x1127-preview-foot{font-size:.48rem}
 .x1114-hero-footer{gap:.65rem;font-size:.51rem}
}