/* Linud editorial layer: shared by the complete site and its project examples.
   Fonts are self-hosted, Latin only; motion remains owned by existing players. */
@font-face{font-family:Linud Sans;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Linud Serif;src:url('/fonts/fraunces-latin-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
.editorial-site{--ink:#18243a;--text:#4b5b71;--accent:#2852be;--line:#dbe5ef;--space-small:16px;--space-medium:32px;--space-large:64px;font-family:Linud Sans,DM,sans-serif;color:var(--ink);font-size:16px;line-height:1.6;scrollbar-color:#9ab9d5 #f6faff}
.editorial-site ::selection{background:#c9eafa;color:#142c51}
.editorial-site input,.editorial-site textarea{caret-color:var(--accent)}
.editorial-site :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.04em}
.editorial-site :is(p,li){text-wrap:pretty}
.editorial-site :is(h1,h2,h3) em{font-family:Linud Serif,Fraunces,serif;font-style:italic;font-weight:400;letter-spacing:-.035em;font-variation-settings:'opsz' 72,'SOFT' 30,'WONK' 1}
.editorial-site .skip-link{z-index:20;text-decoration:none;color:var(--accent);border:1px solid var(--accent)}
.editorial-site .site-nav{gap:var(--space-medium)}
.editorial-site .site-nav a{color:var(--text);font-size:13px;font-weight:500}
.editorial-site .site-nav a:hover{color:var(--accent)}
.editorial-site .copy h1{font-size:clamp(44px,4.8vw,78px);font-weight:600;line-height:1.12;letter-spacing:-.04em}
.editorial-site .copy h1 em{font-size:1em;line-height:1.12;margin-top:6px;letter-spacing:-.035em}
.editorial-site .copy p{font-size:17px;line-height:1.75;max-width:39ch;min-height:5.25em;margin:24px 0 20px;color:var(--text)}
.editorial-site #cta{font-size:18px;font-weight:650;letter-spacing:-.02em;min-height:52px}
.editorial-site .project-help{font:400 13px/1.5 Linud Sans,DM,sans-serif;color:var(--text);min-height:44px;margin-top:4px;text-decoration-color:#9cb2c9;text-underline-offset:5px}
.editorial-site .project-help:hover{color:var(--accent)}
.editorial-site .chapters button{font-size:14px;color:var(--text);min-height:48px}
.editorial-site .chapters button[aria-current=true]{color:var(--accent);font-weight:650}
.editorial-site .explore-hint,.editorial-site .discover-below{color:var(--text);font-size:12px}
.editorial-site .portfolio-main{max-width:1280px}
.editorial-site .gallery-heading{padding:64px 0 40px;align-items:center;gap:32px}
.editorial-site .gallery-heading h2{max-width:20ch;font-size:clamp(32px,3.4vw,48px);line-height:1.18;font-weight:500;letter-spacing:-.04em}
.editorial-site .gallery-heading p{font-size:13px;line-height:1.65;max-width:26ch;color:var(--text)}
.editorial-site .project-grid{gap:64px 48px}
.editorial-site .project-featured{grid-template-columns:1.15fr 1fr;gap:64px;padding-bottom:64px}
.editorial-site .project-copy{padding:24px 0 0}
.editorial-site .project-featured .project-copy{padding:0}
.editorial-site .project-copy h3{font-size:clamp(30px,3.1vw,42px);line-height:1.22;font-weight:550;letter-spacing:-.04em;margin:0 0 20px}
.editorial-site .project-copy>p:not(.eyebrow){max-width:46ch;font-size:16px;line-height:1.8;color:var(--text);margin-bottom:16px}
.editorial-site .project-copy .project-link{font-size:14px;font-weight:600;letter-spacing:-.015em;color:var(--accent);line-height:1.5;min-height:48px}
.editorial-site .project-copy summary{font-size:14px;color:var(--accent)}
.editorial-site .project-copy details p{font-size:15px;color:var(--text);line-height:1.75}
.editorial-site .all-concepts{display:inline-flex;align-items:center;min-height:48px;margin-top:40px;font-size:14px;color:var(--accent);text-decoration-thickness:1px;text-underline-offset:6px}
.editorial-site .about-linud{grid-template-columns:1fr 1.1fr;gap:64px;padding-top:80px;margin-top:96px}
.editorial-site .about-linud h2{font-size:clamp(34px,3.5vw,48px);line-height:1.2;letter-spacing:-.04em;max-width:17ch}
.editorial-site .about-linud p{font-size:17px;line-height:1.8;color:var(--text);max-width:49ch}
.editorial-site .about-linud p+p{margin-top:20px}
.editorial-site .work-steps{margin-top:32px}
.editorial-site .work-steps li{font-size:14px;line-height:1.65;padding:16px 0;color:var(--text)}
.editorial-site .work-steps span{font-variant-numeric:tabular-nums;color:var(--accent)}
.editorial-site .portfolio-invitation{padding:96px 0 80px;margin-top:96px}
.editorial-site .portfolio-invitation h2{font-size:clamp(38px,5vw,64px);line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}
.editorial-site .invitation-description{max-width:42ch;margin:0 auto 24px;color:var(--text);font-size:17px;line-height:1.75}
.editorial-site .portfolio-invitation .invitation-link{font-size:18px;letter-spacing:-.02em;font-weight:600}
.editorial-site .portfolio-footer{font-size:12px;color:var(--text)}
.editorial-site .portfolio-intro h1{font-size:clamp(46px,5.7vw,80px);line-height:1.1;letter-spacing:-.04em}
.editorial-site .intro-description{max-width:43ch;color:var(--text);font-size:17px;line-height:1.8}
.editorial-site #flow-heading{font-family:Linud Sans,DM,sans-serif;font-size:40px;letter-spacing:-.04em;line-height:1.15}
.editorial-site #flow-heading em{font-family:Linud Serif,Fraunces,serif;letter-spacing:-.035em}
.editorial-site .flow-brand{letter-spacing:-.04em}
.editorial-site .flow-choice strong{font-weight:600}
.editorial-site .flow-choice small{font-size:13px;color:var(--text)}
.editorial-site .flow-answer input:not([type=radio]),.editorial-site .flow-answer textarea{font-family:Linud Sans,DM,sans-serif;letter-spacing:-.02em}
.editorial-site .flow-answer input::placeholder,.editorial-site .flow-answer textarea::placeholder{color:#61718a}
.editorial-site #flow-demo{font-size:12px;color:var(--text)}
@media(min-width:701px) and (max-width:1000px){
 .editorial-site .hero{grid-template-columns:48% 52%;padding-left:6%}
 .editorial-site .copy h1{font-size:clamp(36px,4.8vw,48px)}
 .editorial-site .copy p{font-size:16px;max-width:33ch}
 .editorial-site .project-featured{gap:32px}
 .editorial-site .about-linud{gap:32px}
}
@media(max-width:700px){
 .editorial-site .website>.site-header{padding-inline:24px;height:112px}
 .editorial-site .site-nav{gap:32px}
 .editorial-site .site-nav a{min-height:44px;font-size:12px}
 .editorial-site .hero{padding:24px 24px 0}
 .editorial-site .copy{min-height:0;padding-bottom:8px}
 .editorial-site .copy h1{font-size:clamp(34px,9.3vw,52px);line-height:1.12;letter-spacing:-.04em}
 .editorial-site .copy p{font-size:15px;line-height:1.7;max-width:35ch;min-height:5.1em;margin:20px auto 12px}
 .editorial-site #cta{font-size:17px}
 .editorial-site .project-help{display:block;margin:0 auto;font-size:12px}
 .editorial-site .chapters{margin-inline:24px;gap:4px}
 .editorial-site .chapters button{font-size:11px;min-height:48px}
 .editorial-site .service-guide{margin-top:8px}
 .editorial-site .portfolio-main{padding-inline:24px}
 .editorial-site .gallery-heading{display:block;padding:48px 0 24px}
 .editorial-site .gallery-heading h2{font-size:32px;max-width:19ch}
 .editorial-site .gallery-heading p{max-width:30ch;margin-top:16px;font-size:12px}
 .editorial-site .project-grid{gap:48px}
 .editorial-site .project-featured{display:block;padding-bottom:40px}
 .editorial-site .project-copy,.editorial-site .project-featured .project-copy{padding:16px 0 0}
 .editorial-site .project-copy h3{font-size:30px;margin-bottom:16px}
 .editorial-site .project-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}
 .editorial-site .all-concepts{font-size:13px;margin-top:24px}
 .editorial-site .about-linud{grid-template-columns:1fr;gap:24px;margin-top:64px;padding-top:48px}
 .editorial-site .about-linud h2{font-size:34px;margin:0;max-width:18ch}
 .editorial-site .about-linud p{font-size:16px}
 .editorial-site .work-steps li{font-size:13px}
 .editorial-site .portfolio-invitation{margin-top:64px;padding:56px 0}
 .editorial-site .portfolio-invitation h2{font-size:38px}
 .editorial-site .invitation-description{font-size:16px;max-width:29ch}
 .editorial-site .portfolio-intro h1{font-size:clamp(42px,10vw,64px)}
 .editorial-site #flow-heading{font-size:32px}
 .editorial-site .flow-choice small{font-size:12px}
 .editorial-site #flow-demo{font-size:11px}
}