.do-media{display:block;position:relative;min-width:0;overflow:hidden}
.do-media--asset{aspect-ratio:var(--do-media-ratio,16 / 10)}
.do-media-still,.do-media-still>picture{display:block;width:100%;height:100%}
.do-media-still>picture>img{display:block;width:100%;height:100%;object-fit:cover}
.do-media-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.do-media-motion[hidden]{display:none}.do-media.is-playing>.do-media-motion{opacity:1}
.do-media-toggle{position:absolute;bottom:1.6rem;right:1.6rem;z-index:4;border:1px solid #ffffff60;background:#06242bc9;color:#fff;font:inherit;font-size:1.1rem;padding:.8rem 1.2rem;cursor:pointer}
.do-media-toggle[hidden]{display:none}.do-media-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.do-media-empty{display:grid;place-items:center;min-height:28rem;background:#e7eae4;color:var(--do-navy);font-size:1.2rem}
.do-hero__media>.do-media,.do-mission-media>.do-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.do-product-portrait>.do-media,.do-story-photo>.do-media,.do-species-card__media>.do-media{width:100%;height:100%;aspect-ratio:auto}
.do-product-portrait .do-media-still,.do-species-card__media .do-media-still{height:100%}
.do-hero__media .do-media-toggle{bottom:8rem}.do-hero__media:has(.do-media-toggle:not([hidden])){pointer-events:auto}
.do-reference-visual{display:grid;place-items:center;align-content:center;gap:2.8rem;background:#eff0ea;min-height:100%;height:100%;padding:4rem;color:var(--do-navy)}
.do-reference-visual img{width:min(74%,36rem);height:auto;object-fit:contain;mix-blend-mode:multiply}
.do-reference-visual span{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
.do-how.do-how--visual .do-steps{gap:2.8rem;align-items:start}
.do-how.do-how--visual .do-step__visual{height:auto;display:block;position:relative;margin-bottom:2.2rem;background:#e8eeea;aspect-ratio:1.15;overflow:hidden}
.do-how.do-how--visual .do-step__visual>.do-media{height:100%;width:100%;aspect-ratio:auto}
.do-how.do-how--visual .do-step__number{position:static;display:block;font-size:1.1rem;margin-bottom:1.2rem;opacity:.55}
.do-how.do-how--visual .do-step__visual img{width:100%;height:100%;object-fit:cover}
.do-how.do-how--visual .do-reference-visual img{width:76%;height:auto;object-fit:contain}
.do-how.do-how--visual .do-step h3{font-size:clamp(1.8rem,1.65vw,2.3rem);margin:0 0 1rem}
.do-how.do-how--visual .do-step .do-prose{font-size:1.35rem;line-height:1.6;max-width:36rem}
.do-how.do-how--visual .do-step .do-button{background:transparent;color:inherit;border:0;border-bottom:1px solid #183a4340;min-height:0;padding:.7rem 0;font-size:1.15rem;gap:2rem}
.do-how--visual .do-section-title{font-size:clamp(3rem,3.3vw,4.8rem)}
.do-step-screen{height:100%;display:grid;place-items:center;padding:2.8rem;background:#d6e3df}
.do-step-phone{width:15.2rem;min-height:24rem;padding:2.4rem 1.5rem 1.5rem;border:.55rem solid #16343e;border-radius:2.5rem;background:#f7f6f0;position:relative;box-shadow:1.5rem 2rem 0 #16343e0c;text-align:center;color:var(--do-navy)}
.do-step-phone:before{content:'';position:absolute;top:.8rem;left:50%;transform:translateX(-50%);width:4rem;height:.4rem;border-radius:1rem;background:#16343e}
.do-step-phone strong{display:block;font-size:1.6rem;font-weight:500;margin-bottom:1.5rem;letter-spacing:-.05em}
.do-step-phone svg{display:block!important;width:8rem;height:8rem;margin:1rem auto;stroke-width:1.5}
.do-step-phone p{font-size:1rem;line-height:1.5}.do-step-phone>span{display:block;background:var(--do-navy);color:#fff;font-size:.9rem;padding:.7rem;margin-top:1.2rem}
.do-step-encounter{height:100%;position:relative;color:#fff;background:var(--do-navy)}
.do-step-encounter>img{width:100%;height:100%;object-fit:cover}
.do-step-encounter>div{position:absolute;bottom:0;left:0;right:0;padding:4rem 2rem 2rem;background:linear-gradient(transparent,#061b24d9)}
.do-step-encounter small{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em}.do-step-encounter strong{display:block;font-size:2.6rem;line-height:1.1;font-weight:500;margin-top:.7rem}
.do-tracking--visual-first .do-tracking-layout{display:flex;flex-direction:column;gap:3.5rem}
.do-tracking--visual-first .do-tracking-visual{width:100%;aspect-ratio:2.15;min-height:0;background:#0c303d;border:0;border-radius:0;color:#9ec1c8;position:relative;overflow:hidden}
.do-tracking--visual-first .do-tracking-visual>.do-media{height:100%;width:100%;aspect-ratio:auto}
.do-tracking--visual-first .do-tracking-visual svg{width:100%;height:100%;display:block}
.do-tracking--visual-first .do-tracking-visual .do-media-still{height:100%}
.do-tracking--visual-first .do-tracking-label{position:absolute;left:3rem;top:2.7rem;color:#d5e3e5;pointer-events:none;font-size:1rem;letter-spacing:.13em}
.do-tracking--visual-first .do-tracking-layout>div:last-child{display:grid;grid-template-columns:1.3fr 1fr;gap:6rem;width:100%;align-items:start}
.do-tracking--visual-first .do-section-intro{margin:0}.do-tracking--visual-first .do-section-title{font-size:clamp(3rem,3.2vw,4.6rem);max-width:63rem}
.do-tracking--visual-first .do-section-intro .do-prose{font-size:1.4rem;line-height:1.65;max-width:68rem;margin-top:1.6rem}
.do-tracking--visual-first .do-tracking-notes{display:flex;flex-direction:column;gap:1.7rem;margin:1rem 0 0;padding-left:4rem;border-left:1px solid #183a4325}
.do-tracking--visual-first .do-tracking-notes>div{border:0;margin:0;padding:0}
.do-tracking--visual-first .do-tracking-notes h3{font-size:1.2rem;font-weight:500;margin:0;display:flex;gap:1rem;align-items:center}
.do-tracking--visual-first .do-tracking-notes h3:before{content:'✓';color:#407c74}
.do-my-ocean .do-section-title{max-width:85rem}.do-my-ocean .do-app-shell{box-shadow:none;border-radius:.5rem}
.do-my-ocean .do-ocean-bottom{margin-top:2rem}.do-my-ocean .do-ocean-signature:empty{display:none}
.do-product-story .do-product-split{grid-template-columns:1.15fr 1fr;align-items:center}
.do-product-story .do-product-portrait{aspect-ratio:1.05}
.do-product-impact.do-product-impact--visual{padding-block:7rem}
.do-product-impact--visual .do-container{max-width:132rem;border:0;padding-top:0}
.do-product-impact--visual .do-impact-photo{height:auto;aspect-ratio:2.2;margin:0 0 3rem;overflow:hidden;background:var(--do-navy)}
.do-product-impact--visual .do-impact-photo>.do-media{height:100%;width:100%;aspect-ratio:auto}
.do-product-impact--visual .do-product-impact-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:5rem}
.do-product-impact--visual h2{font-size:clamp(2.8rem,3vw,4.3rem);max-width:70rem;margin:0}
.do-package-preview{height:100%;background:#dfe8e2;display:grid;place-items:center;padding:4rem}
.do-access-card{width:min(100%,34rem);background:var(--do-cream);padding:3rem;color:var(--do-navy);transform:rotate(-5deg);box-shadow:1.2rem 1.8rem 0 #16343e0c}
.do-access-card strong{font-size:2.7rem;font-weight:500;letter-spacing:-.055em;display:block}
.do-access-card p{font-size:1.15rem;line-height:1.6;margin:2rem 0}
.do-access-card svg{width:6rem;height:6rem;display:block;margin:2rem 0;stroke:currentColor}
.do-access-card small{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.do-product-package .do-package-list li{padding:1.7rem 0;font-size:1.4rem}.do-product-package .do-package-list p{font-size:1.2rem}
.do-product-main .scroll-trigger.animate--slide-in{opacity:1;transform:none;animation:none}
@media(max-width:989px){.do-tracking--visual-first .do-tracking-layout>div:last-child{gap:3rem}.do-tracking--visual-first .do-tracking-notes{padding-left:2rem}.do-how.do-how--visual .do-step__visual{aspect-ratio:.9}.do-step-screen{padding:2rem}.do-step-phone{width:13rem;min-height:22rem}}
@media(max-width:749px){
 .do-how.do-how--visual .do-steps{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:2rem;scrollbar-width:thin;padding-bottom:1rem}
 .do-how.do-how--visual .do-step{flex:0 0 85%;min-width:0;scroll-snap-align:start}
 .do-how.do-how--visual .do-step__visual{aspect-ratio:1.1;margin-bottom:1.7rem}.do-how.do-how--visual .do-step h3{font-size:1.9rem}
 .do-step-phone{width:14rem;min-height:23rem}.do-reference-visual{padding:2.5rem;gap:2rem}.do-reference-visual span{font-size:.85rem}
 .do-tracking--visual-first .do-tracking-visual{aspect-ratio:1.16}.do-tracking--visual-first .do-tracking-label{top:1.7rem;left:1.7rem;font-size:.8rem}
 .do-tracking--visual-first .do-tracking-layout{gap:2.7rem}.do-tracking--visual-first .do-tracking-layout>div:last-child{grid-template-columns:1fr;gap:2rem}
 .do-tracking--visual-first .do-tracking-notes{padding:0;border:0;gap:1.2rem}.do-tracking--visual-first .do-section-title{font-size:3rem}
 .do-product-story .do-product-split{grid-template-columns:1fr;gap:3rem}.do-product-story .do-product-portrait{aspect-ratio:1.2}
 .do-product-impact.do-product-impact--visual{padding-block:4rem}.do-product-impact--visual .do-impact-photo{aspect-ratio:1.15;margin-bottom:2.5rem}
 .do-product-impact--visual .do-product-impact-layout{grid-template-columns:1fr;gap:2rem}.do-product-impact--visual h2{font-size:2.8rem}
 .do-access-card{padding:2.5rem}.do-access-card strong{font-size:2.4rem}.do-package-preview{padding:3rem}
}
@media(prefers-reduced-motion:reduce){.do-media-motion{display:none}.do-crosssell-photo img{transition:none}.do-crosssell-photo:hover img{transform:none}}

.do-hero__media .do-media-still>img{width:100%;height:100%;object-fit:cover}
.do-species-card--editorial{position:relative}.do-species-card--editorial a:after{content:'';position:absolute;inset:0;z-index:2}
.do-species-card--editorial .do-media-toggle{z-index:3}.do-species-card--editorial a:focus-visible:after{outline:2px solid currentColor;outline-offset:4px}
.do-concept-slides figure>.do-media{width:100%;height:100%;aspect-ratio:auto}
.do-concept-slides .do-reference-visual img{width:min(75%,36rem);height:auto;object-fit:contain}
.do-ocean-appbody>.do-media{min-width:0;width:100%;height:100%;aspect-ratio:auto}.do-ocean-appbody>.do-media .do-ocean-map{height:100%}

.do-hero:has(.do-media-motion) .do-hero__media{z-index:auto}.do-hero:has(.do-media-motion) .do-hero__wash{z-index:1;pointer-events:none}.do-hero:has(.do-media-motion) .do-hero__content,.do-hero:has(.do-media-motion) .do-hero__caption{z-index:2}.do-hero:has(.do-media-motion) .do-media-toggle{pointer-events:auto}

.do-mission:has(.do-media-motion) .do-mission-media{z-index:auto}.do-mission:has(.do-media-motion):after{z-index:1;pointer-events:none}.do-mission:has(.do-media-motion) .do-mission-content{position:relative;z-index:2}.do-mission:has(.do-media-motion) .do-media-toggle{pointer-events:auto}