@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--cream:#f7f0df;--ink:#092b40;--orange:#f36c18;--line:#8fa4a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}section,footer{scroll-margin-top:30px}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.site-header{min-height:105px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px clamp(22px,5vw,72px);gap:20px;background:var(--cream)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font:700 clamp(15px,2vw,24px)/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.19em;white-space:nowrap}.brand-mark{width:106px;height:75px;display:block;position:relative;flex-shrink:0}.brand-mark svg{position:absolute;bottom:0;left:0;width:100%;height:78%;z-index:1}.brand-sun{position:absolute;width:58px;height:58px;border-radius:50%;background:#cf5c2e;border:6px solid #e78a36;top:0;left:28px}nav{display:flex;gap:clamp(14px,2.6vw,36px);flex-wrap:wrap;justify-content:flex-end}nav a,.eyebrow,.text-link,.cta,.features h2,.footer-title,.footer-right a,.footer-contact{font:700 12px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.17em;text-decoration:none}nav a:hover,.text-link:hover,.footer-right a:hover,.footer-contact:hover{color:var(--orange)}.hero{min-height:800px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 22% 25%,#fffaf0 0,var(--cream) 65%)}.hero-copy{position:relative;z-index:1;padding:62px 0 82px clamp(24px,5.3vw,78px);width:55%;max-width:730px}.eyebrow{color:var(--orange);margin-bottom:18px}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(65px,7.6vw,114px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px;font-weight:800}.hero-lead{font-size:clamp(21px,2.15vw,29px);line-height:1.25;margin:0;max-width:540px}.orange-rule{width:45px;height:3px;background:var(--orange);margin:27px 0 22px}.hero-description{font-size:19px;line-height:1.4;max-width:410px;margin:0 0 28px}.text-link{display:inline-block;border-bottom:1px solid var(--orange);padding-bottom:7px}.hero-art{position:absolute;right:0;top:0;bottom:0;width:61%;background-image:linear-gradient(90deg,var(--cream) 0%,rgba(247,240,223,.08) 25%,transparent 48%),url('assets/marmot-hero.webp');background-size:cover;background-position:center}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:35px clamp(24px,4vw,60px) 38px}.features article{padding:0 clamp(14px,2.3vw,32px);border-right:1px solid var(--line);min-height:178px}.features article:last-child{border-right:0}.feature-icon{height:70px;display:flex;justify-content:center}.feature-icon svg{height:66px;width:76px;color:var(--ink)}.features h2{font-size:12px;text-align:center;letter-spacing:.13em;margin:8px 0 12px}.features p{font-size:17px;line-height:1.35;margin:0}.edition{background:linear-gradient(125deg,#05283d,#06334c 70%,#08283e);color:#fff;min-height:370px;position:relative;overflow:hidden}.edition:after{content:"";position:absolute;inset:0;opacity:.13;background:repeating-radial-gradient(ellipse at 80% 130%,transparent 0 17px,#8db2bc 18px 19px,transparent 20px 28px);pointer-events:none}.edition-inner{position:relative;z-index:1;padding:46px clamp(24px,6vw,86px) 52px}.eyebrow.light{color:#fff;display:flex;align-items:center;gap:12px}.mini-rule{display:inline-block;width:46px;height:2px;background:var(--orange)}.edition h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,5.5vw,73px);letter-spacing:-.04em;line-height:1.04;margin:12px 0 14px}.edition p{font-size:21px;line-height:1.35;margin:0 0 24px}.cta{display:inline-flex;align-items:center;gap:18px;padding:16px 25px;background:var(--orange);color:#fff;border-radius:2px}.cta:hover{background:#da570c}footer{display:flex;justify-content:space-between;gap:30px;padding:48px clamp(24px,6vw,86px) 42px;background:var(--cream)}.footer-title{font-size:18px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}footer p{font-size:17px}small{font:11px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;color:#627b87}[data-content]{white-space:pre-line}@media(max-width:950px){.hero{min-height:730px}.hero-copy{width:62%}.hero-art{width:65%}.features{grid-template-columns:repeat(2,1fr);row-gap:28px}.features article:nth-child(2){border-right:0}.features article{min-height:160px}}@media(max-width:650px){.site-header{min-height:76px;padding:10px 17px;gap:10px}.brand{font-size:12px;letter-spacing:.08em;gap:4px}.brand-mark{width:48px;height:41px}.brand-sun{width:32px;height:32px;border-width:3px;left:11px}nav{gap:11px}nav a{font-size:9px;letter-spacing:.04em}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{width:100%;padding:36px 23px 22px}.hero h1{font-size:clamp(55px,12vw,83px);margin-bottom:22px}.hero-lead{font-size:21px}.hero-description{font-size:17px;max-width:450px}.hero-art{position:relative;width:100%;height:430px;background-image:url('assets/marmot-hero.webp');background-position:center;background-size:cover}.features{padding:30px 14px;gap:26px 0}.features article{padding:0 12px;min-height:195px}.features h2{font-size:10px}.features p{font-size:15px}.feature-icon{height:54px}.feature-icon svg{height:52px}.edition-inner{padding:42px 23px}.edition p{font-size:18px}footer{flex-direction:column;padding:38px 24px}.footer-right{align-items:flex-start}}@media(max-width:360px){.brand-name{max-width:118px;white-space:normal}.brand{font-size:11px}nav{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v4 refinements: official logo, smaller complete marmot, lighter icons */
.site-header .brand img{display:block;width:clamp(235px,28vw,380px);height:auto;mix-blend-mode:multiply}
.hero{min-height:730px}
.hero-copy{width:57%;padding-top:58px}
.hero-art{width:58%;top:15px;bottom:20px;right:0;background-image:linear-gradient(90deg,var(--cream) 0%,rgba(247,240,223,.45) 12%,transparent 28%),url('assets/marmot-composition.webp');background-size:100% 100%,contain;background-repeat:no-repeat;background-position:center,right center}
.feature-icon{height:58px}
.feature-icon svg{height:48px;width:55px}
.features{padding-top:27px;padding-bottom:30px}
.features article{min-height:155px}
@media(max-width:950px){.hero{min-height:650px}.hero-art{width:57%;top:20px;bottom:25px}.hero-copy{width:60%}}
@media(max-width:650px){.site-header .brand img{width:clamp(170px,48vw,260px)}.hero{min-height:0}.hero-copy{width:100%;padding-top:34px}.hero-art{width:100%;height:420px;top:auto;bottom:auto;background-image:url('assets/marmot-composition.webp');background-size:contain;background-position:center center}.features{padding-top:25px}.feature-icon svg{height:43px;width:50px}}

