/* TASK-SITE-UX-DESKTOP-001 — desktop-only editorial layout candidate.
   Brand tokens, typography families, content and mobile rules remain inherited. */

/* TASK-SITE-UX-DESKTOP-002 — accessible orange CTA treatment across public pages. */
.btn.accent{color:var(--dark)}

/* TASK-SITE-UI-POLISH-001 — quiet, functional interaction motion. */
.btn{transition:transform 220ms cubic-bezier(.2,.75,.25,1),box-shadow 220ms ease,background-color 220ms ease,color 220ms ease,border-color 220ms ease,filter 220ms ease}
.btn:active{transform:translateY(0);transition-duration:90ms}
.btn.accent:focus-visible{outline-color:var(--dark);box-shadow:0 0 0 3px var(--surface)}
.nav a{position:relative;transition:color 210ms ease}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left center;transition:transform 220ms cubic-bezier(.2,.75,.25,1)}
.nav a[aria-current=page]{border-bottom:0}
.nav a[aria-current=page]:after{transform:scaleX(1)}
.motion-section{opacity:1;transform:none}
.motion-section.is-revealed{animation:section-reveal 560ms cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms) both}
@keyframes section-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
html[data-motion="ready"] .hero h1{opacity:0;transform:translateY(14px)}
html[data-motion="ready"].motion-mounted .hero h1{opacity:1;transform:translateY(0);transition:opacity 560ms ease 70ms,transform 560ms cubic-bezier(.2,.75,.25,1) 70ms}

@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(23,34,37,.13)}
  .btn.accent:hover{filter:brightness(.96);border-color:var(--dark)}
  .nav a:hover{color:var(--blue)}
  .nav a:hover:after{transform:scaleX(1)}
}

