/* Yeti Compare case study; all page furniture uses the approved Engines palette. */
.compare-showcase-page .yc-hero{position:relative;isolation:isolate;min-height:650px;background:var(--teal);color:white;overflow:hidden}.yc-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.yc-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,38,87,.94),rgba(4,38,87,.76) 38%,rgba(4,38,87,.12) 76%)}.yc-hero-inner{padding-block:65px 72px}.yc-hero .small-heading{color:var(--yellow);margin-bottom:26px}.yc-wordmark{width:270px;max-width:72%;height:auto;display:block;margin-bottom:30px}.compare-showcase-page .yc-hero h1{font-size:clamp(42px,4.6vw,67px);font-weight:600;letter-spacing:-.045em;line-height:1.12;max-width:640px;margin:0 0 25px}.yc-hero-inner>p:not(.small-heading){max-width:520px;font-size:19px;line-height:1.75;color:white}.yc-hero .button{background:var(--yellow);color:var(--navy)}.yc-hero .quiet-link{color:white}.yc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-block:28px;border-bottom:1px solid var(--line)}.yc-facts span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.yc-facts strong{font-size:16px;font-weight:500}.yc-product,.yc-tools,.yc-next{padding-block:80px}.yc-heading{display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:8%;margin-bottom:38px}.compare-showcase-page .yc-heading h2,.compare-showcase-page .yc-close h2{font-size:clamp(31px,3.25vw,47px);font-weight:600;line-height:1.2;letter-spacing:-.04em;margin:0}.yc-heading p:not(.small-heading){font-size:19px;line-height:1.8;margin:0}.yc-heading .quiet-link{display:inline-block;margin-top:18px}.yc-screen{margin:0;min-width:0}.yc-screen>a{display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 42px #0426570b;transition:box-shadow .2s}.yc-screen>a:hover{box-shadow:0 18px 45px #04265720}.yc-screen img{display:block;width:100%;height:auto}.yc-screen figcaption{font-size:14px;line-height:1.7;color:var(--muted);padding-top:17px;display:flex;justify-content:space-between;gap:20px}.yc-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:55px}.yc-moments figure{margin:0}.yc-moments img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:5px}.yc-moments figcaption{font-family:var(--display);font-size:18px;font-weight:500;padding-top:16px}.yc-understand{background:#edf4f1;padding-block:78px}.yc-detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center;margin-top:45px}.yc-owner{margin:0}.yc-owner img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:5px 5px 100px 5px}.yc-cover-details article{display:grid;grid-template-columns:34px 1fr;gap:20px;padding-block:22px;border-top:1px solid #b8cdc5}.yc-cover-details article>span{color:var(--teal);font-size:16px;padding-top:3px}.compare-showcase-page .yc-cover-details h3{font-size:22px;font-weight:500;line-height:1.35;margin:0 0 9px}.yc-cover-details p{font-size:17px;line-height:1.75;margin:0}.yc-screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:60px;align-items:start}.yc-screen-pair figure:nth-child(2){padding-top:60px}.yc-engine{padding-block:78px;background:var(--navy);color:white}.yc-engine .small-heading{color:var(--yellow)}.yc-engine .yc-heading>p{color:#dce5ee}.yc-engine-route{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:center;padding-block:43px;border-block:1px solid #ffffff40;text-align:center}.yc-engine-route span{display:block;font-size:14px;color:#c9d7e5;margin-bottom:13px}.yc-engine-route strong{font-family:var(--display);font-size:22px;font-weight:500}.yc-engine-route p{font-size:15px;line-height:1.7;color:#dce5ee;margin:10px 0 0}.yc-engine-mark{position:relative;padding-inline:28px;border-inline:1px solid #ffffff40}.yc-engine-mark img{width:250px;max-width:100%;height:auto}.yc-engine-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-block:37px}.compare-showcase-page .yc-engine-capabilities h3{font-size:20px;font-weight:500;margin:0 0 12px}.yc-engine-capabilities p{font-size:17px;line-height:1.8;color:#dce5ee;margin:0}.yc-engine .quiet-link{color:var(--yellow)}.yc-partner-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:45px}.yc-partner-pair article{border-top:3px solid var(--teal);padding-top:25px}.yc-partner-pair article>span{color:var(--teal);font-size:15px}.compare-showcase-page .yc-partner-pair h3{font-size:28px;line-height:1.35;font-weight:500;margin:16px 0}.yc-partner-pair p{font-size:18px;line-height:1.8;margin-bottom:22px;max-width:480px}.yc-close{background:var(--yellow);padding-block:62px}.yc-close>.wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px 50px}.yc-close p:not(.small-heading):not(.yc-status){font-size:19px;line-height:1.8;margin-top:22px}.yc-close-actions{display:flex;flex-direction:column;align-items:center;gap:24px}.yc-status{grid-column:1/-1;border-top:1px solid #04265730;padding-top:24px;font-size:14px;line-height:1.8;margin:0}.compare-showcase-page a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}.yc-engine a:focus-visible,.yc-hero a:focus-visible{outline-color:var(--yellow)}
@media(min-width:1700px){.yc-hero{min-height:750px}.yc-hero-inner{padding-block:90px}.yc-hero-photo{object-position:center 45%}}
@media(max-width:900px){.yc-hero::after{background:linear-gradient(90deg,rgba(4,38,87,.93),rgba(4,38,87,.65) 55%,rgba(4,38,87,.15))}.yc-heading{gap:5%}.yc-detail-layout{gap:5%}.yc-cover-details article{padding-block:17px}.yc-engine-route{gap:18px}.yc-engine-route strong{font-size:19px}.yc-engine-capabilities{gap:25px}.yc-close>.wrap{grid-template-columns:1fr}.yc-close-actions{flex-direction:row;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.compare-showcase-page .yc-hero{min-height:0}.yc-hero-photo{object-position:70% top;height:310px}.yc-hero::after{background:linear-gradient(0deg,var(--navy) 52%,rgba(4,38,87,.87) 65%,rgba(4,38,87,.03))}.yc-hero-inner{padding-block:195px 38px}.yc-hero .small-heading{margin-bottom:18px}.yc-wordmark{width:220px;margin-bottom:24px}.compare-showcase-page .yc-hero h1{font-size:42px;max-width:440px}.yc-hero-inner>p:not(.small-heading){font-size:17px}.yc-hero .page-actions{gap:22px}.yc-facts{grid-template-columns:1fr 1fr;gap:23px 17px;padding-block:25px}.yc-facts strong{font-size:14px}.yc-facts span{font-size:12px}.yc-product,.yc-tools,.yc-next,.yc-understand,.yc-engine{padding-block:45px}.yc-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.yc-heading p:not(.small-heading){font-size:17px}.yc-heading h2 br{display:none}.yc-screen figcaption{font-size:12px;flex-direction:column;gap:6px;padding-top:12px}.yc-screen>a{border-radius:6px}.yc-moments{grid-template-columns:1fr 1fr;gap:22px 15px;margin-top:32px}.yc-moments figure:first-child{grid-column:1/-1}.yc-moments figure:first-child img{aspect-ratio:16/9}.yc-moments img{aspect-ratio:1;object-position:center}.yc-moments figcaption{font-size:15px;padding-top:11px}.yc-detail-layout{grid-template-columns:1fr;gap:26px;margin-top:28px}.yc-owner img{max-height:350px;object-position:center 36%;border-bottom-right-radius:60px}.yc-cover-details article{grid-template-columns:26px 1fr;gap:12px;padding-block:20px}.compare-showcase-page .yc-cover-details h3{font-size:21px}.yc-cover-details p{font-size:16px}.yc-screen-pair{grid-template-columns:1fr;gap:26px;margin-top:30px}.yc-screen-pair figure:nth-child(2){padding-top:0}.yc-engine-route{grid-template-columns:1fr;gap:26px;padding-block:28px}.yc-engine-mark{border-inline:0;border-block:1px solid #ffffff40;padding:25px 0;width:100%}.yc-engine-mark img{max-width:220px}.yc-engine-route strong{font-size:23px}.yc-engine-capabilities{grid-template-columns:1fr;gap:25px;margin-block:30px}.yc-engine-capabilities p{font-size:16px}.yc-partner-pair{grid-template-columns:1fr;gap:36px;margin-top:30px}.yc-partner-pair p{font-size:17px}.yc-close{padding-block:40px}.yc-close>.wrap{gap:26px}.yc-close-actions{align-items:flex-start;gap:24px}.yc-close .yc-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){.yc-screen>a{transition:none}}