/* Agency concepts: the established typography and motion, with the real LMG team. */
.agency-design-page .concept-hero{min-height:100svh;justify-content:center;text-align:center}
.agency-design-page .hero-copy{width:min(1180px,100%)}
.agency-design-page h1{font-size:clamp(48px,5.5vw,88px);line-height:1.06}
.agency-design-page .hero-title-line{display:block}
.agency-design-page .hero-lede{max-width:900px;margin-inline:auto;text-wrap:balance}
.agency-design-page .hero-shade{background:linear-gradient(0deg,#003135,transparent 50%),linear-gradient(90deg,#00292d99,#00292d66)}
.agency-design-page h2{font-size:clamp(42px,4.5vw,70px);line-height:1.08}
.agency-design-page h3{font-size:clamp(28px,2.5vw,40px);line-height:1.15}
.agency-content{position:relative}
.agency-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:115px var(--gutter)}
.agency-section-head h2{margin:0;max-width:12ch}
.agency-section-head .eyebrow{margin:0 0 24px}
.agency-prose p{font-size:16px;line-height:1.85;margin:0 0 26px}
.agency-prose p:last-child{margin-bottom:0}
.agency-niche{background:#002a2e}
.agency-team{padding:110px var(--gutter)}
.agency-team-copy{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:start;margin-bottom:55px}
.agency-team-copy h2{font-size:clamp(38px,3.7vw,58px);margin:0}
.agency-portrait{margin:0;width:100%}
.agency-portrait>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.agency-choose{background:#002a2e;padding:90px var(--gutter) 110px}
.agency-choose>.agency-section-head{margin-bottom:50px}
.difference-number{font-size:13px;letter-spacing:.13em;color:var(--lmg-gold)}
.agency-difference p{font-size:16px;line-height:1.85;margin:0;color:#c2d1cf}
.agency-design-page .clients-section{padding:0}
.about-page .clients-inner{border-bottom:0}
.agency-design-page .clients-inner>h2{font-family:var(--lmg-body);font-size:10px;line-height:1.6;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:var(--lmg-headline);text-align:center;margin:0 0 46px;text-wrap:initial}
.agency-design-page .client-row{overflow:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent)}
.agency-design-page .client-track img[aria-hidden=true]{display:block}
/* 01 / Collective: wide portrait, quiet story, expanding differences. */
.agency-design-1 .agency-niche{position:relative;isolation:isolate;background:#00292d}
.agency-design-1 .agency-niche:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00292def,#00292dbd),url('/assets/mountains/panorama.webp') center/cover}
.agency-design-1 .agency-team{padding-inline:0}
.agency-design-1 .agency-team-copy{padding-inline:var(--gutter)}
.agency-design-1 .agency-portrait{max-width:1920px;margin:auto}
.agency-accordion{border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.2667)}
.agency-accordion details{border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.2667);padding:0}
.agency-accordion summary{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:25px;padding:29px 0;list-style:none;cursor:pointer}
.agency-accordion summary::-webkit-details-marker{display:none}
.agency-accordion h3{font-size:clamp(28px,2.5vw,40px);margin:0}
.difference-toggle{position:relative;width:22px;height:22px}
.difference-toggle:before,.difference-toggle:after{content:"";position:absolute;left:0;top:10px;width:22px;height:1px;background:var(--lmg-gold);transition:transform .35s}
.difference-toggle:after{transform:rotate(90deg)}
.agency-accordion [open] .difference-toggle:after{transform:rotate(0)}
.difference-body{padding:0 55px 34px 70px;max-width:1000px}
.agency-accordion [open] summary{color:var(--lmg-gold)}
/* 02 / Storyline: chapter rail and an uninterrupted editorial column. */
.agency-design-2 .concept-hero{justify-content:start;text-align:left}
.agency-design-2 .hero-copy{width:min(1040px,90%)}
.agency-design-2 .hero-lede{margin-left:0;max-width:800px}
.agency-design-2 .hero-shade{background:linear-gradient(0deg,#003135,transparent 70%),linear-gradient(90deg,#00292ddd,#00292d33)}
.agency-design-2 .agency-content{padding-left:195px}
.agency-chapters{position:sticky;top:130px;height:0;margin-left:-165px;width:150px;z-index:12}
.agency-chapters a{display:flex;gap:12px;padding:14px 0;font-size:12px;line-height:1.6;color:rgb(var(--lmg-gold-rgb) / 0.4667)}
.agency-chapters a[aria-current=location]{color:#f3f6f4}
.agency-chapters a>span:first-child{font-size:11px;letter-spacing:.08em}
.agency-design-2 .agency-story{display:block;padding:95px 6vw}
.agency-design-2 .agency-section-head h2{max-width:14ch}
.agency-design-2 .agency-prose{max-width:850px;margin-top:35px}
.agency-design-2 .agency-team{padding:95px 6vw}
.agency-design-2 .agency-team-copy{display:block}
.agency-design-2 .agency-team-copy h2{max-width:24ch;font-size:clamp(42px,4vw,64px)}
.agency-design-2 .agency-choose{padding:90px 6vw}
.agency-design-2 .agency-difference{display:grid;grid-template-columns:100px 1fr;gap:45px;border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.2667);padding:65px 0}
.agency-design-2 .difference-number{font-family:var(--lmg-display);font-size:90px;line-height:1;color:rgb(var(--lmg-gold-rgb) / 0.4667)}
.agency-design-2 .difference-copy h3{margin:0 0 25px;font-size:clamp(34px,3vw,48px)}
/* 03 / Composition: staggered text and a generous team portrait. */
.agency-design-3 .hero-copy{display:grid;grid-template-columns:1.3fr .8fr;gap:0 7vw;text-align:left;align-items:end}
.agency-design-3 .hero-copy .eyebrow{grid-column:1/-1}
.agency-design-3 h1{font-size:clamp(52px,5vw,80px);margin-bottom:0}
.agency-design-3 .hero-title-line{display:inline}
.agency-design-3 .hero-lede{margin:0;text-wrap:initial}
.agency-design-3 .agency-what{grid-template-columns:.7fr 1.3fr;padding-bottom:50px}
.agency-design-3 .agency-team-copy{grid-template-columns:1.3fr .8fr}
.agency-design-3 .agency-team{padding-top:70px;padding-bottom:100px}
.agency-design-3 .agency-portrait{width:calc(100% + var(--gutter));margin-left:calc(-1 * var(--gutter))}
.agency-design-3 .agency-difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 55px;align-items:start}
.agency-design-3 .agency-difference{position:relative;border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.4);padding:38px 30px 40px;transition:background .4s,border-color .4s;outline-offset:5px}
.agency-design-3 .agency-difference:nth-child(even){margin-top:110px}
.agency-design-3 .agency-difference:last-child{grid-column:1/-1;display:grid;grid-template-columns:.35fr 1fr;gap:45px;max-width:950px}
.agency-design-3 .agency-difference:hover,.agency-design-3 .agency-difference:focus{background:#0a4145;border-color:var(--lmg-gold)}
.agency-design-3 .difference-copy h3{margin:22px 0 25px;font-size:clamp(32px,3vw,48px)}
.agency-design-3 .agency-difference:last-child .difference-copy h3{margin-top:0}
.agency-design-3 .difference-number{font-family:var(--lmg-display);font-size:70px;line-height:1}
/* 04 / Fieldbook: restrained typography and a full-width principle reader. */
.agency-design-4 .concept-hero{align-items:start;padding-top:160px;padding-bottom:320px;min-height:1000px}
.agency-design-4 .hero-landscape{top:62%;bottom:0}
.agency-design-4 .hero-shade{background:linear-gradient(180deg,#003135 50%,transparent 85%,#003135)}
.agency-design-4 .hero-copy{max-width:1050px}
.agency-design-4 h1{font-size:clamp(52px,5.2vw,84px)}
.agency-design-4 .agency-story{display:block;max-width:1280px;margin:auto;padding-block:90px}
.agency-design-4 .agency-story .agency-prose{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}
.agency-design-4 .agency-niche{background:none;border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.2667)}
.agency-design-4 .agency-team{display:flex;flex-direction:column;gap:55px;padding-top:40px}
.agency-design-4 .agency-portrait{order:-1}
.agency-design-4 .agency-team-copy{margin-bottom:0}
.principle-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.302);border-bottom:1px solid rgb(var(--lmg-gold-rgb) / 0.302)}
.principle-tabs button{text-align:left;border:0;border-bottom:2px solid transparent;background:none;padding:24px 18px;color:var(--lmg-gold);min-width:0}
.principle-tabs button>span:first-child{font-size:12px;display:block;margin-bottom:18px}
.principle-tabs button>span:last-child{font-family:var(--lmg-display);font-size:23px;line-height:1.2;display:block}
.principle-tabs button[aria-selected=true]{background:#0a4145;color:white;border-bottom-color:var(--lmg-gold)}
.principle-panel{display:grid;grid-template-columns:.35fr 1fr;gap:65px;padding:55px 35px;min-height:350px;background:#073a3e}
.principle-panel .difference-number{font-family:var(--lmg-display);font-size:clamp(90px,12vw,180px);line-height:1;color:rgb(var(--lmg-gold-rgb) / 0.4314)}
.principle-panel h3{font-size:clamp(34px,3.3vw,52px);margin:0 0 26px}
.principle-panel p{max-width:800px}
.agency-design-4:not(.agency-enhanced) .principle-tabs{display:none}
.agency-design-4:not(.agency-enhanced) .principle-panel{margin-bottom:30px}
/* 05 / Expedition: wide photo and a horizontal gallery of the five differences. */
.agency-design-5 .agency-what{padding-block:120px}
.agency-design-5 .agency-niche{background:linear-gradient(90deg,#003135f2,#003135bb),var(--agency-niche-image,url('/assets/mountains/panorama.webp')) center/cover}
.agency-design-5 .agency-team{padding-inline:0}
.about-page .agency-team{padding-bottom:0}
.agency-design-5 .agency-team-copy{padding-inline:var(--gutter);margin-bottom:55px}
.agency-design-5 .agency-choose{padding:0;background:#00282c}
.about-page.agency-design-5 .agency-choose{background:#fff}
.agency-design-5 .cinema-pin{padding:65px 0 35px}
.agency-design-5 .cinema-heading{align-items:end}
.agency-design-5 .cinema-heading .agency-section-head h2{margin:0;font-size:clamp(42px,4.5vw,70px)}
.about-page .agency-choose #choose-title{max-width:none;white-space:nowrap}
@media(max-width:767px){.about-page .agency-choose #choose-title{font-size:clamp(28px,8vw,42px)}}
.agency-design-5 .cinema-heading .eyebrow{margin-bottom:15px}
.agency-design-5 .cinema-track{gap:32px}
.agency-design-5 .cinema-card{background:#0b4549;height:clamp(420px,54vh,600px);padding:45px 55px;align-items:center;flex-basis:73%;border-top:1px solid rgb(var(--lmg-gold-rgb) / 0.5333)}
.agency-design-5 .cinema-card:nth-child(even){background:#124146}
.about-page .agency-choose .cinema-card{border-top:0}
.about-page .agency-choose .cinema-card:nth-child(odd){background:#f1f3f4}
.agency-design-5 .cinema-card:after{display:none}
.agency-design-5 .cinema-card-copy{max-width:860px}
.agency-design-5 .cinema-card h3{font-size:clamp(32px,3vw,46px);line-height:1.12;max-width:24ch;margin:24px 0}
.agency-design-5 .cinema-rail{grid-template-columns:repeat(5,1fr)}
.agency-design-5.cinema-pinned .cinema-section{height:calc(100svh + var(--cinema-travel))}
.agency-design-5.cinema-pinned .cinema-pin{position:sticky;top:96px;min-height:calc(100svh - 96px);padding-block:24px}
.agency-design-5.cinema-pinned .cinema-heading{padding-bottom:24px}
.agency-design-5.cinema-pinned .cinema-rail{padding-top:14px}
.agency-design-5:not(.cinema-pinned) .cinema-track{display:block;transform:none!important}
.agency-design-5:not(.cinema-pinned) .cinema-card{height:auto;min-height:400px;margin-bottom:25px;scroll-margin-top:120px}
.agency-design-5:not(.cinema-pinned) .cinema-arrows{display:none}
/* Review gallery. */
.agency-gallery{padding:165px var(--gutter) 100px;max-width:1700px;margin:auto}
.agency-gallery-heading{max-width:950px;margin-bottom:75px}
.agency-gallery-heading h1{font-size:clamp(60px,7vw,112px);margin:24px 0}
.agency-gallery-heading h1 em{font-weight:300;color:var(--lmg-gold)}
.agency-gallery-heading>p:not(.eyebrow){max-width:650px}
.agency-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 40px}
.agency-design-preview{aspect-ratio:1.6;position:relative;overflow:hidden;background:#002a2e}
.agency-design-preview img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform 1.2s}
.agency-design-card:hover img{transform:scale(1.025)}
.agency-design-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#00282ccc,transparent 60%)}
.agency-design-preview>span{position:absolute;bottom:22px;left:25px;font-family:var(--lmg-display);font-size:50px;letter-spacing:-.04em;z-index:1}
.agency-design-preview>b{position:absolute;right:22px;top:22px;font-size:26px;font-weight:300}
.agency-design-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;color:var(--lmg-gold);margin-top:24px}
.agency-design-card h2{font-size:42px;margin:16px 0}
.agency-design-card p{font-size:15px;line-height:1.8;margin:0}
.agency-design-interaction{display:block;font-size:12px;color:var(--lmg-gold);margin-top:22px}
.agency-design-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:0 50px}
.agency-design-card:last-child .agency-design-preview{grid-row:1/7;aspect-ratio:auto;min-height:400px}
.agency-design-card:last-child .agency-design-meta{margin-top:0}
.agency-design-page [hidden]{display:none!important}
@media(max-width:1000px){
 .agency-design-2 .agency-content{padding-left:155px}.agency-chapters{margin-left:-135px;width:120px}
 .agency-design-2 .agency-chapters a{font-size:11px;gap:8px}
 .agency-design-2 .agency-difference{grid-template-columns:65px 1fr;gap:30px}
 .agency-design-2 .difference-number{font-size:65px}
 .agency-design-3 .hero-copy{gap:35px}
 .agency-design-3 .agency-difference-grid{gap:35px}
 .principle-tabs button{padding:20px 10px}.principle-tabs button>span:last-child{font-size:21px}
 .principle-panel{gap:35px;padding:40px 25px}
}
@media(max-width:767px){
 .agency-design-page .concept-hero{padding:125px var(--gutter) 100px}
 .agency-design-page .hero-title-line{display:inline}
 .agency-design-page .hero-copy{width:100%}
 .agency-story{display:block;padding:70px var(--gutter)}
 .agency-section-head{margin-bottom:30px}
 .agency-design-page h2{font-size:44px}
 .agency-team{padding:75px var(--gutter)}
 .agency-team-copy{display:block;margin-bottom:35px}
 .agency-team-copy h2{font-size:38px;margin-bottom:28px}
 .agency-choose{padding:70px var(--gutter)}
 .agency-accordion summary{grid-template-columns:26px 1fr 22px;gap:14px;padding:25px 0}
 .agency-accordion h3{font-size:28px}.difference-body{padding:0 0 30px 40px}
 .agency-design-2 .agency-content{padding-left:0}
 .agency-chapters{height:auto;top:72px;display:flex;width:100%;margin:0;background:#003135f5;padding:8px 16px;justify-content:space-between;gap:8px;backdrop-filter:blur(12px)}
 .agency-chapters a{display:block;padding:8px 4px}.agency-chapters a>span:first-child{display:none}
 .agency-design-2 .agency-story,.agency-design-2 .agency-team,.agency-design-2 .agency-choose{padding:70px var(--gutter);scroll-margin-top:100px}
 .agency-design-2 .agency-team-copy h2{font-size:38px}
 .agency-design-2 .agency-difference{display:block;padding:40px 0}
 .agency-design-2 .difference-number{font-size:52px;display:block;margin-bottom:25px}
 .agency-design-2 .difference-copy h3{font-size:32px}
 .agency-design-3 .hero-copy{display:block}
 .agency-design-3 h1{margin-bottom:28px}
 .agency-design-3 .agency-team-copy{display:block}
 .agency-design-3 .agency-portrait{width:100%;margin-left:0}
 .agency-design-3 .agency-difference-grid{display:block}
 .agency-design-3 .agency-difference,.agency-design-3 .agency-difference:nth-child(even),.agency-design-3 .agency-difference:last-child{display:block;margin:0 0 28px;padding:28px 16px}
 .agency-design-3 .difference-number{font-size:54px}
 .agency-design-3 .difference-copy h3,.agency-design-3 .agency-difference:last-child .difference-copy h3{font-size:32px;margin-top:22px}
 .agency-design-4 .concept-hero{padding-top:135px;padding-bottom:300px;min-height:1000px}
 .agency-design-4 .hero-landscape{top:72%}
 .agency-design-4 .hero-shade{background:linear-gradient(180deg,#003135 63%,transparent 92%,#003135)}
 .agency-design-4 .agency-story{padding-block:70px}
 .agency-design-4 .agency-story .agency-prose{display:block;margin-top:30px}
 .agency-design-4 .agency-team{gap:30px;padding-block:30px 70px}
 .principle-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}
 .principle-tabs button{flex:0 0 160px;padding:20px 16px}
 .principle-panel{display:block;padding:35px 24px;min-height:480px}
 .principle-panel .difference-number{display:block;font-size:75px;margin-bottom:28px}
 .principle-panel h3{font-size:32px}
 .agency-design-5 .agency-what{padding-block:70px}
 .agency-design-5 .cinema-card{padding:35px 25px;min-height:0}
 .agency-design-5 .cinema-card h3{font-size:32px}
 .agency-design-5 .cinema-rail{gap:9px}
 .agency-design-page .clients-inner>h2{font-size:9px;margin-bottom:32px}
 .agency-gallery{padding-top:130px}
 .agency-gallery-heading h1{font-size:60px!important}
 .agency-design-grid{display:block}
 .agency-design-card,.agency-design-card:last-child{display:block;margin-bottom:55px}
 .agency-design-card:last-child .agency-design-preview{aspect-ratio:1.6;min-height:0}
 .agency-design-card:last-child .agency-design-meta{margin-top:24px}
 .agency-design-preview>span{font-size:42px}
 .agency-design-card h2{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.agency-design-page .client-row{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.agency-design-page .client-track img[aria-hidden=true]{display:none}.agency-design-preview img{transform:none!important}}