.la,.la-apply{--p:#C60D60;--g:#10C77B;--ink:#141414;--paper:#F2F2F2;--card:oklch(99% 0 0);--ink-2:oklch(40% 0 0);--ink-3:oklch(47% 0 0);--paper-2:oklch(80% 0 0);--paper-3:oklch(68% 0 0);--rule:oklch(30% 0 0);color:var(--ink)}
.la{background:var(--paper)}
.la .btn{border:0;box-shadow:none;transition:translate .2s var(--ease-out-quint),box-shadow .25s var(--ease-out-quint),background .18s,scale .16s var(--ease-out-quint)}
.la .btn:active{scale:.97}
@media (hover:none){.la .btn:hover{translate:0 0;box-shadow:none}}
.la-in{animation:la-in .5s var(--ease-out-quint) both;animation-delay:calc(var(--i,0)*60ms)}
@keyframes la-in{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){header{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:var(--ink)}}
@media (prefers-reduced-motion:reduce){
  .la-in{animation:la-fade .3s ease both;animation-delay:0s}
  @keyframes la-fade{from{opacity:0}}
  .la-hero .mark svg path{animation:none;stroke-dashoffset:0}
  .la-case,.la-case img,.la-case-more,.la-play,.la-plus,.la .btn,.la-yt-thumb,.la-yt-thumb img{transition:none}
  .js .la-wall .tile{opacity:1;transform:none;transition:none}
  .la-house-item{transition:none}
}
.la .mark{position:relative;white-space:nowrap}
.la-hero :focus-visible,.la-panel-ink :focus-visible,.la-panel-pink :focus-visible{outline-color:var(--g)}
.la{overflow-x:clip}
.la-hero{background:var(--ink);color:var(--paper);padding:72px 0 0;overflow:hidden;position:relative}
.la-hero-doodle{position:absolute;right:-16vw;top:-24vw;width:clamp(760px,96vw,1700px);height:auto;fill:oklch(25% 0 0);rotate:-14deg;pointer-events:none}
.la-hero-copy,.la-strip{position:relative;z-index:1}
/* header goes dark while the hero is on screen, so the top of the page reads as one stage */
header{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
header:not(.la-top):not(.la-dark){box-shadow:0 1px 0 oklch(19% 0 0 / .06),0 8px 24px -16px oklch(19% 0 0 / .25)}
header.la-dark{background:oklch(19% 0 0 / .92);border-bottom-color:oklch(100% 0 0 / .1)}
header.la-dark .nav-links a:not(.btn){color:var(--paper)}
header.la-dark .nav-toggle{color:var(--paper)}
header.la-dark .logo img{filter:brightness(0) invert(1)}
header.la-top{border-bottom-color:transparent}
@media(max-width:900px){
  header.la-dark .nav-links a:not(.btn){color:var(--ink)}
  header.la-dark:has(.nav.open){background:oklch(96.1% 0 0 / .96)}
  header.la-dark:has(.nav.open) .logo img{filter:none}
  header.la-dark:has(.nav.open) .nav-toggle{color:var(--ink)}
}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){header.la-dark{background:var(--ink)}}
.la-hero-copy{max-width:1264px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
.la-hero h1,.la-panel h2,.la-h2,.la-big,.la-apply h2{text-wrap:balance}
.la p{text-wrap:pretty}
.la-fig,.la-stats dd{font-variant-numeric:tabular-nums}
.la-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,1.2rem + 4vw,4.4rem);line-height:1.02;letter-spacing:-.03em;margin:0;max-width:15ch}
.la-hero .mark svg path{stroke:var(--p);animation:draw .7s var(--ease-out-quint) .4s forwards}
.la-sub{max-width:50ch;margin:24px 0 0;color:var(--paper-2);font-size:1.1rem;line-height:1.6}
.la-cta{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}
.la-cta .btn{white-space:nowrap}
@media(max-width:480px){.la-cta{gap:16px}.la-cta .btn{width:100%;justify-content:center}}
.la-ghost{color:var(--paper);font-weight:700;text-decoration:none;border-bottom:2px solid var(--g);padding-bottom:2px;transition:color .15s ease}
@media (hover:hover) and (pointer:fine){.la-ghost:hover{color:var(--g)}}
.la-strip{display:flex;gap:16px;padding:56px 0 64px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;padding-inline:0}
.la-strip::-webkit-scrollbar{display:none}
.la-strip.grabbing{cursor:grabbing;scroll-snap-type:none;user-select:none}
.la-strip.gliding{scroll-snap-type:none;scroll-behavior:auto}
.la-strip.grabbing .tile{pointer-events:none}
.la-strip .tile{width:clamp(130px,12vw,190px);flex:none;border-radius:14px;border:0}
.la-strip .tile:nth-child(even){translate:0 16px}
.la-strip .tile-tag{display:none}
.la-canvas{max-width:1264px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 96px;display:grid;gap:0}
#results{margin-top:8px}
.la-panel-pink{margin-top:64px}
.la-faq{margin-top:64px}
.la-yt{margin-top:72px}
.la-yt .la-h2{margin:0}
.la-yt-head{display:grid;grid-template-columns:1fr auto;gap:8px 40px;align-items:end;margin-bottom:28px}
.la-yt-head p{grid-column:1;margin:12px 0 0;color:var(--ink-2);max-width:46ch;line-height:1.55}
.la-yt-link{grid-column:2;grid-row:1/3;font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--p);padding-bottom:2px;transition:color .15s ease}
@media (hover:hover) and (pointer:fine){.la-yt-link:hover{color:var(--p)}}
.la-yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.la-yt-card{display:grid;gap:12px;text-decoration:none;color:var(--ink);align-content:start}
.la-yt-thumb{display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:2px solid var(--ink);background:var(--ink);transition:transform .25s var(--ease-out-quint),box-shadow .25s var(--ease-out-quint)}
.la-yt-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out-quint)}
.la-yt-title{font-weight:700;line-height:1.35;transition:color .15s ease}
.la-yt-meta{font-size:.8rem;color:var(--ink-3)}
@media (hover:hover) and (pointer:fine){.la-yt-card:hover .la-yt-thumb{transform:translateY(-4px);box-shadow:4px 4px 0 var(--ink)}.la-yt-card:hover .la-yt-thumb img{transform:scale(1.04)}.la-yt-card:hover .la-yt-title{color:var(--p)}}
.la-yt-card:active .la-yt-thumb{transform:scale(.985)}
.la-trusted{margin:48px 0 0;text-align:center;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink-3)}
.la-marquee{width:100vw;margin:20px calc(50% - 50vw) 40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.la-marquee-track{display:flex;width:max-content;animation:la-marquee 40s linear infinite}
@media (hover:hover) and (pointer:fine){.la-marquee:hover .la-marquee-track{animation-play-state:paused}}
.la-marquee-set{display:flex;align-items:center;gap:64px;padding-right:64px}
.la-marquee-set img{height:22px;width:auto;flex:none;filter:brightness(0);opacity:.66}
@keyframes la-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.la-marquee-track{animation:none}}
.la-panel{background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:4px 4px 0 var(--ink);padding:clamp(24px,3vw,40px)}
.la-panel-ink{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.la-panel-pink{background:var(--p);color:var(--paper)}
.la-panel h2,.la-h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);letter-spacing:-.02em;line-height:1.1;margin:0}
.la-h2{margin:72px 0 24px}
.la-vsl{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:oklch(23% 0 0)}
.la-vsl-btn{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;position:relative;color:inherit}
.la-vsl-btn:active .la-play{transform:scale(.94)}
.la-vsl img{width:100%;height:100%;object-fit:cover;display:block}
.la-vsl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.la-vsl.loading::after{content:"Loading video…";position:absolute;inset:0;display:grid;place-items:center;color:var(--paper-2);font-size:.9rem;pointer-events:none}
.la-vsl-out{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--paper);font-weight:700;text-decoration:underline;text-underline-offset:3px;background:oklch(19% 0 0 / .85);z-index:2}
.la-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:999px;background:var(--p);color:#fff;display:grid;place-items:center;transition:transform .2s var(--ease-out-quint)}
.la-play svg{translate:2px 0}
@media (hover:hover) and (pointer:fine){.la-vsl:hover .la-play{transform:scale(1.06)}}
.la-big{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,1.1rem + 2vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin:0;max-width:16ch}
.la-big span{color:var(--g)} .la-big b{font-weight:inherit}
.la-stats{display:flex;gap:40px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--rule)}
.la-stats div{display:grid;gap:4px} .la-stats dt{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--paper-3)} .la-stats dd{margin:0;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em}
.la-muted{color:var(--paper-2);margin:16px 0 0;max-width:38ch;line-height:1.6}
.la-cases{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:clamp(16px,2vw,24px)}
.la-case{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:2px solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;isolation:isolate;transition:transform .25s var(--ease-out-quint),box-shadow .25s var(--ease-out-quint)}
.la-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out-quint)}
.la-case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(19% 0 0 / 0) 30%,oklch(19% 0 0 / .72) 62%,oklch(19% 0 0 / .95));transition:opacity .3s ease}
.la-case-copy{position:absolute;inset:auto 0 0 0;padding:clamp(16px,2vw,24px);z-index:1}
.la-case .la-fig{color:var(--paper)}
.la-case .la-fig small{color:var(--paper)} .la-case .la-fig small b{color:inherit;font-weight:inherit}
.la-case-more{display:inline-block;margin-top:14px;font-weight:700;font-size:.9rem;color:var(--paper);border-bottom:2px solid var(--g);padding-bottom:2px;transition:color .15s ease}
@media (hover:hover) and (pointer:fine){
  .la-case:hover{transform:translateY(-4px);box-shadow:4px 4px 0 var(--ink)}
  .la-case:hover img{transform:scale(1.04)}
  .la-case:hover .la-case-more{color:var(--g)}
}
.la-case:active{transform:scale(.985)}
.la-fig{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.2rem + 2vw,2.8rem);line-height:1;letter-spacing:-.03em;margin:0}
.la-fig small{display:block;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:0;line-height:1.35;color:var(--ink-3);margin-top:10px}
.la-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.la-wall .tile{width:100%;border-radius:16px;border:2px solid var(--ink)}
.js .la-wall .tile{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .45s var(--ease-out-quint),transform .45s var(--ease-out-quint);transition-delay:calc(var(--i,0)*40ms)}
.js .reveal.in .la-wall .tile{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.la-wall .tile{transition:opacity .45s var(--ease-out-quint),transform .25s var(--ease-out-quint)}.la-wall .tile:hover{transform:scale(1.02)}}
.la-vsl iframe{opacity:0;transition:opacity .4s ease}
.la-vsl iframe.ready{opacity:1}
.la-house{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;overflow:hidden}
.la-house-item{padding:clamp(24px,3vw,40px);transition:background .25s ease,color .25s ease}
@media (hover:hover) and (pointer:fine){
  .la-house .la-house-item:hover{background:var(--ink)}
  .la-house .la-house-item:hover h3,.la-house .la-house-item:hover p{color:var(--paper)}
}
.la-house-item+.la-house-item{border-left:1px solid oklch(85% 0 0)}
.la-house-item h3{font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin:0 0 10px}
.la-house-item{padding-block:clamp(28px,3.4vw,44px) clamp(32px,3.8vw,48px)}
.la-house-item p{margin:0;color:var(--ink-2);line-height:1.55;max-width:32ch;transition:color .25s ease}
.la-house-item h3{transition:color .25s ease}
.la-faq{grid-template-columns:1fr 1.5fr;align-items:start;position:relative;overflow:hidden}
.la-faq>h2,.la-faq>div{position:relative;z-index:1}
.la-faq-doodle{position:absolute;left:-12%;bottom:-22%;width:62%;height:auto;fill:oklch(25% 0 0);rotate:-8deg;pointer-events:none}
.la-faq details{border-top:1px solid var(--rule);padding:14px 0}
.la-faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.la-faq summary::-webkit-details-marker{display:none}
.la-plus{position:relative;flex:none;width:14px;height:14px;transition:transform .2s var(--ease-out-quint)}
.la-plus::before,.la-plus::after{content:"";position:absolute;inset:0;margin:auto;background:var(--g);border-radius:2px}
.la-plus::before{width:14px;height:2px} .la-plus::after{width:2px;height:14px}
.la-faq details[open] .la-plus{transform:rotate(45deg)}
.la-faq summary:active .la-plus{transform:scale(.85)}
.la-faq details[open] summary:active .la-plus{transform:rotate(45deg) scale(.85)}
.la-ans{overflow:hidden}
.la-faq p{color:var(--paper-2);margin:10px 0 0;line-height:1.6;max-width:60ch}
.la-apply{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;margin-top:96px}
.la-apply h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,1.3rem + 1.8vw,2.8rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 16px}
.la-apply p{color:var(--ink-2);line-height:1.55;max-width:40ch;margin:0}

