@font-face { font-family:"Pretendard JP"; src:url("text-medium.woff2") format("woff2"); font-weight:500; font-display:swap; }
:root { --content-width:1280px; --nav-content-width:88.8889%; color:#251c18; background:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif; line-height:1.5; text-rendering:optimizeLegibility; word-break:keep-all; overflow-wrap:break-word; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scrollbar-gutter:stable; } body { margin:0; background:#fff; } h1,h2,h3,p,figure { margin:0; } a { color:inherit; } img { display:block; max-width:100%; } .page { min-height:100vh; overflow:hidden; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

		.wm-mark {
			display: block;
			width: 64px;
			height: 64px;
			object-fit: contain;
		}

/* Yaho layout; the supplied Pastel wordmark and puzzle art remain project assets. */
.hero { position:relative; isolation:isolate; display:block; width:100%; height:1220px; padding:0 max(32px,calc((100vw - var(--content-width))/2)); background:var(--hero-bg,#f3f7f8); overflow:hidden; }
.hero-art { position:absolute; inset:0; z-index:-1; pointer-events:none; } .hero-art img { position:absolute; width:620px; max-width:none; opacity:.13; border-radius:60px; } .hero-art img:first-child { left:calc(50% - 1050px); top:160px; transform:rotate(-18deg); } .hero-art img:last-child { right:calc(50% - 1070px); top:480px; transform:rotate(18deg); }
.hero-copy { position:absolute; top:644px; left:50%; z-index:1; display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; width:min(908px,calc(100% - 64px)); height:454px; transform:translateX(-50%); text-align:center; }
.hero-brand { position:absolute; top:212px; left:0; right:0; width:min(620px,64vw); aspect-ratio:1280/706; margin-inline:auto; font-size:0; line-height:0; filter:drop-shadow(0 22px 22px rgba(121,73,31,.18)); }
.hero-wordmark { display:block; width:100%; height:auto; }
.hero-kicker { margin:0 0 52px; color:#5b4336; font-size:20px; font-weight:700; line-height:1.35; }
.hero-tagline { min-width:0; max-width:920px; margin:0; color:#2a211e; font-size:68px; font-weight:900; line-height:1.12; letter-spacing:0; white-space:pre-line; }
.stores { display:flex; align-items:center; justify-content:center; width:457px; height:64px; gap:18px; margin:56px 0 44px; }
.store { display:inline-flex; align-items:center; justify-content:center; height:64px; gap:8px; border:0; border-radius:40px; background:#000; color:#fff; cursor:default; font-family:inherit; font-size:22px; font-style:normal; font-weight:500; line-height:136.4%; letter-spacing:-.4268px; text-decoration:none; white-space:nowrap; appearance:none; outline-offset:4px; transform:translateY(0); transition:transform 220ms cubic-bezier(.19,1,.22,1); }
.store[href] { cursor:pointer; } .store[href]:hover,.store[href]:focus-visible { transform:translateY(-4px); } .store:focus-visible { outline:2px solid currentColor; }
.store--google { width:229px; padding:12px 32px; } .store--app-store { width:210px; padding:10px 32px; }
.store img { width:24px; height:24px; flex:0 0 24px; object-fit:contain; } .store-label { display:block; }
.lead { min-width:0; max-width:551px; margin:0; color:#2a2a2a; text-align:center; font-family:"Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:22px; font-style:normal; font-weight:500; line-height:136.4%; letter-spacing:-.427px; }
.content-width { width:min(var(--content-width),calc(100% - 64px)); margin:0 auto; padding:98px 0 116px; }
.feature-section { padding:0; } .section-title { margin:0 0 40px; color:#000; font-family:"Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:48px; font-weight:600; line-height:110%; letter-spacing:-.96px; }
.features,.steps { display:grid; grid-template-columns:minmax(0,1fr); gap:48px; margin:0; padding:0; list-style:none; }
.feature-panel,.figma-features .feature-panel { position:relative; display:block; min-width:0; min-height:680px; padding:240px 60px 80px; overflow:hidden; border-radius:22px; background:var(--card-bg,#eaf2f5); box-shadow: none; }
.feature-text { position:relative; z-index:2; width:min(496px,calc(62.5% - 100px)); }
.feature-panel--turn .feature-text { width:min(496px,calc(46.328125% - 84px)); }
#feature-title,.feature-panel { scroll-margin-top:132px; }
.feature-kicker { margin:0 0 11px; color:#1f1f1f; font-size:17px; font-weight:600; line-height:25px; }
.feature-copy h3 { margin:0; color:#000; font-size:32px; font-weight:700; line-height:44px; letter-spacing:0; white-space:pre-line; }
.feature-notes { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; margin:184px 0 0; padding:0; color:#8e8e8e; font-size:15px; font-weight:500; line-height:24px; list-style:none; }
.feature-notes li { position:relative; padding-left:16px; } .feature-notes li::before { position:absolute; top:.7em; left:0; width:5px; height:5px; border-radius:50%; background:#9e8a7c; content:""; }
.feature-visual { position:absolute; right:6.25%; bottom:0; width:31.25%; aspect-ratio:400/592; margin:0; }
.feature-panel--turn .feature-visual { right:6.328125%; width:47.34375%; aspect-ratio:606/592; }
.feature-mockup { position:relative; width:100%; height:100%; overflow:hidden; }
.feature-mockup img { display:block; width:100%; height:auto; max-width:none; border:0; border-radius:0; box-shadow:none; }
.feature-panel--hint .feature-mockup { border-radius:24px 24px 0 0; }
.feature-panel--hint .feature-mockup img { position:absolute; top:-.04%; left:0; height:143.82%; }
.closing { width:min(900px,100%); margin:80px auto 0; text-align:center; }
.closing strong { display:block; margin:0 0 12px; color:#171717; font-family:"Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:28px; font-weight:500; line-height:1.35; white-space:pre-line; }
.closing p { margin:0; color:#171717; text-align:center; font-family:"Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:20px; font-style:normal; font-weight:500; line-height:144.5%; letter-spacing:-.004px; }
.closing .notice-closing { margin-top:40px; }
.list-arrow { position:relative; width:min(var(--content-width),calc(100% - 64px)); height:80px; margin:0 auto; border-top:1px solid #d5d1d1; }
.list-arrow__link { position:absolute; right:0; bottom:0; display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; color:#000; text-decoration:none; outline-offset:6px; }
.list-arrow__icon { display:block; width:40px; height:40px; }
.is-sequence-reveal-ready .sequence-reveal-item { opacity:0; transform:translate3d(0,50px,0); transition:opacity 650ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.22,1,.36,1); transition-delay:var(--sequence-reveal-delay,0ms); }
.is-sequence-reveal-ready .sequence-reveal-group.is-sequence-resetting .sequence-reveal-item { transition:none; }
.is-sequence-reveal-ready .sequence-reveal-group.is-sequence-revealed .sequence-reveal-item { opacity:1; transform:translate3d(0,0,0); }
/* Yaho Keycap app-information spacing; project-specific values remain local. */
.info-list { display:grid; grid-template-columns:117px 62px 108px 260px; column-gap:80px; row-gap:24px; align-items:start; justify-content:center; justify-items:stretch; width:100%; height:auto; margin:103px auto 0; color:#000; font-family:"Pretendard JP", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; }
.info-item { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; width:100%; min-width:0; height:auto; min-height:60px; text-align:center; }
.info-item strong { display:block; height:20px; color:#8a8a8a; font-size:14px; font-weight:500; line-height:20px; letter-spacing:.203px; }
.info-item > span, .info-item a { display:block; min-height:32px; max-width:100%; color:#000; font-family:inherit; font-size:24px; font-weight:500; line-height:133.4%; letter-spacing:-.552px; text-align:center; font-feature-settings:'ss10' on; overflow-wrap:anywhere; }
.info-links { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; width:100%; max-width:100%; height:auto; }
.info-links a { width:122px; flex:none; text-decoration:underline; text-decoration-skip-ink:none; text-underline-position:from-font; text-underline-offset:auto; }
.info-item:not(:last-child)::after { content:''; display:block; position:absolute; top:18px; left:calc(100% + 40px); width:1px; height:24px; background:#D5D1D1; }
.info-item--policies::after { display:none; }
/* A language name and its trailing comma always stay together. */
.info-item .info-language-value { word-break:keep-all; overflow-wrap:normal; }
.info-language-name { display:inline-block; font:inherit; white-space:nowrap; overflow-wrap:normal; }
@media (min-width:981px) {
 .info-item:not(.info-item--policies) > span { width:max-content; max-width:calc(100% + 64px); }
 .info-item--policies strong { width:100%; }
 .info-links { gap:8px 16px; }
 .info-links a { width:auto; height:auto; min-height:0; }
}
@media (max-width:980px) {
 .info-list { --info-fact-padding:20px; width:100%; margin-inline:auto; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:0; }
 .info-item:not(.info-item--policies) { padding-inline:var(--info-fact-padding); }
 .info-item:not(.info-item--policies) > span { width:100%; }
 .info-item:nth-child(-n+2)::after { left:calc(100% - .5px); }
 .info-item:nth-child(3)::after { display:none; }
 .info-item--policies { grid-column:1 / -1; justify-self:stretch; }
}
@media (max-width:560px) {
 .info-list { --info-fact-padding:10px; width:100%; margin:56px auto 0; row-gap:32px; }
 .info-item > span, .info-item a { font-size:20px; }
 .info-links a { width:auto; min-height:44px; display:inline-flex; align-items:center; touch-action:manipulation; }
}
@media (max-width:350px) { .info-list { --info-fact-padding:0px; } }


@media (max-width:980px) {
 .hero { height:auto; min-height:860px; padding:105px 20px 55px; }
 .hero-copy { position:relative; top:auto; left:auto; width:min(908px,100%); height:auto; margin:0 auto; transform:none; }
 .hero-brand { position:relative; top:auto; left:auto; right:auto; width:min(520px,100%); margin:0 auto 18px; }
 .hero-kicker { margin-bottom:32px; font-size:17px; } .hero-tagline { font-size:44px; } .lead { font-size:19px; } .stores { margin-bottom:36px; }
 .hero-art img { width:460px; } .hero-art img:first-child { left:-300px; } .hero-art img:last-child { right:-300px; }
 .content-width { width:calc(100% - 40px); padding:72px 0 86px; } .section-title { font-size:36px; }
 .feature-panel,.figma-features .feature-panel { min-height:360px; padding:48px 32px 36px; }
 .feature-panel:first-child { min-height:430px; }
 .feature-text,.feature-panel--turn .feature-text { width:min(calc(52% - 32px),430px); }
 .feature-copy h3 { font-size:clamp(24px,4.2vw,32px); line-height:1.35; }
 .feature-notes { margin-top:32px; font-size:14px; line-height:1.6; }
 .feature-panel--turn .feature-text { width:calc(48% - 32px); }
 .feature-visual { top:24px; bottom:0; right:4%; width:36%; height:auto; aspect-ratio:auto; display:grid; place-items:end center; container-type:size; } .feature-panel--turn .feature-visual { right:4%; width:48%; aspect-ratio:auto; }
 .feature-mockup { width:min(100cqw,calc(100cqh * .6756756757)); height:auto; aspect-ratio:400/592; }
 .feature-panel--turn .feature-mockup { width:min(100cqw,calc(100cqh * 1.0236486486)); aspect-ratio:606/592; }
 .closing strong { font-size:26px; } .closing p { font-size:19px; }
 .list-arrow { width:calc(100% - 40px); }
}
@media (max-width:920px) {
 .wm-mark { width:44px; height:44px; }
}
@media (max-width:640px) {
 .wm-mark { width:36px; height:36px; }
}
@media (max-width:560px) {
 html { scrollbar-gutter:auto; }
 .list-arrow { width:calc(100% - 28px); }
 .hero { min-height:870px; padding:96px 18px 42.4px; } .hero-brand { width:min(320px,88vw); margin-bottom:14px; }
 .hero-kicker { margin-bottom:22px; font-size:15px; } .hero-tagline { font-size:clamp(31px,9.5vw,38px); line-height:1.18; }
 .stores { width:100%; height:auto; flex-wrap:wrap; margin:32px 0 24px; }
 .store { width:100%; max-width:280px; }
 .lead { max-width:34rem; font-size:16px; line-height:1.6; }
 .hero-art img { width:280px; } .hero-art img:first-child { left:-220px; top:170px; } .hero-art img:last-child { right:-220px; top:540px; }
 .content-width { width:calc(100% - 28px); padding:56px 0 72px; } .section-title { margin-bottom:24px; font-size:32px; }
 .features,.steps { gap:32px; }
 .feature-panel,.figma-features .feature-panel,.feature-panel:first-child { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; grid-template-areas:'copy' 'visual' 'notes'; align-content:start; row-gap:0; min-height:0; padding:48px 0 40px; border-radius:16px; box-shadow:none; }
 .feature-text,.feature-panel--turn .feature-text { display:contents; }
 .feature-copy { grid-area:copy; padding:0; text-align:center; }
 .feature-kicker { padding:0 24px; font-size:16px; line-height:26px; letter-spacing:-.3px; margin:0 0 8px; }
 .feature-copy h3 { padding:0 24px; font-size:26px; line-height:36px; letter-spacing:-.8px; }
 .feature-visual,.feature-panel--turn .feature-visual { position:relative; top:auto; right:auto; bottom:auto; grid-area:visual; container-type:normal; width:100%; height:auto; aspect-ratio:1/1; margin:36px auto 34px; display:grid; place-items:end center; }
 .feature-mockup { width:min(260px,67.56756757%); height:auto; aspect-ratio:400/592; }
 .feature-panel--turn .feature-mockup { width:100%; aspect-ratio:606/592; }
 .feature-notes { grid-area:notes; gap:6px; margin:0; padding:0 28px; color:#5f554e; font-size:14px; line-height:20px; }
 .closing { margin-top:64px; padding:0 4px; } .closing strong { font-size:24px; } .closing p { font-size:16px; line-height:1.65; } .closing .notice-closing { margin-top:32px; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }

/* Desktop languages stay on one line with dividers centered in the column gaps. */
@media (min-width:981px) {
 .info-list { --info-column-gap:clamp(40px, calc(40px + (100vw - 980px) / 3), 80px); grid-template-columns:117px 280px 108px 260px; column-gap:var(--info-column-gap); }
 .info-item:nth-child(2) > .info-language-value { width:100%; max-width:100%; white-space:nowrap; }
 .info-item:not(:last-child)::after { left:calc(100% + var(--info-column-gap) / 2); }
}

/* Preserve Yaho typography while avoiding short trailing lines and split policy names. */
.feature-copy h3 { text-wrap:balance; }
.lead,.closing p,.feature-notes li,.feature-kicker { text-wrap:pretty; }
.info-links a { width:auto; white-space:nowrap; }
@media (min-width:561px) and (max-width:1100px) {
 .feature-panel--turn:lang(ko) .feature-copy h3 { white-space:normal; }
}

/* Feature notes share the reference bottom inset regardless of line count. */
@media (min-width:561px) {
 .feature-panel,.figma-features .feature-panel,.feature-panel:first-child { display:flex; flex-direction:column; }
 .feature-text { display:flex; flex-direction:column; flex:1; }
 .feature-copy { flex:none; margin-bottom:184px; }
 .feature-notes { flex:none; margin-top:auto; }
}
@media (min-width:561px) and (max-width:980px) {
 .feature-copy { margin-bottom:32px; }
}
@media (max-width:560px) {
 .feature-panel,.figma-features .feature-panel,.feature-panel:first-child { grid-template-rows:auto auto minmax(0,1fr); }
 .feature-notes { align-self:end; }
}
@media (width:390px) {
 .feature-panel,.figma-features .feature-panel,.feature-panel:first-child { padding-bottom:150px; }
}

/* The Korean closing headline is a single line, including narrow mobile views. */
.closing:lang(ko) > strong { white-space:nowrap; }
@media (max-width:375px) {
 .closing:lang(ko) > strong { font-size:clamp(20px,calc((100vw - 40px) / 13.61),24px); }
}

/* Korean feature modules keep 24px corners at every viewport. */
.feature-section .feature-panel { border-radius:24px; }

/* WorksMade Services navigation — reference: Lotto public/index.html. */

/* Match the Services scrollbar gutter within the navigation only. */




/* Yaho feature-card dimensions across every Korean viewport, 2026-10-01. */
html[data-landing-layout="pastel-v2"] .feature-panel:not(.feature-panel--mini):not(.feature-panel--brand):not(.journey), html[data-landing-layout="pastel-v2"] .feature-list > .feature {
 --feature-card-height:680px; box-sizing:border-box; width:100%;
 height:var(--feature-card-height); min-height:var(--feature-card-height); max-height:var(--feature-card-height);
 aspect-ratio:auto; border-radius:24px;
}
@media (min-width:561px) and (max-width:980px) {
 html[data-landing-layout="pastel-v2"] .feature-panel:not(.feature-panel--mini):not(.feature-panel--brand):not(.journey), html[data-landing-layout="pastel-v2"] .feature-list > .feature { --feature-card-height:430px; }
}
@media (max-width:560px) {
 html[data-landing-layout="pastel-v2"] .feature-panel:not(.feature-panel--mini):not(.feature-panel--brand):not(.journey), html[data-landing-layout="pastel-v2"] .feature-list > .feature { --feature-card-height:560px; }
}
@media (width:390px) {
 html[data-landing-layout="pastel-v2"] .feature-panel:not(.feature-panel--mini):not(.feature-panel--brand):not(.journey), html[data-landing-layout="pastel-v2"] .feature-list > .feature { width:360px; justify-self:center; }
}

@media (min-width:561px) {
 html[data-landing-layout="pastel-v2"] .feature-panel .feature-text { min-height:0; }
 html[data-landing-layout="pastel-v2"] .feature-panel .feature-copy { margin-bottom:32px; }
}
@media (max-width:560px) {
 html[data-landing-layout="pastel-v2"] .feature-panel { grid-template-rows:auto minmax(0,1fr) auto; }
 html[data-landing-layout="pastel-v2"] .feature-panel .feature-visual {
  min-height:0; height:auto; aspect-ratio:auto; margin:36px 0 34px;
 }
 html[data-landing-layout="pastel-v2"] .feature-panel .feature-mockup {
  height:100%; max-height:100%; width:min(260px,67.56756757%); aspect-ratio:400/592;
 }
 html[data-landing-layout="pastel-v2"] .feature-panel--turn .feature-mockup { width:100%; height:auto; max-height:100%; aspect-ratio:606/592; }
}

/* Lotto app-information reference: spacing, typography and policy links. */
html[data-landing-layout="pastel-v2"] .info-list {
  display:grid; grid-template-columns:117px minmax(62px,max-content) 108px 260px;
  column-gap:80px; row-gap:24px; align-items:start; justify-content:center;
  justify-items:stretch; width:100%; max-width:none; height:auto; min-height:60px;
  margin:103px auto 0; padding:0; color:#000; background:transparent;
  font-family:"Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  font-synthesis:weight style small-caps; -webkit-font-smoothing:auto; text-rendering:optimizeLegibility;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item {
  position:relative; display:flex; flex-direction:column; justify-content:flex-start;
  align-items:center; gap:8px; width:100%; min-width:0; max-width:none;
  height:auto; min-height:60px; margin:0; padding:0; text-align:center; grid-column:auto;
  contain:none; flex-basis:auto;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item strong {
  display:block; width:auto; max-width:100%; height:20px; min-height:0;
  margin:0; padding:0; font:500 14px/20px "Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  letter-spacing:.203px; word-spacing:normal; color:#8a8a8a;
  text-align:center; white-space:normal; font-feature-settings:normal;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item > span,
html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links a {
  display:block; width:auto; max-width:none; height:32px; min-height:0; margin:0; padding:0;
  font:500 24px/133.4% "Pretendard JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  letter-spacing:-.552px; word-spacing:normal; font-feature-settings:'ss10' on;
  color:#000; text-align:center; white-space:nowrap; word-break:keep-all; overflow-wrap:normal;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item .info-language-name {
  display:inline; width:auto; height:auto; margin:0; padding:0;
  font:inherit; letter-spacing:inherit; color:inherit; white-space:nowrap;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:8px 16px; width:100%; max-width:100%; height:auto; min-height:0; margin:0; padding:0;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links a {
  width:122px; color:#000; text-decoration-line:underline; text-decoration-style:solid;
  text-decoration-skip-ink:none; text-decoration-thickness:auto;
  text-underline-offset:auto; text-underline-position:from-font;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links a:nth-child(n+3) { width:auto; }
html[data-landing-layout="pastel-v2"] .info-list .info-item:not(:last-child)::after {
  content:""; display:block; position:absolute; top:18px; left:calc(100% + 40px);
  width:1px; height:24px; background:#D5D1D1; transform:none;
}
html[data-landing-layout="pastel-v2"] .info-list .info-item:last-child::after { display:none; }
@media (max-width:980px) {
  html[data-landing-layout="pastel-v2"] .info-list {
    --info-fact-padding:20px; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:0;
    row-gap:24px; margin-top:103px;
  }
  html[data-landing-layout="pastel-v2"] .info-list .info-item:not(:last-child) { padding-inline:var(--info-fact-padding); }
  html[data-landing-layout="pastel-v2"] .info-list .info-item > span {
    width:100%; max-width:100%; height:auto; min-height:32px;
    white-space:normal; overflow-wrap:anywhere;
  }
  html[data-landing-layout="pastel-v2"] .info-list .info-item:last-child { grid-column:1/-1; justify-self:stretch; }
  html[data-landing-layout="pastel-v2"] .info-list .info-item:nth-of-type(-n+2)::after { left:calc(100% - .5px); }
  html[data-landing-layout="pastel-v2"] .info-list .info-item:nth-of-type(3)::after { display:none; }
}
@media (max-width:560px) {
  html[data-landing-layout="pastel-v2"] .info-list { --info-fact-padding:10px; row-gap:32px; margin-top:56px; }
  html[data-landing-layout="pastel-v2"] .info-list .info-item > span,
  html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links a { font-size:20px; }
  html[data-landing-layout="pastel-v2"] .info-list .info-item .info-links a {
    display:inline-flex; align-items:center; width:auto; min-height:44px; touch-action:manipulation;
  }
}
@media (max-width:350px) {
  html[data-landing-layout="pastel-v2"] .info-list { --info-fact-padding:0px; }
}

/* Closing promotion and facts use the Lotto reference's surrounding whitespace. */
html[data-landing-layout="pastel-v2"] .notice, html[data-landing-layout="pastel-v2"] .closing, html[data-landing-layout="pastel-v2"] .closing-copy { margin-top:80px; margin-bottom:0; }
html[data-landing-layout="pastel-v2"] .app-about { padding-top:80px; }
@media(max-width:560px) {
 html[data-landing-layout="pastel-v2"] .notice, html[data-landing-layout="pastel-v2"] .closing, html[data-landing-layout="pastel-v2"] .closing-copy { margin-top:52px; }
 html[data-landing-layout="pastel-v2"] .app-about { padding-top:52px; }
}

/* Fill the shared Yaho logo height while preserving the wordmark's source ratio. */
html[data-landing-layout="pastel-v2"] .hero-brand {
  --wordmark-ratio:3.2388663967611335;
  display:flex; justify-content:center; align-items:flex-start;
  container-type:inline-size;
}
html[data-landing-layout="pastel-v2"] .hero-wordmark {
  flex:none; width:min(calc(100cqw * 706 / 1280 * var(--wordmark-ratio)),calc(100vw - 64px));
  height:auto; max-width:none;
}
@media(max-width:980px) {
  html[data-landing-layout="pastel-v2"] .hero-wordmark {
    width:min(calc(100cqw * 706 / 1280 * var(--wordmark-ratio)),calc(100vw - 36px));
  }
}

/* Keep hover lift independent of the hero's reveal transform. */
html[data-landing-layout="pastel-v2"] .hero a.store[href] {
 translate:0 0;
 transition-property:opacity,transform,background-color,translate;
 transition-duration:650ms,650ms,180ms,220ms;
 transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1),ease,cubic-bezier(.19,1,.22,1);
 transition-delay:var(--sequence-reveal-delay,var(--reveal-delay,0ms)),var(--sequence-reveal-delay,var(--reveal-delay,0ms)),0ms,0ms;
}
html[data-landing-layout="pastel-v2"] .hero a.store[href]:hover,
html[data-landing-layout="pastel-v2"] .hero a.store[href]:focus-visible { transform:none; translate:0 -4px; }
@media(prefers-reduced-motion:reduce) {
 html[data-landing-layout="pastel-v2"] .hero a.store[href],
 html[data-landing-layout="pastel-v2"] .hero a.store[href]:hover,
 html[data-landing-layout="pastel-v2"] .hero a.store[href]:focus-visible { transition:none; translate:none; transform:none; }
}

/* Keep unavailable downloads out of the hero layout. */
.hero-copy--no-stores { height:auto; }
.hero-copy--no-stores .lead { margin-top:44px; }
@media (max-width:980px) { .hero-copy--no-stores .lead { margin-top:36px; } }
@media (max-width:560px) { .hero-copy--no-stores .lead { margin-top:24px; } }

/* Prepare in the document head; run exactly once, independently of JS/image load events. */
@keyframes puzzle-hero-enter {
 from { opacity:0; transform:translate3d(0,50px,0); }
 to { opacity:1; transform:translate3d(0,0,0); }
}
@media (prefers-reduced-motion:no-preference) {
 .hero-motion-ready .hero [data-hero-reveal] { animation:puzzle-hero-enter 650ms cubic-bezier(.22,1,.36,1) both; }
 .hero-motion-ready .hero [data-hero-reveal="kicker"] { animation-delay:120ms; }
 .hero-motion-ready .hero [data-hero-reveal="title"] { animation-delay:240ms; }
 .hero-motion-ready .hero [data-hero-reveal="actions"] { animation-delay:360ms; }
 .hero-motion-ready .hero [data-hero-reveal="description"] { animation-delay:480ms; }
 .hero-motion-ready .hero:focus-within [data-hero-reveal] { animation:none; }
}