/* Model Web: integrated brand image, visible outputs and an open four-step workflow. */
.page-model-web .model-hero{position:relative;isolation:isolate;overflow:hidden;background:#fff;}
.page-model-web .model-hero>.wrap{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;min-height:clamp(560px,43vw,700px);padding-top:70px;padding-bottom:105px;padding-right:48px;}
.page-model-web .model-hero-copy{width:48%;max-width:550px;min-width:0;}
.page-model-web .model-hero h1{font-size:clamp(64px,6.2vw,88px);font-weight:550;line-height:1.04;letter-spacing:-.045em;margin:0 0 26px;}
.page-model-web .model-hero .product-promise{font-size:clamp(27px,2.4vw,34px);line-height:1.25;max-width:480px;margin:0;text-wrap:balance;}
.page-model-web .model-hero .btns{gap:12px;margin-top:34px;}
.page-model-web .model-hero .pill{border-radius:4px;}
.page-model-web .model-hero-art{position:absolute;z-index:0;inset:0;margin:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);}
.page-model-web .model-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.page-model-web .hero-summary{padding-top:20px;padding-bottom:30px;}
.page-model-web .hero-summary .lead{max-width:860px;}
.page-model-web .model-tour-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;}
.page-model-web .model-tour-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;margin:0 0 24px;max-width:430px;}
.page-model-web .model-tour-copy p{font-size:18px;line-height:1.6;color:var(--sub);max-width:440px;margin:0;}
.page-model-web .model-tour-media{margin:0;min-width:0;}
.page-model-web .model-tour-media video{display:block;width:100%;height:auto;aspect-ratio:3326/2160;object-fit:contain;background:#19191c;}
.page-model-web .model-outputs{background:var(--tint);}
.page-model-web .model-outputs h2{margin:0 0 44px;}
.page-model-web .model-outputs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;}
.page-model-web .model-outputs-grid article{min-width:0;}
.page-model-web .model-outputs-grid figure{margin:0 0 26px;}
.page-model-web .model-outputs-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;}
.page-model-web .model-outputs-grid h3{font-size:29px;line-height:1.2;font-weight:550;margin:0 0 14px;}
.page-model-web .model-outputs-grid p{font-size:17px;line-height:1.6;color:var(--sub);max-width:550px;margin:0;}
.page-model-web .model-workflow h2{margin:0;max-width:740px;}
.page-model-web .model-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;margin:44px 0 26px;padding:0;}
.page-model-web .model-workflow-steps li{min-width:0;border-top:1px solid var(--line-strong);padding:22px 0 0;margin:0;}
.page-model-web .model-workflow-steps .number{display:block;margin-bottom:22px;font-size:14px;font-weight:500;}
.page-model-web .model-workflow-steps h3{font-size:28px;line-height:1.2;margin:0 0 14px;}
.page-model-web .model-workflow-steps p{font-size:16px;line-height:1.6;color:var(--sub);margin:0;}
.page-model-web .model-workflow>.wrap>.small-link{font-size:15px;font-weight:500;}
@media(min-width:1800px){
  .page-model-web .model-hero-art img{object-position:center 56%;}
}
@media(max-width:1100px){
  .page-model-web .model-hero>.wrap{min-height:530px;padding-bottom:80px;padding-right:32px;}
  .page-model-web .model-hero-copy{width:50%;}
  .page-model-web .model-hero h1{font-size:68px;}
  .page-model-web .model-hero .product-promise{font-size:28px;}
  .page-model-web .model-hero-art img{object-position:58% center;}
  .page-model-web .model-tour-layout{gap:40px;}
  .page-model-web .model-tour-copy p{font-size:17px;}
  .page-model-web .model-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
}
@media(max-width:800px){
  .page-model-web .model-hero>.wrap{min-height:490px;padding-top:50px;padding-bottom:75px;}
  .page-model-web .model-hero-copy{width:52%;}
  .page-model-web .model-hero h1{font-size:58px;}
  .page-model-web .model-hero .product-promise{font-size:26px;}
  .page-model-web .model-hero .btns{gap:10px;margin-top:26px;}
  .page-model-web .model-hero .pill{font-size:13px;padding:12px 16px;}
  .page-model-web .model-hero-art img{object-position:65% center;}
  .page-model-web .model-tour-layout{grid-template-columns:1fr;gap:30px;}
  .page-model-web .model-tour-copy h2{max-width:600px;}
  .page-model-web .model-tour-copy p{max-width:620px;}
  .page-model-web .model-outputs-grid{gap:32px;}
  .page-model-web .model-outputs-grid h3{font-size:26px;}
}
@media(max-width:600px){
  .page-model-web .model-hero{display:flex;flex-direction:column;}
  .page-model-web .model-hero>.wrap{display:block;min-height:0;order:1;padding:44px 22px 18px;}
  .page-model-web .model-hero-copy{width:100%;max-width:none;}
  .page-model-web .model-hero h1{font-size:56px;margin-bottom:20px;}
  .page-model-web .model-hero .product-promise{font-size:27px;max-width:380px;text-wrap:initial;}
  .page-model-web .model-hero .btns{margin-top:26px;}
  .page-model-web .model-hero-art{position:relative;inset:auto;order:2;height:285px;flex-shrink:0;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 72%,transparent);}
  .page-model-web .model-hero-art img{object-position:87% center;}
  .page-model-web .hero-summary{padding-top:6px;padding-bottom:20px;}
  .page-model-web .model-tour-copy h2{font-size:34px;margin-bottom:20px;}
  .page-model-web .model-tour-copy p,.page-model-web .model-outputs-grid p{font-size:16px;}
  .page-model-web .model-outputs h2{margin-bottom:32px;}
  .page-model-web .model-outputs-grid{grid-template-columns:1fr;gap:40px;}
  .page-model-web .model-outputs-grid figure{margin-bottom:22px;}
  .page-model-web .model-outputs-grid h3{font-size:27px;}
  .page-model-web .model-workflow-steps{grid-template-columns:1fr;gap:0;margin:32px 0 16px;}
  .page-model-web .model-workflow-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:22px 0;}
  .page-model-web .model-workflow-steps .number{grid-column:1;grid-row:1 / span 2;margin:4px 0 0;}
  .page-model-web .model-workflow-steps h3,.page-model-web .model-workflow-steps p{grid-column:2;}
  .page-model-web .model-workflow-steps h3{font-size:25px;margin-bottom:10px;}
}
@media(max-width:360px){
  .page-model-web .model-hero>.wrap{padding-left:18px;padding-right:18px;}
  .page-model-web .model-hero h1{font-size:50px;}
  .page-model-web .model-hero .product-promise{font-size:25px;}
  .page-model-web .model-hero .btns{gap:8px;}
  .page-model-web .model-hero .pill{font-size:12px;padding-left:12px;padding-right:12px;}
  .page-model-web .model-hero-art{height:255px;}
}