/* About: original Louz artwork, readable type and the Home's shared navigation. */
.la-page .la-section{padding-block:125px 55px;display:flex;flex-direction:column;justify-content:center}
.la-page .lh-desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.la-page .lh-mobile-nav a[aria-current="page"]{color:#cbd6ff}
.la-page .la-hero{isolation:isolate;overflow:hidden}
.la-hero-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;padding-block:166px 60px}
.la-hero-copy{position:relative;z-index:1;min-width:0}
.la-page .la-hero h1{font-size:clamp(115px,13.5vw,212px);line-height:.88;letter-spacing:-.035em}
.la-hero-copy p{color:var(--lh-muted);font-size:16px;line-height:1.7;max-width:350px;margin-top:32px}
.la-hero-art{display:block;justify-self:end;width:calc(100% + 65px);min-width:0;max-width:none;pointer-events:none}
.la-page .la-hero-art img{width:100%;height:min(69svh,760px);object-fit:contain}
.la-page .la-hero .lh-scroll-cue{bottom:25px}
.la-parallax.is-parallax-active [data-parallax-layer]{will-change:transform}
.la-partnership-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(38px,6vw,100px)}
.la-partnership-art{min-width:0;display:grid;place-items:center}
.la-partnership-art picture{display:block;width:min(100%,60svh,560px)}
.la-partnership-art img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten}
.la-partnership-copy h2{font-size:clamp(62px,6.4vw,94px);line-height:.94}
.la-partnership-copy p{color:var(--lh-muted);font-size:14px;line-height:1.85;max-width:475px;margin-top:29px}
.la-partnership-copy .lh-button{margin-top:30px}
.la-details-inner{display:flex;flex-direction:column;gap:clamp(34px,5svh,55px)}
.la-details-heading{text-align:center}
.la-page .la-details-heading h2{font-size:clamp(56px,5.8vw,84px);line-height:.95}
.la-detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.la-detail-card{position:relative;isolation:isolate;min-width:0;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(160deg,#1d1d1d,#0c0c0c 68%);overflow:hidden;padding:20px 16px 27px;transition:border-color .35s,background .35s}
.la-detail-art{display:block;width:100%;height:clamp(210px,34svh,355px)}
.la-page .la-detail-art img{width:100%;height:100%;object-fit:contain;object-position:center;transition:translate .55s cubic-bezier(.22,1,.36,1)}
.la-detail-card h3{position:relative;z-index:1;text-align:center;line-height:1.04;margin-top:15px}
.la-detail-card h3 span{display:block;font-size:clamp(13px,1.15vw,17px);font-weight:550;letter-spacing:-.01em;color:#c1c1c1;margin-bottom:5px}
.la-detail-card h3 strong{display:block;font-size:clamp(23px,2.4vw,35px);font-weight:750;letter-spacing:-.025em}
.la-essence-inner,.la-process-inner{display:flex;flex-direction:column;gap:clamp(35px,5svh,55px)}
.la-section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px}
.la-section-heading h2{font-size:clamp(65px,6.3vw,92px);line-height:.94}
.la-section-heading p{max-width:340px;color:var(--lh-muted);font-size:15px;line-height:1.8;padding-bottom:5px}
.la-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid #ffffff1a}
.la-panel-bg{position:absolute;inset:-65px 0;z-index:-2;display:block;pointer-events:none}
.la-panel-bg img{width:100%;height:100%;object-fit:cover}
.la-panel::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#08091526}
.la-essence-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,85px);padding:clamp(35px,4vw,60px)}
.la-essence-item{display:flex;flex-direction:column;align-items:start}
.la-page .la-section-icon{width:42px;height:42px;object-fit:contain;object-position:left center;flex-shrink:0}
.la-essence-item>.la-section-icon{margin-bottom:25px}
.la-essence-item h3{font-size:clamp(26px,2.8vw,39px);line-height:1.03;letter-spacing:-.025em}
.la-essence-item p{max-width:27ch;font-size:14px;line-height:1.75;color:#e0e4f2;margin-top:19px}
.la-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:45px 40px}
.la-process-step{min-width:0;padding-top:20px;border-top:1px solid #ffffff60;position:relative}
.la-process-step::before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 14px #ffffff52}
.la-process-step>.la-section-icon{margin-bottom:20px}
.la-process-step h3{font-size:clamp(26px,2.5vw,36px);line-height:1.05}
.la-process-step p{font-size:14px;line-height:1.8;color:#e8e1f0;margin-top:22px;max-width:28ch}
.la-page .la-clients{gap:45px}
.la-page .la-clients .lh-small-heading h2{font-size:clamp(56px,6.1vw,86px);line-height:.95}
.la-clients>.lh-button{align-self:center;margin-top:7px}
.lh-motion-ready .la-page [data-reveal-delay="3"]{--lh-reveal-delay:.3s}
@media(hover:hover) and (pointer:fine){
  .la-detail-card:hover{border-color:#ffffff45}
  .la-detail-card:hover .la-detail-art img{translate:0 -7px}
  .la-process-step:hover{border-color:#fff}
}
@media(max-width:1150px){
  .la-hero-inner{gap:15px}
  .la-page .la-hero h1{font-size:clamp(110px,13.5vw,155px)}
  .la-hero-copy p{font-size:14px;max-width:300px}
  .la-partnership-inner{gap:35px}
  .la-partnership-copy h2{font-size:clamp(53px,6.6vw,75px)}
  .la-detail-list{gap:15px}
  .la-detail-card{padding-inline:12px}
  .la-detail-card h3 strong{font-size:26px}
  .la-detail-card h3 span{font-size:14px}
  .la-essence-list{gap:30px;padding:38px 30px}
  .la-essence-item h3{font-size:29px}
  .la-process-list{gap:23px;padding:38px 30px}
  .la-process-step h3{font-size:28px}
  .la-process-step p{font-size:13px}
}
@media(min-width:701px) and (max-height:800px){
  .la-page .la-section{padding-block:120px 40px}
  .la-hero-inner{padding-block:142px 48px}
  .la-page .la-hero h1{font-size:clamp(105px,11vw,155px)}
  .la-hero-copy p{margin-top:24px;font-size:14px}
  .la-page .la-hero-art img{height:65svh}
  .la-partnership-copy h2{font-size:clamp(52px,5.7vw,78px)}
  .la-partnership-copy p{font-size:13px;line-height:1.8;margin-top:22px}
  .la-partnership-copy .lh-button{margin-top:24px}
  .la-detail-art{height:28svh;min-height:175px}
  .la-page .la-details-heading h2,.la-section-heading h2{font-size:clamp(54px,5.5vw,73px)}
  .la-essence-inner,.la-process-inner,.la-details-inner{gap:32px}
  .la-essence-list{padding-block:34px}
  .la-essence-item>.la-section-icon{margin-bottom:18px}
  .la-process-list{padding-block:35px}
}
@media(min-width:701px) and (max-width:980px){
  .la-hero-inner{grid-template-columns:.8fr 1.2fr}
  .la-page .la-hero h1{font-size:clamp(90px,13vw,105px)}
  .la-partnership-copy h2{font-size:54px}
  .la-partnership-copy p{font-size:13px}
  .la-detail-list{gap:12px}
  .la-detail-card{padding:15px 10px 22px}
  .la-detail-card h3 strong{font-size:23px}
  .la-detail-card h3 span{font-size:12px}
  .la-essence-item h3{font-size:26px}
  .la-essence-item p{font-size:13px}
  .la-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 35px}
  .la-process-step p{margin-top:13px;max-width:none}
}
@media(max-width:700px){
  .la-page .la-section{padding-block:116px 42px}
  .la-hero-inner{grid-template-columns:1fr;gap:10px;padding-block:140px 44px}
  .la-hero-copy{max-width:420px}
  .la-page .la-hero h1{font-size:clamp(96px,26vw,145px);line-height:.88}
  .la-hero-copy p{font-size:12px;line-height:1.65;max-width:270px;margin-top:22px}
  .la-hero-art{width:100%;justify-self:end;margin-top:-8px}
  .la-page .la-hero-art img{height:35svh;max-height:350px;object-position:right center}
  .la-page .la-hero .lh-scroll-cue{right:22px;bottom:24px}
  .la-partnership-inner{grid-template-columns:1fr;gap:24px}
  .la-partnership-art{order:1}
  .la-partnership-art picture{width:min(250px,27svh)}
  .la-partnership-copy{order:2;max-width:480px;margin-inline:auto;text-align:center}
  .la-partnership-copy h2{font-size:clamp(47px,12vw,67px);line-height:.96}
  .la-partnership-copy p{font-size:12px;line-height:1.8;margin-top:23px}
  .la-partnership-copy .lh-button{margin-top:24px}
  .la-details-inner{gap:30px}
  .la-page .la-details-heading h2{font-size:clamp(40px,11vw,63px)}
  .la-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .la-detail-card{border-radius:14px;padding:13px 10px 18px}
  .la-detail-art{height:clamp(120px,21svh,215px)}
  .la-detail-card h3{margin-top:13px}
  .la-detail-card h3 span{font-size:12px;line-height:1.1}
  .la-detail-card h3 strong{font-size:clamp(20px,5.5vw,30px)}
  .la-section-heading{display:block}
  .la-section-heading h2{font-size:clamp(50px,13.5vw,75px)}
  .la-section-heading p{font-size:12px;line-height:1.7;margin-top:20px;max-width:285px;padding:0}
  .la-essence-inner,.la-process-inner{gap:30px}
  .la-panel{border-radius:16px}
  .la-panel-bg{inset:-38px 0}
  .la-essence-list{grid-template-columns:1fr;padding:30px 25px;gap:26px}
  .la-essence-item{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:20px;row-gap:11px;align-items:start}
  .la-page .la-section-icon{width:30px;height:30px}
  .la-essence-item>.la-section-icon{grid-column:1;grid-row:1 / 3;margin:2px 0 0}
  .la-essence-item h3{grid-column:2;grid-row:1;font-size:26px;line-height:1.02}
  .la-essence-item p{grid-column:2;grid-row:2;font-size:12px;line-height:1.7;margin:0;max-width:30ch}
  .la-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 23px;padding:28px 24px}
  .la-process-step{padding-top:16px}
  .la-process-step>.la-section-icon{margin-bottom:16px}
  .la-process-step h3{font-size:25px}
  .la-process-step p{font-size:12px;line-height:1.65;margin-top:13px;max-width:none}
  .la-page .la-clients{gap:33px}
  .la-page .la-clients .lh-small-heading h2{font-size:clamp(43px,11.5vw,65px)}
  .la-clients>.lh-button{margin-top:5px}
}
@media(max-width:700px) and (max-height:740px){
  .la-page .la-section{padding-block:112px 30px}
  .la-hero-inner{padding-block:132px 36px;gap:5px}
  .la-page .la-hero h1{font-size:96px}
  .la-hero-copy p{margin-top:18px}
  .la-page .la-hero-art img{height:29svh}
  .la-partnership-inner{gap:22px}
  .la-partnership-art picture{width:19svh}
  .la-partnership-copy h2{font-size:45px}
  .la-partnership-copy p{margin-top:18px}
  .la-partnership-copy .lh-button{margin-top:20px}
  .la-details-inner{gap:25px}
  .la-detail-art{height:18svh;min-height:105px}
  .la-detail-card{padding-block:10px 14px}
  .la-detail-card h3{margin-top:10px}
  .la-detail-card h3 strong{font-size:21px}
  .la-page .la-details-heading h2{font-size:42px}
  .la-section-heading h2{font-size:50px}
  .la-essence-inner,.la-process-inner{gap:24px}
  .la-essence-list{padding:24px 22px;gap:23px}
  .la-essence-item{column-gap:17px;row-gap:9px}
  .la-essence-item h3{font-size:24px}
  .la-process-list{padding:24px 20px;gap:24px 22px}
  .la-process-step h3{font-size:24px}
  .la-process-step p{font-size:11.5px;line-height:1.65}
}
@media(max-width:420px){.la-process-step h3{font-size:22px}}
@media(max-width:360px){
  .la-detail-list{gap:10px}
  .la-detail-card{padding-inline:7px}
  .la-detail-card h3 span{font-size:11px}
  .la-detail-card h3 strong{font-size:19px}
  .la-essence-list{padding-inline:20px}
  .la-essence-item{column-gap:14px}
  .la-process-list{padding-inline:17px;column-gap:18px}
  .la-process-step h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  .la-parallax [data-parallax-layer]{transform:none!important;will-change:auto!important}
  .la-detail-art img{translate:none!important}
}
/* The desktop opening uses the original large-scale artwork from the live site. */
@media(min-width:981px){
  .la-page .la-hero-art{position:absolute;inset:90px 0 -90px;width:100%;height:auto;z-index:0;margin:0}
  .la-page .la-hero-art img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:right top}
}
