/* Corporate story and independently composed product evidence. */
.hero{display:grid;isolation:auto;min-height:540px;height:620px;background:#263735}
.hero>img{z-index:0;object-position:50% 45%}
.hero::before{z-index:1;background:rgba(12,23,20,.12)}
.hero-inner{position:relative;z-index:2;padding-block:80px 110px}
.hero .intro{font-size:26px;line-height:1.45;max-width:610px}
.hero-meta{z-index:2}
.company-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:100px;align-items:start;padding-block:86px}
.company-identity{margin:0;display:flex;flex-direction:column;align-items:flex-start}
.company-identity .section-label{margin:0 0 25px}
.company-portrait{width:min(100%,360px);aspect-ratio:1;object-fit:contain;height:auto;mix-blend-mode:multiply}
.company-story .copy{padding-top:4px}
.company-story h2{font-size:37px;line-height:1.3}
.company-story .belief{font-size:20px;color:var(--ink)}
.company-story h3{margin:30px 0 14px;font-size:23px;font-weight:550}
.company-story p:last-child{margin-bottom:0}
.product{background:#f4f6f4;padding-block:76px}
.product-introduction{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:100px;margin-bottom:45px}
.product-introduction p{color:var(--muted);margin:0 0 18px}
.product-introduction .product-subtitle{color:var(--ink);margin-top:14px}
.product-introduction .product-name{margin:0}
.product-introduction .text-link{margin-top:4px;color:var(--green)}
.product-demo{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:38px;align-items:start}
.source-media{margin:0;min-width:0}
.source-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101611;border-radius:4px}
.source-media figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.analysis-board{background:#151d22;color:#ecf2f1;padding:28px 24px 24px;min-width:0;border-radius:4px}
.analysis-board header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.analysis-board h3{font-size:21px;font-weight:500;margin:0}
.analysis-board header span{font-size:11px;color:#c2cdd1}
.metric-group+.metric-group{border-top:1px solid #3d484d;margin-top:20px;padding-top:22px}
.metric-group h4{margin:0 0 17px;font-size:15px;font-weight:500}
.phase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.phase-plot{margin:0;min-width:0}
.phase-plot figcaption{border-top:2px solid var(--phase);font-size:11px;line-height:1.5;padding-top:7px;text-align:center;color:#d5e0e6;min-height:38px}
.phase-plot img{width:100%;height:auto;aspect-ratio:150/152;object-fit:contain}
.phase-toe{--phase:#41cffe}.phase-transition-in{--phase:#df94ff}.phase-heel{--phase:#ffb276}.phase-transition-out{--phase:#dce33e}
.analysis-note{font-size:12px;line-height:1.6;color:#c2cdd1;border-top:1px solid #3d484d;padding-top:18px;margin:22px 0 0}
.product-context{font-size:13px;line-height:1.7;max-width:690px;color:var(--muted);margin:28px 0 0 auto}
.contact-band{padding-block:62px}
@media(min-width:1700px){.hero{height:660px}}
@media(max-width:1100px){.company-story,.product-introduction{gap:50px}.company-story h2{font-size:32px}.product-demo{gap:25px;grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}.analysis-board{padding:22px 16px}.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-plot figcaption{min-height:28px}}
@media(max-width:750px){.hero{height:530px;min-height:0}.hero h1{font-size:54px}.hero .intro{font-size:23px;max-width:420px}.hero-inner{padding-block:70px 100px}.company-story{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:32px;padding-block:62px}.company-story h2{font-size:28px}.company-story .belief{font-size:18px}.company-story .copy p{font-size:16px}.product-introduction{gap:32px}.product-demo{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:22px}.analysis-board header{display:block}.analysis-board header span{display:block;margin-top:7px}.analysis-board h3{font-size:19px}}
@media(max-width:600px){.hero{height:510px;max-height:none;min-height:0}.hero>img{object-position:66% 48%}.hero h1{font-size:42px}.hero .intro{font-size:22px;max-width:330px}.hero-inner{padding-block:60px 100px}.company-story{display:block;padding-block:46px}.company-identity{align-items:center;margin-bottom:28px}.company-identity .section-label{align-self:flex-start;margin-bottom:15px}.company-portrait{width:210px}.company-story h2{font-size:29px}.company-story .belief{font-size:19px}.company-story .copy p{font-size:17px}.company-story h3{font-size:22px;margin-top:26px}.product{padding-block:46px}.product-introduction{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.product-introduction .product-subtitle{font-size:20px}.product-introduction p{font-size:16px}.product-demo{grid-template-columns:1fr;gap:28px}.source-media{width:100%}.source-media video{max-height:580px;aspect-ratio:9/16;width:100%;object-fit:contain}.analysis-board{padding:24px 18px}.analysis-board header{display:flex;align-items:center}.analysis-board header span{max-width:110px;text-align:right;margin:0}.analysis-board h3{font-size:20px}.phase-grid{gap:16px 12px}.phase-plot figcaption{font-size:12px;min-height:30px}.product-context{margin-top:22px}.contact-band{padding-block:46px}}
@media(max-width:360px){.hero h1{font-size:34px}.hero{height:475px}.hero .intro{font-size:20px}.company-portrait{width:180px}.company-story h2{font-size:27px}.analysis-board{padding-inline:12px}.analysis-board h3{font-size:18px}}