:root{--night:#17172b;--night2:#24223b;--ivory:#fffaf2;--mint:#c1ecdf;--peach:#ff9b9c;--lavender:#c9bcf1;--yellow:#f5d791;--muted:#bdb9ce;--border:rgba(255,255,255,.18);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ivory);background:var(--night);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 18%,rgba(168,122,180,.17),transparent 27%),radial-gradient(circle at 96% 75%,rgba(92,192,166,.15),transparent 28%),#17172b}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit} :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.shell{width:min(1140px,calc(100% - 40px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:27px 0;gap:14px}.logo{font-weight:900;font-size:29px;letter-spacing:-2.7px;text-decoration:none}.logo-star{color:var(--peach);font-weight:500;margin-left:3px}.header-right{display:flex;align-items:center;gap:14px}.pill{border:1px solid var(--border);border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700;color:var(--mint)}.lang-label{position:absolute;width:1px;height:1px;overflow:hidden}select,input{background:#312f49;color:white;border:1px solid var(--border);padding:13px 14px;border-radius:15px;min-width:0}select{padding:8px 10px}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted);padding:28px 0;border-top:1px solid var(--border);margin-top:auto}.footer a{text-underline-offset:3px}main{flex:1}.splash{font-size:44px;font-weight:900;text-align:center;padding:130px 0}.splash span{color:var(--peach)}.hero{display:grid;grid-template-columns:1.18fr 0.82fr;align-items:center;gap:45px;padding:55px 0 80px;min-height:455px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800;color:var(--mint);margin:0 0 22px}.hero h1,.section-head h1{font-size:clamp(49px,7.4vw,88px);line-height:.99;letter-spacing:-.074em;font-weight:880;margin:0 0 23px;max-width:740px}.hero h1 em{color:var(--peach);font-style:normal}.lead{font-size:18px;line-height:1.7;color:#dad4e2;max-width:510px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{border:0;border-radius:16px;padding:15px 24px;font-weight:800;letter-spacing:-.018em;transition:transform .2s,background .2s;max-width:100%}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--peach);color:#221527}.btn-secondary{color:white;background:#39364f;border:1px solid var(--border)}.btn-outline{color:var(--ivory);background:transparent;border:1px solid var(--border)}.btn-small{padding:10px 14px;border-radius:12px;font-size:13px}.small{font-size:13px;color:var(--muted);line-height:1.6}.art{height:340px;position:relative;isolation:isolate}.art::before{content:"";position:absolute;inset:12% 8%;background:radial-gradient(circle,rgba(255,177,159,.2),transparent 68%);filter:blur(11px)}.art-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:225px;height:305px;border-radius:28px;padding:25px;box-shadow:0 30px 60px #0004}.art-card.one{background:var(--mint);color:var(--night);left:10%;top:18px;transform:rotate(-13deg)}.art-card.two{background:var(--peach);color:var(--night);right:5%;top:25px;transform:rotate(13deg)}.art-card.three{background:#ece3ff;color:#322543;left:25%;top:35px;transform:rotate(1deg);z-index:2}.art-card b{font-size:13px;letter-spacing:.14em;text-transform:uppercase}.art-card strong{font-size:28px;line-height:1.13;letter-spacing:-.045em}.art-card span{font-size:36px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0}.section-head h2,.page-title{font-size:clamp(30px,4.8vw,49px);margin:0;line-height:1.05;letter-spacing:-.056em}.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 90px}.pack{background:#2b293f;border:1px solid var(--border);border-radius:24px;color:white;text-align:left;min-height:212px;padding:23px;display:flex;flex-direction:column;gap:13px;transition:.2s}.pack:hover,.pack.selected{border-color:var(--peach);background:#383247;transform:translateY(-3px)}.pack .symbol{font-size:41px;color:var(--yellow)}.pack b{font-size:19px;line-height:1.1;letter-spacing:-.035em}.pack .small{font-size:12px}.pack .count{margin-top:auto;color:var(--mint);font-size:12px}.flow-wrap{max-width:720px;margin:45px auto 85px}.panel{background:#26243c;border:1px solid var(--border);border-radius:30px;padding:clamp(23px,5vw,49px);box-shadow:0 20px 55px #0b08162d}.panel h1,.panel h2{line-height:1.13;letter-spacing:-.05em}.panel h1{font-size:clamp(30px,5vw,52px);margin:15px 0}.panel h2{font-size:clamp(25px,4vw,39px)}.panel p{line-height:1.7}.muted{color:var(--muted)}.radio-label{display:flex;gap:13px;align-items:flex-start;line-height:1.4;padding:15px;background:#312f49;border-radius:14px;margin-top:20px}.radio-label input{margin-top:5px;accent-color:var(--peach)}.question-card{background:linear-gradient(135deg,#e9d9f0,#f0adab);border-radius:25px;padding:clamp(24px,6vw,53px);color:#30243a;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;margin:25px 0}.question-card .tiny{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;opacity:.65}.question-card p{font-size:clamp(26px,5vw,43px);letter-spacing:-.055em;line-height:1.2;font-weight:750;margin:15px 0}.progress{height:5px;background:#55465e;border-radius:99px;overflow:hidden}.progress>div{height:100%;background:var(--peach);transition:width .25s}.notice{padding:14px 17px;background:#39354b;border:1px solid var(--border);border-radius:13px;color:#eae5ef;font-size:14px;line-height:1.5;margin:18px 0}.error{background:#643443;border-color:#f1a3a3}.share{display:flex;gap:8px;margin:18px 0}.share input{width:100%;font-size:12px}.steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--mint);font-size:13px}.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.stage{border-radius:20px;text-align:left;padding:21px;background:#37344d;border:1px solid var(--border);color:white;display:flex;flex-direction:column;gap:13px;min-height:125px}.stage:hover{border-color:var(--peach)}.stage .sym{font-size:24px}.stage b{font-size:18px}.label{display:block;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:var(--mint);margin-bottom:9px}.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.geo-grid input{width:100%}.rec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rec{background:#363148;border:1px solid var(--border);border-radius:17px;padding:20px;min-height:145px}.rec .emoji{font-size:28px}.rec h3{font-size:18px;letter-spacing:-.03em;margin:15px 0 6px}.rec p{color:#e0d9e4;margin:0;font-size:13px}.rec.sponsor{border-color:rgba(245,215,145,.7)}.sponsor-label{font-size:11px;font-weight:850;letter-spacing:.08em;color:var(--yellow);text-transform:uppercase}.rec a{display:inline-block;font-weight:800;margin-top:13px;color:var(--mint)}.inline-note{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.legal{max-width:760px;padding:55px 25px;margin:0 auto;line-height:1.75}.legal h1{font-size:40px}.legal h2{margin-top:40px}.legal a{color:var(--mint)}.hidden{display:none!important}.tag{border:1px solid var(--border);border-radius:99px;padding:6px 10px;color:var(--mint);font-size:12px;display:inline-block;margin-right:5px}.backlink{background:transparent;border:0;color:var(--mint);padding:0;margin:0 0 25px;font-weight:650}.sep{height:1px;background:var(--border);margin:26px 0}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:5px;padding:25px 0 45px}.art{height:280px;max-width:400px;width:100%;margin:auto}.art-card{height:240px;width:180px}.art-card strong{font-size:22px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:36px}}
@media(max-width:560px){.shell{width:calc(100% - 30px)}.topbar{padding:19px 0}.hero h1{font-size:clamp(44px,13vw,70px)}.hero .lead{font-size:16px}.art{height:275px}.pack-grid{gap:10px;margin-bottom:40px}.pack{padding:15px;min-height:175px;border-radius:17px}.pack b{font-size:16px}.pack .symbol{font-size:28px}.flow-wrap{margin:25px auto 60px}.stage-grid,.rec-grid{grid-template-columns:1fr}.geo-grid{grid-template-columns:1fr}.share{flex-direction:column}.btn{width:100%}.actions{flex-direction:column}.panel{border-radius:20px}.footer{justify-content:center}.header-right{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}

.progress-native{display:block;width:100%;height:7px;appearance:none;border:0;background:#55465e;border-radius:999px;overflow:hidden}.progress-native::-webkit-progress-bar{background:#55465e}.progress-native::-webkit-progress-value{background:#ff9b9c}.progress-native::-moz-progress-bar{background:#ff9b9c}
/* UNFOLD Alpha.2: warmer playful editorial theme, privacy-first interactions. */
:root{--night:#271b30;--night2:#39263d;--ivory:#fff7f0;--mint:#c3e8da;--peach:#ffab93;--lavender:#ddc4eb;--yellow:#fdd995;--muted:#e0ccd9;--border:rgba(255,229,224,.19);background:#271b30}
body{background:radial-gradient(circle at 10% 3%,#a55c6950,transparent 38%),radial-gradient(circle at 94% 39%,#f6a67d24,transparent 28%),radial-gradient(circle at 48% 100%,#9a709038,transparent 35%),#271b30}
.topbar{padding:24px 0}.logo{font-size:31px;letter-spacing:-2px}.logo-star{color:#ffb69a}
.hero{min-height:510px;padding:50px 0 45px}.hero h1{letter-spacing:-.065em;font-weight:820}.hero h1 em{color:#ffb093;text-shadow:0 8px 45px #eb937738}.lead{color:#efdfeb}.eyebrow{color:#ffd6ae;display:flex;gap:8px;align-items:center;letter-spacing:.11em}.hero .motto{display:flex;gap:8px;align-items:center;margin-top:17px}
.btn{border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 5px 15px #160c1a1c}.btn-primary{background:linear-gradient(120deg,#ffbc8d,#ff91a2);color:#35202e}.btn-secondary{background:#5d3b56;color:#fff8f3}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 25px #10041638}
.panel{background:linear-gradient(148deg,#3d2843,#30223a);box-shadow:0 26px 65px #170e203b;border-color:#ffd3d12d}
.wide{max-width:870px}.flow-wrap{margin-top:39px}.choice-group{border:0;padding:0;margin:30px 0 22px;min-width:0}.choice-group legend{font-size:20px;letter-spacing:-.03em;font-weight:800;margin-bottom:17px;padding:0}
.vibe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.vibe,.add-on{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;border:1px solid #ffdfdc31;background:#493149;border-radius:18px;padding:17px;color:#fff7f0;transition:transform .18s,border-color .18s,background .18s}
.vibe:hover,.add-on:hover{transform:translateY(-2px)}.vibe.selected,.add-on.selected{border-color:#ffb69a;background:#613f59}
.vibe input,.add-on input{position:absolute;opacity:0;width:1px;height:1px}.vibe:focus-within,.add-on:focus-within{outline:3px solid #ffdc9b;outline-offset:3px}
.vibe{flex-direction:column;gap:15px;min-height:176px}.vibe b,.add-on b,.always-on b{display:block;font-size:17px;line-height:1.3}.vibe small,.add-on small,.always-on small{display:block;color:#e9d6e0;line-height:1.45;font-size:12px;margin-top:5px}
.vibe-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:13px;color:#2c1b35;background:#ffcfae}
.vibe:nth-child(2) .vibe-icon{background:#ddb5e6}.vibe:nth-child(3) .vibe-icon{background:#fb99a8}.tick{position:absolute;right:12px;top:13px;opacity:.25;color:#ffddbe}.selected .tick{opacity:1}
.always-on{display:flex;align-items:center;gap:15px;padding:19px;background:#553751;border-radius:18px;border:1px solid #ffc79d96;margin-bottom:12px}.mark-small{color:#ffd4ad}.included{margin-left:auto;color:#bde9c8}.add-on-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.add-on{padding-right:36px;min-height:116px}.pack-illustration{display:grid;place-items:center;border-radius:14px;background:#ffb59e2e;color:#ffe2b7;min-width:42px;height:42px}
.hint{display:flex;align-items:center;gap:8px;color:#ffe3b7;font-size:14px;margin:24px 0}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.feature-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 32px;background:#55384a65;border:1px solid #ffd4b82c;border-radius:20px;padding:18px 20px;margin-bottom:95px}.feature-strip span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#fceadf}
.mark{width:64px;height:64px;display:grid;place-items:center;background:#ffb69b;color:#442742;border-radius:22px;transform:rotate(-7deg);margin-bottom:24px}.mark svg{transform:rotate(7deg)}
.art{height:385px}.blob{position:absolute;border-radius:50%;filter:blur(4px)}.blob.one{width:200px;height:200px;background:#ffca984f;top:45px;right:10%}.blob.two{width:245px;height:245px;background:#eaa2ce33;bottom:7px;left:8%}
.art-card{width:211px;height:274px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 55px #1b101f50;border:1px solid #ffffff90;border-radius:25px;color:#342033}.art-card span{font-size:12px;font-weight:750;letter-spacing:.1em}.art-card strong{font-size:27px;line-height:1.12;letter-spacing:-.05em}.art-card.one{background:#f5d9c8;top:6%;left:9%;transform:rotate(-14deg)}.art-card.two{background:#dcc7ed;top:11%;left:36%;transform:rotate(9deg)}.art-card.three{background:#fac0b3;top:27%;left:53%;transform:rotate(23deg)}
.question-card{background:linear-gradient(145deg,#ffecd6,#f7adb3);color:#3a233b;border-radius:28px;box-shadow:0 18px 55px #1f142d32}.question-card.spicy{background:linear-gradient(138deg,#f3d7f4,#fba2af)}.question-card.hot{background:linear-gradient(138deg,#ffd0bd,#ff9a9e)}
.question-card p{font-weight:750}.card-ornament{align-self:flex-end;opacity:.8}.stage{background:#553951;border-color:#ffd7c943;border-radius:23px}.stage:hover{border-color:#ffb6a0;background:#62415c}.stage .sym{display:grid;place-items:center;width:51px;height:51px;background:#ffcaaf24;border-radius:17px;color:#ffd3a4}
.progress-native::-webkit-progress-value{background:#ffad92}.progress-native::-moz-progress-bar{background:#ffad92}
.vote-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.outcome-panel{text-align:left}.outcome-panel .lead{max-width:none}.privacy-foot{display:flex;align-items:center;gap:8px;margin-top:28px}.tag{background:#ffb99423;color:#ffdfbe}
.rec{background:#51374a;border-color:#ffdfd138}.rec.sponsor{border-color:#ffbe90}.sponsor-label{color:#ffdfad}
input,select{background:#482f49;border-color:#ffdfdb3a;color:#fffaf4}input:focus-visible,select:focus-visible{outline:3px solid #ffd19d}
.notice{background:#614054;border-color:#ffd6b642}.error{background:#803e56;border-color:#f5a5a5}
@media(max-width:900px){.art{height:285px;max-width:410px}.art-card{width:170px;height:224px;padding:18px}.art-card strong{font-size:23px}.hero{min-height:unset}.feature-strip{margin-bottom:55px}}
@media(max-width:680px){.vibe-grid{grid-template-columns:1fr}.vibe{min-height:unset;flex-direction:row;align-items:center;padding:15px 38px 15px 14px}.vibe-icon{flex-shrink:0}.add-on-list{grid-template-columns:1fr}.art-card.three{left:51%}.vote-actions{flex-direction:column}.vote-actions .btn{width:100%}}
@media(max-width:560px){.art{height:240px;max-width:340px;margin:10px auto}.art-card{width:150px;height:191px;padding:15px}.art-card strong{font-size:19px}.art-card.three{left:48%;top:23%}.feature-strip{gap:12px 18px;border-radius:15px}.feature-strip span{font-size:11px}.panel{padding:24px 19px}.hero{padding:25px 0 12px}.hero h1{font-size:clamp(44px,12vw,65px)}.vote-actions{margin:20px 0}.choice-group legend{font-size:18px}}
.rec .emoji{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#ffddba;background:#ffbbad20}
/* Round length and gentle post-game host choices */
.round-length { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem }
.length-choice { display:flex;align-items:center;gap:.75rem;cursor:pointer;border:2px solid rgba(113,49,84,.2);background:#fffaf4;border-radius:16px;padding:1rem;min-height:64px;font-weight:650 }
.length-choice.selected { border-color:#9a3d71;background:#fff0f4 }
.length-choice input { accent-color:#94345d;width:18px;height:18px;flex-shrink:0 }
.next-choice { border-radius:22px;background:linear-gradient(145deg,#fff1ec,#fbe3ec);padding:clamp(1rem,3vw,2rem);margin:1.35rem 0 }
.next-choice h2 { margin:0 0 .6rem;font-size:clamp(1.15rem,3vw,1.55rem) }
.three-options { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.1rem }
.three-options .btn { white-space:normal;line-height:1.3;min-height:64px }
@media(max-width:660px){.round-length,.three-options{grid-template-columns:1fr}}
/* Explicit contrast on pale controls nested in dark panels */
.length-choice { color:#45263b }
.next-choice { color:#45263b }
.next-choice .muted { color:#6d465d }
.next-choice .btn-outline { color:#512c43;border-color:#9b6686;background:rgba(255,255,255,.62) }
.next-choice .btn-outline:hover { background:#fff }
/* Alpha.5: accessible searchable country/city selector */
.geo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.geo-field{position:relative;min-width:0}
.geo-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:49px;padding:12px 15px;background:#482f49;color:#fffaf4;border:1px solid #ffdfdb3a;border-radius:15px;text-align:left}
.geo-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.geo-trigger[aria-expanded="true"]{border-color:var(--peach)}
.geo-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:min(310px,80vw);background:#2d2340;border:1px solid #ffdfdb75;border-radius:15px;padding:10px;box-shadow:0 12px 35px #0008;z-index:15}
.geo-menu input{width:100%;border-radius:9px;min-height:43px}
.geo-options{max-height:220px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:3px}
.geo-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-radius:8px;background:transparent;color:#fffaf4;padding:10px 9px;text-align:left}
.geo-option:hover,.geo-option:focus-visible,.geo-option[aria-selected="true"]{background:#66435c}
.geo-option small{color:#f0cabe;flex-shrink:0}
.geo-empty{color:#e9d9e5;font-size:13px;padding:12px 9px;line-height:1.5}
.geo-credit{margin:0 0 14px}
@media(max-width:560px){.geo-grid{grid-template-columns:1fr}.geo-menu{min-width:0;right:0}}

/* alpha.10: breathing room between question badge and the progress indicator. */
.game-panel .inline-note{margin-bottom:12px}
.game-panel .progress-native{margin:0}

/* alpha.12.1: single share action with native share and automatic copy fallback. */
.invite-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
.invite-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0;flex:1 1 auto}
.invite-privacy{margin:9px 0 0}
@media(max-width:560px){.invite-actions{flex-direction:column}.invite-actions .btn{flex:0 0 auto;width:100%}}

/* Beta accessibility: keyboard skip target, screen-reader announcements and reliable focus. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;top:10px;left:10px;transform:translateY(-150%);background:#fffaf2;color:#17172b;border:3px solid #f5d791;padding:10px 17px;border-radius:10px;font-weight:700}
.skip-link:focus{transform:translateY(0)}
#root:focus,[tabindex="-1"]:focus{outline:none}
#root h1[tabindex="-1"]:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
@media (prefers-reduced-motion:reduce){.skip-link{transition:none!important}}

/* Beta.3: Home CTA stays above the fold on 1366x768 screens including browser chrome.
   Scope desktop rules so mobile and in-game layouts retain their existing sizes. */
@media (min-width:901px) and (max-width:1500px) {
  .hero{min-height:0;padding:22px 0 25px;gap:30px;align-items:center}
  .hero .eyebrow{margin-bottom:13px}
  .hero h1{font-size:clamp(49px,4.65vw,65px);line-height:1.015;letter-spacing:-.065em;margin-bottom:14px}
  .hero .lead{font-size:clamp(16px,1.27vw,18px);line-height:1.48;margin:0;max-width:530px}
  .hero .actions{margin-top:19px}
  .hero .motto{margin-top:15px;margin-bottom:0}
  .hero .art{height:290px;transform:scale(.88);transform-origin:center}
}
@media (min-width:901px) and (max-height:720px) {
  .topbar{padding-top:17px;padding-bottom:17px}
  .hero{padding-top:10px;padding-bottom:14px}
  .hero .eyebrow{margin-bottom:10px}
  .hero h1{font-size:clamp(46px,4.35vw,60px);margin-bottom:10px}
  .hero .lead{line-height:1.39}
  .hero .actions{margin-top:14px}
  .hero .motto{margin-top:9px}
}
@media (min-width:901px) and (max-width:1100px) {
  .hero .art{transform:scale(.72)}
}