.la-panel-pink{position:relative;overflow:hidden}
.la-panel-pink h2,.la-wall{position:relative;z-index:1}
.la-squiggle{position:absolute;right:-14%;top:-18%;width:70%;height:auto;fill:oklch(47% 0.19 3.7);pointer-events:none;rotate:-14deg}
.la-form{padding:0;overflow:hidden;height:520px;position:relative}
.la-form-note{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ink-3);font-size:.9rem;line-height:1.5;max-width:none;margin:0}
.la-form-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.la-form iframe{position:relative;z-index:1} .la-form iframe{width:100%;height:100%;border:0}
@media(max-width:900px){.la-yt-head{grid-template-columns:1fr}.la-yt-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.la-yt-grid{grid-template-columns:1fr}.la-panel-ink,.la-cases,.la-house,.la-faq,.la-apply{grid-template-columns:1fr}.la-wall{grid-template-columns:repeat(2,1fr);gap:12px}.la-cases{grid-template-columns:1fr 1fr}.la-house-item+.la-house-item{border-left:0;border-top:1px solid oklch(85% 0 0)}}

/* ===== shared additions for the other pages ===== */
.la-hero-sub{max-width:52ch;margin:20px 0 0;color:var(--paper-2);font-size:1.1rem;line-height:1.6}
.la-hero-kick{margin:0 0 16px;font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--g)}
.la-hero-back{display:inline-block;margin:0 0 20px;font-weight:700;color:var(--paper-2);text-decoration:none;transition:color .15s ease}
@media (hover:hover) and (pointer:fine){.la-hero-back:hover{color:var(--paper)}}
.la-hero-end{padding-bottom:clamp(56px,7vw,96px)}
.la-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.la-hero-shot{aspect-ratio:9/16;max-height:520px;justify-self:end;border-radius:18px;overflow:hidden;border:2px solid oklch(100% 0 0 / .14);background:oklch(23% 0 0)}
.la-hero-shot video,.la-hero-shot img{width:100%;height:100%;object-fit:cover;display:block}
.la-hero-shot.word{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--paper);padding:24px;text-align:center}
.la-hero-logo{height:28px;width:auto;filter:brightness(0) invert(1);margin-bottom:20px;display:block}
.la-hero-wordmark{display:block;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--paper);margin-bottom:20px}
.la-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.la-pills a{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--paper);text-decoration:none;padding:8px 14px;border-radius:999px;border:1px solid oklch(100% 0 0 / .25);transition:background .15s ease,border-color .15s ease,color .15s ease}
.la-pills a[aria-current="true"]{background:var(--g);border-color:var(--g);color:var(--ink)}
@media (hover:hover) and (pointer:fine){.la-pills a:hover{border-color:var(--paper)}}
.la-pills a:active{scale:.97}
.la-canvas-top{padding-top:8px}
.la-stats-light{border-top-color:oklch(85% 0 0)} .la-stats-light dt{color:var(--ink-3)} .la-stats-light dd{color:var(--ink)}
.la-stats-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;border:0}
.la-stats-3 div{gap:6px;padding:0} .la-stats-3 div+div{border-left:1px solid var(--rule);padding-left:24px}
.la-stats-3 dd{font-size:clamp(1.9rem,1.3rem + 1.6vw,2.6rem)} .la-stats-3 dt{font-size:.95rem}
.la-stats-3 dt b{color:var(--paper);font-weight:700} .la-stats-3.la-stats-light dt b{color:var(--ink)}
.la-house-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.la-lead{color:var(--ink-2);line-height:1.55;max-width:52ch;margin:12px 0 0;font-size:1.05rem}
.la-row-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin:72px 0 20px}
.la-row-head .la-h2{margin:0}
.la-row-head p{margin:8px 0 0;color:var(--ink-2);max-width:60ch;line-height:1.5}
.la-row-head a{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--p);padding-bottom:2px;white-space:nowrap}
.la-quote{position:relative;overflow:hidden}
.la-quote blockquote{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,1rem + 1.3vw,2rem);line-height:1.25;letter-spacing:-.02em;max-width:30ch;position:relative;z-index:1}
.la-quote-who{display:flex;align-items:center;gap:14px;margin-top:24px;position:relative;z-index:1}
.la-quote-who img,.la-quote-who .la-ava{width:48px;height:48px;border-radius:999px;object-fit:cover;border:2px solid var(--ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;background:var(--g);color:var(--ink)}
.la-quote-who b{display:block} .la-quote-who span{color:var(--ink-2);font-size:.9rem}
.la-quote-doodle{position:absolute;right:-10%;top:-40%;width:46%;height:auto;fill:oklch(94% 0 0);pointer-events:none;rotate:-12deg}
.la-gallery{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;margin:28px calc(-1 * clamp(24px,3vw,40px)) 0;padding:4px clamp(24px,3vw,40px) 8px;position:relative;z-index:1}
.la-gallery::-webkit-scrollbar{display:none}
.la-gallery.grabbing{cursor:grabbing;user-select:none}
.la-gallery .tile,.la-gallery-tile{flex:none;width:clamp(180px,16vw,230px);aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:2px solid var(--ink);background:var(--ink);position:relative}
.la-gallery-tile img,.la-gallery-tile video{width:100%;height:100%;object-fit:cover;display:block}
.la-gallery-tile.still{width:auto;aspect-ratio:auto;height:clamp(320px,26vw,400px)} .la-gallery-tile.still img{width:auto;height:100%;object-fit:contain;background:var(--card)}
.la-gallery-tile.word{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--paper);padding:20px;text-align:center}
.la-gallery-tile .chip{position:absolute;left:8px;bottom:8px}
/* statics are mixed sizes (9:16, 4:5, 1:1): masonry columns, every tile exactly as tall as its image */
.la-wall.wall-stills{display:block;columns:4 220px;column-gap:20px}
.la-wall.wall-stills .tile{display:inline-block;width:100%;aspect-ratio:auto;height:auto;margin:0 0 20px;break-inside:avoid;vertical-align:top;background:var(--card)}
.la-wall.wall-stills .tile img{position:static;display:block;width:100%;height:auto;border-radius:0}
@media(max-width:900px){.la-wall.wall-stills{columns:2;column-gap:12px}.la-wall.wall-stills .tile{margin-bottom:12px}}
.la-ba{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden}
.la-ba>div{padding:clamp(28px,3.4vw,44px);display:grid;align-content:start;gap:14px}
.la-ba>div+div{border-left:1px solid oklch(85% 0 0)}
.la-ba h3{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-3);margin:0}
.la-ba-pull{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);line-height:1.12;letter-spacing:-.02em;margin:0;max-width:18ch;text-wrap:balance}
.la-ba .after .la-ba-pull span{color:var(--g)}
.la-ba p:not(.la-ba-pull){color:var(--ink-2);line-height:1.55;max-width:44ch;margin:0}
.la-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.la-contact-mail{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,.9rem + 1.6vw,2.2rem);letter-spacing:-.02em;color:var(--ink);text-decoration:none;border-bottom:3px solid var(--p);padding-bottom:4px;word-break:break-all}
.la-contact dl{margin:0;display:grid;gap:20px} .la-contact dt{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink-3);margin-bottom:4px} .la-contact dd{margin:0;color:var(--ink-2);line-height:1.55} .la-contact dd a{color:var(--ink);font-weight:700;text-decoration:none}
.la-role{display:grid;gap:28px}
.la-role-head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.la-role-head h3{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);letter-spacing:-.02em;margin:0}
.la-role-meta{margin:6px 0 0;color:var(--ink-2)}
.la-role-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:24px;border-top:1px solid oklch(85% 0 0)}
.la-role-body h4{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-3);margin:0 0 10px}
.la-role-body ul{margin:0;padding-left:18px;color:var(--ink-2);line-height:1.6} .la-role-body li+li{margin-top:6px}
.la-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.la-post{display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease-out-quint),box-shadow .25s var(--ease-out-quint)}
.la-post h2{font-size:1.25rem;line-height:1.25} .la-post p{color:var(--ink-2);line-height:1.55;margin:0} .la-post time{font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--ink-3)}
.la-post .la-case-more{color:var(--ink)}
@media (hover:hover) and (pointer:fine){.la-post:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}}
.la-prose{max-width:68ch;margin:0 auto;padding:56px 0 24px}
.la-prose h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);letter-spacing:-.03em;line-height:1.05;margin:12px 0 28px}
.la-prose h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);letter-spacing:-.02em;line-height:1.15;margin:40px 0 12px}
.la-prose p,.la-prose li{color:var(--ink-2);line-height:1.65;font-size:1.05rem} .la-prose a{color:var(--ink);font-weight:700}
.la-prose-kick{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--ink-3);margin:0}
.la-prose .la-hero-back{color:var(--ink-2)} .la-prose img{max-width:100%;height:auto;border-radius:16px;border:2px solid var(--ink)}
.la-center{text-align:center} .la-center .la-hero h1,.la-center .la-hero-sub{margin-left:auto;margin-right:auto} .la-center .la-cta{justify-content:center}
@media(max-width:900px){.la-hero-grid,.la-stats-3,.la-ba,.la-contact,.la-role-body{grid-template-columns:1fr}.la-stats-3 div+div{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:16px}.la-ba>div+div{border-left:0;border-top:1px solid oklch(85% 0 0)}.la-hero-shot{justify-self:start;max-height:420px}}

