/* ASKA website · inner pages */

.page-open{padding:calc(var(--aska-space)*6) 0 calc(var(--aska-space)*7);border-bottom:var(--aska-hairline) solid var(--aska-line-on-cream)}
.page-open-grid{display:grid;gap:24px}
@media (min-width:960px){.page-open-grid{grid-template-columns:7fr 5fr;gap:64px}.page-open-grid > div:last-child{padding-top:38px}}
.page-open h1{max-width:14em}
.page-open .lead{margin:0}

.terms-strip{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.terms-strip li{font-family:var(--aska-mono);font-size:0.75rem;letter-spacing:0.04em;color:var(--aska-navy);
  border:var(--aska-hairline) solid var(--aska-line-on-cream);background:var(--aska-white);padding:6px 10px}

.sec-title{font-size:clamp(1.6rem,3vw,var(--aska-step-3));margin-bottom:32px}
.sec-title + p{max-width:30em}

/* Cards */
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--aska-white);border:var(--aska-hairline) solid var(--aska-line-on-cream);padding:28px 24px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:var(--aska-step-1)}
.card p{margin:0;font-size:0.95rem}
.card .icon{width:40px;height:40px;fill:none;stroke:var(--aska-navy);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.card-cta{text-decoration:none;justify-content:space-between;border:0;min-height:160px;background:var(--aska-navy);color:var(--aska-white)}
.card-cta:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.card-cta h3{color:var(--aska-white)}
.card-cta .link{align-self:flex-start}
.study figure{margin:auto 0 0;padding-top:16px}
.study .caption{margin-top:8px}
.spark{width:100%;height:auto;overflow:visible}

/* Figures on cream and white */
.fig{margin:0}
.fig svg{width:100%;height:auto;overflow:visible}
.fig-grid{display:grid;gap:32px}
@media (min-width:960px){.fig-grid{grid-template-columns:4fr 8fr;gap:56px;align-items:center}}
.fig-grid p{max-width:30em}
.fig .caption{margin-top:12px;padding-top:12px;border-top:var(--aska-hairline) solid var(--aska-line-on-cream)}
.chart .axis{stroke:var(--aska-line-on-cream)}
.chart .zero{stroke:var(--aska-charcoal);stroke-width:var(--aska-hairline);opacity:.4}
.chart .limit{stroke:var(--aska-charcoal);stroke-width:var(--aska-hairline);stroke-dasharray:2 3;opacity:.6}
.chart .s1{stroke:var(--aska-navy)}
.chart .s2{stroke:var(--aska-charcoal);opacity:.45}
.chart .s3{stroke:var(--aska-muted);opacity:.7}
.chart .fan{stroke:var(--aska-navy);stroke-width:var(--aska-hairline);opacity:.18}
.chart .band{fill:var(--aska-navy);opacity:.06}
.fig .chart text{font-size:15px;fill:var(--aska-muted)}
.fig .chart .tag{fill:var(--aska-charcoal)}
@media (max-width:639px){
  .card{padding:20px 18px;gap:6px}
  .card:has(> .icon){display:grid;grid-template-columns:36px 1fr;column-gap:14px}
  .card:has(> .icon) > .icon{margin:0;grid-row:span 2}
  .card-cta{min-height:0;gap:16px}
}
.route-card .link{margin-top:auto;align-self:flex-start}
.route-card h3{font-size:var(--aska-step-2);font-weight:300}
.card p.label{font-size:0.75rem;margin:0}
.study-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card .icon-sm{width:28px;height:28px;margin:0;stroke:var(--aska-navy)}
.card .icon-light{stroke:var(--aska-gold-light)}
.route-card.aska-deep,.route-card.aska-instrument{border:0}
.route-card.aska-deep h3,.route-card.aska-instrument h3{color:var(--aska-white)}
.route-card.aska-deep p:not(.label),.route-card.aska-instrument p:not(.label){color:var(--aska-muted-on-dark)}
.route-card .lockup{height:28px;width:auto;margin-bottom:12px;align-self:flex-start}
.route-card .icon{margin-bottom:12px}
.spark .s1{stroke:var(--aska-gold)}
/* Work area icons sit in a navy tile */
.card > .icon:first-child{width:52px;height:52px;padding:10px;background:var(--aska-navy);stroke:var(--aska-white)}
.route-card > .icon:first-child{background:transparent;padding:0;width:40px;height:40px;stroke:var(--aska-gold-light)}
@media (max-width:639px){.card:has(> .icon) > .icon:first-child{width:40px;height:40px;padding:7px}.route-card > .icon:first-child{width:32px;height:32px;padding:0}}
.card.aska-deep{background:var(--aska-navy);color:var(--aska-white)}
.card.aska-instrument{background:var(--aska-graphite);color:var(--aska-white)}

/* Inner page hero: graphite, page heading over a close up drawing */
.hero-page{padding-top:calc(var(--aska-space)*6)}
.hero-page .label{color:var(--aska-muted-on-dark)}
.hero-page .hero-head{align-items:end}
@media (min-width:960px){.hero-page .hero-head{grid-template-columns:7fr 5fr}}
.hero-side p{color:var(--aska-muted-on-dark);margin:0}
.sld{margin:0}
.sld-stage{position:relative;height:300px;overflow:hidden;margin-top:16px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
@media (min-width:960px){.sld-stage{height:400px}}
.sld-plane{position:absolute;inset:0;transform-origin:60% 50%;transform:perspective(1300px) rotateX(14deg) rotateY(-10deg) scale(1.12)}
.sld-plane svg{position:absolute;left:50%;top:50%;width:960px;max-width:none;height:auto;transform:translate(-58%,-54%);overflow:visible}
@media (min-width:960px){.sld-plane svg{width:1400px;transform:translate(-46%,-63%)}}
.sld-soft{filter:blur(2.4px);opacity:.4}
.sld-focus{position:absolute;inset:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 40%,#000 74%,transparent 92%);mask-image:linear-gradient(90deg,transparent 22%,#000 40%,#000 74%,transparent 92%)}
.sld .w{fill:none;stroke:var(--aska-white);stroke-width:1.4}
.sld .bus{fill:none;stroke:var(--aska-white);stroke-width:3}
.sld .ctl{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1;stroke-dasharray:4 5}
.sld .poc{fill:var(--aska-gold-light)}
.sld text{font-family:var(--aska-mono);font-size:13px;letter-spacing:.06em;fill:var(--aska-white)}
.sld .sub{fill:var(--aska-muted-on-dark);letter-spacing:0}
.sld .ctl-t{fill:var(--aska-muted-on-dark);font-size:11px}
.sld .gold{fill:var(--aska-gold-light);letter-spacing:0}
.sld .chart .ghost{opacity:.18!important}
.sld .chart .ctl.draw-line{stroke-dasharray:1 1}

/* Route cards: rows line up across the three cards */
@supports (grid-template-rows:subgrid){
  @media (min-width:1000px){
    .route-grid{grid-template-rows:auto}
    .route-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:10px}
  }
}
.route-card .slot{height:40px;display:flex;align-items:center}
.route-card .slot .lockup,.route-card .slot .icon{margin:0}

/* Recent work tiles: close up image on top, text below, no box */
.tiles{display:grid;gap:32px 24px;grid-template-columns:1fr}
@media (min-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile{display:flex;flex-direction:column;gap:16px}
.tile-media{margin:0;aspect-ratio:16/10;display:flex;align-items:center;padding:0 20px;position:relative;overflow:hidden}
.tile-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile-media .spark{width:100%}
.tile-media .spark .s1{stroke:var(--aska-gold-light);stroke-width:1.5}
.tile-media .spark .s2{stroke:var(--aska-white);opacity:.35}
.tile-media .spark .s3{stroke:var(--aska-white)}
.tile-media .limit{stroke:var(--aska-muted-on-dark);opacity:.8}
.tile-media .chart .ghost{opacity:.2!important}
.tile-body{display:flex;flex-direction:column;gap:8px}
.tile-body h3{font-size:var(--aska-step-1)}
.tile-body p{margin:0;font-size:0.95rem}
.tile-body .caption{margin-top:4px;font-size:0.72rem}
.tile .study-top{justify-content:flex-start;gap:10px}
.tile .icon-sm{width:24px;height:24px;fill:none;stroke:var(--aska-navy);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.route-card .link{justify-self:start;align-self:end}
.tile-body p.label{font-size:0.75rem}

/* Timeline: a progress bar that fills as it comes into view */
.timeline{list-style:none;margin:0;padding:0;display:grid;gap:28px;grid-template-columns:1fr;position:relative}
@media (min-width:860px){.timeline{grid-template-columns:repeat(4,1fr);gap:0;padding-top:28px}}
.timeline::before,.timeline::after{content:"";position:absolute;left:0;top:0;border-radius:2px}
.timeline::before{background:var(--aska-line-on-navy);width:4px;height:100%}
.timeline::after{background:var(--aska-gold-light);width:4px;height:0;transition:height 1.6s cubic-bezier(.5,0,.2,1)}
@media (min-width:860px){
  .timeline::before{width:100%;height:4px}
  .timeline::after{height:4px;width:0;transition:width 1.6s cubic-bezier(.5,0,.2,1)}
  .timeline.in::after{width:100%}
}
.timeline.in::after{height:100%}
@media (min-width:860px){.timeline.in::after{height:4px}}
.timeline li{position:relative;padding-left:28px}
@media (min-width:860px){.timeline li{padding:0 28px 0 0}}
.step-n{display:block;font-size:var(--aska-step-3);font-weight:400;color:var(--aska-white);line-height:1;margin:0 0 14px}
.timeline h3{font-size:var(--aska-step-1);margin:0 0 8px}
.timeline p{margin:0;color:var(--aska-muted-on-dark);font-size:0.95rem}
.js .timeline li{opacity:.3;transform:translateY(8px);transition:opacity .5s,transform .5s}
.timeline.in li{opacity:1;transform:none}
.timeline.in li:nth-child(2){transition-delay:.4s}
.timeline.in li:nth-child(3){transition-delay:.8s}
.timeline.in li:nth-child(4){transition-delay:1.2s}
.js .timeline .step-n{color:var(--aska-muted-on-dark);transition:color .5s}
.timeline.in .step-n{color:var(--aska-gold-light)}
@media (prefers-reduced-motion:reduce){.timeline::after,.js .timeline li{transition:none}}

/* Work area cards: icon beside the title, tight padding */
.area-card{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:6px;padding:22px 22px 24px;align-items:center}
.area-card > .icon{width:44px;height:44px;padding:9px;background:var(--aska-navy);color:var(--aska-white);stroke:currentColor;margin:0}
.area-card h3{font-size:var(--aska-step-1);line-height:1.25}
.area-card p{grid-column:1 / -1;margin-top:6px}
@media (max-width:639px){.area-card{grid-template-columns:40px 1fr}.area-card > .icon{width:40px;height:40px;padding:8px}}

/* Icons from the sprite */
.icon,.icon-sm{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.tile .icon-sm{color:var(--aska-navy)}
.route-card .slot .icon{color:var(--aska-navy)}

/* Lockup built to match the product lockups (not used since the Engineering SVG lockup) */
.lockup-c{display:inline-flex;align-items:center;gap:10px;height:28px}
.lockup-c img{height:26px;width:auto}
.lk-div{width:1px;height:20px;background:var(--aska-gold)}
.lk-name{font-family:var(--aska-sans);font-size:17px;font-weight:400;color:var(--aska-gold);letter-spacing:.01em;line-height:1}

/* Close up drawings in the work tiles */
.tile-media{padding:0}
.cu-stage{position:absolute;inset:0;overflow:hidden}
.cu-plane{position:absolute;inset:-10%;transform:perspective(900px) rotateX(18deg) rotateY(-14deg) scale(1.05);transform-origin:55% 50%}
.cu-plane svg{position:absolute;inset:0;width:100%;height:100%}
.cu-soft{filter:blur(2px);opacity:.35}
.cu-focus{position:absolute;inset:0;-webkit-mask-image:radial-gradient(ellipse 48% 42% at 55% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 48% 42% at 55% 50%,#000 55%,transparent 100%)}
.tile-media .w{fill:none;stroke:var(--aska-white);stroke-width:1.3}
.tile-media .dim{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1;stroke-dasharray:3 4}
.tile-media .rowline{fill:none;stroke:var(--aska-line-on-graphite);stroke-width:1}
.tile-media .hl{fill:none;stroke:var(--aska-gold-light);stroke-width:2}
.tile-media .poc{fill:var(--aska-gold-light)}
.tile-media text{font-family:var(--aska-mono);font-size:13px;fill:var(--aska-white);letter-spacing:.05em}
.tile-media .sub{fill:var(--aska-muted-on-dark);letter-spacing:0}
.tile-media .gold{fill:var(--aska-gold-light);letter-spacing:0}
.tile-media .tt{font-size:15px;letter-spacing:0}
.tile-media .tt.hdr{fill:var(--aska-muted-on-dark);font-size:12px;letter-spacing:.08em}
.tile-media .tt.pk{fill:var(--aska-gold-light)}
.tile-media .chart .ghost{opacity:.18!important}
.tile-media .dim.draw-line{stroke-dasharray:1 1}
.tile .icon-sm{width:28px;height:28px}
.area-card > .icon{padding:6px}

/* Energy centre drawing */
.tile-media .bus{fill:none;stroke:var(--aska-white);stroke-width:2.6}
.tile-media .lv{fill:none;stroke:var(--aska-gold-light);stroke-width:1.6;opacity:.85}

/* Project space */
.project-space .label{color:var(--aska-muted-on-dark)}
.project-space .sec-title{color:var(--aska-white);margin-bottom:20px}
.ps-grid{display:grid;gap:40px;align-items:center}
@media (min-width:960px){.ps-grid{grid-template-columns:5fr 7fr;gap:56px}}
.ps-text p{color:var(--aska-muted-on-dark);max-width:34em}
.ps-points{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.ps-points li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:center;color:var(--aska-white);font-size:0.95rem}
.ps-points .icon{width:36px;height:36px;color:var(--aska-gold-light)}
.ps-media{margin:0;position:relative;aspect-ratio:64/40;border:var(--aska-hairline) solid var(--aska-line-on-graphite);overflow:hidden}
.ps-media .cu-plane{transform:perspective(1100px) rotateX(10deg) rotateY(-12deg) scale(1.02);inset:-6%}
.ps-media .cu-focus{-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 52%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 60% 55% at 50% 52%,#000 60%,transparent 100%)}
.ps-media text{font-family:var(--aska-mono);font-size:13px;fill:var(--aska-white)}
.ps-media .tab{font-size:11px;letter-spacing:.08em;fill:var(--aska-muted-on-dark)}
.ps-media .tab.on{fill:var(--aska-white)}
.ps-media .tt{font-size:13px}
.ps-media .tt.hlrow{fill:var(--aska-gold-light)}
.ps-media .sub{fill:var(--aska-muted-on-dark);font-size:12px}
.ps-media .w{fill:none;stroke:var(--aska-white);stroke-width:1.3}
.ps-media .rowline{fill:none;stroke:var(--aska-line-on-graphite);stroke-width:1}
.ps-media .hl{fill:none;stroke:var(--aska-gold-light);stroke-width:2}
.ps-media .node{fill:var(--aska-graphite);stroke:var(--aska-muted-on-dark);stroke-width:1.2}
.ps-media .node.done{fill:var(--aska-white);stroke:var(--aska-white)}
.ps-media .poc{fill:var(--aska-gold-light)}
.ps-media .chart .ghost{opacity:.18!important}
.ps-media .cu-plane{transform:perspective(1200px) rotateX(8deg) rotateY(-7deg) scale(.94);inset:0}
/* Photos in tiles: graded to sit with the graphite drawings */
.tile-media .photo{filter:grayscale(1) contrast(1.08) brightness(.8)}
.tile-media:has(.photo)::after{content:"";position:absolute;inset:0;background:var(--aska-navy);mix-blend-mode:multiply;opacity:.55;pointer-events:none}
/* Drawing sheet tile */
.tile-media .sheet{fill:var(--aska-cream)}
.tile-media .sheet-frame{fill:none;stroke:var(--aska-navy);stroke-width:.8}
.tile-media .ink .w,.tile-media .ink .bus{stroke:var(--aska-navy)}
.tile-media .ink .lv{stroke:var(--aska-gold);opacity:1}
.tile-media .ink text{fill:var(--aska-navy)}
.tile-media .ink .sub{fill:var(--aska-muted)}
.tile-media .ink .gold{fill:var(--aska-gold-ink)}
.tile-media .ink .poc{fill:var(--aska-gold)}
.tile-media .tb{font-family:var(--aska-mono);font-size:9px;fill:var(--aska-navy);letter-spacing:.06em}
.tile-media .tb.sm{font-size:8px;fill:var(--aska-muted)}
.tile-media:has(.sheet) .chart .ghost{opacity:.12!important}
/* Wide hero heading on inner pages */
.hero-wide{display:block}
.hero-wide h1{max-width:20em}
/* Model to operation block (cream section, graphite figure) */
@media (min-width:960px){.ps-flip{grid-template-columns:7fr 5fr}.ps-flip .ps-media{order:0}}
.ps-media .grid{fill:none;stroke:var(--aska-line-on-graphite);stroke-width:1}
.ps-media .model{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1.4;stroke-dasharray:4 4}
.ps-media .meas{fill:none;stroke:var(--aska-gold-light);stroke-width:2.4}
.ps-media .hdr{font-size:11px;letter-spacing:.08em;fill:var(--aska-muted-on-dark)}
.ps-media .gold{fill:var(--aska-gold-light)}
.ps-media .model.draw-line{stroke-dasharray:1 1}
.ps-media .win{fill:var(--aska-white);opacity:.04}
.ps-media .load{fill:none;stroke:var(--aska-white);stroke-width:1.2;opacity:.8}
.ps-media .gridline{fill:none;stroke:var(--aska-gold-light);stroke-width:2.4}
.ps-media .battp{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1.4}
.ps-media .socl{fill:none;stroke:var(--aska-white);stroke-width:1;stroke-dasharray:3 4;opacity:.6}
.ps-media .socl.draw-line{stroke-dasharray:1 1}
.ps-media .lane{font-size:11px;fill:var(--aska-muted-on-dark)}
.ps-media .lane.gold{fill:var(--aska-gold-light)}
.project-space + .model-block{padding-top:0}
.ps-media:has(.win){aspect-ratio:64/38}
.ps-shot{margin:0;transform:perspective(1400px) rotateY(6deg) rotateX(3deg);transform-origin:left center}
.ps-shot img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
@media (min-width:960px){.ps-flip .ps-shot{order:0}}

/* Energisation: current flowing along the single line diagram */
.sld .flow{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:3 13;opacity:0;animation:sld-flow 1.1s linear infinite,sld-on .8s ease 1.6s forwards}
.sld .flow.grid{stroke:var(--aska-white);filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}
.sld .flow.batt{stroke:var(--aska-gold-light);stroke-width:2.6;filter:drop-shadow(0 0 4px var(--aska-gold-light))}
@keyframes sld-flow{to{stroke-dashoffset:-16}}
@keyframes sld-on{to{opacity:.9}}
@media (prefers-reduced-motion:reduce){.sld .flow{animation:none;opacity:.6}}
/* Energisation in gold so it reads against the white linework */
.sld .flow.grid,.sld .flow.batt{stroke:var(--aska-gold-light);filter:drop-shadow(0 0 4px var(--aska-gold-light))}
.sld .flow{stroke-width:2.6;stroke-dasharray:4 12}
@keyframes sld-on{to{opacity:1}}
/* Tungsten lockup sitting half in shadow at the corner of each Tungsten image */
.ps-media,.ps-shot{position:relative}
.ps-mark{position:absolute;right:18px;bottom:16px;height:30px;width:auto;z-index:2;opacity:.55;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 55%);mask-image:linear-gradient(90deg,transparent 0,#000 55%)}
.ps-shot .ps-mark{right:22px;bottom:-14px;opacity:.7;box-shadow:none;border-radius:0}
.ps-shot img.ps-mark{width:auto;height:30px}
.hero-page .hero-below{padding-top:calc(var(--aska-space)*3)}
.has-hero .hero-page{padding-top:80px}

/* ---------- Product and company pages ---------- */
/* Hero drawings on the tilted plane */
.sld .win{fill:var(--aska-gold-light);opacity:.06}
.sld .capl{fill:none;stroke:var(--aska-gold-light);stroke-width:1.2;stroke-dasharray:6 6}
.sld .axisl{fill:none;stroke:var(--aska-line-on-graphite);stroke-width:1}
.sld .load{stroke:var(--aska-white);stroke-width:1.4;opacity:.7}
.sld .imp{stroke:var(--aska-gold-light);stroke-width:2.8;filter:drop-shadow(0 0 4px var(--aska-gold-light))}
.sld .bat{stroke:var(--aska-white);stroke-width:1.2}
.sld .soc{stroke:var(--aska-muted-on-dark);stroke-width:1.4}
.sld .model{stroke:var(--aska-muted-on-dark);stroke-width:1.2}
.sld .nowl{fill:none;stroke:var(--aska-gold-light);stroke-width:1}
.sld .node{fill:var(--aska-graphite);stroke:var(--aska-white);stroke-width:1.4}
.sld .rib{stroke:var(--aska-white);stroke-width:1;opacity:.35}
.sld .bracket{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1}
.tile-media .rib{fill:none;stroke:var(--aska-white);stroke-width:1;opacity:.35}
.ps-media .model{fill:none;stroke:var(--aska-muted-on-dark);stroke-width:1.2}

/* Card rows of three and four */
@media (min-width:1100px){.cards.four{grid-template-columns:repeat(4,1fr)}}

/* Two column text blocks */
.about-grid,.spec-grid{display:grid;gap:24px}
@media (min-width:960px){.about-grid,.spec-grid{grid-template-columns:5fr 7fr;gap:64px}}
.about-grid p:not(.lead),.spec-grid p:not(.lead){max-width:36em}
.about-grid .lead,.spec-grid .lead{margin-top:0}
.eeca-band .sec-title{margin-bottom:0}

/* GridStore specification list */
.specs{margin:0;border-top:var(--aska-hairline) solid var(--aska-line-on-cream)}
.spec-row{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0;border-bottom:var(--aska-hairline) solid var(--aska-line-on-cream)}
@media (min-width:640px){.spec-row{grid-template-columns:2fr 3fr;gap:24px;align-items:baseline}}
.spec-row dt{font-family:var(--aska-mono);font-size:0.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--aska-muted)}
.spec-row dd{margin:0;color:var(--aska-charcoal)}
@media (min-width:960px){.spec-grid .specs{margin-top:8px}}

/* Short hero for contact and 404 */
.has-hero .hero-short,.hero-short{padding:calc(80px + var(--aska-space)*8) 0 calc(var(--aska-space)*8)}
.hero-short h1{color:var(--aska-white);font-size:clamp(2rem,4vw,3rem);max-width:16em}
.hero-sub{color:var(--aska-muted-on-dark);max-width:34em;margin:20px 0 0;font-size:var(--aska-step-1)}

/* Contact */
.contact-grid{display:grid;gap:56px}
@media (min-width:960px){.contact-grid{grid-template-columns:5fr 7fr;gap:72px;align-items:start}}
.contact-mail{font-size:clamp(1.3rem,2.4vw,1.75rem);color:var(--aska-navy);text-decoration:none;border-bottom:var(--aska-hairline) solid currentColor}
.contact-direct .label{margin:32px 0 4px}
.contact-direct .sec-title{margin-bottom:16px}
.send-title{font-size:var(--aska-step-1);margin:48px 0 16px}
.send-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.send-list li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center}
.send-list .icon{width:32px;height:32px;color:var(--aska-navy)}
.contact-form{display:grid;gap:18px;padding:32px}
.contact-form .sec-title{margin-bottom:8px}
.contact-form label{display:grid;gap:6px;font-size:0.9rem;color:var(--aska-charcoal);font-weight:500}
.contact-form input,.contact-form textarea{font:inherit;font-weight:400;font-size:1rem;color:var(--aska-charcoal);background:var(--aska-white);border:var(--aska-hairline) solid var(--aska-line-on-cream);border-radius:0;padding:12px 14px;width:100%}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--aska-navy);outline-offset:0}
.contact-form .btn{justify-self:start;cursor:pointer}
.form-note{margin:0;font-size:0.85rem;color:var(--aska-muted)}
.li-link{margin-top:20px}
.li-link a{display:inline-flex;align-items:center;gap:10px;color:var(--aska-navy);text-decoration:none;font-weight:500}
.li-link a span{border-bottom:var(--aska-hairline) solid currentColor}
.li-link a:hover span{border-color:var(--aska-gold)}
.leader-photo{margin:28px 0 0;max-width:460px}
.leader-photo img{display:block;width:100%;height:auto;border-radius:4px}


/* Engineering scopes of work: what each scope includes */
.timeline .scope-inc{list-style:none;margin:14px 0 0;padding:0}
.timeline .scope-inc li{padding:8px 0 0 14px;margin:8px 0 0;border-top:var(--aska-hairline) solid var(--aska-line-on-navy);position:relative;font-size:0.9rem;color:var(--aska-white)}
.timeline .scope-inc li::before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:var(--aska-gold-light)}

/* About: links under What ASKA does, and the lead under Delivery partners */
.timeline .tl-link{margin:12px 0 0}
.sec-lead{margin:0 0 32px}