/* Service pages carried over from the old site, and blog posts. Loaded after site.css. */
.lg-hero{grid-template-columns:1fr;align-items:center}
.lg-hero.has-img{grid-template-columns:1.2fr 1fr}
.lg-hero .disp{font-size:clamp(40px,5.4vw,84px);margin-top:14px;text-wrap:balance}
.lg-hero .lead{margin-top:24px}
.lg-hero .lead a,.lg-body a,.feat a,.post-body a{color:var(--orange-d);text-decoration:underline;text-underline-offset:3px}
.lg-fig{border-radius:22px;overflow:hidden;background:var(--night-2)}
.lg-fig img{width:100%;height:auto}
.lg-body .lg-fig{max-width:560px}
.lg-side .lg-fig{max-width:440px}
.lg-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,5vw,80px);align-items:start}
.lg-sec>h2,.lg-side{position:sticky;top:130px;margin-bottom:0}
.lg-side h2{margin-bottom:28px}
.lg-wide{margin-bottom:32px;max-width:640px}
.feat.n4{grid-template-columns:1fr 1fr}
.feat:not(.n4)>div:last-child:nth-child(3n+1){grid-column:1/-1}
.feat:not(.n4)>div:last-child:nth-child(3n+2){grid-column:span 2}
.lg-sec.is-cards{display:block}
.lg-sec.is-cards>h2{position:static;margin-bottom:20px}
.lg-sec:not(:has(>h2,>.lg-side)) .lg-body{grid-column:1/-1;max-width:70ch}
.lg-intro{color:var(--bone-2);font-size:18px;max-width:62ch;margin-bottom:32px}
.lg-body{display:grid;gap:18px}
.lg-body p{color:var(--bone-2);font-size:17px}
.lg-body h3{font:800 24px/1.15 var(--display);letter-spacing:-.02em;margin-top:14px}
.lg-body .lg-fig{margin-block:10px}
.feat ul{padding-inline-start:18px;color:var(--bone-2);font-size:15px;display:grid;gap:6px}
.feat p+p{margin-top:10px}
.folio .arrow{color:var(--orange-d)}
@media (max-width:1000px){
  .feat:not(.n4)>div:last-child:nth-child(n){grid-column:auto}
  .feat>div:last-child:nth-child(odd){grid-column:1/-1}
  .lg-hero.has-img,.lg-sec{grid-template-columns:1fr}
  .lg-sec>h2,.lg-side{position:static}
}

/* hand-written page sections */
.lg-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}
.lg-gallery figure{display:grid;gap:12px;align-content:start}
.lg-gallery img{width:100%;height:auto;aspect-ratio:1600/856;object-fit:cover;border-radius:18px;background:var(--night-2);transition:transform .7s var(--ease)}
.lg-gallery figure:hover img{transform:scale(1.02)}
.lg-gallery figcaption{display:grid;gap:4px;font-size:15px;color:var(--bone-2)}
.lg-gallery figcaption b{font:800 20px/1.1 var(--display);letter-spacing:-.02em;color:var(--bone)}
.lg-person{display:flex;align-items:center;gap:14px;margin-top:28px}
.lg-person img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.lg-person b{display:block;font:800 18px var(--display)}
.lg-person span{color:var(--smoke);font-size:14px}
@media (max-width:760px){.lg-gallery{grid-template-columns:1fr}}

