/* Four campaign art directions share the same verified interaction engine.
   DESIGN_VARIANCE 6 / MOTION_INTENSITY 4 / VISUAL_DENSITY 3.
   Light palette is an explicit client constraint. Native CSS preserves existing implementation. */
.a{--purple:#61369b;--ink:#263449;--muted:#607185;--page:#fff;--surface:#f1f6fa;--edge:#d6e2ec;--radius:18px;background:var(--page)}
.a .demo-bar{padding:8px 4%;background:#253047}.a .demo-bar nav{gap:4px}.a .demo-bar a{padding:8px 13px}.a .demo-note{color:#cad5e0}
.a .header{padding:16px 5%;min-height:80px;background:#fffffff5}.a .header .logo img{width:75px;height:43px}.a .header nav{gap:27px}.a .header nav a{font-size:12px;position:relative;display:block}.a .header nav a.current{color:var(--purple)}.a .header>span{font-size:11px}.a .eyebrow{color:#566d86;letter-spacing:.13em}
.a .hero{position:relative;display:block;aspect-ratio:16/9;height:auto;min-height:0;max-width:1800px;margin:0 auto;background:#e7f1fa;padding:0;overflow:hidden}.a .hero-art{position:absolute;inset:0;min-height:0;aspect-ratio:auto;max-height:none;background:none}.a .hero-art:before,.a .hero-art:after{display:none}.a .hero-art img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform:none;mix-blend-mode:normal}.a .hero-copy{position:absolute;width:31%;padding:0;margin:0;left:5%;top:18%;z-index:1}.a .hero-copy .eyebrow{font-size:10px;letter-spacing:.1em}.a .hero h1{font-size:clamp(40px,4.3vw,68px);line-height:1.15;margin:17px 0}.a .hero p{font-size:clamp(13px,1.15vw,17px);max-width:370px;line-height:1.8;margin:0 0 22px}.a .hero .primary{font-size:13px;padding:13px 22px;min-height:44px}.a .hero-foot{display:none}.a .art-note{position:absolute;right:20px;bottom:15px;font-size:9px;color:#56697d;background:#f6fbffb8;border-radius:3px;padding:4px 7px}
.a .flagship-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:1400px;margin:0 auto;background:#f4f9fc;border-bottom:1px solid var(--edge)}.a .flagship-item{position:relative;padding:25px 6%;display:flex;align-items:center;gap:22px}.a .flagship-item+.flagship-item{border-left:1px solid var(--edge)}.a .flagship-model{font-size:19px;font-weight:650;display:block}.a .flagship-spec{font-size:11px;color:#60758a;display:block;margin-top:4px}.a .flagship-item p{font-size:12px;line-height:1.7;margin:0 20px 0 0}.a .flagship-arrow{position:absolute;right:5%;font-size:19px;color:var(--purple)}
.a .game-section{background:var(--surface);padding:85px 30px}.a .section-number{display:none}.a .section-intro{max-width:1100px}.a .section-intro h2{font-size:clamp(29px,3.15vw,44px);line-height:1.35}.a .section-intro p{font-size:14px;max-width:620px;margin:14px auto 0}.a .game-shell{border-radius:var(--radius);border:1px solid var(--edge);box-shadow:0 20px 55px #304d6710}.a .game-toolbar{background:#ffffffec}.a .start-view{min-height:520px;padding:55px 40px;text-align:left;align-items:flex-start;background:#edf5fb}.a .start-view h3{font-size:31px;line-height:1.45;max-width:320px}.a .start-view p{max-width:280px;font-size:14px}.a .start-bg{inset:0 0 0 24%;background-image:var(--direction-intro);background-size:auto 100%;background-position:75% center;opacity:1;filter:none}.a .start-bg:after{background:linear-gradient(90deg,#edf5fb 0%,#edf5fbd9 15%,transparent 55%)}.a .start-badges{gap:8px;max-width:300px}.a .start-badges span{padding:8px 10px;font-size:11px}.a .desk-sync .display-photo{background-image:var(--direction-screen);background-position:center;background-size:cover}.a .desk-plate{object-position:50% 66%}.a .desk-sync .laptop-display .display-photo{filter:saturate(1.08) brightness(var(--laptop-light))}.a .task-header h3{font-size:27px}.a .result-feature strong{font-size:16px}.a .vote-card,.a .result-feature{border-radius:12px}.a .vote-card>.feature-photo,.a .result-feature>.feature-photo{aspect-ratio:16/9;object-fit:contain}.a .feature-reveal>.feature-photo{aspect-ratio:16/9;object-fit:contain}.a .vote-view,.a .win-view{background:linear-gradient(150deg,#fff,var(--surface))}.a .vote-result{background:linear-gradient(#fbfdff,var(--surface))}.a .game-footnote{font-size:10px}.a .vote-note{font-size:10px}
.a .section{max-width:1280px;margin:95px auto;padding:0 44px}.a .review-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.35;margin:13px 0}.a .review-heading p{font-size:14px;max-width:620px}.a .review-rail{grid-auto-columns:calc((100% - 3 * var(--gap))/3.5)}.a .review-card{border-radius:12px;aspect-ratio:3/4;min-height:0}.a .review-card .review-name{font-size:17px}.a .review-card .review-name small{font-size:10px}.a .review-arrows{gap:10px}.a .review-arrow{width:43px;height:43px}.a #review-bottom{margin-top:20px;display:flex;justify-content:center}.a #review-bottom:empty{display:none}.a .caption{font-size:10px;line-height:1.8}
.a .experience.section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:460px auto;padding:0;gap:0;max-width:1192px;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.a .experience-photo{grid-column:1/-1;grid-row:1;position:relative}.a .experience-photo img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.a .experience-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#153146d9,transparent 80%)}.a .experience-photo>span{position:absolute;right:20px;bottom:16px;z-index:1;background:#ffffffd9;padding:5px 9px;font-size:10px;border-radius:4px;color:#40576b}.a .experience-copy{grid-column:1;grid-row:1;align-self:center;padding:45px;z-index:1}.a .experience-copy h2{font-size:38px;line-height:1.5}.a .experience-copy h2,.a .experience-copy p,.a .experience-copy .eyebrow{color:#fff}.a .experience-copy p{font-size:14px;max-width:300px}.a .experience-copy .caption{font-size:10px;color:#e4edf4}.a .venue-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:30px 38px;margin:0}.a .venue-heading{grid-column:1/-1;font-size:12px;margin:0 0 12px}.a .venue-row{position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;margin:0;padding:19px 0 38px;border:0;border-top:1px solid #cfdae4;border-radius:0;background:none}.a .venue-row b{font-size:14px}.a .venue-row p{font-size:12px;margin:5px 0 0}.a .venue-city{align-self:start;font-size:10px;border-radius:4px;background:#dde7ef;padding:5px}.a .venue-map{position:absolute;bottom:13px;left:52px;font-size:11px;color:var(--purple);text-decoration:underline;text-underline-offset:4px}
.a .products{text-align:left}.a .products h2{font-size:clamp(29px,3vw,43px);margin:15px 0}.a .product-intro{font-size:14px;margin:0 0 35px}.a .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.a .product-item,.a .product-item.featured{grid-column:auto;padding:25px 10px 34px;text-align:center;border-top:1px solid var(--edge);background:transparent}.a .product-item img,.a .product-item.featured img{height:210px;mix-blend-mode:multiply}.a .product-purpose{display:block;font-size:11px;color:#63798b;letter-spacing:.05em;margin-top:17px}.a .product-item h3{font-size:23px;margin:8px 0}.a .product-item p{font-size:12px;margin:0 0 15px}.a .product-item a{font-size:12px;border:0;border-bottom:1px solid #b9a4cf;border-radius:0;padding:7px 0}.a footer{background:#eef4f8;padding:35px 5%;font-size:11px}.a footer .logo img{object-fit:contain}.a .primary{transition:background .2s,transform .2s}.a .primary:active{transform:translateY(1px)}
/* 01 — central product stage, wide calm sections, clear paired flagships. */
.direction-01 .hero-copy{left:17%;width:66%;top:4.5%;text-align:center}.direction-01 .hero h1{font-size:clamp(40px,4vw,62px);margin:10px 0}.direction-01 .hero h1 br{display:none}.direction-01 .hero p{margin:0 auto 12px;max-width:none}.direction-01 .hero-copy .eyebrow{font-size:9px}.direction-01 .hero .primary{padding:10px 20px;min-height:39px;font-size:12px}.direction-01 .review-heading{align-items:end}.direction-01 .products>h2,.direction-01 .products>.eyebrow,.direction-01 .product-intro{display:block;text-align:center}.direction-01 .game-shell{max-width:1160px}
/* 02 — editorial rhythm, visible chapter indices, flatter rules and horizontal product entries. */
.direction-02{--surface:#f5f7f9;--radius:4px;--edge:#cbd7e0}.direction-02 .hero-copy{top:20%;left:5%;width:31%}.direction-02 .flagship-strip{background:#fff}.direction-02 .flagship-item{padding:25px 6%;border-bottom:2px solid #8ba3b4}.direction-02 .game-section{background:#fff;padding-top:90px}.direction-02 .section-intro{display:grid;grid-template-columns:120px 1fr;text-align:left;padding:0 0 30px;border-top:1px solid #bccbd6;gap:0 20px}.direction-02 .section-number{display:block;grid-row:1/4;font-size:82px;line-height:1.2;font-weight:300;color:#abbfcd;padding-top:15px}.direction-02 .section-intro .eyebrow{padding-top:25px}.direction-02 .section-intro h2{margin:12px 0}.direction-02 .section-intro p{margin:0;max-width:680px}.direction-02 .game-shell{box-shadow:none;border-color:#cad6df}.direction-02 .start-view{min-height:500px}.direction-02 .game-toolbar{border-bottom:1px solid #cad6df}.direction-02 .vote-grid{gap:0;border-top:1px solid #c8d5de;border-bottom:1px solid #c8d5de}.direction-02 .vote-card{border-radius:0;border:0;border-right:1px solid #c8d5de;box-shadow:none;background:white}.direction-02 .vote-card[aria-pressed=true]{border:2px solid var(--purple)}.direction-02 .vote-card:last-child{border-right:0}.direction-02 .review-heading{border-top:1px solid #bfcdd7;padding-top:30px}.direction-02 .review-card{border-radius:0;aspect-ratio:3/4.15}.direction-02 .reviews .caption{text-align:center}.direction-02 .experience.section{grid-template-columns:1fr;grid-template-rows:510px auto;border-radius:0}.direction-02 .experience-copy{grid-column:1;align-self:end;padding:28px 38px;background:linear-gradient(90deg,#f3f8ffed,#f3f8ffdd);display:grid;grid-template-columns:1.2fr 1fr;gap:0 30px}.direction-02 .experience-copy .eyebrow{grid-column:1/-1;color:#506982}.direction-02 .experience-copy h2{font-size:30px;color:#263d52;margin:12px 0 0;grid-row:2/4}.direction-02 .experience-copy p{color:#546e83;font-size:13px;margin:13px 0 0}.direction-02 .experience-copy .caption{color:#61758b;font-size:10px;margin:5px 0}.direction-02 .experience-photo:after{display:none}.direction-02 .experience-photo>span{top:15px;bottom:auto}.direction-02 .venue-list{background:white;border-bottom:1px solid #cbd7e0}.direction-02 .products{border-top:1px solid #bfced8;padding-top:35px}.direction-02 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px}.direction-02 .product-item,.direction-02 .product-item.featured{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;text-align:left;gap:18px;padding:25px 0}.direction-02 .product-item img,.direction-02 .product-item.featured img{height:180px}.direction-02 .product-purpose{margin-top:0}.direction-02 .product-item h3{font-size:24px}.direction-02 .result-feature{box-shadow:none;border-radius:0}
/* 03 — the commissioned flower artwork is the color source throughout. */
.direction-03{--surface:#f6f3fb;--edge:#e0d7ed;--radius:22px}.direction-03 .hero-copy{left:4.5%;top:17%;width:31%}.direction-03 .hero h1{font-size:clamp(40px,4.05vw,62px)}.direction-03 .hero p{max-width:300px}.direction-03 .hero .primary{max-width:270px}.direction-03 .flagship-strip{background:#f4f1fa;max-width:none}.direction-03 .flagship-item{max-width:1240px;width:100%;margin:auto;padding:23px 4%;gap:35px}.direction-03 .game-section{background:#f8f6fc;padding-top:55px}.direction-03 .section-intro{position:relative;padding:42px 35px;text-align:left;margin-bottom:28px;border-radius:16px;background:linear-gradient(90deg,#faf8fd 50%,#faf8fda8 77%,#faf8fd00),url('assets/screen-03.webp') right center/50% auto no-repeat;overflow:hidden}.direction-03 .section-intro h2{max-width:660px}.direction-03 .section-intro p{margin-left:0;max-width:580px}.direction-03 .game-shell{box-shadow:0 20px 50px #66508912}.direction-03 .vote-card{background:white;border-color:#d9cce9}.direction-03 .vote-card[aria-pressed=true]{border-color:#7544a7;box-shadow:0 0 0 3px #9d7cc320}.direction-03 .vote-result{background:linear-gradient(135deg,#f9faff,#efe7f8)}.direction-03 .review-heading{display:block;text-align:center;position:relative}.direction-03 .review-heading p{margin-inline:auto}.direction-03 #review-top{position:absolute;bottom:0;right:0}.direction-03 .review-rail{grid-auto-columns:calc((100% - 3 * var(--gap))/3.35);gap:24px}.direction-03 .review-card{aspect-ratio:3/4.25;border-radius:18px}.direction-03 .experience.section{grid-template-columns:1fr 1fr;max-width:1192px}.direction-03 .experience-copy{grid-column:2}.direction-03 .experience-photo:after{background:linear-gradient(270deg,#19253fe8,transparent 85%)}.direction-03 .experience-photo>span{left:20px;right:auto}.direction-03 .venue-list{background:#f5f1fa}.direction-03 .products h2{max-width:700px}.direction-03 .product-grid{gap:20px}.direction-03 .product-item,.direction-03 .product-item.featured{border:0;border-radius:16px;background:#f7f5fb;padding:25px 15px}.direction-03 .product-purpose{color:#78618b}.direction-03 footer{background:#f3eff9}
/* 04 — daylight, unhurried left-aligned reading and generous product photography. */
.direction-04{--surface:#f1f6f7;--edge:#d6e2e4;--radius:16px}.direction-04 .hero-copy{left:auto;right:4%;top:24%;width:33%}.direction-04 .hero h1{font-size:clamp(40px,4.1vw,65px)}.direction-04 .flagship-strip{background:white;max-width:1192px;border-bottom:1px solid #ccdce0}.direction-04 .flagship-item{padding:27px 0}.direction-04 .flagship-arrow{right:0}.direction-04 .game-section{background:#fff;padding-top:90px}.direction-04 .section-intro{text-align:left;margin-bottom:35px;padding:0}.direction-04 .section-intro h2{font-size:43px}.direction-04 .section-intro p{margin:15px 0;max-width:650px}.direction-04 .game-shell{border-color:#cddde2;box-shadow:0 15px 45px #43585f0b}.direction-04 .start-view{background:#f0f6f8}.direction-04 .start-bg:after{background:linear-gradient(90deg,#f0f6f8,#f0f6f8c9 18%,transparent 55%)}.direction-04 .review-card{aspect-ratio:3/4;border-radius:8px}.direction-04 .reviews{border-top:1px solid #d6e2e4;padding-top:38px}.direction-04 .experience.section{max-width:none;margin-inline:0;grid-template-columns:1fr 1fr;grid-template-rows:510px auto;border-radius:0}.direction-04 .experience-copy{padding-left:max(45px,calc((100vw - 1110px)/2));padding-right:20px}.direction-04 .experience-copy h2{font-size:42px}.direction-04 .experience-photo img{object-position:center 52%}.direction-04 .experience-photo:after{background:linear-gradient(90deg,#153043d9,transparent 72%)}.direction-04 .venue-list{max-width:1192px;width:100%;margin:0 auto;padding:35px 44px}.direction-04 .products{text-align:center}.direction-04 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.direction-04 .product-item,.direction-04 .product-item.featured{padding-top:35px;display:grid;grid-template-columns:1.4fr 1fr;text-align:left;align-items:center;gap:20px}.direction-04 .product-item img,.direction-04 .product-item.featured img{height:240px}.direction-04 .product-purpose{margin-top:0}.direction-04 footer{background:#f0f5f6}
@media(min-width:1800px){.a .hero h1{font-size:68px}.direction-01 .hero h1{font-size:62px}}
@media(max-width:1100px){.a .header>span{display:none}.a .hero h1{font-size:42px}.a .hero p{font-size:13px}.a .hero .primary{font-size:11px;min-height:39px;padding:10px 17px}.a .hero-copy .eyebrow{font-size:8px}.a .flagship-item{gap:15px;padding:21px 5%}.a .flagship-item p{font-size:11px}.a .section{padding:0 30px}.a .experience.section{margin-left:30px;margin-right:30px;grid-template-rows:420px auto}.a .experience-copy{padding:30px}.a .experience-copy h2{font-size:32px}.a .review-rail{grid-auto-columns:calc((100% - 2 * var(--gap))/2.7)}.a .product-item img,.a .product-item.featured img{height:180px}.direction-04 .flagship-strip{margin:0 30px}.direction-04 .experience.section{margin-inline:0}.direction-04 .product-item img,.direction-04 .product-item.featured img{height:180px}.direction-04 .product-grid{gap:0 30px}.direction-02 .product-grid{gap:0 25px}.direction-02 .product-item h3{font-size:20px}.direction-03 #review-top{position:static;margin-top:20px;display:flex;justify-content:center}}
@media(max-width:820px){
 .a .demo-bar{padding:8px 12px;justify-content:center}.a .demo-bar>span{display:none}.a .demo-bar a{font-size:10px;padding:8px 10px}.a .header{padding:12px 5%;min-height:67px;gap:12px}.a .header .logo img{width:60px;height:35px}.a .header nav{gap:17px}.a .header nav a,.a .header nav a:first-child{font-size:11px}.a .header>span{display:none}
 .a .hero{aspect-ratio:auto;display:flex;flex-direction:column;overflow:hidden;background:#edf4fb}.a .hero-copy,.direction-01 .hero-copy,.direction-02 .hero-copy,.direction-03 .hero-copy,.direction-04 .hero-copy{position:relative;inset:auto;order:0;width:auto;max-width:none;text-align:left;padding:37px 6% 26px;margin:0}.a .hero-copy .eyebrow{font-size:9px}.a .hero h1{font-size:clamp(38px,7vw,58px);margin:15px 0;line-height:1.13}.a .hero h1 br{display:none}.a .hero p{font-size:14px;max-width:500px;margin:0 0 18px}.a .hero .primary{font-size:13px;padding:12px 20px;min-height:43px}.a .hero-art{position:relative;order:1;inset:auto;aspect-ratio:16/9;width:100%;min-height:0;grid-row:auto;grid-column:auto}.a .hero-art img{width:100%;height:100%;object-fit:contain}.a .hero-art:after{display:none}.a .art-note{position:relative;order:2;align-self:flex-end;right:auto;bottom:auto;margin:5px 12px 10px;font-size:8px;background:none;padding:0}
 .a .flagship-strip{grid-auto-flow:row;margin:0;border-radius:0}.a .flagship-item{padding:20px 6%;gap:20px}.a .flagship-item+.flagship-item{border-left:0;border-top:1px solid var(--edge)}.a .flagship-model{font-size:18px}.a .flagship-spec{font-size:10px}.a .flagship-item p{font-size:12px}.a .flagship-arrow{right:6%}.a .flagship-item>div{min-width:115px}
 .a .game-section{padding:55px 16px}.a .section-intro{padding:0 4px;margin-bottom:25px;text-align:left}.a .section-intro h2,.direction-04 .section-intro h2{font-size:30px}.a .section-intro p{margin:13px 0 0;font-size:13px;max-width:600px}.a .game-shell{border-radius:12px}.a .start-view{min-height:500px;justify-content:flex-start;align-items:flex-start;text-align:left;padding:28px 24px 245px}.a .start-view h3{font-size:26px;max-width:500px;margin-bottom:10px}.a .start-view p{font-size:13px;max-width:450px;margin-bottom:15px}.a .start-view .primary{margin:0;min-height:43px;font-size:13px}.a .start-badges{display:none}.a .start-bg{inset:200px 0 0;background-size:cover;background-position:center}.a .start-bg:after,.direction-04 .start-bg:after{background:linear-gradient(#edf5fb,transparent 45%)}.a .task-header h3{font-size:23px}.a .task-header p{font-size:12px}.a .game-footnote{font-size:9px}.a .vote-grid,.a .result-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a .vote-card strong,.a .result-feature strong{font-size:14px}.a .vote-card small{font-size:11px}.a .vote-view h3,.a .win-view h3{font-size:27px}
 .a .section{margin:65px auto;padding:0 24px}.a .review-heading{gap:15px}.a .review-heading h2{font-size:29px}.a .review-heading p{font-size:13px}.a .review-rail{grid-auto-columns:calc((100% - var(--gap))/2.2)}.a .review-card .review-name{font-size:16px}.a .review-arrow{width:36px;height:36px}.a .review-index{display:none}.a .review-arrows{gap:7px}.a .caption{font-size:9px}
 .a .experience.section{margin:65px 24px;grid-template-columns:1fr;grid-template-rows:420px auto;border-radius:12px}.a .experience-copy,.direction-03 .experience-copy{grid-column:1;padding:28px}.a .experience-copy h2,.direction-04 .experience-copy h2{font-size:32px}.a .experience-copy p{font-size:13px;max-width:270px}.a .experience-photo img{object-position:58% center}.a .experience-photo:after,.direction-03 .experience-photo:after{background:linear-gradient(90deg,#153146df,transparent 90%)}.a .experience-photo>span{font-size:9px;left:auto;right:15px;bottom:13px}.a .venue-list{padding:25px;grid-template-columns:1fr;gap:0}.a .venue-row b{font-size:14px}.a .venue-row p{font-size:12px}.a .venue-map{font-size:11px}
 .a .products h2{font-size:30px}.a .product-intro{font-size:13px}.a .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.a .product-item,.a .product-item.featured{padding:20px 0 26px;display:block;text-align:center}.a .product-item img,.a .product-item.featured img{height:165px}.a .product-purpose{font-size:10px;margin-top:12px}.a .product-item h3{font-size:20px}.a .product-item p{font-size:11px}.a .product-item a{font-size:12px}.a footer{font-size:10px;padding:25px 24px}
 .direction-02 .section-intro{grid-template-columns:60px 1fr;gap:0 12px;text-align:left;padding-top:15px}.direction-02 .section-number{font-size:48px;padding:0}.direction-02 .section-intro .eyebrow{padding-top:8px}.direction-02 .section-intro h2{font-size:29px;margin:13px 0}.direction-02 .section-intro p{grid-column:2}.direction-02 .vote-grid{gap:0}.direction-02 .vote-card{border:1px solid #c8d5de}.direction-02 .experience-copy{display:block;padding:23px 28px}.direction-02 .experience-copy h2{font-size:28px;line-height:1.35}.direction-02 .experience-copy h2 br{display:none}.direction-02 .experience-copy p{max-width:550px;margin:10px 0 0}.direction-02 .experience-copy .caption{font-size:9px;margin-top:5px}.direction-02 .experience-photo:after{display:none}.direction-02 .experience-photo>span{top:15px;bottom:auto}.direction-02 .products{border:0;padding-top:0}
 .direction-03 .section-intro{padding:28px 22px;background-size:auto 100%;background-image:linear-gradient(90deg,#faf8fdf5 40%,#faf8fd90),url('assets/screen-03.webp')}.direction-03 .section-intro h2{font-size:29px}.direction-03 .review-heading{text-align:left}.direction-03 #review-top{display:block;margin:0}.direction-03 .review-heading{display:flex;align-items:end}.direction-03 .product-grid{gap:12px}.direction-03 .product-item,.direction-03 .product-item.featured{padding:17px 8px}.direction-04 .reviews{padding-top:25px}.direction-04 .experience.section{margin-inline:0;border-radius:0}.direction-04 .venue-list{padding:25px 30px}.direction-04 .product-grid{gap:0 20px}
}
@media(max-width:520px){.a .hero h1 br{display:block}.a .hero-copy{padding-top:30px}.a .hero h1{font-size:43px}.a .hero p{font-size:13px}.a .start-view{min-height:450px;padding:26px 20px 220px}.a .start-view h3{font-size:23px;max-width:280px}.a .start-bg{inset:225px 0 0}.a .start-view p{font-size:12px}.a .review-rail{grid-auto-columns:calc((100% - var(--gap))/1.4)}.a .review-heading h2{font-size:26px}.a .review-heading p{font-size:12px}.a .review-heading{align-items:end}.a .review-card .review-name{font-size:17px}.a .product-item img,.a .product-item.featured img{height:135px}.a .product-item h3{font-size:18px}.a .product-item p{font-size:10px}.a .product-purpose{font-size:9px}.a .experience.section{margin-inline:18px;grid-template-rows:395px auto}.a .section{padding-inline:20px}.a .experience-copy{padding:25px}.a .experience-copy h2{font-size:29px}.direction-04 .experience.section{margin-inline:0}.a .game-section{padding-inline:10px}.a .section-intro h2,.direction-04 .section-intro h2{font-size:28px}.a .section-intro p{font-size:12px}.a .task-header h3{font-size:21px}.a .vote-card small{font-size:10px}.a .products h2{font-size:28px}.a .game-toolbar{font-size:10px}.direction-03 .section-intro{padding:23px 18px}.direction-02 .section-intro{grid-template-columns:45px 1fr;gap:0 10px}.direction-02 .section-number{font-size:40px}.direction-02 .section-intro h2{font-size:27px}.a .demo-bar a{font-size:9px;padding:8px}.a .header nav{gap:13px}.a .header nav a,.a .header nav a:first-child{font-size:10px}.a .header .logo img{width:53px}.a .flagship-item p{font-size:11px}.a .flagship-item>div{min-width:110px}}
@media(max-width:360px){.a .header{padding-inline:4%;gap:8px}.a .header nav{gap:9px}.a .hero h1{font-size:38px}.a .demo-bar a{font-size:9px;padding:7px 6px}.a .product-item img,.a .product-item.featured img{height:115px}.a .flagship-item{gap:12px}.a .flagship-item p{font-size:10px}.a .flagship-item>div{min-width:105px}.a .start-view h3{font-size:21px}.a .review-heading h2{font-size:24px}.a .review-arrows{gap:4px}.a .review-arrow{width:31px;height:31px}.a .vote-view h3,.a .win-view h3{font-size:23px}.a .section-intro h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.a .primary{transition:none}}
@media(min-width:821px){.direction-01 .hero-copy{top:2.5%}}

/* Readable supporting labels across all light surfaces. */
body.a .flagship-spec,body.a .reviews>.caption,body.a footer{color:#526276}