/* work page: each format is a panel, its row scrolls inside the panel edges */
.la-rows{display:grid;gap:24px;padding-top:24px}
.la-rows>.la-panel{min-width:0;max-width:100%}
.la-rows .row-wrap{min-width:0}
.la-rows .la-panel{padding-bottom:clamp(20px,2.4vw,32px)}
.la-rows .la-row-head{margin:0 0 20px}
.la-rows .row-wrap{margin:0 calc(-1 * clamp(24px,3vw,40px));position:relative}
.la-rows .row-scroller{padding-inline:clamp(24px,3vw,40px);padding-block:4px 8px;scroll-padding-inline:clamp(24px,3vw,40px)}
.la-rows .row-scroller .tile{border-radius:16px}
.la-rows .scroll-nav{border-color:var(--ink)}
.la-rows .tile-empty{margin-inline:0}

/* ===== one label style, site-wide =====
   Every small label, caption and meta line uses the same face, weight, size and spacing.
   Colour is the only thing that varies with the surface it sits on. */
.la-fig small,.la-stats dt,.la-stats-3 dt,.la-trusted,.la-hero-kick,.la-yt-meta,.la-ba h3,.la-contact dt,
.la-role-body h4,.la-role-meta,.la-post time,.la-prose-kick,.la-quote-who span,.la-muted,.la-form-note,
.la .legal-updated,.la .post-kicker,.la-hero-back{
  font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:0;line-height:1.35;text-transform:none;
}
.la-stats-3 dt b,.la-fig small b{font-weight:inherit}
.la-muted,.la-form-note{font-weight:400}