/* blog */
.blog-head{padding-block:28px clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.blog-head h1{font:800 clamp(56px,9vw,140px)/.92 var(--display);letter-spacing:-.05em}
.blog-head h1 em{font-style:normal;color:var(--orange)}
.blog-head p{color:var(--bone-2);font-size:18px;max-width:52ch;margin-top:18px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px;padding-block:clamp(48px,6vw,88px)}
.post-card{display:grid;gap:12px;align-content:start}
.post-card .pc-img{border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--night-2)}
.post-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.post-card:hover img{transform:scale(1.04)}
.post-card .label{color:var(--orange-d)}
.post-card h2{font:800 22px/1.15 var(--display);letter-spacing:-.02em;transition:color .2s}
.post-card:hover h2{color:var(--orange-d)}
.post-card p{color:var(--smoke);font-size:15px}
.post-card.pc-big{grid-column:1/-1;grid-template-columns:1.3fr 1fr;gap:clamp(20px,4vw,56px);align-items:center}
.post-card.pc-big h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.035em;line-height:1}
.post-card.pc-big p{font-size:17px}
.post{max-width:760px;margin-inline:auto;padding-block:28px clamp(56px,7vw,96px)}
.post h1{font:800 clamp(38px,5.2vw,72px)/1 var(--display);letter-spacing:-.04em;margin-block:14px 18px;text-wrap:balance}
.post-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--smoke);font-size:14px}
.post-meta .label{color:var(--orange-d)}
.post-cover{border-radius:22px;overflow:hidden;margin:clamp(28px,4vw,48px) 0;background:var(--night-2)}
.post-cover img{width:100%;height:auto}
.post-body{font-size:18px;line-height:1.75;color:var(--bone-2)}
.post-body>*+*{margin-top:1.1em}
.post-body h2{font:800 clamp(26px,3vw,38px)/1.1 var(--display);letter-spacing:-.03em;color:var(--bone);margin-top:1.8em}
.post-body h3{font:800 22px/1.2 var(--display);letter-spacing:-.02em;color:var(--bone);margin-top:1.5em}
.post-body ul,.post-body ol{padding-inline-start:22px;display:grid;gap:8px}
.post-body figure{border-radius:18px;overflow:hidden;margin-block:1.6em}
.post-body img{width:100%;height:auto}
.post-body blockquote{border-inline-start:3px solid var(--orange);padding-inline-start:18px;font-size:20px;color:var(--bone)}
.post-svc{display:grid;gap:6px;margin-top:48px;padding:26px 28px;border-radius:20px;background:var(--ink);color:#F1EFEA;transition:transform .3s var(--ease)}
.post-svc:hover{transform:translateY(-3px)}
.post-svc .label{color:var(--orange)}
.post-svc b{font:800 clamp(24px,2.6vw,34px)/1.1 var(--display);letter-spacing:-.03em}
.post-svc>span:last-child{color:#C9C6BF;font-size:15px}
.post-more{border-top:1px solid var(--line)}
.post-more .posts{padding-top:32px}
@media (max-width:1000px){.posts{grid-template-columns:1fr 1fr}.post-card.pc-big{grid-template-columns:1fr}}
@media (max-width:620px){.posts{grid-template-columns:1fr}}

/* 404 + legal */
.nf{min-height:62vh;display:grid;align-content:center;gap:22px;padding-block:72px}
.nf h1{font:800 clamp(80px,16vw,240px)/.85 var(--display);letter-spacing:-.06em}
.nf h1 em{font-style:normal;color:var(--orange)}
.nf p{font-size:19px;color:var(--bone-2);max-width:46ch}
.nf .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.legal{max-width:760px;margin-inline:auto;padding-block:28px 96px}
.legal h1{font:800 clamp(40px,6vw,80px)/1 var(--display);letter-spacing:-.045em;margin-block:14px 10px}
.legal .upd{color:var(--smoke);font-size:14px;margin-bottom:32px}
.legal h2{font:800 26px/1.2 var(--display);letter-spacing:-.02em;margin:36px 0 10px}
.legal p,.legal li{color:var(--bone-2);font-size:17px}
.legal p+p{margin-top:12px}
.legal ul{padding-inline-start:22px;display:grid;gap:6px;margin-top:10px}
.legal a{color:var(--orange-d);text-decoration:underline}
.lg-sec>.eyebrow{display:block;grid-column:1/-1;color:var(--orange-d);margin-bottom:14px}
[dir=rtl] .lg-sec>.eyebrow{letter-spacing:0}
.lg-bq{margin:0 0 28px;font:500 clamp(20px,2.2vw,26px)/1.5 var(--body);border-inline-start:3px solid var(--orange);padding-inline-start:22px}
/* A second video band sits inside the page column: let it run full width. */
.lg-band2{margin:clamp(40px,6vw,80px) calc(50% - 50vw)}
