/* XTREM v3 — graphite / silver. Semantic colors cover the complete storefront. */
:root{color-scheme:dark;--bg:#292c31;--surface:#33373d;--raised:#40454d;--text:#f7f7f4;--muted:#bdc2ca;--subtle:#a9b0bb;--line:#51565e;--accent:#ff786a;--accent-deep:#ff6253;--soft-accent:#403334;--accent-ink:#ffb0a6;--header-bg:rgba(41,44,49,.95);--film-blend:#292c31;--focus:#ffc7bf;--inverse:#25282d;--inverse-text:#f8f8f6}
html[data-theme=light]{color-scheme:light;--bg:#f2f2ef;--surface:#fff;--raised:#e4e6e5;--text:#25282d;--muted:#59616a;--subtle:#626c77;--line:#cbd0d2;--accent:#be3027;--accent-deep:#a6251e;--soft-accent:#fae8e3;--accent-ink:#a82a22;--header-bg:rgba(242,242,239,.95);--film-blend:#f2f2ef;--focus:#9f211a;--inverse:#25282d;--inverse-text:#f8f8f6}
body{background:var(--bg);color:var(--text)}#header{top:0}.header{background:var(--header-bg);border-color:var(--line)}.announcement{background:var(--surface);color:var(--muted);border-color:var(--line);font-size:12px;min-height:34px}.announcement span:first-child{color:var(--text)}.nav{min-height:88px;gap:24px}.official-logo{display:block;background:#f6f6f2;border-radius:3px;padding:10px 12px;width:212px}.official-logo img{width:100%;height:auto;filter:none}.brand-sub{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:10px}.nav-links{gap:23px}.nav-links a{font-size:14px;color:var(--muted)}.nav-links a:hover,.nav-links a.current{color:var(--text)}.nav-actions{gap:6px}.language-picker{color:var(--text)}.language-picker select{font-size:14px;min-height:44px;max-width:64px}.bag-button{padding-left:12px;border-color:var(--line)}.theme-toggle{font-size:25px;padding:5px;min-width:40px}.button{border-color:var(--line);border-radius:6px;font-size:14px;box-shadow:none;gap:20px}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);box-shadow:none}.button.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:none}html[data-theme=light] .button.primary{color:#fff}.button.outline{background:transparent}.button:hover{border-color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--focus)}::selection{background:var(--accent);color:var(--bg)}.text-link,.read-link{color:var(--text)}.text-link:hover,.breadcrumb a:hover{color:var(--accent)}.eyebrow,.section-head .eyebrow,.breadcrumb,.product-info .eyebrow,.article-meta .micro,.tech-media-top,.tech-media-bottom,.product-meta .micro,.order-product span,.footer-bottom,.footer-grid a,.footer-grid p,.bottom-note{color:var(--muted)}.page-intro .eyebrow,.tech-copy .eyebrow,.representative .eyebrow,.article-body .eyebrow{color:var(--accent-ink)}.benefits strong,.benefits svg,.order-line.total{color:var(--text)}.benefits small,.steps p,.notes td{color:var(--muted)}.benefits small{font-size:14px}.benefits{padding-block:30px}.benefits>div{padding-right:15px}.micro,small{font-size:13px}.eyebrow{font-size:12px}.step-number{color:var(--accent-ink)}.footer{background:var(--surface)}.footer-top{align-items:center}.footer-top p{font-size:20px}.footer-grid h3{font-size:15px}.footer-grid a{font-size:14px;margin-bottom:12px}.footer-grid p{font-size:14px}.footer-bottom{font-size:12px}.local-panel{background:var(--soft-accent);border-color:var(--line);border-radius:10px}.local-panel .eyebrow{color:var(--accent-ink)}.local-panel p{font-size:16px}.local-index{color:var(--accent)}.filter{border-color:var(--line);color:var(--text)}.filter.active{background:var(--text);color:var(--bg);border-color:var(--text)}.notice{background:var(--soft-accent);color:var(--accent-ink);border-color:var(--line);font-size:14px}.channel{background:var(--surface);border-color:var(--line)}.channel-code,.channel-status{font-size:12px;color:var(--muted)}.channel p{font-size:16px}.product-photo,.main-product,.article-photo{background:var(--surface)}.product-photo img{filter:none}.product-meta h3{font-size:20px}.product-meta .micro,.price small{font-size:13px}.saved-product{min-width:0}.product-card{display:block}.save-product{display:flex;align-items:center;gap:8px;padding:7px 0;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:14px;margin-top:8px}.save-product span{font-size:23px}.save-product[aria-pressed=true]{color:var(--accent)}.save-product:hover{color:var(--text)}
/* First impression: editorial typography, real product film, an architectural edge. */
.cinema{overflow:hidden;position:relative;background:var(--bg);border-bottom:1px solid var(--line)}.cinema-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:12px;min-height:610px;padding-block:48px 24px;position:relative}.cinema-copy{position:relative;z-index:2;padding-block:24px}.cinema-copy .eyebrow{font-size:11px;letter-spacing:.13em;display:flex;align-items:center;gap:12px;line-height:1.7;max-width:370px;margin-bottom:30px}.cinema h1{font-size:clamp(62px,6.75vw,98px);letter-spacing:-.07em;line-height:1.04;margin-bottom:27px;max-width:680px}.cinema h1 em{font-style:normal;color:var(--accent)}.cinema-copy>p{max-width:415px;font-size:17px;line-height:1.75;margin-bottom:30px}.cinema .hero-actions{gap:12px;flex-direction:row;align-items:center}.cinema .button{padding:15px 19px;gap:12px}.cinema-sub{display:flex;gap:22px;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:44px}.cinema-media{position:relative;align-self:stretch;min-height:500px;overflow:hidden;border-radius:140px 12px 12px 12px;background:#d0d3d6;transform:translate3d(0,var(--scroll-shift,0px),0);will-change:transform}.product-film{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:63% center}.film-edge{position:absolute;inset:0;background:linear-gradient(0deg,#25282d99,transparent 45%);pointer-events:none}.film-brand{position:absolute;bottom:32px;left:30px;font-family:var(--display);font-size:24px;letter-spacing:-.06em;color:#fff;font-style:italic;font-weight:700}.film-brand>span{font-size:12px;letter-spacing:.3em;margin-left:13px;font-style:normal;font-weight:400}.cinema-foot{padding-block:26px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font-size:11px;letter-spacing:.03em}.cinema-foot>span:first-child{font-size:11px;letter-spacing:.13em}.motion-toggle{border:1px solid var(--line);border-radius:30px;padding:8px 16px;min-height:40px;background:var(--surface);color:var(--text);font-size:12px;white-space:nowrap}.motion-toggle:before{content:'Ⅱ';margin-right:9px}.motion-toggle[aria-pressed=false]:before{content:'▷'}.experience-story{display:grid;grid-template-columns:1.06fr .94fr;gap:85px;align-items:center}.story-photo{height:570px;border-radius:12px 120px 12px 12px;overflow:hidden;position:relative;transform:translate3d(0,var(--scroll-shift,0px),0);will-change:transform;background:var(--surface)}.story-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 55%}.image-credit{position:absolute;bottom:25px;left:28px;font-size:11px;color:#fff;background:#25282dbb;padding:6px 12px;letter-spacing:.1em}.story-copy h2{font-size:clamp(38px,4vw,62px);line-height:1.12}.story-copy p{font-size:17px}.story-copy>.button{margin-top:10px}.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}.explore-tile{padding:32px 30px;position:relative;border-right:1px solid var(--line);transition:background .2s}.explore-tile:first-child{padding-left:0}.explore-tile:last-child{border:0}.explore-tile:hover{background:var(--surface)}.explore-number{font-size:12px;color:var(--accent);display:block;margin-bottom:34px}.explore-tile h3{font-family:var(--display);font-size:27px;letter-spacing:-.035em;line-height:1.25;max-width:280px}.explore-tile p{font-size:16px;max-width:300px;min-height:84px}.explore-tile .text-link{font-size:14px}.journal-home{padding-top:0}
/* Real tools, quiet controls. */
.step-controls{display:flex;gap:8px;margin-bottom:38px}.step-controls button{flex:1;min-height:76px;padding:14px 10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:14px}.step-controls span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.step-controls [aria-pressed=true]{background:var(--text);color:var(--bg)}.step-controls [aria-pressed=true] span{color:inherit}.step-content{min-height:245px}.step-content h2{font-size:38px}.studio-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.artwork-stage{padding:65px 40px 27px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.artwork{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#e8e5dc;color:#25282b;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #25282b30}.artwork #art-type{font-family:var(--display);font-size:clamp(74px,10vw,155px);font-weight:700;line-height:.95;white-space:pre-wrap;text-align:center;letter-spacing:-.08em;max-width:94%;overflow-wrap:anywhere}.artwork #art-upload{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.artwork [hidden]{display:none!important}.stage-caption{display:flex;justify-content:space-between;gap:25px;margin-top:45px;color:var(--muted);font-size:11px}.stage-caption span:last-child{text-align:right}.studio-controls h2{font-size:28px}.control-label{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-bottom:10px;margin-top:26px}.studio-controls textarea,.studio-controls input[type=file],.support-faq input,.finder-bar select{display:block;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:13px 15px;font-size:16px;min-height:50px}.studio-controls input[type=file]{font-size:14px;padding:13px 10px}.studio-controls input[type=file]::file-selector-button{background:var(--raised);color:var(--text);border:0;border-radius:3px;padding:8px;margin-right:8px}.studio-controls input[type=range]{width:100%;accent-color:var(--accent);min-height:34px;margin:0}.studio-controls>.button{margin-top:25px}.studio-controls .micro{font-size:13px;margin-top:12px}.studio-controls .text-link{margin-top:22px}#art-error,.form-error{color:var(--accent-ink);font-size:14px}.finder-bar{background:var(--surface);padding:27px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--line);border-radius:8px;margin-bottom:50px}.finder-bar label{font-size:18px}.finder-bar select{max-width:390px;background:var(--bg)}#fit-result h2{font-size:32px}.fit-grid{max-width:870px;grid-template-columns:repeat(2,minmax(0,1fr))}.pending-model{padding:35px 0 45px;max-width:730px}.pending-model h2{font-size:36px}.compare-section{margin-top:75px}.compare-section>h2{font-size:38px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comparison-grid>div{background:var(--surface);padding:28px;border-radius:8px;border:1px solid var(--line);min-width:0}.comparison-grid h3{font-size:24px;font-family:var(--display);letter-spacing:-.035em}.comparison-grid dl{margin:0 0 30px}.comparison-grid dl>div{border-bottom:1px solid var(--line);padding:15px 0}.comparison-grid dt{color:var(--muted);font-size:13px}.comparison-grid dd{margin:5px 0 0;font-size:16px}.support-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.support-grid h2{font-size:36px}.setup-list>div{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0}.setup-list>div>span{color:var(--accent);font-size:13px}.setup-list h3{font-size:20px;margin-bottom:10px}.setup-list p{font-size:16px;margin-bottom:0}.setup-list .text-link{margin-top:15px}.support-faq>.control-label{margin-top:0}.support-faq details{border-bottom:1px solid var(--line);padding:24px 0}.support-faq details p{margin-top:20px;margin-bottom:0}.support-faq input{margin-bottom:20px}.support-local{margin-top:70px;padding:44px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.support-local h2{font-size:38px}.support-local p{max-width:760px}.about-band{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--surface);border-radius:12px;overflow:hidden}.about-photo{height:500px;transform:translate3d(0,var(--scroll-shift,0px),0)}.about-photo img{height:100%;width:100%;object-fit:cover}.about-manifesto{font-family:var(--display);font-size:clamp(35px,5vw,75px);letter-spacing:-.07em;line-height:1.25;padding:42px}.about-manifesto span{display:block}.about-manifesto span:nth-child(2){color:var(--accent)}.about-rows{margin-top:65px}.about-rows>div{display:grid;grid-template-columns:50px 1fr 1.3fr;gap:30px;padding:35px 0;border-bottom:1px solid var(--line)}.about-rows>div>span{color:var(--accent);font-size:13px}.about-rows h2{font-size:30px}.about-rows p{margin:0}.asset-brief{max-width:1120px}.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-block:35px 65px}.asset-list>div{border-bottom:1px solid var(--line);padding:35px 0}.asset-list h2{font-size:24px;line-height:1.4;letter-spacing:-.025em}.asset-list p{margin:0}.asset-list .eyebrow{color:var(--accent);margin-bottom:15px}.asset-brief>h2{font-size:38px}
/* Existing product, editorial and transaction screens follow the same themes. */
.tech-media{background:var(--surface);border-color:var(--line)}.tech-media-top,.tech-media-bottom{border-color:var(--line)}.product-options select,.field input,.field textarea,.order-box,dialog,.motion-prompt{background:var(--surface);color:var(--text);border-color:var(--line)}.field label,.order-line,.article-body .article-intro{color:var(--text)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.color-choice,.payment-option,.quantity{border-color:var(--line)}.color-choice.active,.payment-option:has(input:checked){background:var(--raised);border-color:var(--text)}.quantity button{background:var(--raised)}.remove{color:var(--muted);font-size:14px}.payment-option input{accent-color:var(--accent)}.success-icon{color:var(--accent-ink);border-color:var(--accent);background:var(--soft-accent)}.motion-prompt{font-size:14px}summary:after{color:var(--muted)}.product-faq summary,.product-faq p{font-size:16px}.product-info>p{font-size:16px}.product-info>.micro{font-size:13px}.channel-status{color:var(--accent-ink)}.footer .text-link{justify-content:start}.toast{background:var(--text);color:var(--bg)}.notes p,.notes li{font-size:16px}
@media(max-width:1250px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:16px 28px 24px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px 0}.nav-links a.current:after{bottom:7px;right:auto;width:24px}.menu-button{display:flex}.nav{position:static}.cinema h1{font-size:76px}.cinema-grid{min-height:590px}.experience-story{gap:50px}.studio-layout{gap:40px}.support-grid{gap:55px}}
@media(max-width:1000px){.cinema-grid{grid-template-columns:1fr 1fr;min-height:560px}.cinema h1{font-size:66px}.cinema-media{min-height:430px;border-top-left-radius:95px}.cinema-copy>p{font-size:16px}.cinema-sub{font-size:9px;gap:14px}.cinema .hero-actions{align-items:start}.cinema .button{font-size:13px;padding:14px}.story-photo{height:450px}.explore-tile{padding:28px 22px}.explore-tile h3{font-size:24px}.explore-tile p{font-size:15px;min-height:100px}.step-content h2{font-size:30px}.comparison-grid{gap:15px}.comparison-grid>div{padding:22px}.artwork-stage{padding:45px 25px 22px}.about-manifesto{padding:30px}.support-grid{gap:40px}.stage-caption{display:block}.stage-caption span{display:block;margin-top:8px}.stage-caption span:last-child{text-align:left}}
@media(max-width:760px){.cinema-grid{grid-template-columns:1fr;padding-top:34px;gap:25px}.cinema-copy{padding:0}.cinema h1{font-size:clamp(60px,11vw,84px);max-width:600px}.cinema-copy .eyebrow{max-width:100%;font-size:10px;margin-bottom:24px}.cinema-copy>p{max-width:530px;font-size:16px}.cinema .hero-actions{flex-direction:row}.cinema-sub{margin-top:26px;font-size:10px}.cinema-media{height:410px;min-height:0;border-radius:85px 10px 10px 10px}.product-film{object-position:50% center}.cinema-foot{flex-wrap:wrap;padding-top:3px;gap:12px;font-size:10px}.cinema-foot>span:first-child{display:none}.cinema-foot>span:nth-child(2){max-width:65%}.experience-story,.studio-layout,.support-grid{grid-template-columns:1fr;gap:35px}.story-photo{height:460px}.story-copy h2{font-size:45px}.explore-grid{grid-template-columns:1fr}.explore-tile,.explore-tile:first-child{padding:25px 0;border:0;border-bottom:1px solid var(--line)}.explore-tile h3{font-size:27px;max-width:100%;margin-bottom:13px}.explore-tile p{min-height:0;max-width:100%;margin-bottom:20px;font-size:16px}.explore-number{margin-bottom:18px}.comparison-grid{grid-template-columns:1fr}.comparison-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.comparison-grid>div{padding:26px}.comparison-grid h3{font-size:26px}.finder-bar{display:block;padding:24px}.finder-bar select{max-width:none;margin-top:15px}.fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fit-grid .product-meta{display:block}.fit-grid .price{margin-top:15px}.fit-grid .price small{text-align:left}.about-band{grid-template-columns:1fr}.about-photo{height:410px}.about-manifesto{font-size:62px;line-height:1.1;padding:35px}.about-rows>div{grid-template-columns:30px 1fr;gap:10px 20px}.about-rows p{grid-column:2}.about-rows h2{font-size:27px;margin-bottom:12px}.asset-list{grid-template-columns:1fr}.artwork-stage{padding:35px}.artwork{max-width:420px;margin-inline:auto}.artwork #art-type{font-size:clamp(85px,23vw,145px)}.stage-caption{display:flex;margin-top:30px}.stage-caption span:last-child{text-align:right}.support-local{padding:30px}.step-content{min-height:0}.step-content h2{font-size:36px}.step-controls{margin-bottom:28px}}
@media(max-width:600px){.nav{min-height:79px;gap:8px}.official-logo{width:152px;padding:9px 8px}.brand-sub{font-size:9px;letter-spacing:.11em;margin-top:8px}.nav-actions{gap:1px}.theme-toggle{min-width:30px;font-size:23px}.language-picker select{font-size:13px;max-width:53px;min-width:44px}.bag-button{padding-left:7px;margin-left:0;gap:3px;min-width:36px}.bag-button svg{width:18px}.menu-button{min-width:29px;padding:5px}.menu-button svg{width:20px}.announcement{font-size:11px;min-height:32px;padding:8px 12px}.benefits{gap:14px}.benefits strong{font-size:13px}.benefits small{font-size:12px}.benefits>div{padding-right:10px}.cinema h1{font-size:clamp(54px,11.9vw,72px)}.cinema-copy>p{font-size:16px}.cinema .button{font-size:14px;min-height:50px;gap:10px;padding:12px 15px}.cinema .hero-actions{gap:10px}.cinema-media{height:340px}.cinema-foot{padding-bottom:23px}.cinema-foot>span:nth-child(2){font-size:11px;max-width:60%}.motion-toggle{font-size:12px;min-height:44px;padding:7px 12px}.film-brand{font-size:23px;bottom:23px;left:23px}.story-photo{height:365px;border-top-right-radius:85px}.story-copy h2{font-size:42px}.section-head>.text-link{font-size:13px;max-width:105px}.section-head .eyebrow{font-size:12px}.section-head h2{font-size:36px}.article-meta .micro{font-size:12px}.article-meta h3{font-size:20px}.read-link{font-size:14px}.local-panel p{font-size:16px}.local-panel .eyebrow{font-size:12px}.footer-top p{font-size:18px}.footer-grid a,.footer-grid p{font-size:14px}.footer-grid h3{font-size:15px}.footer-bottom{font-size:12px}.footer-bottom>span{display:block;margin-top:10px}.page-intro h1{font-size:46px}.page-intro .eyebrow{font-size:12px}.page-intro p{font-size:16px}.fit-grid{grid-template-columns:1fr}.fit-grid .product-meta{display:flex}.fit-grid .price{margin:0}.fit-grid .price small{text-align:right}.support-local h2{font-size:33px}.stage-caption{font-size:11px;gap:12px}.studio-controls .filter{font-size:13px}.studio-controls .notice{font-size:14px}.asset-list h2{font-size:22px}.notice{font-size:14px}.breadcrumb{font-size:12px}.product-info .eyebrow{font-size:12px}.product-options label,.product-options legend{font-size:14px}.product-options select{font-size:16px}.cart-item p,.cart-item strong{font-size:14px}.order-product>strong,.order-product>div strong{font-size:13px}.order-product span{font-size:12px}.field label{font-size:14px}}
@media(max-width:380px){.official-logo{width:123px}.brand-sub{font-size:8px}.nav-actions{gap:0}.cinema h1{font-size:50px}.cinema-media{height:310px}.cinema .hero-actions{align-items:stretch;flex-direction:column}.cinema .button{width:100%}.cinema-sub{font-size:9px;gap:12px}.cinema-foot>span:nth-child(2){max-width:52%}.comparison-grid dl{grid-template-columns:1fr}.artwork-stage{padding:25px}}
html[lang=id] .cinema h1{font-size:clamp(50px,5.8vw,84px)}html[lang=zh-Hans] .cinema h1{font-size:clamp(48px,5.5vw,80px);line-height:1.18;letter-spacing:-.04em}
@media(max-width:760px){html[lang=id] .cinema h1{font-size:clamp(48px,9.6vw,74px)}html[lang=zh-Hans] .cinema h1{font-size:clamp(44px,9.5vw,68px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-parallax]{transform:none!important;will-change:auto}}
html[data-motion=off] [data-parallax]{transform:none!important;will-change:auto}
.footer-grid a:hover{color:var(--accent)}

.cms-preview-banner{position:sticky;top:0;z-index:1000;background:#e42b32;color:white;padding:12px 24px;font:600 14px system-ui;text-align:center}.cms-preview-banner a{color:white;text-decoration:underline}