/* Release 017: the latest material is one accessible link with a readable 16:9 cover. */
html[data-page="home"] .public-feature{display:block;height:auto;overflow:hidden}
html[data-page="home"] .latest-card-link{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);min-height:400px;color:inherit;text-decoration:none;cursor:pointer;transition:border-color 210ms ease,box-shadow 210ms ease}
html[data-page="home"] .latest-card-cover{width:100%;height:100%;min-height:0;aspect-ratio:16/9;object-fit:cover;object-position:center center;transition:transform 210ms ease}
html[data-page="home"] .latest-card-link:hover .latest-card-cover{transform:scale(1.015)}
html[data-page="home"] .latest-card-link:hover h3{color:#16465e}
html[data-page="home"] .latest-card-link:focus-visible{outline:3px solid #ed6127;outline-offset:-3px}
@media(max-width:1100px){html[data-page="home"] .latest-card-link{grid-template-columns:1.05fr .95fr;min-height:380px}}
@media(max-width:760px){html[data-page="home"] .latest-card-link{grid-template-columns:1fr;min-height:0}html[data-page="home"] .latest-card-cover{height:auto;min-height:0;aspect-ratio:16/9;object-position:center center}}
@media(prefers-reduced-motion:reduce){html[data-page="home"] .latest-card-link,html[data-page="home"] .latest-card-cover{transition:none}html[data-page="home"] .latest-card-link:hover .latest-card-cover{transform:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.nav a,.nav a:after,.motion-section,html[data-motion] .hero h1{transition-duration:.01ms!important;transition-delay:0ms!important;animation:none!important;transform:none!important}
  .motion-section,html[data-motion] .hero h1{opacity:1!important}
}

@media (min-width:761px){
  /* HOMEPAGE REVIEW — CORRECTION 001: compact desktop/laptop hero only. */
  html[data-page="home"] .hero{height:clamp(520px,64vh,590px);min-height:0}
  html[data-page="home"] .hero{background:var(--dark)}
  html[data-page="home"] .hero>img{position:absolute;inset:0 0 0 auto;width:68%;height:100%;object-fit:contain;object-position:right center;background:var(--dark)}
  html[data-page="home"] .hero-copy{max-width:min(980px,calc(100vw - 64px))}
  html[data-page="home"] .hero h1{font-size:clamp(58px,4.6vw,80px);line-height:.94;white-space:nowrap}
  html[data-page="home"] .hero .deck{max-width:620px;margin:18px 0;font-size:18px}
  html[data-page="home"] .hero .actions{margin-top:22px}

  /* Shared desktop rhythm: retain air, remove empty-screen pacing. */
  html[data-page="home"] .manifest{padding-top:42px;padding-bottom:42px}
  html[data-page="home"] .manifest{display:grid;grid-template-columns:minmax(0,1040px);justify-content:center;text-align:center}
  html[data-page="home"] .manifest p{font-size:34px;max-width:none}
  html[data-page="home"] main>.section.shell{padding-top:88px;padding-bottom:96px}
  html[data-page="home"] .section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;margin-bottom:36px}

  /* Homepage editorial feature: image and story are one simultaneous composition. */
  html[data-page="home"] .latest-section{padding-top:64px;padding-bottom:72px}
  html[data-page="home"] .latest-section .section-head{margin-bottom:26px}
  html[data-page="home"] .public-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);height:400px;min-height:0;box-shadow:14px 14px 0 rgba(22,70,94,.08)}
  html[data-page="home"] .public-feature .media{height:400px;min-height:0;aspect-ratio:auto;object-fit:cover}
  html[data-page="home"] .public-feature .card-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,3.2vw,46px)}
  html[data-page="home"] .public-feature h3{font-size:clamp(30px,2.2vw,37px);line-height:1.04;max-width:17ch}
  html[data-page="home"] .public-feature .card-body>p:not(.tag){max-width:42ch}
  html[data-page="home"] .public-feature .text-link{align-self:flex-start;margin-top:12px}

  /* Deliberate two-column chapter; no accidental overlap or clipping. */
  html[data-page="home"] .about-teaser{padding:78px 0;background:linear-gradient(90deg,var(--bg) 0 48%,var(--surface) 48% 100%)}
  html[data-page="home"] .about-teaser .about-grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(52px,5.5vw,82px);align-items:center}
  html[data-page="home"] .about-teaser h2{font-size:clamp(44px,3.55vw,56px);line-height:1.01;max-width:620px}
  html[data-page="home"] .about-teaser .about-copy{max-width:560px;padding:26px 0 8px;border-top:4px solid var(--orange);font-size:19px}
  html[data-page="home"] .about-teaser .about-copy p{margin-top:0}

  /* Keep LAB strong, but proportionate to a desktop editorial sequence. */
  html[data-page="home"] .laba-teaser{min-height:500px;height:min(58vh,620px);padding:76px 0}
  html[data-page="home"] .laba-teaser h2{font-size:clamp(96px,10vw,146px)}
  html[data-page="home"] .laba-teaser .shell>p:last-child{max-width:540px;font-size:20px;line-height:1.45}
  html[data-page="home"] .follow-section{padding:72px 0}

  /* Journal: compact masthead and immediate access to the one real article. */
  html[data-page="journal"] .page-head{padding:42px 0 34px}
  html[data-page="journal"] .page-head .shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);column-gap:72px;align-items:end}
  html[data-page="journal"] .page-head .tag{grid-column:1/-1;margin:0 0 10px}
  html[data-page="journal"] .page-head h1{font-size:clamp(56px,5.5vw,78px);line-height:.9}
  html[data-page="journal"] .page-head .deck{font-size:19px;margin:0 0 5px}
  html[data-page="journal"] main>.section.shell{padding-top:44px;padding-bottom:84px}
  html[data-page="journal"] .editorial-article-card{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);min-height:390px}
  html[data-page="journal"] .editorial-article-card .media{height:100%;min-height:390px}
  html[data-page="journal"] .editorial-article-card .card-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,3.3vw,52px)}
  html[data-page="journal"] .editorial-article-card h2{font-size:clamp(34px,3.2vw,48px)}
  html[data-page="journal"] .editorial-article-card .btn{align-self:flex-start;margin-top:10px}
  html[data-page="journal"] .journal-note{margin:22px 0 0}

  /* About: denser editorial chapters without dashboard compression. */
  html[data-page="about"] .page-head{padding:48px 0 38px}
  html[data-page="about"] .page-head .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);column-gap:84px;align-items:end}
  html[data-page="about"] .page-head .tag{grid-column:1/-1;margin-bottom:10px}
  html[data-page="about"] .page-head h1{font-size:clamp(58px,5.6vw,82px)}
  html[data-page="about"] .page-head .deck{font-size:19px;margin-bottom:8px}
  html[data-page="about"] main>.section{padding-top:70px;padding-bottom:74px}
  html[data-page="about"] .about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(52px,7vw,108px);align-items:start}
  html[data-page="about"] .about-grid h2{font-size:clamp(44px,4vw,62px)}
  html[data-page="about"] .method-list{font-size:20px}
  html[data-page="about"] .method-list li{padding:14px 0}
}

