/*
 * WE DO hierarchical landing pages.
 * Vendor: BITMACO Inc.
 */
.wedo-landing{position:relative; overflow:hidden}
.wedo-showcase{--wd-text-hi:#f6f3f1; --wd-text-mid:#b9bec8; --wd-text-dim:#7f8794;
  position:relative; min-height:clamp(540px,74svh,760px); overflow:hidden;
  isolation:isolate; background:
    radial-gradient(ellipse at 66% 32%,rgba(206,121,103,.11),transparent 42%),
    linear-gradient(145deg,#060b13,#0a1019 56%,#080c13);
  border-bottom:1px solid rgba(206,121,103,.22)}
.wedo-showcase::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--wd-tex-grid); background-size:30px 30px; opacity:.42;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);
  mask-image:linear-gradient(180deg,#000,transparent 88%)}
.wedo-showcase__fallback{display:none; position:absolute; inset:0; z-index:0; overflow:hidden; opacity:0}
.wedo-showcase__fallback img{width:100%; height:100%; object-fit:cover; opacity:.3;
  filter:saturate(.72) contrast(1.08)}
.wedo-showcase__canvas{position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%;
  touch-action:pan-y}
.wedo-showcase__canvas.is-rotatable{cursor:grab}
.wedo-showcase__canvas.is-rotatable:active{cursor:grabbing}
.wedo-showcase__scrim{position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    radial-gradient(80% 76% at 70% 43%,rgba(206,121,103,.07),transparent 62%),
    linear-gradient(90deg,rgba(3,7,12,.94) 0%,rgba(3,7,12,.72) 35%,rgba(3,7,12,.16) 64%,rgba(3,7,12,.06) 100%)}
.wedo-showcase--platform .wedo-showcase__scrim{background:
  radial-gradient(80% 76% at 27% 43%,rgba(230,155,139,.08),transparent 62%),
  linear-gradient(270deg,rgba(3,7,12,.94) 0%,rgba(3,7,12,.72) 35%,rgba(3,7,12,.16) 64%,rgba(3,7,12,.06) 100%)}
.wedo-showcase__inner{position:relative; z-index:3; display:grid;
  grid-template-rows:auto minmax(0,1fr); min-height:clamp(540px,74svh,760px);
  padding-top:calc(var(--nav-h) + clamp(18px,3vw,34px)); padding-bottom:clamp(30px,4vw,48px);
  pointer-events:none}
.wedo-showcase__breadcrumbs{margin-bottom:0; pointer-events:auto}
.wedo-showcase__copy{align-self:center; width:min(47%,590px); padding:clamp(30px,4vw,56px) 0;
  pointer-events:auto}
.wedo-showcase--platform .wedo-showcase__copy{justify-self:end; text-align:right}
.wedo-showcase--platform .wedo-showcase__copy .wd-eyebrow{justify-content:flex-end}
.wedo-showcase__intro{max-width:54ch; margin:clamp(16px,2vw,24px) 0 clamp(22px,3vw,34px)}
.wedo-showcase--platform .wedo-showcase__intro{margin-left:auto}
.wedo-showcase__rotate-hint{position:absolute; right:0; bottom:clamp(24px,4vw,44px); margin:0;
  color:var(--wd-accent-soft); font-size:11px; font-weight:600; letter-spacing:.14em;
  text-transform:uppercase; opacity:0; transform:translateY(8px);
  transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.wedo-showcase--platform .wedo-showcase__rotate-hint{right:auto; left:0}
.wedo-showcase.is-built .wedo-showcase__rotate-hint{opacity:.9; transform:none}
.wedo-showcase.is-static .wedo-showcase__fallback,.wedo-showcase.is-failed .wedo-showcase__fallback{
  display:block; opacity:1}
.wedo-showcase.is-static .wedo-showcase__canvas,.wedo-showcase.is-failed .wedo-showcase__canvas,
.wedo-showcase.is-static .wedo-showcase__rotate-hint,.wedo-showcase.is-failed .wedo-showcase__rotate-hint{display:none}
.wedo-showcase.is-static .wedo-showcase__scrim,.wedo-showcase.is-failed .wedo-showcase__scrim{
  background:linear-gradient(90deg,rgba(3,7,12,.94),rgba(3,7,12,.56) 58%,rgba(3,7,12,.2))}
.wedo-showcase--platform.is-static .wedo-showcase__scrim,
.wedo-showcase--platform.is-failed .wedo-showcase__scrim{
  background:linear-gradient(270deg,rgba(3,7,12,.94),rgba(3,7,12,.56) 58%,rgba(3,7,12,.2))}
.wedo-landing__hero{position:relative; padding:calc(var(--nav-h) + clamp(58px,7vw,96px)) 0 clamp(52px,7vw,92px);
  border-bottom:1px solid var(--wd-hair);
  background:
    radial-gradient(ellipse at 74% 18%,rgba(206,121,103,.13),transparent 44%),
    linear-gradient(180deg,rgba(8,13,21,.2),rgba(8,13,21,.76))}
.wedo-landing__hero::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:var(--wd-tex-grid); background-size:30px 30px; opacity:.72;
  -webkit-mask-image:radial-gradient(110% 110% at 72% 0%,#000,transparent 76%);
  mask-image:radial-gradient(110% 110% at 72% 0%,#000,transparent 76%)}
.wedo-landing__hero > .wd-container{position:relative; z-index:1}
.wedo-landing__breadcrumbs{margin-bottom:clamp(34px,5vw,64px)}
.wedo-landing__breadcrumbs ol{display:flex; align-items:center; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0}
.wedo-landing__breadcrumbs li{display:flex; align-items:center; gap:8px; color:var(--wd-text-dim); font-size:12px; letter-spacing:.04em}
.wedo-landing__breadcrumbs li:not(:last-child)::after{content:"/"; color:rgba(206,121,103,.58)}
.wedo-landing__breadcrumbs a{color:var(--wd-text-mid); transition:color var(--dur-fast) var(--ease-out)}
.wedo-landing__breadcrumbs a:hover{color:var(--wd-accent)}
.wedo-landing__hero-copy{max-width:980px}
.wedo-landing__title{max-width:18ch; text-wrap:balance}

.wedo-landing__content-section{padding-bottom:clamp(38px,5vw,68px)}
.wedo-landing__content-grid{display:grid; grid-template-columns:minmax(0,820px); justify-content:center}
.wedo-landing__content-grid.has-specifications{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  align-items:start; gap:clamp(36px,6vw,88px)}
.wedo-landing__body{color:var(--wd-text-mid); font-size:clamp(16px,1.45vw,18px); line-height:1.82}
.wedo-landing__body > :first-child{margin-top:0}
.wedo-landing__body > :last-child{margin-bottom:0}
.wedo-landing__body h2,.wedo-landing__body h3{color:var(--wd-text-hi); margin:36px 0 14px}
.wedo-landing__body a{color:var(--wd-accent)}
.wedo-landing__specifications{border-top:1px solid var(--wd-accent); padding-top:18px}
.wedo-landing__specifications h2{font-size:16px; color:var(--wd-text-hi); margin-bottom:16px}
.wedo-landing__specifications ul{list-style:none; margin:0; padding:0}
.wedo-landing__specifications li{position:relative; padding:11px 0 11px 20px; border-bottom:1px solid var(--wd-hair);
  color:var(--wd-text-mid); font-size:14px; line-height:1.5}
.wedo-landing__specifications li::before{content:""; position:absolute; left:0; top:18px; width:6px; height:6px;
  border-radius:50%; background:var(--wd-accent); box-shadow:0 0 14px rgba(206,121,103,.38)}

.wedo-landing__gallery{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:clamp(42px,6vw,80px)}
.wedo-landing__gallery figure{overflow:hidden; aspect-ratio:16/10; margin:0; border:1px solid var(--wd-hair); border-radius:var(--r-lg)}
.wedo-landing__gallery img{width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out)}
.wedo-landing__gallery figure:hover img{transform:scale(1.025)}

.wedo-landing__children,.wedo-landing__related{position:relative; padding-top:clamp(54px,7vw,92px);
  border-top:1px solid var(--wd-hair)}
.wedo-landing__related{background:rgba(255,255,255,.012)}
.wedo-landing__section-head{display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:clamp(28px,4vw,48px)}
.wedo-landing__section-head h2{font-size:clamp(25px,3.2vw,44px); line-height:1.08; color:var(--wd-text-hi); text-wrap:balance}
.wedo-landing-card{display:block; color:inherit; text-decoration:none}
.wedo-landing-card .wedo-invcard__text{display:block}
.wedo-landing-card .wedo-invcard__title,.wedo-landing-card .wedo-invcard__desc{display:block}
.wedo-landing__quote{padding-top:clamp(58px,8vw,108px)}
.wedo-landing__quote .wedo-page-cta{margin-top:0}
.wedo-landing__quote h2{color:var(--wd-text-hi); font-size:clamp(22px,2.4vw,34px); margin-bottom:7px}

[data-theme="light"] .wedo-landing__hero{background:
  radial-gradient(ellipse at 74% 18%,rgba(206,121,103,.18),transparent 45%),
  linear-gradient(180deg,rgba(255,251,248,.68),rgba(247,242,239,.88))}
[data-theme="light"] .wedo-landing__related{background:rgba(206,121,103,.025)}

@media (max-width:840px){
  .wedo-showcase__copy{width:min(58%,520px)}
  .wedo-landing__content-grid.has-specifications{grid-template-columns:1fr; gap:42px}
  .wedo-landing__section-head{display:block}
  .wedo-landing__section-head .wd-eyebrow{margin-bottom:14px}
}
@media (max-width:620px){
  .wedo-showcase,.wedo-showcase__inner{min-height:clamp(600px,88svh,760px)}
  .wedo-showcase__inner{padding-top:calc(var(--nav-h) + 22px); padding-bottom:28px}
  .wedo-showcase__copy,.wedo-showcase--platform .wedo-showcase__copy{align-self:end; justify-self:start;
    width:100%; padding:44px 0 74px; text-align:left}
  .wedo-showcase--platform .wedo-showcase__copy .wd-eyebrow{justify-content:flex-start}
  .wedo-showcase__intro,.wedo-showcase--platform .wedo-showcase__intro{max-width:46ch; margin-left:0}
  .wedo-showcase__scrim,.wedo-showcase--platform .wedo-showcase__scrim{
    background:linear-gradient(180deg,rgba(3,7,12,.15),rgba(3,7,12,.5) 40%,rgba(3,7,12,.96) 76%)}
  .wedo-showcase__rotate-hint,.wedo-showcase--platform .wedo-showcase__rotate-hint{
    right:auto; left:0; bottom:24px}
  .wedo-landing__hero{padding-top:calc(var(--nav-h) + 42px)}
  .wedo-landing__breadcrumbs{margin-bottom:36px}
  .wedo-landing__gallery{grid-template-columns:1fr}
  .wedo-landing__quote .wedo-page-cta{padding:24px}
}
@media (prefers-reduced-motion:reduce){
  .wedo-showcase__rotate-hint{transition:none}
  .wedo-landing__gallery img{transition:none}
}
