.xcard-socials{position:absolute;left:20px;bottom:48px;display:flex;gap:16px;margin:0;padding:0;list-style:none}.xcard-socials a{display:block;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));transition:opacity .2s ease}.xcard-socials a:hover{opacity:.8}.xcard-about{padding:clamp(48px,6vw,96px) 0}.xcard-about__title{margin:0 0 36px;font-size:clamp(30px,3.2vw,44px);color:var(--mokko-teal,#153d40)}.xcard-about__short,.xcard-about__more{display:none}.xcard-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px)}.xcard-facts{display:grid;gap:14px;margin:0 0 8px}.xcard-facts div{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(21,61,64,.1)}.xcard-facts dt{font-size:17px;color:#4a4a4a}.xcard-facts dd{margin:0;font-size:17px;font-weight:700;text-align:right;color:var(--mokko-teal,#153d40);word-break:break-word}.xcard-facts a{color:inherit}.xcard-details__heading{margin:28px 0 12px;font-family:"Source Sans 3",sans-serif;font-size:19px;font-weight:700;color:var(--mokko-teal,#153d40)}.xcard-details__col>.xcard-details__heading:first-child{margin-top:0}.xcard-details__list{display:grid;gap:14px;margin:0;padding:0;list-style:none;font-size:17px;line-height:1.55;color:#2d3b3c}.xcard-details__list strong{color:var(--mokko-teal,#153d40)}.xcard-details__about p{margin:0 0 12px;font-size:18px;line-height:1.6;color:var(--mokko-teal,#153d40)}.xcard-philosophy{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:baseline;margin-top:40px;padding-top:28px;border-top:1px solid rgba(21,61,64,.12)}.xcard-philosophy .xcard-details__heading{margin:0}.xcard-philosophy p{margin:0;font-size:18px;line-height:1.6;color:var(--mokko-teal,#153d40)}.xcard-sheet{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:88svh;margin:0;padding:0;border:0;border-radius:24px 24px 0 0;background:#fff;color:inherit;overflow:hidden}.xcard-sheet[open]{display:flex;flex-direction:column;animation:xcard-sheet-in .28s ease}.xcard-sheet::backdrop{background:rgba(10,25,26,.45)}.xcard-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #ececec}.xcard-sheet__title{margin:0;font-family:"Tenor Sans",sans-serif;font-size:20px;color:var(--mokko-teal,#153d40)}.xcard-sheet__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f2f3f3;color:var(--mokko-teal,#153d40);font-size:16px}.xcard-sheet__body{overflow:auto;padding:20px 20px calc(28px + env(safe-area-inset-bottom))}.xcard-sheet .xcard-details__grid,.xcard-sheet .xcard-philosophy{grid-template-columns:1fr;gap:20px}html.xcard-sheet-open{overflow:hidden}.xcard-cases,.xcard-videos{padding:clamp(48px,6vw,96px) 0;overflow:hidden}.xcard-videos{padding-top:0}.xcard-section-head{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:760px;margin:0 auto 36px;text-align:center}.xcard-section-head h2{margin:0;font-size:clamp(28px,3.4vw,44px);text-transform:uppercase;letter-spacing:.04em}.xcard-section-head .section__eyebrow{margin:0;font-family:"Tenor Sans",sans-serif;font-size:16px;font-weight:400;letter-spacing:.06em}.xcard-section-head__sub{margin:0;font-size:17px;line-height:1.6;color:#4a4a4a}.xcard-scroller{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(20px,calc(( 100vw - 1160px ) / 2 + 20px));padding:6px max(20px,calc(( 100vw - 1160px ) / 2 + 20px)) 22px;scrollbar-width:none}.xcard-scroller::-webkit-scrollbar{display:none}.xcard-case{display:flex;flex:0 0 clamp(270px,24vw,300px);flex-direction:column;gap:12px;padding:16px 16px 22px;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(21,61,64,.08);scroll-snap-align:start}.xcard-case__media{position:relative;aspect-ratio:4/3.1;overflow:hidden;border-radius:18px;background:#eef0f1}.xcard-case__media img{display:block;width:100%;height:100%;object-fit:cover}.xcard-case__badge{position:absolute;top:12px;left:12px;padding:8px 16px;border-radius:999px;background:var(--mokko-gold,#a58b64);color:#fff;font-size:13px;font-weight:600;line-height:1}.xcard-case__price{position:absolute;right:12px;bottom:12px;padding:9px 18px;border-radius:999px;background:#fff;color:#1d1d1d;font-size:14px;font-weight:700;line-height:1}.xcard-case__title{margin:6px 4px 0;font-family:"Tenor Sans",sans-serif;font-size:21px;line-height:1.3;color:var(--mokko-teal,#153d40)}.xcard-case__title a{color:inherit}.xcard-case__text{display:-webkit-box;margin:0 4px;overflow:hidden;font-size:15px;line-height:1.55;color:#444;-webkit-line-clamp:6;-webkit-box-orient:vertical}.xcard-video{display:flex;flex:0 0 clamp(260px,28vw,340px);flex-direction:column;gap:12px;color:var(--mokko-teal,#153d40);scroll-snap-align:start}.xcard-video__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#1d2b2c}.xcard-video__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.xcard-video:hover .xcard-video__media img{transform:scale(1.03)}.xcard-video__play{position:absolute;top:50%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.25)}.xcard-video__play::after{content:"";position:absolute;top:50%;left:50%;margin:-9px 0 0 -5px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--mokko-teal,#153d40)}.xcard-video__title{font-family:"Tenor Sans",sans-serif;font-size:18px;line-height:1.35}@media (max-width:767px){.xcard-hero__media--mobile-wide,.xcard-hero__media--mobile-wide:not(.xcard-hero__media--wide){background-position:35% center}.xcard-hero__sep{display:none}.xcard-hero__tagline{display:block;font-size:2.7vw;opacity:.82;margin-top:1px}.xcard-socials{left:18px;bottom:18px;gap:12px}.xcard-hero--stacked .xcard-socials{position:static;margin-top:14px}.xcard-hero--stacked .xcard-socials a{color:var(--mokko-teal,#153d40);filter:none}.xcard-about{padding:36px 0 40px}.xcard-about__title{margin-bottom:16px}.xcard-about__short{display:block;margin:0 0 20px;font-size:17px;line-height:1.6;color:var(--mokko-teal,#153d40)}.xcard-about__more{display:inline-flex;min-width:200px}.xcard-about__container>.xcard-details{display:none}.xcard-section-head{align-items:flex-start;margin-bottom:24px;text-align:left}.xcard-scroller{gap:14px;padding-inline:16px;scroll-padding-inline:16px}.xcard-case{flex-basis:82vw}.xcard-video{flex-basis:78vw}}