@media (min-width:761px) and (max-width:1099px){
  html[data-page="home"] .hero h1{font-size:clamp(54px,6vw,66px)}
  html[data-page="home"] main>.section.shell{padding-top:72px;padding-bottom:78px}
  html[data-page="home"] .public-feature{grid-template-columns:1.05fr .95fr;height:380px;min-height:0}
  html[data-page="home"] .public-feature .media{height:380px;min-height:0}
  html[data-page="home"] .laba-teaser{min-height:430px;height:auto}
  html[data-page="journal"] .page-head .shell,html[data-page="about"] .page-head .shell{column-gap:44px}
  html[data-page="journal"] .editorial-article-card{grid-template-columns:1fr 1fr;min-height:360px}
  html[data-page="journal"] .editorial-article-card .media{min-height:360px}
  html[data-page="about"] .about-grid{gap:48px}
}

@media (min-width:761px) and (max-width:899px){
  html[data-page="home"] .public-feature{grid-template-columns:1fr;height:auto}
  html[data-page="home"] .public-feature .media{height:280px;min-height:280px}
  html[data-page="home"] .about-teaser{background:var(--surface)}
  html[data-page="home"] .about-teaser .about-grid{grid-template-columns:1fr;gap:42px}
}

/* Release 017 final cascade overrides. */
html[data-page="home"] .public-feature{display:block;height:auto;min-height:0;overflow:hidden}
html[data-page="home"] .public-feature .latest-card-link{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;min-height:400px;color:inherit;text-decoration:none;cursor:pointer;transition:border-color 210ms ease,box-shadow 210ms ease}
html[data-page="home"] .public-feature .latest-card-cover{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain;object-position:center center;background:#f1f2ef;transition:transform 210ms ease}
html[data-page="home"] .public-feature .latest-card-link:hover .latest-card-cover{transform:scale(1.015)}
html[data-page="home"] .public-feature .latest-card-link:hover h3{color:#16465e}
html[data-page="home"] .public-feature .latest-card-link:focus-visible{outline:3px solid #ed6127;outline-offset:-3px}
@media(max-width:1100px){html[data-page="home"] .public-feature .latest-card-link{grid-template-columns:1.05fr .95fr;min-height:380px}}
@media(max-width:760px){html[data-page="home"] .public-feature .latest-card-link{grid-template-columns:1fr;min-height:0}html[data-page="home"] .public-feature .latest-card-cover{height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain;object-position:center center}}
@media(prefers-reduced-motion:reduce){html[data-page="home"] .public-feature .latest-card-link,html[data-page="home"] .public-feature .latest-card-cover{transition:none}html[data-page="home"] .public-feature .latest-card-link:hover .latest-card-cover{transform:none}}