:root{--bg:#121110;--cream:#f2efeb;--orange:#e95721;--line:#ffffff26;--muted:#b6b1aa;color-scheme:dark;font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--cream);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}figure,p,h1,h2,h3{margin:0}em{font-style:normal;color:var(--orange)}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.93}h3{font-size:24px;line-height:1.3;font-weight:600}p{line-height:1.65}section{scroll-margin-top:25px}.header{max-width:1600px;margin:auto;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand img,footer img{width:137px;height:auto}.chinese-brand{font-size:13px;border-left:1px solid var(--line);padding-left:15px}.header nav{display:flex;gap:28px;font-size:14px}.header nav a:hover,.blog-link:hover{color:var(--orange)}.nav-end{display:flex;align-items:center;gap:25px}.language{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.language a{color:#88847e;padding:8px 0}.language [aria-current]{color:var(--cream)}.language>span{color:#504c48}.nav-cta{border:1px solid #ffffff60;border-radius:30px;padding:12px 19px;font-size:14px}.nav-cta:hover{background:var(--cream);color:var(--bg)}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;padding:42px 4% 50px;gap:30px;align-items:stretch}.hero-copy{padding:22px 0 10px;align-self:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em}.hero .eyebrow{color:var(--orange);margin-bottom:28px}.hero h1{font-size:clamp(70px,7.8vw,124px)}.hero h1 em{white-space:nowrap}.intro{max-width:420px;color:#c4beb6;font-size:16px;margin:27px 0}.ctas{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:13px 22px;border-radius:50px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#121110}.primary:hover{background:#ff723e}.secondary{border-color:#ffffff5b;background:transparent;color:var(--cream)}.secondary:hover{background:#ffffff12}.hero-note{color:#928d87;font-size:12px;margin-top:32px}.hero-photo{min-height:610px;position:relative;display:flex;flex-direction:column}.hero-photo>img{height:100%;width:100%;position:absolute;inset:0;object-position:center 55%}.hero-photo figcaption{z-index:1;margin-top:auto;background:#121110d9;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em}.hero-photo figcaption>span:last-child{font-size:25px}.manifesto{background:var(--orange);color:var(--bg);display:flex;justify-content:space-around;align-items:center;gap:20px;padding:22px 4%;font-family:'Barlow Condensed',sans-serif;font-size:clamp(23px,3vw,44px);font-weight:700}.asterisk{display:inline-flex;align-items:center;justify-content:center;line-height:1}.asterisk-mark{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.section-light{background:var(--cream);color:var(--bg)}.examples{padding:90px 4% 55px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(48px,6vw,84px)}.section-heading>p{max-width:310px;font-size:16px}.gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.photo-wrap{overflow:hidden;background:#d5cfc5}.gallery img{width:100%;aspect-ratio:3/4;transition:transform .7s}.gallery figure:hover img{transform:scale(1.025)}figcaption{display:flex;justify-content:space-between;font-size:14px;padding-top:15px}.gallery figcaption span:last-child{color:#756e65}.gallery-note{text-align:center;margin-top:36px;font-size:12px;color:#746c63}.process{padding:100px 6% 65px}.process .section-heading>p{color:var(--muted)}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0 0}.steps li{border-top:1px solid var(--line);padding-top:20px}.step-number{color:var(--orange);font-family:'Barlow Condensed',sans-serif;font-size:56px}.steps h3{margin:20px 0 12px}.steps p{color:var(--muted);font-size:15px;max-width:340px}.preserve{margin-top:65px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;gap:18px}.preserve-mark{display:inline-flex;flex:0 0 38px;width:38px;height:38px;color:var(--orange)}.preserve-mark .asterisk-mark{width:100%;height:100%}.preserve p{font-size:16px}.applications{display:grid;grid-template-columns:1fr 1fr;background:#ded9d0;color:var(--bg)}.application-art{padding:65px 14%;display:flex;flex-direction:column;justify-content:center;background:#c9c2b5}.application-art img{width:100%;aspect-ratio:3/4;box-shadow:0 20px 40px #31231726}.art-caption{display:flex;justify-content:space-between;align-items:center;background:#f2efeb;padding:16px;font-size:20px;font-weight:700}.art-caption span{font-size:9px;letter-spacing:.1em}.application-copy{padding:65px 12% 65px 10%}.application-copy h2{font-size:clamp(48px,5.8vw,80px);margin:25px 0 32px}.application-copy .eyebrow{letter-spacing:0;font-size:14px;color:#625a51}.use-row{border-top:1px solid #12111026;padding:18px 0}.use-row h3{font-size:19px;margin-bottom:5px}.use-row p{font-size:14px;color:#655c53}.faq{padding:100px 6%;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.faq h2{font-size:clamp(43px,4.5vw,64px)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-size:17px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;color:var(--orange);line-height:1}details[open] summary span{transform:rotate(45deg)}details p{padding-bottom:22px;color:var(--muted);font-size:15px;max-width:550px}.closing{background:var(--orange);color:var(--bg);display:grid;grid-template-columns:1.3fr .7fr;min-height:430px}.closing>div{padding:65px 8%}.closing h2{font-size:clamp(64px,8vw,110px)}.closing em{color:var(--cream)}.closing p{margin:24px 0}.closing .primary{background:var(--bg);color:var(--cream)}.closing .secondary{border-color:#12111080;color:var(--bg)}.closing>img{height:100%;width:100%;object-position:center;max-height:550px}footer{padding:45px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:12px;color:var(--muted);margin-top:12px}footer>span{font-size:12px;color:#918a81}.blog-link{font-size:14px;border-bottom:1px solid #ffffff40;padding-bottom:7px}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:var(--cream);color:var(--bg);padding:12px}.skip:focus{top:12px}dialog{background:var(--cream);color:var(--bg);border:0;border-radius:8px;max-width:440px;width:calc(100% - 40px);padding:40px}dialog::backdrop{background:#000b}dialog h2{font-family:inherit;font-size:25px;line-height:1.25;margin:15px 0}dialog p{font-size:16px;margin-bottom:25px}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--bg);font-size:28px}html[lang=zh-CN] h1,html[lang=zh-CN] h2{font-family:'Noto Sans SC',sans-serif;font-weight:900;line-height:1.2;letter-spacing:-.04em}html[lang=zh-CN] .hero h1{font-size:clamp(50px,6.1vw,94px)}html[lang=zh-CN] .hero .intro{max-width:440px;line-height:1.9}html[lang=zh-CN] .section-heading h2{font-size:clamp(35px,4.6vw,66px)}html[lang=zh-CN] .manifesto{font-family:'Noto Sans SC',sans-serif;font-size:clamp(21px,2.5vw,34px)}html[lang=zh-CN] .application-copy h2{font-size:clamp(43px,5.4vw,70px)}html[lang=zh-CN] .faq h2{font-size:39px}html[lang=zh-CN] .closing h2{font-size:clamp(40px,5vw,72px)}
@media(min-width:1700px){.examples,.process,.faq{padding-inline:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:1100px){.header{gap:18px}.header nav{gap:15px}.nav-end{gap:15px}.nav-cta{display:none}.hero-photo{min-height:560px}.hero h1{font-size:8vw}.chinese-brand{display:none}.steps{gap:25px}.application-art{padding:45px 10%}.application-copy{padding:45px 8%}.faq{gap:30px}}@media(max-width:760px){.header{padding:20px 5%;flex-wrap:wrap;gap:16px}.brand img{width:112px}.menu-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;border:0;background:none;color:var(--cream);padding:8px;font-size:13px}.nav-end{gap:0}.header nav{display:none;order:4;flex-basis:100%;border-top:1px solid var(--line);padding-top:16px;justify-content:space-between}.header nav.open{display:flex}.language{font-size:12px}.hero{padding:30px 5% 30px;grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:20px;font-size:11px}.hero h1{font-size:clamp(66px,13.6vw,100px)}.hero h1 br:nth-of-type(1){display:none}.intro{margin:22px 0;font-size:15px;max-width:100%}.button{padding:13px 18px;gap:20px;font-size:13px;min-height:48px}.hero-note{margin-top:20px;font-size:11px}.hero-photo{height:440px;min-height:0}.hero-photo>img{object-position:center 58%}.manifesto{gap:8px;padding:18px 4%;font-size:20px}.asterisk{font-size:23px}.manifesto>.asterisk:last-child{display:none}.examples{padding:55px 5% 35px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:47px}.section-heading>p{margin-top:20px;font-size:15px;max-width:100%}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-column:1/-1}.gallery figure:first-child img{aspect-ratio:4/3;object-position:center 58%}.gallery figcaption{font-size:12px}.gallery-note{font-size:11px;margin-top:25px}.process{padding:55px 5% 40px}.steps{display:block;margin-top:35px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:5px 18px;margin-top:24px;padding-top:20px}.step-number{font-size:43px;grid-row:1/3}.steps h3{font-size:21px;margin:0}.steps p{font-size:14px;max-width:none}.preserve{margin-top:35px;padding-top:20px;gap:12px}.preserve-mark{flex-basis:28px;width:28px;height:28px}.preserve p{font-size:13px}.applications{grid-template-columns:1fr}.application-art{padding:40px 16%}.application-art img{aspect-ratio:4/5}.application-copy{padding:40px 6%}.application-copy h2{font-size:64px}.faq{padding:55px 5%;grid-template-columns:1fr;gap:20px}.faq h2{font-size:43px}summary{font-size:16px;padding:20px 0}.closing{grid-template-columns:1fr}.closing>div{padding:45px 6%}.closing h2{font-size:74px}.closing>img{height:290px;object-position:center 55%}footer{flex-wrap:wrap;padding:35px 5%;gap:25px}footer>span{flex-basis:100%;font-size:11px}.blog-link{font-size:12px}html[lang=zh-CN] .hero h1{font-size:clamp(44px,10vw,72px)}html[lang=zh-CN] .hero h1 br{display:block}html[lang=zh-CN] .hero .intro{font-size:15px}html[lang=zh-CN] .manifesto{font-size:17px}html[lang=zh-CN] .section-heading h2{font-size:clamp(30px,7.5vw,50px)}html[lang=zh-CN] .application-copy h2{font-size:54px}html[lang=zh-CN] .faq h2{font-size:30px}html[lang=zh-CN] .closing h2{font-size:clamp(34px,8vw,50px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Independently composed English headline; keep each phrase intact. */
html[lang=en] .hero h1{font-size:clamp(54px,6.8vw,105px)}html[lang=en] .hero h1>span,html[lang=en] .hero h1>em{display:block;white-space:nowrap}.hero-copy,.hero-photo{animation:arrive .65s ease both}.hero-photo{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){html[lang=en] .hero h1{font-size:clamp(40px,11.8vw,70px)}}

/* Centered glass hero with a continuous horizontal photo strip. */
:root{--header-height:101px}.header{position:sticky;top:0;z-index:100;width:100%;max-width:none;padding:20px 4%;background:#121110ec;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff16}.header .nav-cta{display:inline-flex;visibility:visible;opacity:1;white-space:nowrap}.hero{position:relative;isolation:isolate;max-width:none;width:100%;height:calc(100svh - var(--header-height));min-height:480px;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.25fr) minmax(0,1fr);gap:0;overflow:hidden;background:radial-gradient(ellipse at 23% 18%,#87361455,transparent 48%),radial-gradient(ellipse at 80% 10%,#807d562b,transparent 44%),#121110}.hero-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 5% 12px;background:linear-gradient(120deg,#ffffff08,#ffffff02 50%,#e9572108);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-bottom:1px solid #ffffff08;z-index:2;animation:none}.hero .eyebrow{margin:0 0 14px;font-size:12px}.hero h1,html[lang=en] .hero h1{font-size:clamp(44px,min(6.3vw,8.2svh),86px);line-height:.98;max-width:1100px}.hero h1>span:first-child{display:block}html[lang=en] .hero h1>span:nth-child(2),html[lang=en] .hero h1>em{display:inline;white-space:normal}html[lang=en] .hero h1>span:nth-child(2)::after{content:' '}.hero .intro{max-width:630px;margin:16px 0 18px;font-size:15px;line-height:1.6}.hero .ctas{justify-content:center}.hero .hero-note{margin-top:14px;font-size:11px}.hero-marquee{position:relative;min-height:0;overflow:hidden;padding:20px 0 30px;container-type:size}.marquee-viewport{height:100%;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.marquee-track{display:flex;width:max-content;height:100%;animation:food-marquee 95s linear infinite;will-change:transform}.marquee-set{display:flex;flex:none;gap:18px;padding-right:18px;height:100%;align-items:center}.marquee-card{height:92%;aspect-ratio:3/4;flex:none;border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #0005;transform:rotate(-2deg)}.marquee-card:nth-child(even){transform:rotate(3deg)}.marquee-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.marquee-toggle{position:absolute;right:20px;bottom:12px;z-index:3;width:36px;height:36px;border-radius:50%;background:#121110dc;border:1px solid #ffffff50;color:var(--cream);display:grid;place-items:center}.is-paused .marquee-track{animation-play-state:paused}@keyframes food-marquee{to{transform:translateX(-50%)}}html[lang=zh-CN] .hero h1{font-size:clamp(36px,min(5vw,6.7svh),68px);line-height:1.14}html[lang=zh-CN] .hero .intro{max-width:620px;font-size:15px;line-height:1.7}html{scroll-padding-top:110px}@media(max-width:760px){.header{padding:12px 4%;gap:8px}.header .brand img{width:96px}.header .menu-toggle{padding:5px;font-size:12px}.header .nav-end{gap:10px}.header .nav-cta{font-size:11px;padding:9px 12px;min-height:36px}.header .language{font-size:11px;gap:5px}.hero{min-height:470px;grid-template-rows:minmax(0,1.25fr) minmax(0,1fr)}.hero-copy{padding:14px 5% 12px}.hero .eyebrow{font-size:10px;margin-bottom:12px}.hero h1,html[lang=en] .hero h1{font-size:clamp(36px,min(9vw,6.5svh),56px);max-width:550px;line-height:1.02}.hero .intro,html[lang=zh-CN] .hero .intro{font-size:13px;line-height:1.65;margin:14px 0;max-width:420px}.hero .hero-note{display:none}.hero .button{min-height:42px;padding:10px 17px;font-size:12px}.hero-marquee{padding:18px 0 28px}.marquee-set{gap:13px;padding-right:13px}.marquee-card{border-radius:9px}html[lang=zh-CN] .hero h1{font-size:clamp(34px,min(9vw,6svh),48px)}.header nav.open{padding-top:10px}.header .nav-end{margin-left:auto}}@media(max-height:650px) and (min-width:761px){.header{padding-block:12px}.hero{min-height:0}.hero-copy{padding:8px 4%}.hero .eyebrow{margin-bottom:8px;font-size:10px}.hero .intro{margin:10px 0;font-size:13px}.hero .hero-note{display:none}.hero .button{min-height:38px;padding:8px 18px}.hero-marquee{padding-block:12px 20px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}
/* Layer the copy and progressive glass over the moving photography. */
.hero{display:block;background:#121110;min-height:0}.hero-marquee{position:absolute;inset:auto 0 0;height:57%;padding:18px 0 20px;z-index:0}.hero-copy{position:absolute;inset:0 0 auto;height:70%;padding:25px 5% 45px;justify-content:center;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;pointer-events:none}.hero-copy::before{content:'';position:absolute;inset:0 0 -45px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#121110 0%,#121110f5 46%,#121110aa 72%,#12111028 90%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000a 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000a 78%,transparent 100%)}.hero-copy .ctas{pointer-events:auto}.hero-copy .secondary{position:relative;isolation:isolate;border:1px solid #ffffff55;background:linear-gradient(125deg,#ffffff1a,#ffffff04 60%,#ffffff12);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #ffffff16,0 5px 22px #0003}.hero-copy .secondary:hover{background:linear-gradient(125deg,#ffffff2a,#ffffff10 60%,#ffffff20);border-color:#ffffff8a}.hero .hero-note{color:#bcb6af}.marquee-viewport{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}html[lang=zh-CN] .hero h1{white-space:nowrap;font-size:clamp(26px,5.8vw,76px);letter-spacing:-.025em;line-height:1.15}html[lang=zh-CN] .hero h1 br{display:none}@media(max-width:760px){.hero-copy{height:68%;padding:18px 5% 25px}.hero-marquee{height:55%}.hero-copy::before{bottom:-35px}html[lang=zh-CN] .hero h1{font-size:clamp(22px,7.5vw,48px)}.hero .intro{max-width:560px}.hero-copy .secondary{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@font-face{font-family:MiSans;src:url('/assets/fonts/MiSans-Regular.ttf') format('truetype');font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:MiSans;src:url('/assets/fonts/MiSans-Bold.ttf') format('truetype');font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:MiSans;src:url('/assets/fonts/MiSans-Heavy.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap}html[lang=zh-CN],html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] .manifesto{font-family:MiSans,sans-serif}

/* First viewport: fixed header, overlaid hero, and the complete orange manifesto. */
:root{--manifesto-height:74px}.hero{height:calc(100svh - var(--header-height) - var(--manifesto-height));min-height:0}.manifesto{height:var(--manifesto-height);padding:10px 4%;overflow:hidden}.marquee-toggle{display:none!important}

/* Cuisine carousel with a press-and-hold original comparison. */
.gallery-shell{position:relative}.gallery{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:0 1px}.gallery::-webkit-scrollbar{display:none}.comparison-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:0}.comparison-card .photo-wrap{position:relative;aspect-ratio:3/4}.comparison-card img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:3/4}.comparison-card .before-image{opacity:0;z-index:1}.comparison-card.is-comparing .before-image{opacity:1}.compare-hold{position:absolute;right:14px;bottom:14px;z-index:2;border:1px solid #ffffff80;border-radius:999px;background:#121110b8;color:#fff;padding:10px 14px;font-size:12px;font-weight:700;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff35;touch-action:none;user-select:none}.compare-hold:not(:disabled):hover{background:#121110e6}.compare-hold:disabled{cursor:default;color:#ded9d0;border-color:#ffffff42}.gallery-arrow{position:absolute;top:calc(50% - 26px);z-index:4;width:52px;height:52px;border-radius:50%;border:1px solid #12111045;background:#f2efebe8;color:#121110;font-size:22px;display:grid;place-items:center;backdrop-filter:blur(12px);box-shadow:0 8px 22px #12111022}.gallery-prev{left:-26px}.gallery-next{right:-26px}.gallery-arrow:hover{background:var(--orange)}

.button-icon{width:18px;height:18px;flex:none;fill:currentColor}.compare-hold{width:72px;height:26px;padding:5px 9px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:999px;background:#f2efebe8;box-shadow:0 3px 12px #0004;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#121110;font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.04em}.compare-hold:hover,.compare-hold:not(:disabled):hover{background:#f2efeb;color:#121110}.compare-hold svg{width:13px;height:13px;min-width:13px;flex:0 0 13px;fill:currentColor}.compare-hold span{display:inline-block;width:38px;text-align:left}.feature-row{background:transparent;border-top:1px solid #12111026;padding:18px 0}.feature-row h3{font-size:19px;margin-bottom:5px}.feature-row p{font-size:14px;line-height:1.65;color:#655c53}.gallery-arrow svg{width:24px;height:24px;fill:currentColor}

.application-art{position:relative;min-height:760px;overflow:hidden}.image-stack{position:relative;width:min(68%,410px);aspect-ratio:3/4;margin:auto;touch-action:pan-y;user-select:none}.image-stack-card{position:absolute;inset:0;border:1px solid #ffffff4d;border-radius:12px;padding:0;background:#111;overflow:hidden;box-shadow:0 18px 34px #21130f30,0 5px 12px #21130f24;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.22,.8,.2,1),opacity .35s;cursor:grab}.image-stack-card:active{cursor:grabbing}.image-stack-card img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;pointer-events:none}.image-stack-card:nth-child(1){z-index:5;transform:translate(0,5%) rotate(0)}.image-stack-card:nth-child(2){z-index:4;transform:translate(-4%,2%) rotate(-2.5deg)}.image-stack-card:nth-child(3){z-index:3;transform:translate(-8%,-1%) rotate(-4.5deg)}.image-stack-card:nth-child(4){z-index:2;transform:translate(-12%,-4%) rotate(-6.5deg)}.image-stack-card:nth-child(5){z-index:1;transform:translate(-16%,-7%) rotate(-8.5deg)}.image-stack-card.is-dragging{transition:none}.stack-hint{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;color:#625a51;white-space:nowrap}

/* Compact masthead and applications section. */
@media(min-width:761px){.header{display:grid;grid-template-columns:1fr auto 1fr}.header .brand{justify-self:start}.header nav{justify-self:center}.header .nav-end{justify-self:end}.applications{height:min(760px,100svh);min-height:650px}.application-art{min-height:0;padding:45px 10%}.application-copy{padding:38px 10%;display:flex;flex-direction:column;justify-content:center}.application-copy h2{margin:16px 0 18px}.application-copy .use-row{padding:13px 0}.image-stack{width:min(62%,360px)}.stack-hint{bottom:20px}}
.header .brand img,footer img{width:110px}.header .chinese-brand{font-size:11px}.header{padding-top:16px;padding-bottom:16px}footer{padding-top:36px;padding-bottom:36px}
.footer-links{display:flex;align-items:center;justify-content:center;gap:12px 24px;flex-wrap:wrap;font-size:13px}.footer-links a{color:var(--muted);padding:8px 0}.footer-links a:hover{color:var(--orange)}@media(max-width:760px){footer{flex-wrap:wrap}.footer-links{order:3;justify-content:flex-start;width:100%;gap:4px 20px}}

/* Text entrance motion. */
.reveal-ready .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.22,.8,.2,1),transform .72s cubic-bezier(.22,.8,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}.reveal-ready .reveal-item.is-revealed{opacity:1;transform:translateY(0)}

@media(max-width:760px){:root{--manifesto-height:54px}.header{display:flex}.header .brand img{width:77px}.hero{min-height:0}.manifesto{height:var(--manifesto-height);padding:8px 3%;font-size:15px}.manifesto .asterisk{font-size:18px}.comparison-card{flex-basis:82vw}.gallery-arrow{width:42px;height:42px;top:calc(50% - 21px)}.gallery-prev{left:-10px}.gallery-next{right:-10px}.gallery figure:first-child{grid-column:auto}.gallery figure:first-child img{aspect-ratio:3/4}.applications{height:auto;min-height:0}.application-art{min-height:520px;padding:55px 10% 65px}.image-stack{width:min(66%,300px)}.stack-hint{bottom:22px}footer img{width:88px}}

@media(prefers-reduced-motion:reduce){.reveal-ready .reveal-item{opacity:1;transform:none;transition:none;will-change:auto}}

/* Directional before/after wipe. The food image stays still while the reveal line moves. */
.gallery figure:hover img,.comparison-card:hover img{transform:none!important}
.comparison-card img{transition:none}
.comparison-card .before-image{opacity:1;clip-path:inset(0 100% 0 0);will-change:clip-path}
.comparison-card.is-comparing .before-image{opacity:1;clip-path:inset(0 0 0 0)}
.comparison-card.is-to-before .before-image{animation:reveal-before .82s cubic-bezier(.16,1,.3,1) both}
.comparison-card.is-to-after .before-image{animation:restore-after .82s cubic-bezier(.16,1,.3,1) both}
.comparison-card.is-switching .photo-wrap::after{content:'';position:absolute;top:0;bottom:0;z-index:3;width:2px;transform:translateX(-50%);background:var(--orange);pointer-events:none;box-shadow:0 0 5px 1px #e95721,0 0 14px 4px #e9572199,0 0 30px 8px #e957214d}
.comparison-card.is-to-before .photo-wrap::after{animation:scan-right .82s cubic-bezier(.16,1,.3,1) both}
.comparison-card.is-to-after .photo-wrap::after{animation:scan-left .82s cubic-bezier(.16,1,.3,1) both}
.comparison-card.is-switching .compare-hold{pointer-events:none}
.comparison-card.is-before-loading .compare-hold{opacity:.55;cursor:wait}
@keyframes reveal-before{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes restore-after{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}
@keyframes scan-right{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:100%;opacity:0}}
@keyframes scan-left{0%{left:100%;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.comparison-card .before-image{will-change:auto}.comparison-card.is-to-before .before-image,.comparison-card.is-to-after .before-image,.comparison-card.is-to-before .photo-wrap::after,.comparison-card.is-to-after .photo-wrap::after{animation:none}}