/* apply section: headline, qualifying checklist, form */
.la-apply h2{margin-bottom:28px}
.la-apply .mark svg path{stroke:var(--p);stroke-dashoffset:0;animation:none}
.la-apply p.la-qual-head{font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);letter-spacing:-.01em;color:var(--ink);margin:0 0 18px;max-width:none}
.la-qual{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.la-qual li{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:center;font-size:1.1rem;line-height:1.35;color:var(--ink)}
.la-tick{width:26px;height:26px;border-radius:999px;background:var(--g);color:var(--ink);display:grid;place-items:center;border:2px solid var(--ink)}

/* the apply section outside a Direction A canvas (old homepage) still gets the page column */
.la-apply-wrap{max-width:1264px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 96px}
.la-apply-wrap .la-panel{--card:oklch(99% 0 0)}

/* a one-line hint under a wall heading: what to do with the tiles, worded for the device */
.la-hint{position:relative;z-index:1;margin:10px 0 0;font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:0;line-height:1.35;color:var(--paper);opacity:.85}
.la-hint-touch{display:none}
@media (hover:none){.la-hint-hover{display:none}.la-hint-touch{display:inline}}

.la-wall-cta{position:relative;z-index:1;margin-top:32px;justify-content:center}

/* anchor targets stop below the sticky header, with a little air */
.la [id],.la-apply{scroll-margin-top:12px}

/* one or two case studies: wide landscape posters, so a short row does not become two giant portraits */
.la-cases-wide .la-case{aspect-ratio:16/9;max-height:380px;width:100%}
.la-cases-wide .la-case img{object-position:center 30%}
@media(max-width:900px){.la-cases.la-cases-wide{grid-template-columns:1fr}.la-cases-wide .la-case{aspect-ratio:16/10;max-height:none}}

/* more room between the hero stage and the first panel */
.la-canvas-air{padding-top:clamp(48px,6vw,80px)}
.la-canvas-air .la-apply{margin-top:clamp(72px,8vw,112px)}
.la-contact{padding:clamp(32px,4vw,56px)}