:root{--ink:#161719;--muted:#65666b;--light:#f6f6f4;--line:#e7e7e4;--accent:#474bd3;--white:#fff;--radius:18px;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(calc(100% - 80px),var(--max));margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand small{font-size:11px;font-weight:650;letter-spacing:0;margin-left:4px}.brand-icon{width:23px;height:23px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-8deg)}.brand-icon i{background:#1a1b1c;border-radius:2px}.brand-icon i:nth-child(2){opacity:.55}.brand-icon i:nth-child(3){opacity:.75}.header nav,.nav-actions{display:flex;align-items:center;gap:30px;font-size:13px}.header nav a{color:#45464a}.header nav a:hover,.login:hover{color:var(--accent)}.nav-actions{gap:20px}.pill{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:24px;border-radius:999px;padding:0 21px;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px)}.pill-dark{background:var(--ink);color:#fff}.pill-dark:hover{background:#414248}.pill-line{border:1px solid #d9d9d6;background:#fff}.pill span{font-size:16px}.hero{text-align:center;padding-top:57px}.eyebrow,.section-label{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:650;letter-spacing:.06em;border:1px solid #ececea;padding:7px 12px;border-radius:100px;background:#fff}.spark{font-size:14px}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.14;letter-spacing:-.06em;margin:27px 0 17px;font-weight:690}.hero h1 span{color:#73747a}.hero-copy,.section-copy{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:27px}.hero-art{height:375px;position:relative;margin-top:32px;isolation:isolate;overflow:hidden}.ghost{font-family:Arial,sans-serif;position:absolute;z-index:-1;left:50%;top:54px;transform:translateX(-50%);font-weight:800;font-size:clamp(120px,17vw,245px);letter-spacing:-.09em;color:#f5f5f4;white-space:nowrap}.collage{position:absolute;overflow:hidden;box-shadow:0 13px 32px #191a1b18}.scene-thumb{left:14%;top:118px;width:200px;height:137px;border-radius:12px;transform:rotate(-12deg);background:#dddad5}.scene-image{height:100%;background:#d2cec9 url('assets/store-concept-v2.png') center/cover}.scene-thumb>span{position:absolute;bottom:8px;left:10px;font-size:9px;color:white;text-shadow:0 1px 4px #000}.device-one{left:31%;top:33px;width:133px;height:235px;padding:5px;background:#252729;border-radius:9px;transform:rotate(-9deg)}.device-screen{height:100%;padding:15px 10px;color:#fff;background:linear-gradient(155deg,#273e41,#82927c 55%,#e0bfa6);text-align:left}.device-screen b{font-family:Georgia,serif;display:block;font-size:25px;line-height:.95;margin:30px 0}.device-screen span,.poster-label{font-size:7px;letter-spacing:.1em}.device-two{left:46%;top:25px;width:235px;height:155px;padding:5px;background:#252729;border-radius:8px;transform:rotate(5deg)}.menu-image{height:100%;background:#e9d8c0;text-align:left;padding:14px 16px;color:#313c31;background-image:radial-gradient(circle at 75% 67%,#b97849 0 14%,transparent 15%),radial-gradient(circle at 76% 67%,#eadcc4 0 25%,transparent 26%)}.menu-image span,.menu-image i{display:block;font-size:7px;letter-spacing:.12em;font-style:normal}.menu-image b{font-family:Georgia,serif;font-weight:400;display:block;font-size:23px;line-height:1;margin:18px 0}.device-three{right:16%;top:129px;width:245px;height:42px;padding:4px;background:#292a2d;border-radius:4px;transform:rotate(10deg)}.slim-content{height:100%;background:#d7744e;color:white;display:flex;justify-content:space-around;align-items:center;font-size:8px}.control{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:390px;height:75px;border:1px solid #eeeeec;border-radius:13px;background:#fffffff2;box-shadow:0 12px 45px #00000010;display:flex;align-items:center;gap:13px;padding:12px;text-align:left}.control-icon{display:grid;place-items:center;width:43px;height:43px;background:#1a1b1c;border-radius:9px;color:white;font-size:20px}.control strong,.control small{display:block}.control strong{font-size:12px}.control small{font-size:10px;color:#8a8b8e;margin-top:5px}.control a{margin-left:auto;background:#1a1b1c;color:white;border-radius:100%;width:32px;height:32px;display:grid;place-items:center}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:38px;padding:22px;color:#999a9c;letter-spacing:.17em;font-size:10px;font-weight:650}.dot{color:#c0c0bf}.section{padding:130px 0}.intro,.scenes{text-align:center}.section h2,.end h2{font-size:clamp(34px,4vw,56px);line-height:1.18;letter-spacing:-.055em;margin:25px 0 16px;font-weight:680}.section-copy{max-width:590px;margin:auto}.platform-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px;text-align:left;align-items:center;margin:90px 0 65px}.platform-copy .index,.scene-notes span{font-size:10px;color:#8d8e91;font-weight:650;letter-spacing:.12em}.platform-copy h3{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:20px 0}.platform-copy p,.scene-notes p{font-size:14px;line-height:1.9;color:var(--muted);max-width:370px}.text-link{font-size:13px;font-weight:650;display:inline-flex;gap:32px;border-bottom:1px solid #bfc0c1;padding:10px 0;margin-top:16px}.app-frame{border:1px solid #e4e4e5;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #16171912;background:#fff}.app-top{height:48px;display:flex;align-items:center;border-bottom:1px solid #eee;padding:0 20px;font-size:10px;gap:28px}.app-top b{font-size:12px}.mini-mark{font-size:16px}.app-top span{color:#929398}.app-top i{font-style:normal;margin-left:auto;color:#c6c6c6;font-size:7px}.app-body{display:flex;min-height:295px}.app-side{width:120px;flex-shrink:0;background:#fafafa;border-right:1px solid #eee;padding:24px 10px;font-size:9px;color:#96979b}.app-side span,.app-side b{display:block;padding:9px 8px}.app-side b{color:#777;font-weight:500}.app-side b.active{background:#ededee;border-radius:5px;color:#202124}.app-main{padding:27px;flex:1;min-width:0}.app-heading{display:flex;justify-content:space-between;align-items:center}.app-heading small,.app-poster small{font-size:7px;letter-spacing:.1em;color:#999}.app-heading h4{font-size:20px;margin:5px 0}.app-heading p{font-size:10px;color:#a4a4a5;margin:0}.fake-button{font-size:9px;background:#202124;color:white;border-radius:5px;padding:10px}.app-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.app-card strong,.app-card>small{display:block;font-size:9px;margin-top:7px}.app-card>small{color:#aaa}.app-poster{aspect-ratio:1.25;border-radius:5px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.app-poster small{color:inherit}.app-poster b{font:17px/1 Georgia,serif}.app-poster span{font-size:6px}.poster-a{background:#dbd4c1;color:#363c32}.poster-b{background:#a5b0a2;color:white}.poster-c{background:#d99a7e;color:#fff}.app-footer{margin-top:23px;border-top:1px solid #eee;padding-top:15px;font-size:9px;display:flex;justify-content:space-between;color:#909195}.app-footer i{display:inline-block;width:6px;height:6px;background:#6ba682;border-radius:50%;margin-right:5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border-top:1px solid var(--line)}.steps article{padding:28px 30px 0 0}.steps article+article{padding-left:30px;border-left:1px solid var(--line)}.steps span{font-size:10px;color:#999;letter-spacing:.12em}.steps h3{font-size:19px;margin:18px 0 8px}.steps p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.scenes{background:#f7f7f5}.scene-stage{position:relative;margin:56px auto 0;min-height:300px;max-width:1100px}.scene-stage img{display:block;width:100%;border-radius:12px;mix-blend-mode:multiply}.scene-chip{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #e5e5e3;background:#fffffff2;border-radius:100px;padding:9px 14px;font-size:11px;box-shadow:0 6px 20px #1d1d1d0d}.scene-chip span{font-size:9px;color:#929292}.chip-one{top:15%;left:22%}.chip-two{top:47%;left:18%}.chip-three{top:47%;left:48%}.chip-four{top:42%;right:8%}.scene-caption{position:absolute;right:10px;bottom:5px;color:#8b8b8b;font-size:10px}.scene-notes{border-top:1px solid #dededc;margin-top:40px;padding-top:42px;display:flex;justify-content:space-between;text-align:left;align-items:end}.scene-notes h3{font-size:30px;line-height:1.25;margin:15px 0 0}.scene-notes p{max-width:460px;margin:0}.devices{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.devices .left{margin:0}.screen-family{min-height:420px;position:relative;background:#f5f5f3;border-radius:12px;overflow:hidden}.family-wide,.family-portrait,.family-bar,.family-desk{position:absolute;border:5px solid #292a2c;box-shadow:0 16px 25px #0002}.family-wide{width:52%;height:150px;left:7%;top:18%;background:#d7c4ac;color:#3b473c;padding:16px}.family-wide span,.family-portrait small{font-size:8px}.family-wide b{display:block;font:25px/1 Georgia;margin-top:18px}.family-portrait{width:25%;height:235px;right:14%;top:14%;background:#596b63;color:#eee;padding:15px}.family-portrait b{display:block;font:27px/1 Georgia;margin-top:35px}.family-bar{width:55%;height:30px;left:10%;bottom:20%;background:#c57653;color:white;font-size:8px;display:grid;place-items:center}.family-desk{right:12%;bottom:14%;width:23%;height:80px;background:#c7beb1;padding:10px}.family-desk b{font:19px/1 Georgia}.showroom{padding-top:0}.showroom-card{min-height:450px;border-radius:15px;background:#1d1f21;color:#fff;padding:36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.showroom-card:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff1c;transform:rotate(45deg);right:5%;top:15%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04;pointer-events:none}.showroom-top,.showroom-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#9b9c9d}.light-label{background:transparent;border-color:#555;color:#d1d1d0}.showroom-card h2{margin:18px 0}.showroom-card p{color:#b6b6b5;font-size:14px;line-height:1.8;max-width:390px}.pill-light{background:white;color:#191a1b;margin-top:15px}.showroom-line{border-top:1px solid #ffffff2a;padding-top:20px}.end{text-align:center;padding:20px 0 120px}.end p{color:var(--muted);font-size:14px;margin:0 0 26px}footer{border-top:1px solid var(--line);padding:35px 0 50px;display:flex;align-items:center;gap:25px;font-size:11px;color:#777}footer .brand{color:var(--ink)}footer p{margin-right:auto}footer>a:last-child{margin-left:20px}@media(max-width:900px){.wrap{width:min(calc(100% - 40px),var(--max))}.header nav{gap:14px}.header nav a:nth-child(3){display:none}.nav-actions{gap:10px}.hero-art{height:330px}.scene-thumb{left:8%}.device-one{left:27%}.device-two{left:44%}.device-three{right:4%}.platform-grid{gap:25px}.devices{gap:30px}.section{padding:90px 0}.showroom{padding-top:0}}@media(max-width:650px){.header{height:70px}.header nav{display:none}.login{display:none}.hero{padding-top:48px}.hero h1{font-size:42px}.hero-copy{font-size:13px}.hero-copy br{display:none}.hero-art{height:275px;margin-top:24px}.ghost{font-size:115px;top:60px}.scene-thumb{width:120px;height:95px;left:0;top:100px}.device-one{width:83px;height:158px;left:22%;top:40px}.device-screen{padding:9px 6px}.device-screen b{font-size:15px;margin:24px 0}.device-two{width:145px;height:100px;left:46%;top:30px}.menu-image{padding:8px}.menu-image b{font-size:15px;margin:10px 0}.device-three{width:135px;right:0;top:125px}.slim-content span{display:none}.control{width:min(320px,90%);bottom:8px}.hero-bottom{gap:12px;font-size:8px;letter-spacing:.08em}.section{padding:75px 0}.section h2,.end h2{font-size:35px}.section-copy{font-size:13px}.platform-grid{display:flex;flex-direction:column;align-items:stretch;margin:55px 0 40px}.platform-copy h3{font-size:25px}.app-side{width:70px;padding:12px 4px}.app-side b,.app-side span{font-size:7px;padding:8px 4px}.app-main{padding:16px}.app-heading h4{font-size:16px}.app-poster{padding:7px}.app-poster b{font-size:11px}.app-poster small,.app-poster span{font-size:5px}.app-body{min-height:230px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-left:0;border-bottom:1px solid var(--line);padding:20px 0}.steps h3{margin:8px 0}.scene-stage{margin-top:35px;min-height:190px}.scene-chip{font-size:9px;padding:6px 8px}.scene-caption{font-size:8px}.scene-notes{display:block}.scene-notes h3{font-size:24px}.scene-notes p{margin-top:20px}.devices{grid-template-columns:1fr}.screen-family{min-height:330px}.showroom{padding-top:0}.showroom-card{padding:25px;min-height:400px}.showroom-card:after{right:-85%;top:35%}.end{padding-bottom:75px}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;margin:0}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Motion is layered over the original compositions so the screen artwork stays legible. */
@media (prefers-reduced-motion: no-preference) {
  .hero > .eyebrow, .hero > h1, .hero-copy, .hero-actions { animation: hero-in .75s cubic-bezier(.2,.7,.2,1) both; }
  .hero > h1 { animation-delay: .10s; }
  .hero-copy { animation-delay: .20s; }
  .hero-actions { animation-delay: .28s; }
  .hero-art { animation: hero-in 1s .15s cubic-bezier(.2,.7,.2,1) both; }
  .scene-thumb { animation: float-a 7s ease-in-out infinite; }
  .device-one { animation: float-b 6s ease-in-out infinite; }
  .device-two { animation: float-a 7.5s -.8s ease-in-out infinite; }
  .device-three { animation: float-b 6.5s -1.6s ease-in-out infinite; }
  .control-icon { animation: glow 3.6s ease-in-out infinite; }
  .scene-chip { animation: chip-float 4.5s ease-in-out infinite; }
  .chip-two { animation-delay: -.8s; }
  .chip-three { animation-delay: -1.6s; }
  .chip-four { animation-delay: -2.4s; }
  .reveal { opacity: 0; transform: translateY(26px); transition: opacity .75s ease var(--reveal-delay, 0ms), transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms); }
  .reveal.is-visible { opacity: 1; transform: translateY(0); }
  .app-card, .screen-family > div { transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease; }
  .app-card:hover, .screen-family > div:hover { transform: translateY(-6px); }
  .showroom-card:after { animation: showroom-orbit 28s linear infinite; }
  .pill span, .text-link span { transition: transform .25s ease; }
  .pill:hover span, .text-link:hover span { transform: translate(3px,-3px); }
}
@keyframes hero-in { from { opacity: 0; translate: 0 20px; } to { opacity: 1; translate: 0 0; } }
@keyframes float-a { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes float-b { 0%, 100% { translate: 0 0; } 50% { translate: 0 9px; } }
@keyframes chip-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
@keyframes glow { 0%, 100% { box-shadow: 0 0 0 0 #474bd300; } 50% { box-shadow: 0 0 0 7px #474bd319; } }
@keyframes showroom-orbit { from { transform: rotate(45deg); } to { transform: rotate(405deg); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; } .reveal { opacity: 1; transform: none; } }

/* Visually led scenes and hardware: original imagery, clearly labelled as concepts. */
.visual-hero{height:410px;margin-top:46px;overflow:hidden}
.visual-hero .ghost{top:90px;font-size:clamp(130px,17vw,245px);color:#f5f5f4}
.hero-tile{position:absolute;overflow:hidden;border-radius:13px;background:#e5e3df;box-shadow:0 18px 45px #1212121c;transition:transform .4s ease;animation:tile-float 7s ease-in-out infinite}
.hero-tile img{width:100%;height:100%;object-fit:cover;display:block}
.hero-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1118)}
.hero-tile span{position:absolute;left:14px;bottom:14px;color:white;font-size:11px;z-index:1;letter-spacing:.05em}
.tile-one{width:15%;height:175px;left:3%;top:151px;transform:rotate(-11deg);animation-delay:-1s}
.tile-two{width:17%;height:215px;left:20%;top:76px;transform:rotate(-7deg);animation-delay:-2s}
.tile-three{width:20%;height:255px;left:40%;top:25px;transform:rotate(0deg);animation-delay:-3s}
.tile-four{width:17%;height:215px;right:20%;top:76px;transform:rotate(7deg);animation-delay:-4s}
.tile-five{width:15%;height:175px;right:3%;top:151px;transform:rotate(11deg);animation-delay:-5s}
.hero-caption{position:absolute;z-index:2;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;text-align:left;width:min(380px,84%);background:#fffffff5;border:1px solid #eee;border-radius:12px;padding:13px;box-shadow:0 14px 40px #00000018}
.caption-mark{display:grid;place-items:center;width:40px;height:40px;background:#171819;color:white;border-radius:9px}.hero-caption strong,.hero-caption small{display:block}.hero-caption strong{font-size:12px}.hero-caption small{font-size:10px;color:#777;margin-top:5px}.hero-caption a{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#171819;color:#fff}
@keyframes tile-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.stories{text-align:center;padding-bottom:130px}.stories .section-copy{margin-bottom:48px}.story-accordion{display:flex;gap:3px;min-height:440px;overflow:hidden;border-radius:12px;background:#171819;text-align:left}
.story-card{position:relative;display:flex;flex:1 1 0;min-width:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;border:0;background:#303431;cursor:pointer;color:white;text-align:left;padding:30px;transition:flex .65s cubic-bezier(.22,.61,.36,1)}
.story-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111b 0%,#1110 65%),var(--story-image) var(--story-position, center) center/cover;filter:grayscale(.8);transition:filter .6s,transform .8s}.story-card:hover:before,.story-card.is-active:before{filter:grayscale(0);transform:scale(1.035)}.story-card.is-active{flex:4 1 0}.story-card:focus-visible{outline:3px solid white;outline-offset:-5px}.story-card>*{position:relative;z-index:1}.story-number{font-size:10px;letter-spacing:.13em;white-space:nowrap;opacity:0;transition:opacity .25s}.story-title{font-size:19px;font-weight:650;white-space:nowrap;margin-top:8px}.story-card:not(.is-active) .story-title{writing-mode:vertical-rl;letter-spacing:.12em}.story-description{font-size:13px;line-height:1.6;white-space:nowrap;opacity:0;max-height:0;transition:opacity .25s}.story-card.is-active .story-description,.story-card.is-active .story-number{opacity:1}.story-card.is-active .story-description{max-height:40px;margin-top:9px}.story-arrow{position:absolute;right:25px;bottom:25px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#171819;opacity:0}.story-card.is-active .story-arrow{opacity:1}.visual-note{font-size:11px;letter-spacing:.03em;color:#8c8c8b;margin:15px 0 0;text-align:right}
.hardware-section{text-align:center}.hardware-section .section-copy{margin-bottom:48px}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;gap:12px;text-align:left}.hardware-card{position:relative;border-radius:12px;overflow:hidden;background:#deddd8}.hardware-large{grid-column:span 2}.hardware-wide{grid-column:span 2}.hardware-card img{height:100%;width:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hardware-card:hover img{transform:scale(1.035)}.hardware-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#111c)}.hardware-card>div{position:absolute;left:25px;bottom:23px;z-index:1;color:white}.hardware-card small{font-size:9px;letter-spacing:.14em}.hardware-card h3{font-size:21px;letter-spacing:-.02em;margin:8px 0 6px}.hardware-card p{font-size:12px;line-height:1.5;color:#fff;margin:0}
@media(max-width:900px){.visual-hero{height:340px}.tile-one,.tile-five{height:150px}.tile-two,.tile-four{height:180px}.tile-three{height:215px}.story-accordion{min-height:370px}.story-card{padding:22px}.hardware-grid{grid-auto-rows:240px}}
@media(max-width:650px){.visual-hero{height:280px;margin-top:35px}.visual-hero .ghost{font-size:105px;top:90px}.tile-one,.tile-five{width:22%;height:120px;top:105px}.tile-one{left:-8%}.tile-five{right:-8%}.tile-two,.tile-four{width:25%;height:150px;top:62px}.tile-two{left:11%}.tile-four{right:11%}.tile-three{width:29%;height:180px;left:35.5%;top:20px}.hero-tile span{font-size:9px;bottom:9px;left:9px}.hero-caption{bottom:5px}.stories{padding-bottom:75px}.stories .section-copy,.hardware-section .section-copy{margin-bottom:30px}.story-accordion{display:flex;flex-direction:column;min-height:700px;gap:3px}.story-card{flex:1 1 0;padding:19px;min-height:75px}.story-card.is-active{flex:4 1 0}.story-card:not(.is-active) .story-title{writing-mode:horizontal-tb}.story-card:not(.is-active) .story-number{display:none}.story-title{font-size:17px}.story-description{font-size:11px;white-space:normal;max-width:80%}.story-arrow{right:18px;bottom:18px}.hardware-grid{grid-template-columns:1fr 1fr;grid-auto-rows:215px;gap:8px}.hardware-large,.hardware-wide{grid-column:span 2}.hardware-card>div{left:16px;bottom:16px}.hardware-card h3{font-size:18px}.hardware-card p{font-size:11px;max-width:200px}.visual-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-tile{animation:none}.story-card,.hardware-card img{transition:none}}

/* Keep the screen visible when scene photographs are cropped into narrow cards. */
.tile-one img{object-position:80% center}.tile-two img{object-position:68% center}.tile-three img{object-position:60% center}.tile-four img{object-position:75% center}.tile-five img{object-position:80% center}
.hardware-card img[src*="visual-food-hotpot"]{object-position:80% center}.hardware-card img[src*="visual-food-fastfood"]{object-position:65% 25%}
.restaurant-menu-card{background:#3c3029}.restaurant-menu-card img{position:absolute;right:0;width:70%;object-position:center 42%}.restaurant-menu-card:after{inset:0;background:linear-gradient(90deg,#3c3029 0%,transparent 65%),linear-gradient(transparent 45%,#111c)}
@media(max-width:650px){.restaurant-menu-card img{width:100%;object-position:center 28%}.restaurant-menu-card:after{background:linear-gradient(transparent 35%,#111d)}}
.language-picker select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:99px;min-height:40px;padding:0 12px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.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}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;border-top:1px solid var(--line)}.about h2{margin-top:25px}.about-content{padding-top:6px}.about-content p{font-size:14px;line-height:1.9;color:var(--muted)}.about-content .about-lead{font-size:clamp(20px,2vw,27px);line-height:1.55;color:var(--ink);margin:0 0 18px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.about-values span{font-size:10px;letter-spacing:.1em;color:#888}.about-values h3{font-size:16px;margin:13px 0 7px}.about-values p{font-size:12px;margin:0}@media(max-width:1100px){.header{gap:16px}.header nav,.nav-actions{gap:12px}}@media(max-width:900px){.header nav a:nth-child(3),.header nav a:nth-child(4){display:none}.about{gap:32px}}@media(max-width:650px){.about{grid-template-columns:1fr;gap:20px}.about-values{gap:12px}.header .nav-actions .pill{padding:0 13px;gap:6px}.header{gap:8px}.brand{font-size:15px}.language-picker select{padding:0 6px}}
/* Language control uses a native menu for keyboard and mobile accessibility. */
.language-picker{position:relative;display:inline-flex;flex-shrink:0;align-items:center}.language-picker:after{content:"";position:absolute;right:14px;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);pointer-events:none}.language-picker select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:170px;padding:0 34px 0 15px;color:#202825;background:#fff;border:1px solid #cbd3cd;border-radius:24px;font-size:13px;font-weight:600;line-height:1;cursor:pointer}.language-picker select:hover{border-color:#586d61}.language-picker select:focus-visible{outline:2px solid #3c7558;outline-offset:3px}.language-picker option{background:#fff;color:#202825}@media(max-width:650px){.language-picker select{max-width:120px;padding:0 28px 0 10px;font-size:12px}.language-picker:after{right:12px}}
@media (max-width: 650px) {
  .header { height: auto; min-height: 70px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding-top: 12px; padding-bottom: 12px; }
  .header .nav-actions { display: contents; }
  .header .language-picker { grid-column: 2; grid-row: 1; }
  .header .language-picker select { max-width: 170px; }
  .header .nav-actions .pill { grid-column: 1 / -1; justify-self: end; }
}