/* chm-case-study.css: carehomemarketing.co case studies (Redlands, Pressbeau, Standon, Laurel Bank, Polebank Hall). Built 10 Nov 2026 by case-studies-2026-11/build_css.py from design/case-study-templates; edit the source, not this file. */
/* Breakdance defaults kept out of the case study: its text and containers carry no spacing of their own here */
.eg11-cs{display:block;font-weight:400}
.eg11-cs b,.eg11-cs strong{font-weight:700}
.eg11-cs .eg11-made .bde-f-svg-icon2{padding:0;background:none;border-radius:0;min-width:0}
.eg11-cs .bde-f-container,.eg11-cs .bde-f-text,.eg11-cs .bde-f-text-link,.eg11-cs .bde-f-container-link,.eg11-cs .bde-f-image{margin:0;padding:0}
.eg11-cs :where(p,h1,h2,h3,h4,figure,figcaption){margin:0}
.eg11-cs .bde-f-svg-icon2{display:block;width:auto;height:auto;line-height:0}
.eg11-cs .bde-f-svg-icon2 svg{display:block}
/* icons drawn by CSS (the preview used an svg sprite) */
.eg11-cs .eg11-heart{display:inline-block;width:13px;height:12px;flex:none;vertical-align:-1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2.6 15.2.9 9.4C-.5 4.6 2.6.9 6.6.9c2.4 0 4.2 1.3 5.4 3.1C13.2 2.2 15 .9 17.4.9c4 0 7.1 3.7 5.7 8.5C21.4 15.2 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S2.6 15.2.9 9.4C-.5 4.6 2.6.9 6.6.9c2.4 0 4.2 1.3 5.4 3.1C13.2 2.2 15 .9 17.4.9c4 0 7.1 3.7 5.7 8.5C21.4 15.2 12 21 12 21z'/%3E%3C/svg%3E") center/contain no-repeat;background:currentColor}
.eg11-cs .eg11-hh-06ee65{background:#06ee65}
.eg11-cs .eg11-hh-b167ff{background:#b167ff}
.eg11-cs .eg11-hh-ddbb3f{background:#ddbb3f}
.eg11-cs .eg11-hh-e37f69{background:#e37f69}
.eg11-cs .eg11-hh-e3c2d7{background:#e3c2d7}
.eg11-cs .eg11-hh-e830d6{background:#e830d6}
.eg11-cs .eg11-hh-f0d6c7{background:#f0d6c7}
.eg11-cs .eg11-hh-f57e20{background:#f57e20}
.eg11-cs .eg11-hh-f79c33{background:#f79c33}
.eg11-cs .eg11-hh-f8a08c{background:#f8a08c}
.eg11-cs .eg11-hh-ffa02a{background:#ffa02a}
.eg11-cs .eg11-arL,.eg11-cs .eg11-arR{display:inline-block;width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.eg11-cs .eg11-arL{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.eg11-cs .eg11-arR{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.eg11-cs .eg11-lg-old,.eg11-cs .eg11-lg-now{display:inline-block;width:13px;height:13px;border-radius:50%;flex:none}
.eg11-cs .eg11-lg-old{border:2.5px solid #b9c6cf}
.eg11-cs .eg11-lg-now{background:#f3b3a5}
.eg11-cs{--forest:#0d4a0a; --close:#003b00; --lime:#06ee65; --lime-d:#05c955;
  --sage:#e4ece1; --sage-2:#eef3ec; --white:#ffffff; --off:#f5efef; --paper:#fbfaf7;
  --ink:#0d4a0a; --body:#4c5749; --mute:#6b7768; --hair:rgba(13,74,10,.12);
  --pink:#ffa0f6; --pink-w:#d81fc6; --pink-pale:#ffe8fa;
  --purple:#b167ff; --purple-w:#8a30e8;
  --orange:#ffa02a; --orange-pale:#ffe9cc;
  --before:#6a8f62;
  --pb-coral:#f8a08c; --pb-plum:#350822; --pb-olive:#968d1b;
  --f:"Parkinsans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-xl:32px; --r-l:24px; --r-s:12px;
  --wrap:1240px;
  color-scheme:light;}
.eg11-cs *{box-sizing:border-box}
.eg11-cs{margin:0;background:var(--white);color:var(--body);font-family:var(--f);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.eg11-cs::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--close)}
.eg11-cs img{max-width:100%;display:block}
.eg11-cs a{color:var(--ink)}
.eg11-cs h1,
.eg11-cs h2,
.eg11-cs h3,
.eg11-cs h4{font-family:var(--f);color:var(--ink);margin:0;text-wrap:balance;letter-spacing:-.02em}
.eg11-cs p{margin:0;text-wrap:pretty}
.eg11-cs .eg11-wrap{max-width:var(--wrap);margin-inline:auto}
.eg11-cs .eg11-band{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:clamp(72px,8vw,120px);position:relative}
.eg11-cs .eg11-sage{background:var(--sage)}
.eg11-cs .eg11-dark{background:var(--forest);color:#dfe9dc}
.eg11-cs .eg11-dark h2,
.eg11-cs .eg11-dark h3{color:var(--off)}
.eg11-cs .eg11-num{font-variant-numeric:tabular-nums}
.eg11-cs :focus-visible{outline:3px solid var(--purple-w);outline-offset:3px;border-radius:6px}
.eg11-cs .eg11-dark :focus-visible{outline-color:var(--lime)}
.eg11-cs .eg11-heart{width:13px;height:12px;flex:none}
.eg11-cs .eg11-h2{font-size:clamp(32px,3.6vw,50px);font-weight:800;line-height:1.06;margin-bottom:20px}
.eg11-cs .eg11-h2 .eg11-acc-pink{display:block;color:var(--pink-w)}
.eg11-cs .eg11-dark .eg11-h2 .eg11-acc-pink{color:var(--pink)}
.eg11-cs .eg11-lede{font-size:clamp(18px,1.5vw,21px);line-height:1.55;max-width:38em;color:var(--body)}
.eg11-cs .eg11-dark .eg11-lede{color:#cfe0cb}
.eg11-cs .eg11-intro{max-width:780px;margin-bottom:48px}
.eg11-cs .eg11-label{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--ink)}
@keyframes eg11-heroIn{from{transform:scale(1.12)}to{transform:scale(1.04)}}
@keyframes eg11-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.eg11-cs .eg11-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.eg11-cs .eg11-story p+p{margin-top:16px}
.eg11-cs .eg11-story p{max-width:34em}
@media (max-width:900px){
.eg11-cs .eg11-split{grid-template-columns:minmax(0,1fr)}
}
.eg11-cs .eg11-ba-pair{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:20px;align-items:stretch}
.eg11-cs .eg11-ba-card{border-radius:var(--r-l);overflow:hidden;position:relative;min-width:0}
.eg11-cs .eg11-ba-tag{position:absolute;top:16px;left:16px;z-index:3;background:var(--forest);color:var(--off);font-size:13px;font-weight:700;padding:7px 12px;border-radius:6px}
.eg11-cs .eg11-ba-tag.eg11-l{background:#fff;color:var(--forest)}
.eg11-cs .eg11-nosite{background:#f3f2ef;display:flex;flex-direction:column;height:100%}
.eg11-cs .eg11-nosite .eg11-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#e6e4df}
.eg11-cs .eg11-nosite .eg11-bar i{width:10px;height:10px;border-radius:50%;background:#c9c6bf}
.eg11-cs .eg11-nosite .eg11-url{flex:1;background:#fff;border-radius:500px;font-size:12.5px;color:#8a8780;padding:5px 12px;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg11-cs .eg11-nosite .eg11-empty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:56px 28px 32px;color:#8a8780}
.eg11-cs .eg11-nosite .eg11-empty b{font-size:26px;line-height:1.15;color:#5d5a54;letter-spacing:-.02em}
.eg11-cs .eg11-nosite .eg11-empty p{font-size:15px;max-width:22em}
.eg11-cs .eg11-ba-after{background:var(--sage-2);padding:clamp(18px,3vw,36px);display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,2vw,26px)}
.eg11-cs .eg11-bf{background:#fff;border-radius:14px;box-shadow:0 30px 70px rgba(13,74,10,.22),0 2px 6px rgba(0,0,0,.08);overflow:hidden;min-width:0;width:100%}
.eg11-cs .eg11-bf-bar{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f1f3f0;border-bottom:1px solid #e3e7e1}
.eg11-cs .eg11-bf-bar i{width:9px;height:9px;border-radius:50%;background:#d3d8d1}
.eg11-cs .eg11-bf-bar span{flex:1;margin-left:8px;background:#fff;border-radius:500px;font-size:11.5px;color:#7a8578;padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg11-cs .eg11-bf-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#fff}
.eg11-cs .eg11-bf-screen img{width:100%;height:auto}
.eg11-cs .eg11-bf-screen.eg11-scroll img{transition:transform 9s cubic-bezier(.45,0,.3,1)}
.eg11-cs .eg11-phone{flex:none;width:clamp(120px,15vw,200px);border-radius:30px;background:#0f1a0e;padding:8px;box-shadow:0 30px 60px rgba(13,74,10,.3);position:relative}
.eg11-cs .eg11-phone .eg11-scr{border-radius:23px;overflow:hidden;aspect-ratio:390/844;background:#fff}
.eg11-cs .eg11-phone .eg11-scr img{width:100%;height:auto}
@media (max-width:760px){
.eg11-cs .eg11-ba-pair{grid-template-columns:1fr}
.eg11-cs .eg11-ba-after .eg11-phone{display:none}
}
.eg11-cs .eg11-chart-card{background:#fff;border-radius:var(--r-xl);padding:clamp(20px,3vw,40px);position:relative}
.eg11-cs .eg11-dark .eg11-chart-card{background:rgba(255,255,255,.04);border-radius:var(--r-xl)}
.eg11-cs .eg11-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.eg11-cs .eg11-chart-scroll svg{display:block;min-width:720px;width:100%;height:auto}
.eg11-cs .eg11-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;font-weight:600;margin-bottom:12px;align-items:center}
.eg11-cs .eg11-legend span{display:inline-flex;align-items:center;gap:8px}
.eg11-cs .eg11-chart-note{font-size:13.5px;color:var(--mute);margin-top:14px}
.eg11-cs .eg11-dark .eg11-chart-note{color:#a9bfa5}
.eg11-cs .eg11-dark .eg11-legend{color:#dfe9dc}
.eg11-cs .eg11-tip{position:absolute;pointer-events:none;background:var(--close);color:var(--off);font-size:13.5px;line-height:1.35;padding:10px 12px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:opacity .12s;z-index:5;white-space:nowrap}
.eg11-cs .eg11-tip b{display:block;font-size:15px}
.eg11-cs .eg11-ladder-row{cursor:default}
.eg11-cs .eg11-ladder-row .eg11-hit{fill:transparent}
.eg11-cs .eg11-ladder-row:hover .eg11-hit{fill:rgba(255,255,255,.05)}
.eg11-cs .eg11-bleed{position:relative;min-height:clamp(420px,62vw,720px);display:flex;align-items:flex-end;overflow:hidden;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:64px}
.eg11-cs .eg11-bleed > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.eg11-cs .eg11-bleed .eg11-wrap{position:relative;width:100%}
.eg11-cs .eg11-quote{background:#fff;border-radius:var(--r-xl);padding:36px 40px 34px;max-width:720px;box-shadow:0 30px 60px rgba(0,0,0,.2)}
.eg11-cs .eg11-quote.eg11-sage{background:var(--sage-2);box-shadow:none;max-width:900px;margin-inline:auto}
.eg11-cs .eg11-q-mark{font-size:64px;font-weight:800;line-height:.6;margin-bottom:10px;display:block}
.eg11-cs .eg11-q-p{font-size:clamp(20px,1.4vw + 12px,26px);font-weight:500;line-height:1.4;letter-spacing:-.01em;color:var(--ink);margin-bottom:20px}
.eg11-cs .eg11-q-p.eg11-ph{color:var(--mute);font-style:italic}
.eg11-cs .eg11-q-name{font-size:16px;font-weight:700;color:var(--ink)}
.eg11-cs .eg11-q-role{font-size:15px;color:var(--body)}
.eg11-cs .eg11-svc{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.eg11-cs .eg11-svc a{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:var(--r-s);padding:12px 16px;font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}
.eg11-cs .eg11-svc a:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(13,74,10,.12)}
.eg11-cs .eg11-svc a span{font-weight:500;color:var(--body)}
.eg11-cs .eg11-made{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.eg11-cs .eg11-made div{background:var(--sage-2);border-radius:var(--r-l);padding:24px;min-width:0}
.eg11-cs .eg11-made svg{width:30px;height:30px;margin-bottom:16px}
.eg11-cs .eg11-made h3{font-size:19px;font-weight:700;margin-bottom:6px;line-height:1.25}
.eg11-cs .eg11-made p{font-size:15.5px;line-height:1.5}
@media (max-width:1000px){
.eg11-cs .eg11-made{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:540px){
.eg11-cs .eg11-made{grid-template-columns:1fr}
}
.eg11-cs .eg11-logo-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.eg11-cs .eg11-lg{border-radius:var(--r-xl);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:0}
.eg11-cs .eg11-lg.eg11-before{background:#fff}
.eg11-cs .eg11-lg.eg11-after{background:var(--pb-coral)}
.eg11-cs .eg11-lg img{width:min(62%,380px);height:auto}
.eg11-cs .eg11-lg.eg11-before img{width:min(58%,300px);image-rendering:auto}
.eg11-cs .eg11-lg .eg11-ba-tag{top:20px;left:20px}
@media (max-width:700px){
.eg11-cs .eg11-logo-ba{grid-template-columns:1fr}
}
.eg11-cs .eg11-cmp{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35);--x:50%;background:#fff;user-select:none}
.eg11-cs .eg11-cmp-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#f1f3f0}
.eg11-cs .eg11-cmp-bar i{width:10px;height:10px;border-radius:50%;background:#d3d8d1}
.eg11-cs .eg11-cmp-bar span{flex:1;margin-left:8px;background:#fff;border-radius:500px;font-size:12px;color:#7a8578;padding:4px 12px}
.eg11-cs .eg11-cmp-stage{position:relative;aspect-ratio:1440/900}
.eg11-cs .eg11-cmp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.eg11-cs .eg11-cmp-stage .eg11-old{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.eg11-cs .eg11-cmp-line{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12);pointer-events:none}
.eg11-cs .eg11-cmp-knob{position:absolute;top:50%;left:var(--x);width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--orange);color:var(--forest);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.3);pointer-events:none}
.eg11-cs .eg11-cmp input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.eg11-cs .eg11-cmp-tags{position:absolute;inset:auto 16px 16px 16px;display:flex;justify-content:space-between;pointer-events:none}
.eg11-cs .eg11-cmp-tags span{background:var(--forest);color:var(--off);font-size:13px;font-weight:700;padding:7px 12px;border-radius:6px}
.eg11-cs .eg11-cmp-tags span:last-child{background:#fff;color:var(--forest)}
.eg11-cs .eg11-cmp:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:4px}
.eg11-cs .eg11-story .eg11-lede+.eg11-lede{margin-top:16px}
.eg11-cs .eg11-story-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.eg11-cs .eg11-story-pics figure{margin:0}
.eg11-cs .eg11-story-pics figure:last-child{margin-top:56px}
.eg11-cs .eg11-story-pics img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-l)}
.eg11-cs .eg11-story-pics figcaption{font-size:14px;color:var(--mute);margin-top:10px}
.eg11-cs .eg11-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.eg11-cs .eg11-proof div{border-top:3px solid var(--orange);padding-top:16px}
.eg11-cs .eg11-proof b{display:block;font-size:clamp(30px,3vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.05;margin-bottom:6px}
.eg11-cs .eg11-proof span{font-size:15.5px;line-height:1.45}
.eg11-cs .eg11-made-white div{background:#fff}
@media (max-width:700px){
.eg11-cs .eg11-proof{grid-template-columns:minmax(0,1fr)}
.eg11-cs .eg11-story-pics figure:last-child{margin-top:28px}
}
@media (max-width:520px){
.eg11-cs .eg11-hx h1{font-size:36px}
}
.eg11-cs .eg11-nstrip-band{background:#fff;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:clamp(40px,5vw,64px);border-bottom:1px solid var(--hair);position:relative}
.eg11-cs .eg11-nstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.eg11-cs .eg11-nstrip div{padding:6px clamp(16px,3vw,40px);border-left:1px solid var(--hair);display:flex;flex-direction:column;gap:8px}
.eg11-cs .eg11-nstrip div:first-child{border-left:0;padding-left:0}
.eg11-cs .eg11-nstrip b{font-size:clamp(44px,4.6vw,68px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.eg11-cs .eg11-nstrip span{font-size:17px;line-height:1.4;color:var(--body);max-width:20em}
@media (max-width:760px){
.eg11-cs .eg11-nstrip{grid-template-columns:minmax(0,1fr)}
.eg11-cs .eg11-nstrip div{border-left:0;padding:18px 0;border-top:1px solid var(--hair)}
.eg11-cs .eg11-nstrip div:first-child{border-top:0;padding-top:0}
}
.eg11-cs .eg11-nstrip-band .eg11-nstrip div,
.eg11-cs .eg11-nstrip-band .eg11-nstrip div:first-child{align-items:center;text-align:center;padding-inline:clamp(16px,3vw,40px)}
@media (max-width:760px){
.eg11-cs .eg11-nstrip-band .eg11-nstrip div,
.eg11-cs .eg11-nstrip-band .eg11-nstrip div:first-child{padding-inline:0}
}
.eg11-cs .eg11-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.eg11-cs .eg11-use{display:flex;flex-direction:column;gap:10px;border-radius:var(--r-xl);padding:clamp(26px,3vw,40px);text-decoration:none;color:var(--body);transition:transform .2s,box-shadow .2s;min-width:0}
.eg11-cs .eg11-use:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,74,10,.12)}
.eg11-cs .eg11-use-pro{background:#f4e8ff}
.eg11-cs .eg11-use-ma{background:var(--pink-pale)}
.eg11-cs .eg11-use-k{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink)}
.eg11-cs .eg11-use-n{font-size:clamp(30px,3vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.05}
.eg11-cs .eg11-use-p{font-size:17px;line-height:1.5;max-width:28em;margin-bottom:8px}
@media (max-width:760px){
.eg11-cs .eg11-uses{grid-template-columns:minmax(0,1fr)}
}
.eg11-cs .eg11-ladder-list{display:none}
@media (max-width:700px){
.eg11-cs .eg11-chart-scroll{display:none}
.eg11-cs .eg11-ladder-list{display:grid;gap:0}
.eg11-cs .eg11-ladder-list div{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.eg11-cs .eg11-ladder-list div:first-child{border-top:0}
.eg11-cs .eg11-ladder-list span{color:var(--off);font-weight:600;font-size:16px}
.eg11-cs .eg11-ladder-list b{font-size:18px;color:#a9bfa5;font-weight:700}
.eg11-cs .eg11-ladder-list i{font-style:normal;margin-inline:4px}
.eg11-cs .eg11-ladder-list em{font-style:normal;color:var(--pink);font-weight:800}
.eg11-cs.eg11-ta .eg11-legend{display:none}
}
.eg11-cs.eg11-tb{--cd:#350822;--ca:#F8A08C;--cp:#FAF1EA;--cb:#5b4a52}
.eg11-cs .eg11-t-eb{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1.3;margin-bottom:20px}
.eg11-cs .eg11-t-eb-dark{color:#fff}
.eg11-cs.eg11-tb .eg11-nstrip b{color:var(--cd)}
.eg11-cs.eg11-tb .eg11-nstrip span{color:var(--cb)}
.eg11-cs.eg11-tb .eg11-nstrip-band{border-bottom:0}
.eg11-cs.eg11-tb .eg11-hx4 + .eg11-nstrip-band{padding-top:clamp(48px,5vw,72px)}
.eg11-cs .eg11-t-cream{background:var(--cp)}
.eg11-cs .eg11-t-dark{background:var(--cd);color:#f1e4e8}
.eg11-cs .eg11-t-h2{font-size:clamp(32px,3.6vw,52px);font-weight:800;line-height:1.06;letter-spacing:-.025em;color:var(--cd);text-wrap:balance;margin:0}
.eg11-cs .eg11-t-h2 .eg11-a{display:block;color:var(--ca)}
.eg11-cs .eg11-t-dark .eg11-t-h2{color:#fff}
.eg11-cs.eg11-tb .eg11-lede{color:var(--cb)}
.eg11-cs.eg11-tb .eg11-t-dark .eg11-lede{color:#f1e4e8}
.eg11-cs .eg11-t-brief{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:48px}
.eg11-cs .eg11-t-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eg11-cs .eg11-t-use{background:#fff;border-radius:var(--r-l);padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--cb);transition:transform .2s,box-shadow .2s;min-width:0}
.eg11-cs .eg11-t-use:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(53,8,34,.12)}
.eg11-cs .eg11-t-use-k{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--cd)}
.eg11-cs .eg11-t-use-n{font-size:clamp(22px,2vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--cd);line-height:1.15}
.eg11-cs .eg11-t-use-p{font-size:16px;line-height:1.5;margin-bottom:12px}
.eg11-cs .eg11-t-tag{background:var(--cd)}
.eg11-cs.eg11-tb .eg11-lg.eg11-before{background:var(--cp)}
.eg11-cs.eg11-tb .eg11-lg.eg11-after{background:var(--ca)}
.eg11-cs .eg11-lv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.eg11-cs .eg11-lv-ctrl{display:flex;align-items:center;gap:16px;flex:none}
.eg11-cs .eg11-lv-count{color:var(--cd);font-weight:700;font-size:16px;white-space:nowrap}
.eg11-cs .eg11-lv-hint{display:none;color:var(--cd);font-weight:700;font-size:15px}
.eg11-cs .eg11-t-dark .eg11-lv-count,
.eg11-cs .eg11-t-dark .eg11-lv-hint{color:#fff}
.eg11-cs .eg11-lv-btn{display:flex;justify-content:center;align-items:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:var(--cd);color:var(--ca);cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.eg11-cs .eg11-t-dark .eg11-lv-btn{background:var(--ca);color:var(--cd)}
.eg11-cs .eg11-lv-btn:hover{transform:translate3d(0,-2px,0)}
.eg11-cs .eg11-lv-btn:disabled{opacity:.3;cursor:default;transform:none}
.eg11-cs .eg11-lv-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:767px){
.eg11-cs .eg11-lv-btn,
.eg11-cs .eg11-lv-count{display:none}
.eg11-cs .eg11-lv-hint{display:block}
}
.eg11-cs .eg11-t-slider-band{background:#fff;padding-top:clamp(72px,8vw,120px);position:relative}
.eg11-cs .eg11-t-slider-band .eg11-lv-head{padding-inline:max(20px,env(safe-area-inset-left,0px))}
.eg11-cs .eg11-bs{position:relative;height:min(82vh,56.25vw);max-height:860px;min-height:340px;overflow:hidden;outline:none;touch-action:pan-y}
.eg11-cs .eg11-bs-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .9s ease}
.eg11-cs .eg11-bs-slide.eg11-on{opacity:1;z-index:1}
.eg11-cs .eg11-bs-logo{width:min(44%,540px);height:auto}
.eg11-cs .eg11-bs-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 6s ease}
.eg11-cs .eg11-bs-photo.eg11-on img{transform:scale(1)}
.eg11-cs .eg11-bs-pair{display:flex;gap:3%;height:76%;align-items:center;justify-content:center}
.eg11-cs .eg11-bs-pair img{height:100%;width:auto;max-width:none;border-radius:3px;box-shadow:0 30px 60px rgba(53,8,34,.28)}
.eg11-cs .eg11-bs-spread{max-width:84%;max-height:80%;width:auto;height:auto;border-radius:3px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.eg11-cs .eg11-bs-cap{position:absolute;left:max(20px,calc((100vw - var(--wrap)) / 2));bottom:24px;background:rgba(255,255,255,.95);color:var(--cd);font-weight:700;font-size:14px;padding:8px 12px;border-radius:8px}
@media (max-width:767px){
.eg11-cs .eg11-bs{height:72vw;min-height:280px}
.eg11-cs .eg11-bs-pair{height:66%}
.eg11-cs .eg11-bs-spread{max-width:92%}
}
.eg11-cs .eg11-t-kit{display:flex;flex-direction:column;align-items:center;text-align:center}
.eg11-cs .eg11-t-kit-line{width:min(540px,82%);height:auto}
.eg11-cs .eg11-t-kit-p{font-size:16px;color:var(--cb);margin:16px 0 44px}
.eg11-cs .eg11-t-pal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:980px}
.eg11-cs .eg11-t-pal div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.eg11-cs .eg11-t-pal i{display:block;width:100%;height:clamp(90px,10vw,130px)}
.eg11-cs .eg11-t-pal div:first-child i{border-radius:16px 0 0 16px}
.eg11-cs .eg11-t-pal div:last-child i{border-radius:0 16px 16px 0}
.eg11-cs .eg11-t-pal b{font-size:15px;color:var(--cd);margin-top:12px}
.eg11-cs .eg11-t-pal span{font-size:13px;color:var(--cb);font-variant-numeric:tabular-nums}
@media (max-width:640px){
.eg11-cs .eg11-t-pal{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
.eg11-cs .eg11-t-pal i,
.eg11-cs .eg11-t-pal div:first-child i,
.eg11-cs .eg11-t-pal div:last-child i{border-radius:12px}
}
.eg11-cs.eg11-tb .eg11-cmp-knob{background:var(--ca);color:var(--cd)}
.eg11-cs.eg11-tb .eg11-cmp-tags span{background:var(--cd)}
.eg11-cs.eg11-tb .eg11-cmp-tags span:last-child{background:#fff;color:var(--cd)}
.eg11-cs .eg11-lv-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:max(20px,calc((100vw - var(--wrap)) / 2));padding-right:max(20px,calc((100vw - var(--wrap)) / 2));scroll-padding-left:max(20px,calc((100vw - var(--wrap)) / 2));padding-bottom:8px}
.eg11-cs .eg11-lv-track::-webkit-scrollbar{display:none}
.eg11-cs .eg11-lv-slide{flex:0 0 auto;scroll-snap-align:start;height:clamp(360px,60vh,620px);aspect-ratio:1/1;border-radius:var(--r-l);overflow:hidden;position:relative;margin:0;background:#2a0619}
.eg11-cs .eg11-lv-slide img{width:100%;height:100%;object-fit:cover}
.eg11-cs .eg11-lv-slide figcaption{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.95);color:var(--cd);font-size:14px;font-weight:700;padding:8px 12px;border-radius:8px}
@media (max-width:600px){
.eg11-cs .eg11-lv-slide{height:auto;width:82vw}
}
.eg11-cs .eg11-t-homes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
.eg11-cs .eg11-t-home{margin:0;min-width:0}
.eg11-cs .eg11-t-home img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s)}
.eg11-cs .eg11-t-home figcaption{font-size:17px;font-weight:700;color:var(--cd);margin-top:12px}
@media (max-width:760px){
.eg11-cs .eg11-t-homes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
}
.eg11-cs .eg11-t-web{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.eg11-cs .eg11-t-hand{margin:0;border-radius:var(--r-l);overflow:hidden;min-height:420px}
.eg11-cs .eg11-t-hand img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.eg11-cs .eg11-t-stills{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0}
.eg11-cs .eg11-t-stills figure{margin:0}
.eg11-cs .eg11-t-stills img{width:100%;border-radius:14px;box-shadow:0 24px 50px rgba(53,8,34,.16)}
.eg11-cs .eg11-t-stills figcaption{font-size:14.5px;font-weight:700;color:var(--cd);margin-top:12px}
@media (max-width:860px){
.eg11-cs .eg11-t-web,
.eg11-cs .eg11-t-brief,
.eg11-cs .eg11-t-res{grid-template-columns:minmax(0,1fr)}
.eg11-cs .eg11-t-uses{grid-template-columns:minmax(0,1fr)}
.eg11-cs .eg11-t-hand{min-height:0}
}
.eg11-cs .eg11-t-res{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:center}
.eg11-cs .eg11-t-res .eg11-lede{margin-top:20px}
.eg11-cs .eg11-t-cmpbars{background:var(--cp);border-radius:var(--r-l);padding:clamp(24px,3vw,40px)}
.eg11-cs .eg11-t-cmpbars-k{font-weight:700;color:var(--cd);margin-bottom:20px}
.eg11-cs .eg11-t-bar{display:grid;grid-template-columns:5.8em minmax(0,1fr);align-items:center;gap:4px 14px;margin-bottom:16px;font-size:14.5px;color:var(--cb)}
.eg11-cs .eg11-t-bar i{display:block;height:26px;border-radius:0 6px 6px 0;background:#e6cfc6}
.eg11-cs .eg11-t-bar.eg11-now i{background:var(--cd)}
.eg11-cs .eg11-t-bar b{grid-column:2;font-size:17px;color:var(--cd);font-variant-numeric:tabular-nums}
.eg11-cs .eg11-t-x{font-size:clamp(56px,6vw,88px);font-weight:800;color:var(--cd);letter-spacing:-.04em;line-height:1;margin-top:8px}
@media (max-width:860px){
.eg11-cs .eg11-t-res{grid-template-columns:minmax(0,1fr)}
}
.eg11-cs .eg11-bleed{display:block;min-height:0;padding:0;overflow:visible;background:var(--qb-bg,#fff)}
.eg11-cs .eg11-bleed > img{position:static;display:block;width:100%;height:clamp(300px,44vw,620px);object-fit:cover}
.eg11-cs .eg11-bleed .eg11-wrap{position:relative;margin-top:-104px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:clamp(56px,6vw,96px)}
.eg11-cs .eg11-bleed .eg11-quote{box-shadow:0 24px 60px rgba(0,0,0,.14)}
@media (max-width:700px){
.eg11-cs .eg11-bleed > img{height:72vw}
.eg11-cs .eg11-bleed .eg11-wrap{margin-top:-40px}
.eg11-cs .eg11-bleed .eg11-quote{padding:26px 22px}
}
.eg11-cs .eg11-fw{background:var(--fw-bg);color:var(--fw-c);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:clamp(56px,6vw,96px);position:relative}
.eg11-cs .eg11-fw-k{font-size:16px;font-weight:700;opacity:.85;margin-bottom:22px}
.eg11-cs .eg11-fw-w{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 0;margin:0}
.eg11-cs .eg11-fw-w span{font-size:clamp(34px,4.6vw,72px);white-space:nowrap;font-weight:800;letter-spacing:-.035em;line-height:1.05;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);min-width:0}
.eg11-cs .eg11-fw-w span::after{content:"";width:clamp(9px,1vw,14px);height:clamp(9px,1vw,14px);border-radius:50%;background:var(--fw-dot);flex:none}
.eg11-cs .eg11-fw-w span:last-child::after{display:none}
@media (max-width:760px){
.eg11-cs .eg11-fw-w{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:10px 22px}
.eg11-cs .eg11-fw-w span::after{display:none}
}
.eg11-cs .eg11-svc-low{margin-bottom:48px}
.eg11-cs .eg11-svc-low .eg11-label{margin-bottom:14px}
.eg11-cs .eg11-t-svc a{color:#350822;background:#FAF1EA}
.eg11-cs .eg11-t-svc a span{color:#5b4a52}
.eg11-cs .eg11-hx{position:relative;overflow:hidden;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eg11-cs .eg11-hx h1{font-size:clamp(40px,4.8vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin-bottom:22px}
.eg11-cs .eg11-hx .eg11-lede{max-width:30em}
.eg11-cs .eg11-hx4 h1 .eg11-a{display:block;color:#F8A08C}
.eg11-cs .eg11-hx4 .eg11-lede{color:#f1e4e8}
.eg11-cs .eg11-hx4{background:#350822;color:#f1e4e8;text-align:center;padding-top:clamp(56px,6vw,96px)}
.eg11-cs .eg11-hx4-copy{display:flex;flex-direction:column;align-items:center}
.eg11-cs .eg11-hx4 h1{color:#fff}
.eg11-cs .eg11-hx4 .eg11-lede{margin-inline:auto}
.eg11-cs .eg11-hx4-row{display:flex;justify-content:center;gap:clamp(12px,2vw,28px);margin-top:48px;margin-bottom:-90px;padding-bottom:0}
.eg11-cs .eg11-hx4-row img{width:min(28vw,340px);aspect-ratio:1/1;object-fit:cover;border-radius:28px;box-shadow:0 24px 50px rgba(0,0,0,.3)}
.eg11-cs .eg11-hx4-row img:nth-child(2){transform:translateY(-36px)}
.eg11-cs .eg11-hx4{padding-bottom:0;margin-bottom:0}
.eg11-cs .eg11-hx4 ~ section:first-of-type{margin-top:130px}
@media (max-width:600px){
.eg11-cs .eg11-hx4-row{margin-top:32px;margin-bottom:-34px;gap:10px}
.eg11-cs .eg11-hx4-row img{width:30vw;border-radius:18px}
.eg11-cs .eg11-hx4-row img:nth-child(2){transform:translateY(-20px)}
}
.eg11-cs .eg11-pn2{--pn-ink:#0d4a0a;--pn-sub:#4c5749;--pn-line:rgba(13,74,10,.14);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--pn-line);border-bottom:1px solid var(--pn-line)}
.eg11-cs.eg11-tb .eg11-pn2{--pn-ink:#350822;--pn-sub:#5b4a52;--pn-line:rgba(53,8,34,.14)}
.eg11-cs .eg11-pn2 a{display:flex;align-items:center;gap:20px;padding:28px 0;text-decoration:none;color:var(--pn-ink);min-width:0}
.eg11-cs .eg11-pn2 a.eg11-r{justify-content:flex-end;text-align:right;border-left:1px solid var(--pn-line);padding-left:24px}
.eg11-cs .eg11-pn2 img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.eg11-cs .eg11-pn2 small{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--pn-sub);margin-bottom:6px}
.eg11-cs .eg11-pn2 a.eg11-r small{justify-content:flex-end}
.eg11-cs .eg11-pn2 b{display:block;font-size:clamp(18px,1.6vw,22px);font-weight:800;letter-spacing:-.02em;line-height:1.25;text-wrap:balance}
.eg11-cs .eg11-pn2 a:hover b{text-decoration:underline;text-underline-offset:4px}
@media (max-width:700px){
.eg11-cs .eg11-pn2{grid-template-columns:minmax(0,1fr)}
.eg11-cs .eg11-pn2 a.eg11-r{border-left:0;border-top:1px solid var(--pn-line);padding-left:0}
}
.eg11-cs h1,
.eg11-cs h2,
.eg11-cs h3,
.eg11-cs .eg11-t-use-n,
.eg11-cs .eg11-use-n,
.eg11-cs .eg11-q-p{text-wrap:balance}
.eg11-cs p,
.eg11-cs .eg11-lede,
.eg11-cs figcaption,
.eg11-cs .eg11-t-use-p,
.eg11-cs .eg11-use-p{text-wrap:pretty}
.eg11-cs .eg11-hx4{background:var(--cd,#350822)}
.eg11-cs .eg11-hx4 h1 .eg11-a{color:var(--ca,#F8A08C)}
.eg11-cs.eg11-ta{--cd:#314c5e;--ca:#e37f69;--cp:#f7edeb;--cb:#4a5965}
.eg11-cs.eg11-ta .eg11-h2,
.eg11-cs.eg11-ta .eg11-h2 .eg11-acc-pink{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-dark{background:var(--cd);color:#e4ebf0}
.eg11-cs.eg11-ta .eg11-dark .eg11-h2{color:#fff}
.eg11-cs.eg11-ta .eg11-dark .eg11-h2 .eg11-acc-pink{color:#f3b3a5}
.eg11-cs.eg11-ta .eg11-lede{color:var(--cb)}
.eg11-cs.eg11-ta .eg11-dark .eg11-lede,
.eg11-cs.eg11-ta .eg11-hx4 .eg11-lede{color:#e4ebf0}
.eg11-cs.eg11-ta .eg11-nstrip b{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-nstrip span{color:var(--cb)}
.eg11-cs.eg11-ta .eg11-sage{background:var(--cp)}
.eg11-cs.eg11-ta .eg11-use{background:#fff}
.eg11-cs.eg11-ta .eg11-use-n,
.eg11-cs.eg11-ta .eg11-use-k{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-use-p{color:var(--cb)}
.eg11-cs.eg11-ta .eg11-ba-tag{background:var(--cd)}
.eg11-cs.eg11-ta .eg11-ba-tag.eg11-l{background:#fff;color:var(--cd)}
.eg11-cs.eg11-ta .eg11-ba-after{background:var(--cp)}
.eg11-cs.eg11-ta .eg11-ladder-list em{color:#f3b3a5}
.eg11-cs.eg11-ta .eg11-dark .eg11-legend{color:#e4ebf0}
.eg11-cs.eg11-ta .eg11-chart-note{color:#b9c6cf}
.eg11-cs.eg11-ta .eg11-label{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-q-name{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-svc a{color:var(--cd)}
.eg11-cs.eg11-ta .eg11-svc a span{color:var(--cb)}
.eg11-cs.eg11-ta .eg11-pn2{--pn-ink:#314c5e;--pn-sub:#4a5965;--pn-line:rgba(49,76,94,.16)}
.eg11-cs.eg11-ta .eg11-hx4 + .eg11-nstrip-band{padding-top:clamp(48px,5vw,72px)}
.eg11-cs.eg11-tc .eg11-pn2{--pn-ink:#602c42;--pn-sub:#5e4a53;--pn-line:rgba(96,44,66,.16)}
.eg11-cs.eg11-tc .eg11-t-svc a{color:var(--cd);background:var(--cp)}
.eg11-cs.eg11-tc .eg11-t-svc a span{color:var(--cb)}
.eg11-cs.eg11-tc .eg11-made h3{color:var(--cd)}
.eg11-cs.eg11-tc .eg11-made p{color:var(--cb)}
.eg11-cs.eg11-tc .eg11-proof div{border-top-color:#c38aa6}
.eg11-cs.eg11-tc .eg11-proof b{color:var(--cd)}
.eg11-cs.eg11-tc .eg11-t-pal{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px}
.eg11-cs.eg11-tc .eg11-hx4 .eg11-lede{color:#f3e6ec}
.eg11-cs .eg11-t-line{font-size:clamp(34px,4.4vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--cd);margin:0;text-align:center;text-wrap:balance}
.eg11-cs .eg11-lv-slide.eg11-lv-wide{aspect-ratio:3/2}
.eg11-cs .eg11-t-facts{margin-top:56px;padding-top:40px;border-top:1px solid rgba(0,0,0,.08)}
@media (max-width:640px){
.eg11-cs.eg11-tc .eg11-t-pal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
.eg11-cs .eg11-lv-slide.eg11-lv-wide{height:auto;width:86vw}
}
@media (prefers-reduced-motion:reduce){
.eg11-cs *{animation:none!important;transition:none!important}
}
.eg11-cs.eg11-hub .eg11-hx4{background:var(--forest)}
.eg11-cs.eg11-hub .eg11-hx4 h1 .eg11-a{color:var(--lime)}
.eg11-cs.eg11-hub .eg11-hx4 .eg11-lede{color:#dfe9dc;max-width:34em}
.eg11-cs.eg11-hub .eg11-hx4{padding-bottom:clamp(40px,4vw,56px)}
.eg11-cs .eg11-hub-stories{background:var(--forest);padding-top:0}
.eg11-cs .eg11-hub-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.eg11-cs .eg11-hub-cards{grid-auto-rows:auto}
.eg11-cs .eg11-hub-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;border-radius:var(--r-l);overflow:hidden;background:var(--cp);color:var(--cb);text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.eg11-cs a.eg11-hub-card:hover{transform:translateY(-4px)}
.eg11-cs a.eg11-hub-card:focus-visible{outline:3px solid var(--cd);outline-offset:4px}
.eg11-cs .eg11-hc-top{background:var(--cd);text-align:center;padding:clamp(28px,2.6vw,40px) clamp(20px,2vw,32px) 0;display:flex;flex-direction:column;align-items:center}
.eg11-cs .eg11-hc-eb{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700;line-height:1.3;margin-bottom:14px}
.eg11-cs .eg11-hc-eb .eg11-heart{fill:var(--ca);color:var(--ca)}
.eg11-cs .eg11-hub-card h2{margin-bottom:28px;color:#fff;font-size:clamp(23px,2vw,29px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.eg11-cs .eg11-hub-card h2 span{display:block;color:var(--ca)}
.eg11-cs .eg11-hc-pic{width:86%;aspect-ratio:16/10;margin:auto auto -1px;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -10px 30px rgba(0,0,0,.18)}
.eg11-cs .eg11-hc-pic img{width:100%;height:100%;object-fit:cover}
.eg11-cs .eg11-hc-num{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:clamp(24px,2.4vw,30px) clamp(20px,2vw,32px) 20px}
.eg11-cs .eg11-hc-num b{font-size:clamp(30px,2.6vw,36px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--cd);white-space:nowrap}
.eg11-cs .eg11-hc-num span{font-size:16px;line-height:1.45;color:var(--cb)}
.eg11-cs .eg11-hc-go{display:flex;align-items:center;gap:8px;align-self:end;margin:0 clamp(20px,2vw,32px);padding:20px 0 26px;border-top:1px solid color-mix(in srgb,var(--cd) 16%,transparent);font-size:16px;font-weight:700;color:var(--cd)}
.eg11-cs .eg11-hc-go svg{width:16px;height:16px;transition:transform .2s}
.eg11-cs a.eg11-hub-card:hover .eg11-hc-go svg{transform:translateX(4px)}
.eg11-cs .eg11-hc-go.eg11-soon{color:var(--cb);font-weight:600}
@media (min-width:961px){
.eg11-cs .eg11-hub-cards:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
}
@media (max-width:960px){
.eg11-cs .eg11-hub-cards{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
}
.eg11-cs.eg11-tx .eg11-pn2{--pn-ink:var(--cd);--pn-sub:var(--cb);--pn-line:color-mix(in srgb,var(--cd) 16%,transparent)}
.eg11-cs.eg11-tx .eg11-t-svc a{color:var(--cd);background:var(--cp)}
.eg11-cs.eg11-tx .eg11-t-svc a span{color:var(--cb)}
.eg11-cs.eg11-tx .eg11-hx4 .eg11-lede,
.eg11-cs.eg11-tx .eg11-t-dark,
.eg11-cs.eg11-tx .eg11-t-dark .eg11-lede{color:var(--hl)}
.eg11-cs.eg11-tx .eg11-band:not(.eg11-t-dark) .eg11-t-h2 .eg11-a{color:var(--ca2)}
.eg11-cs.eg11-tx .eg11-t-bar i{background:color-mix(in srgb,var(--cd) 22%,#fff)}
.eg11-cs.eg11-tx .eg11-t-bar.eg11-now i{background:var(--cd)}
.eg11-cs.eg11-tx .eg11-lv-slide{background:var(--cd)}
.eg11-cs.eg11-tx .eg11-t-stills img{box-shadow:0 24px 50px color-mix(in srgb,var(--cd) 18%,transparent)}
.eg11-cs.eg11-tx .eg11-bs-pair img{box-shadow:0 30px 60px rgba(0,0,0,.22)}
.eg11-cs .eg11-lg img.eg11-fill,
.eg11-cs .eg11-lg.eg11-before img.eg11-fill{width:100%;height:100%;object-fit:cover}
.eg11-cs .eg11-t-bars-m .eg11-t-bar{grid-template-columns:6.4em minmax(0,1fr) 1.6em;margin-bottom:12px}
.eg11-cs .eg11-t-bars-m .eg11-t-bar b{grid-column:3;text-align:right}
@media (max-width:420px){
.eg11-cs.eg11-tx .eg11-fw-w span{font-size:27px}
}
.eg11-cs .eg11-t-note{margin-top:24px;font-size:15px;line-height:1.45;color:var(--hl,#f1e4e8);text-align:center;opacity:.9}
.eg11-cs.eg11-tnos .eg11-t-dark{color:#e9e6dc}
.eg11-cs.eg11-tnos .eg11-t-dark .eg11-lede,
.eg11-cs.eg11-tnos .eg11-hx4 .eg11-lede{color:#e9e6dc}
.eg11-cs.eg11-tnos .eg11-band:not(.eg11-t-dark) .eg11-t-h2 .eg11-a{color:#5f6d78}
.eg11-cs.eg11-tnos .eg11-lg.eg11-before{background:var(--cp)}
.eg11-cs.eg11-tnos .eg11-lg.eg11-after{background:var(--cd)}
.eg11-cs.eg11-tnos .eg11-lg.eg11-after img{width:min(40%,240px)}
.eg11-cs.eg11-tnos .eg11-lg.eg11-before img{width:min(46%,240px)}
.eg11-cs.eg11-tnos .eg11-made h3{color:var(--cd)}
.eg11-cs.eg11-tnos .eg11-made p{color:var(--cb)}
.eg11-cs.eg11-tnos .eg11-t-svc a{color:var(--cd);background:var(--cp)}
.eg11-cs.eg11-tnos .eg11-t-svc a span{color:var(--cb)}
.eg11-cs.eg11-tnos .eg11-pn2{--pn-ink:#2c3740;--pn-sub:#4f5962;--pn-line:rgba(44,55,64,.16)}
.eg11-cs.eg11-tnos .eg11-lv-slide{background:#1f282f}
.eg11-cs.eg11-tnos .eg11-t-stills img{box-shadow:0 24px 50px rgba(44,55,64,.16)}
.eg11-cs.eg11-tnos .eg11-t-kit-line{width:min(460px,76%)}
.eg11-cs.eg11-tnos .eg11-fw-w span{font-size:clamp(30px,3.7vw,58px)}
.eg11-cs .eg11-t-note{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.45;color:var(--cb);margin:20px 0 0;text-wrap:balance}
.eg11-cs .eg11-t-note svg{flex:none;opacity:.8}
.eg11-cs .eg11-t-dark .eg11-t-note{color:#e9e6dc}
.eg11-cs .eg11-bs-page img{object-position:50% 50%}
@media (max-width:767px){
.eg11-cs .eg11-bs-page img{object-fit:contain;transform:none}
}
.eg11-cs .eg11-bs-trio{display:flex;gap:2.4%;width:100%;align-items:center;justify-content:center}
.eg11-cs .eg11-bs-trio img{width:24%;height:auto;border-radius:3px;box-shadow:0 30px 60px rgba(0,0,0,.32)}
@media (max-width:767px){
.eg11-cs .eg11-bs-trio img{width:27%}
}
.eg11-cs .eg11-film{position:relative;border-radius:var(--r-l);overflow:hidden;background:#1f282f;aspect-ratio:16/9;box-shadow:0 30px 70px rgba(44,55,64,.22)}
.eg11-cs .eg11-film video,
.eg11-cs .eg11-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1f282f}
.eg11-cs .eg11-film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:linear-gradient(0deg,rgba(31,40,47,.5),rgba(31,40,47,0) 50%);cursor:pointer;font:700 15px/1.2 var(--f)}
.eg11-cs .eg11-film-play i{width:clamp(64px,7vw,92px);height:clamp(64px,7vw,92px);border-radius:50%;background:var(--ca);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(0,0,0,.3);transition:transform .2s ease}
.eg11-cs .eg11-film-play:hover i,
.eg11-cs .eg11-film-play:focus-visible i{transform:scale(1.07)}
.eg11-cs .eg11-film-play:focus-visible{outline:3px solid var(--ca);outline-offset:-6px}
.eg11-cs .eg11-film-play svg{width:38%;height:38%;margin-left:6%;fill:var(--cd)}
.eg11-cs .eg11-film-play span{position:absolute;left:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,22px);background:rgba(255,255,255,.95);color:var(--cd);font-size:14px;padding:8px 12px;border-radius:8px}
.eg11-cs .eg11-film.eg11-playing .eg11-film-play{display:none}
@media (max-width:600px){
.eg11-cs .eg11-film-play span{font-size:13px}
}
.eg11-cs.eg11-tenl .eg11-lg.eg11-before{background:#fff;box-shadow:inset 0 0 0 1px rgba(72,41,92,.1)}
.eg11-cs.eg11-tenl .eg11-lg.eg11-after{background:var(--cd)}
.eg11-cs.eg11-tenl .eg11-lg.eg11-before img{width:min(64%,340px)}
.eg11-cs.eg11-tenl .eg11-lg.eg11-after img{width:min(44%,260px)}
.eg11-cs.eg11-tenl .eg11-made h3{color:var(--cd)}
.eg11-cs.eg11-tenl .eg11-made p{color:var(--cb)}
.eg11-cs.eg11-tenl .eg11-fw-w span{font-size:clamp(28px,3.5vw,56px)}
.eg11-cs.eg11-tenl .eg11-lv-slide{background:#2f1a3d}
.eg11-cs.eg11-tenl .eg11-t-stills img{box-shadow:0 24px 50px rgba(72,41,92,.16)}
.eg11-cs.eg11-tenl .eg11-pn2{--pn-ink:#48295c;--pn-sub:#5b4a68;--pn-line:rgba(72,41,92,.16)}
.eg11-cs.eg11-tenl .eg11-film{background:#2f1a3d;box-shadow:0 30px 70px rgba(72,41,92,.24)}
.eg11-cs.eg11-tenl .eg11-film-play{background:linear-gradient(0deg,rgba(47,26,61,.5),rgba(47,26,61,0) 50%)}
.eg11-cs.eg11-tenl .eg11-logo-ba + .eg11-t-note{margin-top:20px}
.eg11-cs .eg11-enl-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,48px);width:min(84%,980px);align-items:start}
.eg11-cs .eg11-enl-icons figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,18px)}
.eg11-cs .eg11-enl-icons img{width:100%;max-width:190px;height:auto}
.eg11-cs .eg11-enl-icons figcaption{font-weight:700;color:#48295c;font-size:clamp(14px,1.5vw,19px);text-align:center}
@media (max-width:600px){
.eg11-cs .eg11-enl-icons{gap:10px;width:92%}
.eg11-cs .eg11-enl-icons figcaption{font-size:12.5px}
}
/* inline styles from the preview */
.eg11-cs .eg11-u1{--fw-bg:#314c5e !important;--fw-c:#ffffff !important;--fw-dot:#e37f69 !important}
.eg11-cs .eg11-u2{object-position:50% 18% !important}
.eg11-cs .eg11-u3{color:#e37f69 !important}
.eg11-cs .eg11-u4{padding-block:clamp(56px,6vw,88px) !important}
.eg11-cs .eg11-u5{--fw-bg:#350822 !important;--fw-c:#ffffff !important;--fw-dot:#F8A08C !important}
.eg11-cs .eg11-u6{margin-bottom:40px !important}
.eg11-cs .eg11-u7{background:#F8A08C !important}
.eg11-cs .eg11-u8{background:#C8DEF3 !important}
.eg11-cs .eg11-u9{background:#350822 !important}
.eg11-cs .eg11-u10{background:#FAF1EA !important}
.eg11-cs .eg11-u11{background:#EBA953 !important}
.eg11-cs .eg11-u12{background:#968D1B !important}
.eg11-cs .eg11-u13{background:#FAF1EA !important;box-shadow:inset 0 0 0 1px rgba(53,8,34,.16) !important}
.eg11-cs .eg11-u14{padding-top:0 !important;padding-inline:0 !important}
.eg11-cs .eg11-u15{padding-inline:max(20px,env(safe-area-inset-left,0px)) !important}
.eg11-cs .eg11-u16{width:11.7% !important}
.eg11-cs .eg11-u17{width:100% !important}
.eg11-cs .eg11-u18{object-position:50% 30% !important}
.eg11-cs .eg11-u19{color:#F8A08C !important}
.eg11-cs .eg11-u20{color:#350822 !important}
.eg11-cs .eg11-u21{--cd:#602c42 !important;--ca:#e3c2d7 !important;--cp:#f5f2ed !important;--cb:#5e4a53 !important}
.eg11-cs .eg11-u22{align-items:start !important}
.eg11-cs .eg11-u23{margin-bottom:24px !important}
.eg11-cs .eg11-u24{background:var(--cp) !important;margin-top:48px !important}
.eg11-cs .eg11-u25{color:#c38aa6 !important}
.eg11-cs .eg11-u26{color:var(--cd) !important}
.eg11-cs .eg11-u27{--fw-bg:#602c42 !important;--fw-c:#ffffff !important;--fw-dot:#e3c2d7 !important}
.eg11-cs .eg11-u28{background:#f5f2ed !important}
.eg11-cs .eg11-u29{box-shadow:none !important;max-width:72% !important}
.eg11-cs .eg11-u30{background:#602c42 !important}
.eg11-cs .eg11-u31{background:#e3c2d7 !important}
.eg11-cs .eg11-u32{background:#63742e !important}
.eg11-cs .eg11-u33{background:#f5f2ed !important;box-shadow:inset 0 0 0 1px rgba(96,44,66,.16) !important}
.eg11-cs .eg11-u34{width:70% !important}
.eg11-cs .eg11-u36{--cd:#350822 !important;--ca:#F8A08C !important;--cp:#FAF1EA !important;--cb:#5b4a52 !important}
.eg11-cs .eg11-u37{object-position:50% 35% !important}
.eg11-cs .eg11-u38{--cd:#314c5e !important;--ca:#e37f69 !important;--cp:#f7edeb !important;--cb:#4a5965 !important}
.eg11-cs .eg11-u39{--cd:#404a7a !important;--ca:#f79c33 !important;--cp:#faf2e8 !important;--cb:#55587a !important;--hl:#e8e9f4 !important;--ca2:#65558e !important}
.eg11-cs .eg11-u40{--fw-bg:#404a7a !important;--fw-c:#ffffff !important;--fw-dot:#f79c33 !important}
.eg11-cs .eg11-u41{background:#faf2e8 !important}
.eg11-cs .eg11-u42{background:#404a7a !important}
.eg11-cs .eg11-u43{background:#f79c33 !important}
.eg11-cs .eg11-u44{background:#a194c2 !important}
.eg11-cs .eg11-u45{background:#a9b388 !important}
.eg11-cs .eg11-u46{background:#c6b4a0 !important}
.eg11-cs .eg11-u47{background:#faf2e8 !important;box-shadow:inset 0 0 0 1px rgba(64,74,122,.16) !important}
.eg11-cs .eg11-u48{object-position:50% 25% !important}
.eg11-cs .eg11-u49{color:#a194c2 !important}
.eg11-cs .eg11-u50{--cd:#b04a14 !important;--ca:#f0d6c7 !important;--cp:#f8ede6 !important;--cb:#5c4038 !important;--hl:#fbeee6 !important;--ca2:#0f2b36 !important}
.eg11-cs .eg11-u51{--fw-bg:#0f2b36 !important;--fw-c:#f0d6c7 !important;--fw-dot:#c9805e !important}
.eg11-cs .eg11-u52{background:#f0d6c7 !important}
.eg11-cs .eg11-u53{background:#0f2b36 !important}
.eg11-cs .eg11-u54{background:#c9805e !important}
.eg11-cs .eg11-u55{background:#b04a14 !important}
.eg11-cs .eg11-u56{background:#d4c4bd !important}
.eg11-cs .eg11-u57{background:#e8f2f5 !important;box-shadow:inset 0 0 0 1px rgba(15,43,54,.12) !important}
.eg11-cs .eg11-u58{width:20% !important}
.eg11-cs .eg11-u59{width:40% !important}
.eg11-cs .eg11-u60{width:60% !important}
.eg11-cs .eg11-u61{color:#c9805e !important}
.eg11-cs .eg11-u62{--cd:#2c3740 !important;--ca:#ddbb3f !important;--cp:#fffaf2 !important;--cb:#4f5962 !important}
.eg11-cs .eg11-u63{--fw-bg:#2c3740 !important;--fw-c:#ffffff !important;--fw-dot:#ddbb3f !important}
.eg11-cs .eg11-u64{background:#fef9f3 !important}
.eg11-cs .eg11-u65{background:#393c2b !important}
.eg11-cs .eg11-u66{background:#f49f4c !important}
.eg11-cs .eg11-u67{background:#d2decc !important}
.eg11-cs .eg11-u68{background:#fffaf2 !important}
.eg11-cs .eg11-u69{background:#2c3740 !important}
.eg11-cs .eg11-u70{background:#ddbb3f !important}
.eg11-cs .eg11-u71{background:#dedfd8 !important}
.eg11-cs .eg11-u72{background:#fffaf2 !important;box-shadow:inset 0 0 0 1px rgba(44,55,64,.16) !important}
.eg11-cs .eg11-u73{background:#2e3312 !important}
.eg11-cs .eg11-u74{background:#ff8f00 !important}
.eg11-cs .eg11-u75{justify-content:center !important;margin-top:28px !important}
.eg11-cs .eg11-u76{padding-top:clamp(56px,6vw,88px) !important;padding-inline:0 !important}
.eg11-cs .eg11-u77{object-position:50% 38% !important}
.eg11-cs .eg11-u78{color:#ddbb3f !important}
.eg11-cs .eg11-u79{box-shadow:none !important;border-radius:0 !important;max-height:78% !important}
.eg11-cs .eg11-u80{--cd:#404a7a !important;--ca:#f79c33 !important;--cp:#faf2e8 !important;--cb:#55587a !important}
.eg11-cs .eg11-u81{--cd:#b04a14 !important;--ca:#f0d6c7 !important;--cp:#f8ede6 !important;--cb:#5c4038 !important}
.eg11-cs .eg11-u82{--cd:#48295c !important;--ca:#f57e20 !important;--cp:#fbf7f4 !important;--cb:#5b4a68 !important;--hl:#f7edfe !important;--ca2:#632eb4 !important}
.eg11-cs .eg11-u83{--fw-bg:#48295c !important;--fw-c:#ffffff !important;--fw-dot:#f57e20 !important}
.eg11-cs .eg11-u84{background:#48295c !important}
.eg11-cs .eg11-u85{background:#fbf7f4 !important}
.eg11-cs .eg11-u86{background:#f57e20 !important}
.eg11-cs .eg11-u87{background:#632eb4 !important}
.eg11-cs .eg11-u88{background:#f4d8cb !important}
.eg11-cs .eg11-u89{background:#f7edfe !important;box-shadow:inset 0 0 0 1px rgba(72,41,92,.14) !important}
.eg11-cs .eg11-u90{background:#fbf7f4 !important;box-shadow:inset 0 0 0 1px rgba(72,41,92,.18) !important}
.eg11-cs .eg11-u91{color:#f57e20 !important}
.eg11-cs .eg11-u92{--cd:#48295c !important;--ca:#f57e20 !important;--cp:#fbf7f4 !important;--cb:#5b4a68 !important}
.eg11-cs.eg11-u1{--fw-bg:#314c5e !important;--fw-c:#ffffff !important;--fw-dot:#e37f69 !important}
.eg11-cs.eg11-u2{object-position:50% 18% !important}
.eg11-cs.eg11-u3{color:#e37f69 !important}
.eg11-cs.eg11-u4{padding-block:clamp(56px,6vw,88px) !important}
.eg11-cs.eg11-u5{--fw-bg:#350822 !important;--fw-c:#ffffff !important;--fw-dot:#F8A08C !important}
.eg11-cs.eg11-u6{margin-bottom:40px !important}
.eg11-cs.eg11-u7{background:#F8A08C !important}
.eg11-cs.eg11-u8{background:#C8DEF3 !important}
.eg11-cs.eg11-u9{background:#350822 !important}
.eg11-cs.eg11-u10{background:#FAF1EA !important}
.eg11-cs.eg11-u11{background:#EBA953 !important}
.eg11-cs.eg11-u12{background:#968D1B !important}
.eg11-cs.eg11-u13{background:#FAF1EA !important;box-shadow:inset 0 0 0 1px rgba(53,8,34,.16) !important}
.eg11-cs.eg11-u14{padding-top:0 !important;padding-inline:0 !important}
.eg11-cs.eg11-u15{padding-inline:max(20px,env(safe-area-inset-left,0px)) !important}
.eg11-cs.eg11-u16{width:11.7% !important}
.eg11-cs.eg11-u17{width:100% !important}
.eg11-cs.eg11-u18{object-position:50% 30% !important}
.eg11-cs.eg11-u19{color:#F8A08C !important}
.eg11-cs.eg11-u20{color:#350822 !important}
.eg11-cs.eg11-u21{--cd:#602c42 !important;--ca:#e3c2d7 !important;--cp:#f5f2ed !important;--cb:#5e4a53 !important}
.eg11-cs.eg11-u22{align-items:start !important}
.eg11-cs.eg11-u23{margin-bottom:24px !important}
.eg11-cs.eg11-u24{background:var(--cp) !important;margin-top:48px !important}
.eg11-cs.eg11-u25{color:#c38aa6 !important}
.eg11-cs.eg11-u26{color:var(--cd) !important}
.eg11-cs.eg11-u27{--fw-bg:#602c42 !important;--fw-c:#ffffff !important;--fw-dot:#e3c2d7 !important}
.eg11-cs.eg11-u28{background:#f5f2ed !important}
.eg11-cs.eg11-u29{box-shadow:none !important;max-width:72% !important}
.eg11-cs.eg11-u30{background:#602c42 !important}
.eg11-cs.eg11-u31{background:#e3c2d7 !important}
.eg11-cs.eg11-u32{background:#63742e !important}
.eg11-cs.eg11-u33{background:#f5f2ed !important;box-shadow:inset 0 0 0 1px rgba(96,44,66,.16) !important}
.eg11-cs.eg11-u34{width:70% !important}
.eg11-cs.eg11-u36{--cd:#350822 !important;--ca:#F8A08C !important;--cp:#FAF1EA !important;--cb:#5b4a52 !important}
.eg11-cs.eg11-u37{object-position:50% 35% !important}
.eg11-cs.eg11-u38{--cd:#314c5e !important;--ca:#e37f69 !important;--cp:#f7edeb !important;--cb:#4a5965 !important}
.eg11-cs.eg11-u39{--cd:#404a7a !important;--ca:#f79c33 !important;--cp:#faf2e8 !important;--cb:#55587a !important;--hl:#e8e9f4 !important;--ca2:#65558e !important}
.eg11-cs.eg11-u40{--fw-bg:#404a7a !important;--fw-c:#ffffff !important;--fw-dot:#f79c33 !important}
.eg11-cs.eg11-u41{background:#faf2e8 !important}
.eg11-cs.eg11-u42{background:#404a7a !important}
.eg11-cs.eg11-u43{background:#f79c33 !important}
.eg11-cs.eg11-u44{background:#a194c2 !important}
.eg11-cs.eg11-u45{background:#a9b388 !important}
.eg11-cs.eg11-u46{background:#c6b4a0 !important}
.eg11-cs.eg11-u47{background:#faf2e8 !important;box-shadow:inset 0 0 0 1px rgba(64,74,122,.16) !important}
.eg11-cs.eg11-u48{object-position:50% 25% !important}
.eg11-cs.eg11-u49{color:#a194c2 !important}
.eg11-cs.eg11-u50{--cd:#b04a14 !important;--ca:#f0d6c7 !important;--cp:#f8ede6 !important;--cb:#5c4038 !important;--hl:#fbeee6 !important;--ca2:#0f2b36 !important}
.eg11-cs.eg11-u51{--fw-bg:#0f2b36 !important;--fw-c:#f0d6c7 !important;--fw-dot:#c9805e !important}
.eg11-cs.eg11-u52{background:#f0d6c7 !important}
.eg11-cs.eg11-u53{background:#0f2b36 !important}
.eg11-cs.eg11-u54{background:#c9805e !important}
.eg11-cs.eg11-u55{background:#b04a14 !important}
.eg11-cs.eg11-u56{background:#d4c4bd !important}
.eg11-cs.eg11-u57{background:#e8f2f5 !important;box-shadow:inset 0 0 0 1px rgba(15,43,54,.12) !important}
.eg11-cs.eg11-u58{width:20% !important}
.eg11-cs.eg11-u59{width:40% !important}
.eg11-cs.eg11-u60{width:60% !important}
.eg11-cs.eg11-u61{color:#c9805e !important}
.eg11-cs.eg11-u62{--cd:#2c3740 !important;--ca:#ddbb3f !important;--cp:#fffaf2 !important;--cb:#4f5962 !important}
.eg11-cs.eg11-u63{--fw-bg:#2c3740 !important;--fw-c:#ffffff !important;--fw-dot:#ddbb3f !important}
.eg11-cs.eg11-u64{background:#fef9f3 !important}
.eg11-cs.eg11-u65{background:#393c2b !important}
.eg11-cs.eg11-u66{background:#f49f4c !important}
.eg11-cs.eg11-u67{background:#d2decc !important}
.eg11-cs.eg11-u68{background:#fffaf2 !important}
.eg11-cs.eg11-u69{background:#2c3740 !important}
.eg11-cs.eg11-u70{background:#ddbb3f !important}
.eg11-cs.eg11-u71{background:#dedfd8 !important}
.eg11-cs.eg11-u72{background:#fffaf2 !important;box-shadow:inset 0 0 0 1px rgba(44,55,64,.16) !important}
.eg11-cs.eg11-u73{background:#2e3312 !important}
.eg11-cs.eg11-u74{background:#ff8f00 !important}
.eg11-cs.eg11-u75{justify-content:center !important;margin-top:28px !important}
.eg11-cs.eg11-u76{padding-top:clamp(56px,6vw,88px) !important;padding-inline:0 !important}
.eg11-cs.eg11-u77{object-position:50% 38% !important}
.eg11-cs.eg11-u78{color:#ddbb3f !important}
.eg11-cs.eg11-u79{box-shadow:none !important;border-radius:0 !important;max-height:78% !important}
.eg11-cs.eg11-u80{--cd:#404a7a !important;--ca:#f79c33 !important;--cp:#faf2e8 !important;--cb:#55587a !important}
.eg11-cs.eg11-u81{--cd:#b04a14 !important;--ca:#f0d6c7 !important;--cp:#f8ede6 !important;--cb:#5c4038 !important}
.eg11-cs.eg11-u82{--cd:#48295c !important;--ca:#f57e20 !important;--cp:#fbf7f4 !important;--cb:#5b4a68 !important;--hl:#f7edfe !important;--ca2:#632eb4 !important}
.eg11-cs.eg11-u83{--fw-bg:#48295c !important;--fw-c:#ffffff !important;--fw-dot:#f57e20 !important}
.eg11-cs.eg11-u84{background:#48295c !important}
.eg11-cs.eg11-u85{background:#fbf7f4 !important}
.eg11-cs.eg11-u86{background:#f57e20 !important}
.eg11-cs.eg11-u87{background:#632eb4 !important}
.eg11-cs.eg11-u88{background:#f4d8cb !important}
.eg11-cs.eg11-u89{background:#f7edfe !important;box-shadow:inset 0 0 0 1px rgba(72,41,92,.14) !important}
.eg11-cs.eg11-u90{background:#fbf7f4 !important;box-shadow:inset 0 0 0 1px rgba(72,41,92,.18) !important}
.eg11-cs.eg11-u91{color:#f57e20 !important}
.eg11-cs.eg11-u92{--cd:#48295c !important;--ca:#f57e20 !important;--cp:#fbf7f4 !important;--cb:#5b4a68 !important}
/* live site only: the fixed, see-through site header (97px; 73px on tablets and phones) sits over the hero */
.eg11-cs section.eg11-hx4{padding-top:calc(97px + clamp(28px,3.5vw,56px))}
@media (max-width:1023px){.eg11-cs section.eg11-hx4{padding-top:calc(73px + 32px)}}
/* live site only: golive.py drops a previous/next card whose story is not published yet; the one left fills the row */
.eg11-cs .eg11-pn2>a:only-child{grid-column:1/-1}
.eg11-cs .eg11-pn2>a.eg11-r:only-child{border-left:0;border-top:0;padding-left:0}
/* the case studies page: the card arrow is a CSS-drawn mark here, not the preview svg */
.eg11-cs .eg11-hc-go .eg11-arR{transition:transform .2s}
.eg11-cs a.eg11-hub-card:hover .eg11-hc-go .eg11-arR{transform:translateX(4px)}
/* the case studies page, 11 Nov 2026: cards drawn from the case_study post type (chm_case_study_cards in chm-case-study.php), with use-case filters */
.eg11-cs .eg11-hub-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:960px;margin:0 auto clamp(24px,3vw,36px)}
.eg11-cs .eg11-hub-filter a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:500px;background:rgba(245,239,239,.12);color:var(--off);font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,color .2s}
.eg11-cs .eg11-hub-filter a span{font-weight:500;opacity:.72;font-variant-numeric:tabular-nums}
.eg11-cs .eg11-hub-filter a:hover{background:rgba(245,239,239,.22)}
.eg11-cs .eg11-hub-filter a[aria-current="true"]{background:var(--off);color:var(--forest)}
.eg11-cs .eg11-hub-filter a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.eg11-cs .eg11-hub-card[hidden]{display:none!important}
.eg11-cs .eg11-hub-auto .bde-code-block,.eg11-cs .bde-code-block:has(> .eg11-hub-auto){width:100%}
@media (min-width:961px){
.eg11-cs .eg11-hub-auto .eg11-hub-cards.eg11-hub-grid:not(.eg11-n4){grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}
.eg11-cs .eg11-hub-auto .eg11-hub-cards.eg11-hub-grid:not(.eg11-n4)>.eg11-hub-card{grid-column:span 2}
.eg11-cs .eg11-hub-auto .eg11-hub-cards.eg11-hub-grid:not(.eg11-n4)>.eg11-hub-card.eg11-last1{grid-column:3/span 2}
.eg11-cs .eg11-hub-auto .eg11-hub-cards.eg11-hub-grid:not(.eg11-n4)>.eg11-hub-card.eg11-last2a{grid-column:2/span 2}
.eg11-cs .eg11-hub-auto .eg11-hub-cards.eg11-hub-grid.eg11-n4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
}