/* Branding: original Louz artwork with clear explanations and shared interactions. */
.lb-page .lh-desktop-nav a[aria-current]::after{transform:scaleX(1)}
.lb-page .lh-mobile-nav a[aria-current]{color:#cbd6ff}
.lb-section{display:flex;flex-direction:column;justify-content:center;padding-block:130px 65px;gap:40px}
.lb-page .lb-hero{isolation:isolate;overflow:hidden}
.lb-hero-bg{position:absolute;inset:-72px 0;z-index:-2;display:block;pointer-events:none}
.lb-page .lb-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.lb-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#05040a08 35%,#09080fc9)}
.lb-hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:start;padding-block:150px 60px;gap:38px}
.lb-breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;font-size:12px;color:#d0c9dc}
.lb-breadcrumb li+li::before{content:'/';color:#9f95ad;margin-right:10px}
.lb-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.lb-page .lb-hero h1{display:flex;flex-direction:column-reverse;align-items:start;gap:16px;line-height:.85;letter-spacing:-.04em;max-width:100%}
.lb-hero-word{font-size:clamp(125px,19.5vw,290px)}
.lb-hero-support{font-size:clamp(23px,2.6vw,40px);line-height:1.05;letter-spacing:-.02em}
.lb-hero-bottom{width:100%}
.lb-hero-bottom>p{max-width:430px;font-size:15px;line-height:1.8;color:#ede7f4}

.lb-text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:600;text-decoration:underline!important;text-underline-offset:5px}
.lb-page .lb-text-link svg{width:17px;height:17px}
.lb-page [data-parallax].is-parallax-active>[data-parallax-layer],.lb-page [data-parallax].is-parallax-active>picture[data-parallax-layer]{will-change:transform}
.lb-manifesto{gap:45px}
.lb-page .lb-manifesto h2{align-self:end;max-width:1050px;text-align:right;font-size:clamp(54px,6.8vw,96px);line-height:1;letter-spacing:-.028em;font-weight:400;color:#aaa}
.lb-manifesto h2>span,.lb-manifesto h2>strong{display:block}
.lb-manifesto h2>strong{font-weight:780;color:var(--lh-ink)}
.lb-audience{align-self:start;display:grid;grid-template-columns:250px minmax(0,510px);gap:35px;padding-top:30px;border-top:1px solid var(--lh-border)}
.lb-page .lb-audience h3{font-size:27px;line-height:1.05}
.lb-audience p{font-size:14px;line-height:1.8;color:var(--lh-muted)}
.lb-intro{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}
.lb-intro-copy{position:relative;z-index:1;min-width:0}
.lb-page .lb-intro-copy h2{font-size:clamp(60px,6.3vw,90px);line-height:.94}
.lb-page .lb-intro-copy>h3{font-size:24px;line-height:1.15;margin-top:26px}
.lb-intro-copy>p{font-size:14px;line-height:1.85;color:#c1c1c1;max-width:540px;margin-top:14px}
.lb-definition{margin:24px 0 27px;display:flex;flex-direction:column;gap:17px;max-width:555px}
.lb-definition>div{border-top:1px solid #ffffff20;padding-top:14px;display:grid;grid-template-columns:116px 1fr;gap:18px}
.lb-definition dt{font-family:'Roboto Condensed',Arial,sans-serif;font-size:20px;font-weight:750;line-height:1.15}
.lb-definition dd{margin:0;font-size:12px;line-height:1.7;color:var(--lh-muted)}
.lb-intro-art{min-width:0;display:grid;place-items:center}
.lb-intro-art picture{display:block;width:min(100%,63svh,650px)}
.lb-page .lb-intro-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten;border-radius:50%}
.lb-page .lb-clients{gap:42px}
.lb-page .lb-clients .lh-small-heading h2{font-size:clamp(52px,6vw,85px);line-height:.97}
.lb-page .lb-projects{--lh-case-width:min(1080px,82vw,max(440px,calc((100svh - 450px) * 1.777778)))}
.lb-page .lb-projects .lh-projects-heading{align-items:end}
.lb-page .lb-projects .lh-projects-heading h2{font-size:clamp(54px,5.7vw,83px);line-height:.97}
.lb-projects-description{max-width:490px;font-size:14px;line-height:1.7;color:var(--lh-muted);margin-top:20px!important}
.lb-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px}
.lb-page .lb-section-heading h2{font-size:clamp(56px,6vw,86px);line-height:.96}
.lb-section-heading>p{max-width:370px;color:var(--lh-muted);font-size:14px;line-height:1.8}
.lb-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff20;border-radius:20px}
.lb-panel-bg{display:block;position:absolute;inset:-72px 0;z-index:-2;pointer-events:none}
.lb-page .lb-panel-bg img{width:100%;height:100%;object-fit:cover}
.lb-panel::after{content:'';position:absolute;inset:0;z-index:-1;background:#07051338;pointer-events:none}
.lb-panel-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:43px 36px}
.lb-panel-list>li{min-width:0}
.lb-page .lb-panel-icon{width:39px;height:39px;object-fit:contain;object-position:left center;margin-bottom:24px}
.lb-page .lb-panel-list h3{font-size:clamp(24px,2.2vw,32px);line-height:1.07;min-height:2.14em}
.lb-panel-list p{font-size:13px;line-height:1.8;color:#e0dae8;margin-top:18px}
.lb-process>.lh-button,.lb-deliverables>.lh-button{align-self:center}
.lb-page .lb-scope{font-size:13px;line-height:1.8;color:var(--lh-muted);max-width:680px;text-align:center;align-self:center;margin-top:-15px}
.lb-faq{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(35px,7vw,110px)}
.lb-page .lb-faq h2{font-size:clamp(44px,5.2vw,75px);line-height:.96}
.lb-faq-heading>p{max-width:280px;font-size:14px;line-height:1.8;color:var(--lh-muted);margin-top:25px}
.lb-faq-heading>.lb-text-link{margin-top:28px}
.lb-faq-list{min-width:0;border-top:1px solid #ffffff2b}
.lb-faq-list details{border-bottom:1px solid #ffffff2b}
.lb-faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;padding:23px 0}
.lb-faq-list summary::-webkit-details-marker{display:none}
.lb-page .lb-faq-list h3{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;font-size:23px;line-height:1.15;text-transform:none;letter-spacing:-.015em;font-weight:650}
.lb-faq-list summary h3>span{flex:none;font-size:25px;line-height:1;transition:transform .2s}
.lb-faq-list details[open] summary h3>span{transform:rotate(45deg)}
.lb-faq-list details>p{font-size:14px;line-height:1.85;color:#c3c3c3;padding-bottom:26px}
.lb-page .lh-contact h2{font-size:clamp(72px,6.95vw,100px);font-weight:600;line-height:.9;letter-spacing:0}
@media(max-width:1100px){
  .lb-hero-bottom>p{max-width:340px;font-size:14px}

  .lb-intro{gap:32px}.lb-definition>div{grid-template-columns:100px 1fr;gap:13px}
  .lb-definition dt{font-size:18px}
  .lb-panel-list{gap:24px;padding:35px 27px}.lb-panel-list p{font-size:12px}
  .lb-page .lb-panel-list h3{font-size:25px}
  .lb-section-heading>p{max-width:310px;font-size:13px}
}
@media(min-width:701px) and (max-width:980px){
  .lb-hero-bottom{display:block}.lb-hero-bottom>p{max-width:500px}

  .lb-intro{grid-template-columns:1.2fr .8fr;gap:24px}
  .lb-page .lb-intro-copy h2{font-size:57px}.lb-intro-copy>p{font-size:13px}
  .lb-definition>div{grid-template-columns:1fr;gap:7px}
  .lb-panel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px}
  .lb-page .lb-panel-icon{margin-bottom:18px}
  .lb-section-heading{display:block}.lb-section-heading>p{margin-top:24px;max-width:500px}
  .lb-faq{grid-template-columns:1fr 1.2fr;gap:30px}
}
@media(min-width:701px) and (max-height:800px){
  .lb-section{padding-block:120px 45px;gap:32px}
  .lb-hero-inner{padding-block:137px 48px;gap:28px}
  .lb-hero-word{font-size:clamp(130px,17vw,240px)}
  .lb-page .lb-manifesto h2{font-size:clamp(53px,6vw,81px)}
  .lb-page .lb-intro-copy h2{font-size:60px}
  .lb-definition{gap:13px;margin-block:18px 23px}.lb-definition>div{padding-top:12px}
  .lb-panel-list{padding-block:32px}.lb-page .lb-panel-icon{margin-bottom:19px}
}
@media(max-width:700px){
  .lb-section{padding-block:115px 45px;gap:30px}
  .lb-hero-bg,.lb-panel-bg{inset:-38px 0}
  .lb-hero-inner{padding-block:137px 50px;gap:30px}
  .lb-breadcrumb ol{font-size:11px;gap:8px}.lb-breadcrumb li+li::before{margin-right:8px}
  .lb-page .lb-hero h1{gap:13px}
  .lb-hero-word{font-size:clamp(62px,20.4vw,138px)}
  .lb-hero-support{font-size:clamp(17px,4.6vw,30px);letter-spacing:-.01em}
  .lb-hero-bottom{display:block}.lb-hero-bottom>p{font-size:13px;line-height:1.8;max-width:350px}

  .lb-page .lb-manifesto h2{font-size:clamp(32px,8.9vw,59px);line-height:1.015;max-width:100%}
  .lb-audience{display:block;padding-top:25px}.lb-page .lb-audience h3{font-size:24px}
  .lb-audience p{font-size:12px;margin-top:15px;max-width:400px}
  .lb-intro{display:flex;flex-direction:column;gap:28px}
  .lb-intro-copy{width:100%;max-width:520px}
  .lb-page .lb-intro-copy h2{font-size:clamp(51px,13vw,75px)}
  .lb-page .lb-intro-copy>h3{font-size:23px;margin-top:22px}
  .lb-intro-copy>p{font-size:12px;line-height:1.8;margin-top:13px}
  .lb-definition{margin-block:22px 25px;gap:17px}
  .lb-definition>div{grid-template-columns:93px 1fr;gap:14px;padding-top:15px}
  .lb-definition dt{font-size:18px}.lb-definition dd{font-size:11.5px;line-height:1.75}
  .lb-intro-art{width:100%;order:-1}.lb-intro-art picture{width:min(260px,28svh)}
  .lb-page .lb-clients{gap:32px}.lb-page .lb-clients .lh-small-heading h2{font-size:clamp(40px,10.8vw,64px)}
  .lb-page .lb-projects{--lh-case-width:calc(100vw - 56px)}
  .lb-page .lb-projects .lh-projects-heading h2{font-size:clamp(42px,11vw,65px)}
  .lb-projects-description{font-size:11.5px;line-height:1.65;margin-top:17px!important;max-width:300px}
  .lb-section-heading{display:block}.lb-page .lb-section-heading h2{font-size:clamp(47px,12.6vw,71px)}
  .lb-page .lb-process .lb-section-heading h2{font-size:clamp(40px,12vw,71px)}
  .lb-section-heading>p{font-size:12px;line-height:1.75;max-width:420px;margin-top:23px}
  .lb-panel{border-radius:16px}
  .lb-panel-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 20px;padding:29px 23px}
  .lb-page .lb-panel-icon{width:32px;height:32px;margin-bottom:18px}
  .lb-page .lb-panel-list h3{font-size:23px;line-height:1.05}
  .lb-panel-list p{font-size:11.5px;line-height:1.75;margin-top:14px}
  .lb-page .lb-scope{font-size:11px;margin-top:-8px;text-align:left}
  .lb-faq{display:flex;align-items:stretch;gap:35px}
  .lb-page .lb-faq h2{font-size:clamp(51px,13vw,75px)}
  .lb-faq-heading>p{font-size:12px;margin-top:20px;max-width:340px}
  .lb-faq-heading>.lb-text-link{margin-top:22px}
  .lb-faq-list summary{padding-block:21px;gap:18px}.lb-page .lb-faq-list h3{font-size:21px}
  .lb-faq-list details>p{font-size:12px;line-height:1.8;padding-bottom:23px}
}
@media(max-width:360px){
  .lb-page .lb-intro-copy h2{font-size:46px}
  .lb-page .lb-faq h2{font-size:44px}

  .lb-panel-list{padding-inline:18px;gap:26px 17px}.lb-page .lb-panel-list h3{font-size:21px}
  .lb-definition>div{grid-template-columns:85px 1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .lb-page [data-parallax-layer]{transform:none!important;will-change:auto!important}
}

/* Match the lighter, smaller closing title on the current Branding page. */
@media(max-width:1024px){.lb-page .lh-contact h2{font-size:56px}}
@media(max-width:767px){.lb-page .lh-contact h2{font-size:50px}}
@media(max-width:360px){.lb-page .lh-contact h2{font-size:44px}}