/* v5: independently cropped art, no duplicate text; true alpha logo */
.site-header .brand img{mix-blend-mode:normal;width:clamp(235px,28vw,380px)}
.hero-art{background-image:linear-gradient(90deg,var(--cream) 0%,rgba(247,240,223,.18) 11%,transparent 28%),url('assets/marmot-art.webp');background-size:100% 100%,contain;background-position:center,right center;background-repeat:no-repeat}
@media(max-width:650px){.hero-art{background-image:url('assets/marmot-art.webp');background-size:contain;background-position:center center}}

/* v6: seamless hero-art edge; only the illustration fades, not the text. */
.hero-art{
  background-image:url('assets/marmot-art.webp');
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 7%,rgba(0,0,0,.42) 17%,#000 36%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.08) 7%,rgba(0,0,0,.42) 17%,#000 36%);
}
@media(max-width:650px){
  .hero-art{
    background-position:center center;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 92%,transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 92%,transparent 100%);
  }
}

/* v7 final visual pass */
:root{--cream:#f7f0df}
.hero-art{width:56%;right:0;top:12px;bottom:0;background-size:contain;background-position:right center;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 13%,#000 35%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.28) 13%,#000 35%)}
.hero-copy{z-index:2}.features{position:relative;z-index:2;background:var(--cream)}
.features article p{text-align:center}.footer-right a{font-size:11px}.footer-right{gap:12px}
@media(max-width:950px){.hero-art{width:60%}}
@media(max-width:650px){.hero-art{width:100%;height:410px;top:auto;bottom:auto;background-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 92%,transparent 100%)}.footer-right{align-items:flex-start}.hero-copy{z-index:2}}
/* Legal page layout */
.legal-main{max-width:900px;margin:auto;padding:65px 28px 100px;min-height:55vh}.legal-main h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,6vw,72px);margin:0 0 20px}.legal-main h2{font:700 17px 'DM Sans',sans-serif;margin:32px 0 8px}.legal-main p{font-size:19px;line-height:1.55}.draft-notice{border-left:4px solid var(--orange);padding:16px 22px;background:#fff8ec}.legal-main a{text-decoration-thickness:1px;text-underline-offset:4px}

/* Compact, non-modal analytics banner. Equal prominence for both choices. */
.cookie-settings-link{border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;padding:0;text-align:left}
.cookie-banner{position:fixed;z-index:9999;bottom:16px;left:16px;right:16px;max-width:780px;margin:auto;background:#f7f0df;color:#082c42;border:1px solid #a5aaa4;border-radius:5px;box-shadow:0 7px 25px #001b2a25;padding:14px 18px;display:flex;gap:22px;align-items:center}
.cookie-banner[hidden]{display:none}
.cookie-banner>div:first-child{flex:1;min-width:0}
.cookie-banner strong{font:700 10px system-ui,sans-serif;letter-spacing:.14em}
.cookie-banner p{font:13px/1.45 Georgia,serif;margin:4px 0 0}
.cookie-banner a{color:inherit;text-decoration:underline}
.cookie-actions{display:flex;flex-direction:row;gap:8px;flex-shrink:0}
.cookie-actions button{font:700 11px system-ui,sans-serif;letter-spacing:.07em;padding:10px 15px;cursor:pointer;border:1px solid #082c42;background:transparent;color:#082c42;border-radius:2px;min-width:88px}
.cookie-actions button:hover,.cookie-actions button:focus-visible{background:#082c42;color:#fff}
@media(max-width:650px){.cookie-banner{bottom:8px;left:8px;right:8px;padding:13px;gap:12px;flex-direction:column;align-items:stretch}.cookie-actions button{flex:1}}

/* Legal page language switch */
.legal-language{display:flex;gap:10px;margin:24px 0 30px}.legal-language button{background:transparent;border:1px solid #153b50;color:#153b50;padding:9px 16px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.06em}.legal-language button[aria-pressed="true"]{background:#153b50;color:#fff}.legal-main [hidden]{display:none!important}.legal-main h2{margin-top:1.8em}.legal-main p{line-height:1.75;max-width:78ch}.legal-main a{overflow-wrap:anywhere}

/* My Top Trails teaser */
.ranking-teaser{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8%;padding:90px max(6vw,24px);background:#f3eadb;color:#102d3b}.ranking-teaser h2{font-family:Georgia,serif;font-size:clamp(35px,4.5vw,66px);font-weight:400;line-height:1.08;margin:18px 0}.ranking-teaser p{max-width:530px;line-height:1.7;color:#52636a;font-size:17px}.ranking-teaser-button{display:inline-flex;gap:25px;background:#e16a31;color:white;padding:15px 22px;margin-top:22px;font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:none}.ranking-teaser-card{background:#102d3b;color:white;padding:35px;transform:rotate(2deg);box-shadow:12px 16px 0 #ded3c2}.ranking-teaser-card>span,.ranking-teaser-card small{display:block;color:#ed9565;letter-spacing:.14em;font-size:10px}.ranking-teaser-card strong{display:block;font:normal clamp(27px,3vw,43px) Georgia,serif;margin:18px 0 20px}.ranking-teaser-card div{border-top:1px solid #47616c;padding:13px 0;font-size:15px;font-weight:700}.ranking-teaser-card em{font:normal 26px Georgia,serif;color:#ed9565;margin-right:15px}.ranking-teaser-card small{border-top:1px solid #47616c;padding-top:18px;color:#e7e1d7}@media(max-width:750px){.ranking-teaser{grid-template-columns:1fr;padding:60px 24px}.ranking-teaser-card{transform:none}}

/* v14: closing community teaser, clean flat editorial ranking card */
.ranking-teaser-card{position:relative;overflow:hidden;transform:none;box-shadow:none;border:1px solid #345063;border-radius:4px;padding:clamp(24px,3vw,42px);background:radial-gradient(ellipse at 105% 110%,transparent 0 22%,rgba(237,149,101,.12) 22.2% 22.4%,transparent 22.6% 29%,rgba(237,149,101,.12) 29.2% 29.4%,transparent 29.6% 37%,rgba(237,149,101,.12) 37.2% 37.4%,transparent 37.6%),#102d3b}
.ranking-teaser-card .teaser-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;padding:0;margin-bottom:24px}
.ranking-teaser-card .teaser-card-top img{width:min(58%,230px);height:auto;display:block;background:#f3eadb;border-radius:2px;padding:8px 10px;box-sizing:border-box}
.ranking-teaser-card .teaser-card-top span{font-size:10px;letter-spacing:.13em;color:#ed9565;text-align:right}
.ranking-teaser-card strong{font-size:clamp(27px,3vw,42px);margin:12px 0 20px}
.ranking-teaser-card div:not(.teaser-card-top){position:relative;z-index:1}
.ranking-teaser-card small{position:relative;z-index:1}
@media(max-width:750px){.ranking-teaser-card{transform:none}}

/* v15: approved navy-on-cream teaser, logo integrated without box */
.ranking-teaser-card .teaser-card-top img{background:transparent;padding:0;border-radius:0;width:min(65%,300px)}
.ranking-teaser-card{background:radial-gradient(ellipse at 105% 110%,transparent 0 22%,rgba(237,149,101,.16) 22.2% 22.4%,transparent 22.6% 29%,rgba(237,149,101,.16) 29.2% 29.4%,transparent 29.6% 37%,rgba(237,149,101,.16) 37.2% 37.4%,transparent 37.6%),#102d3b}

/* v16.12 — compact, mobile-first audio introduction */
.audio-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:46px clamp(24px,6vw,90px);background:#f6f1e7;color:#102d3b;border-top:1px solid rgba(16,45,59,.15)}
.audio-intro-copy{max-width:580px}.audio-intro .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#e16a31;margin-bottom:12px}.audio-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(24px,3vw,38px);line-height:1.18;margin:0 0 12px}.audio-intro p{font-size:15px;line-height:1.6;margin:0}.audio-intro-player{width:min(100%,350px);flex-shrink:0}.audio-intro-duration{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;margin-bottom:12px}.audio-intro audio{width:100%;height:46px;display:block}
@media(max-width:760px){.audio-intro{display:block;padding:36px 24px}.audio-intro-player{width:100%;margin-top:22px}.audio-intro h2{font-size:28px}}

/* CLUB OF TRAILS v16.14 — approved illustrations and topo system */
.hero-art {background-image:linear-gradient(90deg,var(--cream) 0%,rgba(247,240,223,.04) 23%,transparent 44%),url('assets/hero-marmot-cards.webp');background-position:center right;background-size:cover;}
.feature-icon {height:160px;align-items:center}
.feature-icon img {height:155px;width:100%;max-width:190px;object-fit:contain;mix-blend-mode:multiply}
.edition {background:#092b40 url('assets/topographic-background.svg') center center/cover no-repeat}
.edition:after {display:none}
.ranking-teaser-card {background:#092b40 url('assets/topographic-background.svg') center center/cover no-repeat}
@media(max-width:950px){.feature-icon{height:140px}.feature-icon img{height:135px}}
@media(max-width:650px){.hero-art{background-image:url('assets/hero-marmot-cards.webp');background-position:center}.feature-icon{height:120px}.feature-icon img{height:115px;max-width:145px}}

/* v16.15 — targeted fixes: scale, transparent icons, organic topography */
.hero-art{width:49%;top:70px;bottom:45px;right:2%;background-image:url('assets/hero-marmot-cards.webp');background-size:contain;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 19%);mask-image:linear-gradient(to right,transparent 0%,#000 19%)}
.feature-icon img{mix-blend-mode:normal;max-width:190px;object-fit:contain}
.ranking-teaser-card{background:#092b40 url('assets/topographic-organic.svg') 75% 45%/cover no-repeat}
@media(max-width:950px){.hero-art{width:47%;right:0;top:85px;bottom:50px}}
@media(max-width:650px){.hero-art{width:100%;height:320px;top:auto;bottom:auto;right:auto;background-size:contain;background-position:center center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%)}}

/* v16.16: final print logo and wider landscape hero; no other layout changes. */
.hero-art{width:62%;right:0;top:55px;bottom:32px;background-image:url('assets/hero-wide-v16-16.webp');background-size:contain;background-position:right center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 18%,#000 34%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.7) 18%,#000 34%)}
@media(max-width:950px){.hero-art{width:60%;right:0;top:75px;bottom:40px}}
@media(max-width:650px){.hero-art{width:100%;height:350px;top:auto;bottom:auto;background-size:contain;background-position:center center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 90%,transparent 100%)}}

/* v16.17: seamless transparent hero illustration; only hero changed */
.hero-art{width:67%;right:0;top:38px;bottom:16px;background-image:url('assets/hero-seamless-v16-17.webp');background-size:contain;background-position:right center;background-repeat:no-repeat;-webkit-mask-image:none;mask-image:none}
@media(max-width:950px){.hero-art{width:65%;top:60px;bottom:18px;background-size:contain}}
@media(max-width:650px){.hero-art{width:100%;height:370px;top:auto;bottom:auto;right:0;background-size:contain;background-position:center center;-webkit-mask-image:none;mask-image:none}}

/* v16.18: clean artwork-only hero asset, no embedded website typography */
.hero-art{width:65%;right:0;top:25px;bottom:0;background-image:url('assets/hero-illustration-clean-v16-18.png');background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:none;mask-image:none}
@media(max-width:950px){.hero-art{width:59%;top:45px;bottom:0;background-size:cover;background-position:center center}}
@media(max-width:650px){.hero-art{width:100%;height:360px;top:auto;bottom:auto;right:0;background-size:contain;background-position:center center;-webkit-mask-image:none;mask-image:none}}

/* v16.19: original approved artwork, uncropped trail cards. Other sections unchanged. */
@media(min-width:951px){
 .hero{min-height:870px}
 .hero-copy{z-index:2}
 .hero-art{width:100%;height:100%;top:0;bottom:0;right:0;background-image:url('assets/hero-original-reference-v16-19.png');background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;-webkit-mask-image:none;mask-image:none;pointer-events:none}
}
@media(min-width:651px) and (max-width:950px){
 .hero{min-height:760px}
 .hero-copy{z-index:2}
 .hero-art{width:100%;height:100%;top:0;bottom:0;right:0;background-image:url('assets/hero-original-reference-v16-19.png');background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;-webkit-mask-image:none;mask-image:none;pointer-events:none}
}
@media(max-width:650px){
 .hero-art{width:100%;height:auto;aspect-ratio:1536/1024;top:auto;bottom:auto;right:auto;background-image:url('assets/hero-original-reference-v16-19.png');background-size:100% 100%;background-position:center bottom;background-repeat:no-repeat;-webkit-mask-image:none;mask-image:none}
}

/* v16.20: mobile-only hero spacing. Desktop v16.19 is unchanged. */
@media (max-width:650px) {
  .hero { min-height:0; display:flex; flex-direction:column; overflow:hidden; }
  .hero-copy { padding-bottom:0; }
  .hero-art {
    position:relative; display:block; flex:none; align-self:stretch;
    width:100%; height:auto; aspect-ratio:3/2;
    top:auto; right:auto; bottom:auto; left:auto;
    margin-top:-20px; margin-bottom:0;
    background-image:url('assets/hero-original-reference-v16-19.png');
    background-size:100% 100%; background-position:center center; background-repeat:no-repeat;
    -webkit-mask-image:none; mask-image:none;
  }
  .features { padding-top:14px; }
}

/* v16.23 mobile only: remove unused transparent space in approved hero artwork. */
@media (max-width:650px) {
  .hero { min-height:0; display:flex; flex-direction:column; overflow:hidden; }
  .hero-copy { padding-bottom:0; }
  .hero-art { position:relative; display:block; flex:none; align-self:stretch; width:100%; height:auto; aspect-ratio:1236 / 804; top:auto;right:auto;bottom:auto;left:auto; margin-top:-14px;margin-bottom:0; background-image:url('assets/hero-mobile-v16-23.png'); background-size:100% 100%;background-position:center center;background-repeat:no-repeat; -webkit-mask-image:none;mask-image:none; }
  .features {padding-top:10px;}
}

/* v16.24: gentle edge blending on the mobile artwork only. */
@media (max-width:650px) {
  .hero-art {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.7) 5%, #000 12%, #000 100%), linear-gradient(to right, #000 0%, #000 97%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.7) 5%, #000 12%, #000 100%), linear-gradient(to right, #000 0%, #000 97%, transparent 100%);
    mask-composite: intersect;
  }
}