/* A shared canvas: space and typography separate content instead of rules. */
:root{--canvas:#fafbf4;--paper:var(--canvas)}
body{background:var(--canvas)}
.preview-bar{background:transparent;color:#6a795f}
.side-rail{background:var(--canvas);border-right:0}
.side-drawer{box-shadow:none}

.intro,.home-projects,.home-project,.stats,.page-head,.leader,.leader:last-child,
.filter-toolbar,.program-detail,.program-detail:last-child,.project-row,.media-item,
.contact-line,.organization-details,.donate-section,.footer-bottom,
.souvenir-head,.souvenir-collection,.checkout-section,.checkout-summary,
.receipt-items,.receipt-item,.cart-line,.cart-totals,.admin-order .admin-controls{
  border:0;
}
.program-overview,.program-section,.page-head,.souvenir-head,.checkout-section,
.site-footer,.contact-form-panel,.cart-panel,.payment-panel,.delivery-wait,.admin-order{
  background:transparent;
}
.ecosystem-hero,.ecosystem-head{background:var(--canvas)}
.ecosystem-hero::after,.ecosystem-head::after{
  content:"";position:absolute;inset:auto 0 0;height:80px;z-index:3;
  background:linear-gradient(transparent,var(--canvas));pointer-events:none;
}
.ecosystem-hero .text-link{background:transparent;border:0}
.ecosystem-hero .button{box-shadow:none}
.text-link,.shop-jump a{border:0}
.text-link:hover,.shop-jump a:hover{text-decoration:underline;text-underline-offset:6px}
.home-project{padding-block:25px}
.home-project:hover{background:transparent}
.leader{padding-block:21px}
.stats{padding-top:10px}
.orbit,.hero-visual::before,.video-preview::before{display:none}
.scroll-cue>span,.round-arrow,.expand-icon,.play-icon{border:0}

/* Keep the existing illustrations and glints without framing them as cards. */
.path-panel,.path-panel:hover,.path-panel:focus-visible{
  border:0;border-radius:0;box-shadow:none;transform:none;
}
.path-panel .round-arrow,.path-index{border:0}
.package-card,.package-card:hover,.package-card:focus-within{
  border:0!important;border-radius:0;background:transparent;box-shadow:none;transform:none;
}
.package-card::before,.package-heading::before{display:none}
.package-card .package-heading{background:transparent;padding-inline:0}
.package-card .program-body{padding-inline:0}
.package-expand{border:0;padding-top:6px}
.package-expand .expand-icon{border:0;background:transparent}
.filter-button{border:0;background:transparent}
.filter-button:hover{background:#eaf1df}
.filter-button.active{background:var(--forest)}
.program-list{column-gap:34px;row-gap:45px}
.cta-band{background:transparent;color:var(--ink);padding-block:65px}
.cta-band .eyebrow{color:var(--green-dark)}
.cta-band .button-light{background:var(--green);color:#112a06}
.cta-band .button-light:hover{background:#4ebc10}
.footer-top{padding-bottom:30px}
.footer-bottom{padding-top:15px}
.wildlife-replay{border:0;box-shadow:none;background:#fafbf4ed}

/* The shop joins the same surface; selected motifs still have a clear state. */
.shop-layout{column-gap:48px}
.collection-visual{padding:0;background:transparent}
.collection-sheet{background:transparent}
.motif-thumbnails{gap:12px;margin-top:16px}
.motif-thumb{border:0;background:transparent;padding:0 0 5px;box-shadow:none}
.motif-thumb small{font-size:10px;padding-top:9px}
.motif-thumb:hover{background:#edf3e4}
.motif-thumb[aria-pressed=true]{background:#e4efd8;box-shadow:none;color:#267000}
.motif-thumb[aria-pressed=true] small{font-weight:600}
.collection-info{padding-top:32px}
.souvenir-collection{padding-bottom:0;margin-bottom:85px}
.souvenir-collection:last-child{margin-bottom:15px}
.cart-panel{border:0;box-shadow:none;padding-inline:0}
.cart-title-row>[data-cart-count]{border:0;background:#e9f0df}
.cart-line{padding-block:18px}
.cart-totals{padding-top:10px;margin-top:20px}
.cart-line-controls button{border:0;background:#e8efde}
.cart-line-controls .cart-remove{background:transparent}
.checkout-summary{padding-block:14px}
.fulfillment label{border:0;background:#eef3e6}
.fulfillment label:has(input:checked){background:#e2efd3}
.payment-panel,.delivery-wait,.admin-order{border:0;box-shadow:none;padding-inline:0}
.order-status{border:0}
.admin-order{padding-bottom:40px;margin-bottom:30px}

/* Filled fields retain their affordance and keyboard focus without box outlines. */
.product-form select,.product-form input,.checkout-layout input:not([type=radio]),
.admin-order input,.admin-order select,
.contact-form-panel input,.contact-form-panel textarea{
  border:0;background:#edf2e5;padding:12px 14px;border-radius:0;
}
.product-form select:hover,.product-form input:hover,
.contact-form-panel input:hover,.contact-form-panel textarea:hover{background:#e7eedd}
.contact-form-panel{padding:0}

@media(max-width:1100px){.shop-layout{column-gap:30px}}
@media(max-width:820px){.cart-panel{padding:15px 0 0}.shop-layout{row-gap:50px}}
@media(max-width:550px){
  .ecosystem-hero::after,.ecosystem-head::after{height:55px}
  .motif-thumbnails{gap:8px;margin-top:12px}
  .motif-thumb{padding-bottom:4px}
  .motif-thumb small{padding-top:7px}
  .collection-visual{padding:0}
  .collection-info{padding-top:26px}
  .souvenir-collection{margin-bottom:58px;padding-bottom:0}
  .cart-panel{padding-inline:0}
  .program-list{row-gap:34px}
  .contact-form-panel{padding:0}
  .cta-band{padding-block:40px}
}
/* Seven women's designs follow the supplied four-column reference sheet. */
.souvenir-collection[data-collection=for-her] .motif-thumbnails{grid-template-columns:repeat(7,minmax(0,1fr))}
.souvenir-collection[data-collection=for-her] .motif-thumb>span{background-size:400% 200%;aspect-ratio:3/4}
.souvenir-collection[data-collection=for-her] .motif-0>span{background-position:0 0}
.souvenir-collection[data-collection=for-her] .motif-1>span{background-position:33.3333% 0}
.souvenir-collection[data-collection=for-her] .motif-2>span{background-position:66.6667% 0}
.souvenir-collection[data-collection=for-her] .motif-3>span{background-position:100% 0}
.souvenir-collection[data-collection=for-her] .motif-4>span{background-position:0 100%}
.souvenir-collection[data-collection=for-her] .motif-5>span{background-position:33.3333% 100%}
.souvenir-collection[data-collection=for-her] .motif-6>span{background-position:66.6667% 100%}
.souvenir-collection[data-collection=for-her] .motif-7>span{background-position:100% 100%}
.product-form[data-collection=for-her] .product-options{grid-template-columns:1fr 100px}
.product-form[data-collection=for-her] .product-options label:last-child{grid-column:auto}
@media(max-width:550px){
  .souvenir-collection[data-collection=for-her] .motif-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .product-form[data-collection=for-her] .product-options{grid-template-columns:1fr 85px}
}
/* Projects read as a single list, with the original project/partner marks. */
.project-row{display:block;padding-block:42px;max-width:1050px;margin-inline:auto}
.project-text h2{max-width:none;font-size:clamp(27px,3vw,38px)}
.project-text p{max-width:920px;margin-top:22px}
.project-badge{width:auto;max-width:min(100%,330px);max-height:100px;object-fit:contain;object-position:left center;margin-top:26px}
.project-row:first-child{padding-top:0}
.project-row:last-child{padding-bottom:0}

/* Blue tit flight uses four real wing poses plus a smooth flight path. */
.creature-blue-tit{width:100px;height:133.333px;left:72%;top:23%;bottom:auto;filter:drop-shadow(0 3px 2px #18351b22);animation:blue-tit-flight 20s ease-in-out infinite;transform-origin:center}
.bird-sprite{display:block;width:100%;height:100%;background:url('/assets/blue-tit-flight-v1.png') 0 0 / 400% 100% no-repeat;animation:blue-tit-wings .5s steps(4) infinite}
@keyframes blue-tit-wings{to{background-position:133.3333% 0}}
@keyframes blue-tit-flight{0%,100%{transform:translate(-70px,45px) rotate(-6deg)}20%{transform:translate(15px,-20px) rotate(5deg)}45%{transform:translate(105px,30px) rotate(-5deg)}65%{transform:translate(25px,-45px) rotate(-10deg)}85%{transform:translate(-95px,0) rotate(3deg)}}
.motion-paused .creature-blue-tit,.motion-paused .bird-sprite{animation:none!important}
@media(max-width:767px){.creature-blue-tit{width:75px;height:100px;left:61%;top:48%}.project-row{padding-block:30px}.project-badge{max-width:270px;max-height:85px}}
@media(prefers-reduced-motion:reduce){.creature-blue-tit,.bird-sprite{animation:none!important}}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}
.side-rail .menu-button[aria-expanded=true] span:first-child{transform:translateY(8.5px) rotate(45deg)}
.side-rail .menu-button[aria-expanded=true] span:nth-child(2){opacity:0;transform:none}
.side-rail .menu-button[aria-expanded=true] span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
.side-rail .menu-button span{transition:transform .3s,opacity .2s}
.media-grid{grid-template-columns:1fr;gap:48px}
.media-item{grid-template-columns:minmax(0,1.5fr) minmax(160px,.8fr) 46px;gap:34px;padding-bottom:0}
.media-image{grid-column:auto;height:auto;aspect-ratio:16/10;background:transparent}
.media-image img{object-fit:contain;object-position:left center}
.media-info h2{font-size:30px;margin-top:0}
.media-article-title{font-size:18px;line-height:1.6;margin:16px 0 22px;max-width:36ch;color:var(--ink)}
.media-read{display:block;font-size:12px;color:var(--green-dark);margin-top:12px}
.creature-camera-hedgehog{width:180px;height:190px;left:66%;bottom:7%;animation:camera-hedgehog-breathe 5s ease-in-out infinite}
@keyframes camera-hedgehog-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}
@media(max-width:767px){.media-item{grid-template-columns:1fr 36px;gap:18px}.media-image{grid-column:1/-1}.media-info h2{font-size:24px}.creature-camera-hedgehog{width:140px;height:150px}}
@media(prefers-reduced-motion:reduce){.creature-camera-hedgehog{animation:none!important}}
@media print{body{background:white}.payment-panel{padding:20px}.payment-barcode{background:white}}

/* Unnumbered content follows the same left edge. */
.home-project{grid-template-columns:1fr 28px}.leader{grid-template-columns:1fr}.metal-medal{width:45px;height:45px;left:16px;top:16px}
@media(max-width:550px){.home-project{grid-template-columns:1fr 20px}.leader{grid-template-columns:1fr}}
/* The line follows each menu label; the drawer itself keeps its measured pace. */
.drawer-links .nav-project-group>a{display:block;font-size:21px;line-height:1.3;padding:10px 0;letter-spacing:-.02em;color:#20251e}
.drawer-links .nav-project-children{list-style:none;margin:0 0 8px 8px;padding:0;border-left:1px solid #cbd9c0}
.drawer-links .nav-project-children a{display:block;position:relative;padding:9px 0 9px 22px;font-size:17px;line-height:1.4;letter-spacing:-.015em;color:#62735a}
.drawer-links .nav-project-children a::before{content:"";position:absolute;left:0;top:50%;width:12px;border-top:1px solid #cbd9c0}
.drawer-links .nav-project-group a:hover,.drawer-links .nav-project-group a[aria-current]{color:#287b0c}
.menu-open .accessibility-toggle{visibility:hidden;pointer-events:none}
@media(max-width:550px){.drawer-links .nav-project-group>a{font-size:19px;padding:9px 0}.drawer-links .nav-project-children a{font-size:16px;padding-block:8px}}
.drawer-links a>span:not(.nav-arrow){position:relative;display:inline-block;transform-origin:left center;transition:transform .3s ease,color .3s ease}
.drawer-links a>span:not(.nav-arrow)::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,#3faa00,#8fc86b);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1);opacity:.8}
.drawer-links a:hover>span:not(.nav-arrow),.drawer-links a:focus-visible>span:not(.nav-arrow){transform:scale(1.035);color:#287b0c}
.drawer-links a:hover>span:not(.nav-arrow)::after,.drawer-links a:focus-visible>span:not(.nav-arrow)::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.drawer-links a>span,.drawer-links a>span::after{transition:none!important}}

/* Program descriptions remain easy to read after opening a package. */
.package-card .program-body,.package-card .program-body li,.package-card .program-body p,.package-card .program-body .program-note{font-size:18px;line-height:1.85}
.package-card .program-body li{padding-left:18px}.package-card .program-body ul{gap:12px 25px}
.package-card .program-body .day h4{font-size:20px;line-height:1.5;margin-bottom:14px}
.package-card .program-body .text-link{font-size:16px;line-height:1.6}
@media(max-width:767px){.package-card .program-body,.package-card .program-body li,.package-card .program-body p,.package-card .program-body .program-note{font-size:16px;line-height:1.85}.package-card .program-body .day h4{font-size:18px}.package-card .program-body .text-link{font-size:15px}}

/* Each section has its own quiet companion within the landscape. */
.creature-welcome-fawn{width:175px;height:230px;animation:companion-breathe 6s ease-in-out infinite}
.creature-about-hedgehog{width:175px;height:195px;animation:companion-breathe 5s ease-in-out infinite}
.creature-teacher-frog{width:185px;height:190px;animation:companion-breathe 4.5s ease-in-out infinite}
.creature-kayak-otter{width:230px;height:240px;animation:kayak-bob 7s ease-in-out infinite;transform-origin:50% 85%}
.creature-gallery-squirrel{width:175px;height:205px;animation:companion-breathe 5.5s ease-in-out infinite}
.creature-contact-robin{width:170px;height:185px;animation:robin-look 8s ease-in-out infinite;transform-origin:50% 90%}
@keyframes companion-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes kayak-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(4px) rotate(1deg)}}
@keyframes robin-look{0%,75%,100%{transform:rotate(0)}82%,90%{transform:rotate(-3deg)}}
.souvenir-headline{display:grid;grid-template-columns:minmax(0,1.2fr) 170px minmax(0,1fr);gap:25px;align-items:end}
.shop-mascot{width:170px;height:220px;object-fit:contain;animation:companion-breathe 6s ease-in-out infinite;transform-origin:50% 95%}
.souvenir-headline p{margin-bottom:15px}
.checkout-summary .summary-total{font-size:20px;margin-top:16px;color:var(--ink)}
.parcel-summary{font-size:13px;line-height:1.7;color:#586c4c}
.motion-paused .shop-mascot{animation:none!important}
@media(max-width:1000px){.souvenir-headline{grid-template-columns:minmax(0,1fr) 150px}.shop-mascot{width:150px;height:195px}.souvenir-headline p{grid-column:1/-1;max-width:none;margin-top:0}}
@media(max-width:767px){.creature-welcome-fawn{width:135px;height:180px}.creature-about-hedgehog{width:140px;height:160px}.creature-teacher-frog{width:150px;height:155px}.creature-kayak-otter{width:175px;height:180px}.creature-gallery-squirrel{width:140px;height:165px}.creature-contact-robin{width:125px;height:140px}.souvenir-headline{grid-template-columns:minmax(0,1fr) 100px;gap:16px}.shop-mascot{width:100px;height:150px}.souvenir-head h1{font-size:40px}.souvenir-headline p{margin-block:0;font-size:13px}.checkout-summary .summary-total{font-size:17px}}
@media(prefers-reduced-motion:reduce){.creature-welcome-fawn,.creature-about-hedgehog,.creature-teacher-frog,.creature-kayak-otter,.creature-gallery-squirrel,.creature-contact-robin,.shop-mascot{animation:none!important}}

/* River exploration keeps the canopy and water gently moving together. */
.path-drava-kayaks .path-background{object-position:center center;animation:drava-drift 24s ease-in-out infinite alternate;will-change:transform}
@keyframes drava-drift{from{transform:scale(1.01) translateY(0)}to{transform:scale(1.055) translateY(-3px)}}
.motion-paused .path-drava-kayaks .path-background{animation:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.path-drava-kayaks .path-background{animation:none!important;will-change:auto}}

/* The animal and its ground share one filmed scene; no floating cutout. */
.habitat-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1;opacity:0;transition:opacity .5s;pointer-events:none}
.habitat-video.has-played{opacity:1}
.habitat-filmed .habitat-film-media{position:absolute;inset:50% 0 auto auto;transform:translateY(-50%);width:90%;height:auto;aspect-ratio:16/9;object-fit:fill;mask-image:linear-gradient(90deg,transparent 0%,transparent 49%,#000 54%,#000 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%);mask-composite:intersect}
.habitat-filmed:has(.has-played)>.habitat-landscape{visibility:hidden}
.motion-paused .habitat-filmed>.habitat-landscape{visibility:visible}
.habitat-filmed-hedgehog .habitat-film-media{mask-image:linear-gradient(90deg,transparent 0%,#000 50%,#000 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}
.habitat-filmed .habitat-light{z-index:2}
@media(min-width:1440px){.ecosystem-head .habitat-filmed .habitat-film-media{width:min(84%,1280px)}}
.motion-paused .habitat-video{visibility:hidden}
@media(max-width:760px){.habitat-filmed .habitat-film-media{inset:auto 0 0;transform:none;width:100%;height:55%;object-fit:cover;mask-image:none;object-position:89% bottom}.ecosystem-head .habitat-filmed .habitat-film-media{height:72%}}
@media(prefers-reduced-motion:reduce){.habitat-video{transition:none}}
.souvenir-headline:has(.shop-presenter){grid-template-columns:minmax(0,1.2fr) 260px minmax(0,1fr)}
.shop-presenter{display:block;position:relative;width:260px;height:250px;overflow:visible;transform-origin:78% 96%;animation:rabbit-presenter-sway 7s ease-in-out infinite}
.shop-presenter img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@keyframes rabbit-presenter-sway{0%,100%{transform:rotate(0deg)}24%{transform:rotate(-1deg)}48%{transform:rotate(.8deg)}72%{transform:rotate(-.4deg)}}
@media(max-width:1000px){.souvenir-headline:has(.shop-presenter){grid-template-columns:minmax(0,1fr) 230px}.shop-presenter{width:230px;height:230px}}
@media(max-width:767px){.souvenir-headline:has(.shop-presenter){grid-template-columns:minmax(0,1fr) 145px;gap:12px}.shop-presenter{width:145px;height:180px}}
@media(prefers-reduced-motion:reduce){.shop-presenter{animation:none!important}}

/* One gallery invitation per program group. */
@media(min-width:761px){.gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wildlife-replay.playback-blocked>span{display:inline}

/* Each new animal stays inside its complete filmed setting. */
.habitat-filmed-heart-hedgehog .habitat-film-media,.habitat-filmed-robin-mail .habitat-film-media,.habitat-filmed-frog .habitat-film-media,.habitat-filmed-otter .habitat-film-media,.habitat-filmed-woodpecker .habitat-film-media{mask-image:linear-gradient(90deg,transparent 0%,#000 33%,#000 100%),linear-gradient(180deg,transparent 0%,#000 15%,#000 86%,transparent 100%)}
.habitat-filmed-heart-hedgehog .habitat-light,.habitat-filmed-robin-mail .habitat-light,.habitat-filmed-frog .habitat-light,.habitat-filmed-otter .habitat-light,.habitat-filmed-woodpecker .habitat-light{background:linear-gradient(90deg,var(--canvas) 0%,#fafbf4ed 24%,#fafbf47a 42%,transparent 60%)}
.souvenir-headline:has(.shop-cashier){grid-template-columns:minmax(0,1fr) 280px;align-items:center}
.shop-cashier.habitat{display:block;position:relative;inset:auto;width:280px;height:220px;overflow:hidden;animation:none;transform:none;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.shop-cashier>img,.shop-cashier>.habitat-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.shop-cashier:has(.has-played)>.shop-cashier-poster{visibility:hidden}
.motion-paused .shop-cashier>.shop-cashier-poster{visibility:visible}
@media(min-width:1101px){.souvenir-headline:has(.shop-cashier){grid-template-columns:minmax(0,1fr) 340px}.shop-cashier.habitat{width:340px;height:240px}}
@media(max-width:1100px){.souvenir-headline:has(.shop-cashier){grid-template-columns:minmax(0,1fr) 280px}.shop-cashier.habitat{width:280px;height:200px}.souvenir-headline:has(.shop-cashier)>p{grid-column:1/-1;max-width:none}}
@media(max-width:760px){.habitat-filmed-heart-hedgehog .habitat-film-media,.habitat-filmed-robin-mail .habitat-film-media,.habitat-filmed-frog .habitat-film-media,.habitat-filmed-otter .habitat-film-media,.habitat-filmed-woodpecker .habitat-film-media{mask-image:none;object-position:65% bottom}.habitat-filmed-heart-hedgehog .habitat-light,.habitat-filmed-robin-mail .habitat-light,.habitat-filmed-frog .habitat-light,.habitat-filmed-otter .habitat-light,.habitat-filmed-woodpecker .habitat-light{background:linear-gradient(180deg,var(--canvas) 0%,#fafbf4e6 24%,#fafbf46b 43%,transparent 65%)}}
@media(max-width:650px){.souvenir-headline:has(.shop-cashier){grid-template-columns:1fr;gap:8px}.shop-cashier.habitat{width:min(100%,340px);height:auto;aspect-ratio:16/9;justify-self:center}.souvenir-headline:has(.shop-cashier)>p{grid-column:auto;margin-top:8px}}
@media(max-width:760px){
 .ecosystem-head:has(.habitat-filmed-otter,.habitat-filmed-woodpecker,.habitat-filmed-frog,.habitat-filmed-heart-hedgehog,.habitat-filmed-robin-mail) .page-head-inner{min-height:390px}
 .ecosystem-head :is(.habitat-filmed-otter,.habitat-filmed-woodpecker,.habitat-filmed-frog,.habitat-filmed-heart-hedgehog,.habitat-filmed-robin-mail) .habitat-film-media{inset:auto 0 0;transform:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent)}
}
/* A transparent filmed butterfly leaves the approved landscape and light untouched. */
.creature-real-butterfly{--flight-x:clamp(25px,9vw,125px);--flight-y:clamp(20px,5vw,70px);width:300px;height:169px;position:absolute;z-index:4;pointer-events:none;filter:none;border:0;outline:0;background:transparent;box-shadow:none;animation:butterfly-roam 26s ease-in-out infinite;transform-origin:center;overflow:visible;will-change:transform}
@keyframes butterfly-roam{0%,100%{transform:translate(calc(var(--flight-x)*-.2),calc(var(--flight-y)*.3)) rotate(-8deg) scale(.83)}17%{transform:translate(calc(var(--flight-x)*.65),calc(var(--flight-y)*-.7)) rotate(9deg) scale(.91)}35%{transform:translate(calc(var(--flight-x)*-.8),calc(var(--flight-y)*-1)) rotate(-11deg) scale(.78)}55%{transform:translate(calc(var(--flight-x)*-1),calc(var(--flight-y)*.4)) rotate(8deg) scale(.9)}78%{transform:translate(calc(var(--flight-x)*.55),calc(var(--flight-y)*.7)) rotate(-6deg) scale(.82)}}
.motion-paused .creature-real-butterfly{animation:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.creature-real-butterfly{animation:none;will-change:auto}}
.butterfly-stage>.butterfly-fallback,.butterfly-stage>.butterfly-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;border:0;outline:0;box-shadow:none;background:transparent}
.butterfly-stage>.butterfly-source{position:absolute;inset:0;width:100%;height:100%;opacity:0!important;pointer-events:none}
.butterfly-stage>.butterfly-canvas{opacity:0}.butterfly-ready>.butterfly-canvas{opacity:1}.butterfly-ready>.butterfly-fallback{visibility:hidden}
.motion-paused .butterfly-stage>.butterfly-canvas{visibility:hidden}.motion-paused .butterfly-stage>.butterfly-fallback{visibility:visible}
@media(max-width:760px){.creature-real-butterfly{--flight-x:25px;--flight-y:30px;width:220px;height:124px}}

/* Keep the delivered envelope above the lower edge of the contact header. */
@media(min-width:761px){.ecosystem-head .habitat-filmed-robin-mail .habitat-film-media{inset:auto 0 22px auto;transform:none;width:min(90%,1100px);height:auto;aspect-ratio:16/9;object-fit:contain}}
.ecosystem-head:has(.habitat-filmed-robin-mail)::after{height:45px}
@media(max-width:760px){.ecosystem-head .habitat-filmed-robin-mail .habitat-film-media{bottom:22px}}

/* Expand secondary links on request; parent names remain ordinary links. */
.drawer-links .nav-group-row{display:flex;align-items:center;gap:16px}
.drawer-links .nav-group-row>a{display:block;flex:1;font-size:21px;line-height:1.3;padding:10px 0;letter-spacing:-.02em;color:#20251e}
.drawer-links .nav-expand{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#5b7250;font-size:26px;font-weight:400;line-height:1}
.drawer-links .nav-expand:hover{background:#edf3e4;color:#287b0c}
.drawer-links .nav-expand:focus-visible{outline:2px solid #438527;outline-offset:2px}
@media(max-width:550px){.drawer-links .nav-group-row>a{font-size:19px;padding:9px 0}.drawer-links .nav-expand{width:40px;height:40px;font-size:25px}}

/* Understated Club wordmark in the shared menu. */
.drawer-links a.nav-club{color:#151515}.drawer-links .nav-club .club-word{color:#94752f}