/* 产品谱系：展陈式产品档案。保持暗底、金线与实物证据，不使用电商卡片语法。 */
.products-page{--product-content-gutter:max(40px,calc((100vw - 1200px)/2));background:#0c0a07}
.products-page main,.products-page .gfoot{position:relative;z-index:1}
.products-page sup{font-family:var(--serif);font-size:.42em;vertical-align:top;margin-left:.18em;color:var(--gold)}

/* 背景「漏月 louyue」：定义在 site.css。本页不再覆盖任何 .sdots 规则。 */

.product-hero{position:relative;min-height:max(720px,100svh);overflow:hidden;padding:0 max(56px,calc((100vw - 1320px)/2));isolation:isolate;background:radial-gradient(128% 94% at 16% 2%,#1c140c 0%,#150e08 30%,#0d0906 66%,#080604 100%)}
.product-hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 -120px 130px rgba(0,0,0,.32);background:linear-gradient(180deg,rgba(15,10,6,.94) 0%,rgba(15,10,6,.34) 25%,rgba(15,10,6,.03) 57%,rgba(15,10,6,.48) 84%,rgba(11,8,5,.97) 100%),linear-gradient(90deg,rgba(13,9,6,.98) 0%,rgba(13,9,6,.9) 22%,rgba(13,9,6,.28) 51%,rgba(13,9,6,.18) 100%)}
/* 首屏同样铺一层 dither：底色是跨约 20 个色阶的大面积暖褐渐变，不抖动同样会显出台阶。 */
.product-hero::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%3E%3Cfilter%20id='d'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.9'%20numOctaves='1'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%201%200%200%200%200'/%3E%3C/filter%3E%3Crect%20width='128'%20height='128'%20filter='url%28%23d%29'%20opacity='.011'/%3E%3C/svg%3E"),linear-gradient(112deg,rgba(231,200,120,0) 26%,rgba(231,200,120,.042) 45%,rgba(231,200,120,.011) 57%,rgba(231,200,120,0) 74%);background-size:128px 128px,auto}
.product-hero-copy{position:absolute;z-index:3;top:clamp(154px,18.5vh,204px);left:auto;right:max(64px,calc((100vw - 1280px)/2));max-width:640px}
.product-kicker{display:block;margin-bottom:23px;font-family:var(--latin);font-size:11px;letter-spacing:.42em;color:rgba(231,200,120,.92)}
.product-hero h1{display:flex;align-items:flex-start;gap:.015em;font-family:var(--display);font-weight:400;font-size:clamp(78px,8.5vw,124px);line-height:1;letter-spacing:.14em;color:var(--cream);white-space:nowrap;text-shadow:0 12px 44px rgba(0,0,0,.5)}
.product-hero-glyph{display:inline-block;overflow:hidden;padding:.04em 0 .08em;margin-bottom:-.08em}
.product-hero-glyph i{display:block;font:inherit;font-style:normal}
.product-hero-statement{position:relative;width:max-content;max-width:22em;margin:28px 0 0 auto;padding-left:22px}
.product-hero-statement::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,var(--gold-lit),rgba(203,162,88,.14));transform-origin:top}
.product-hero-statement strong{display:block;margin-bottom:12px;font-weight:400;font-size:22px;line-height:1.45;letter-spacing:.16em;color:rgba(244,236,216,.96)}
.product-hero-statement span{display:block;font-weight:300;font-size:15px;line-height:1.8;letter-spacing:.15em;color:rgba(241,231,211,.66)}
.product-hero-figure{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;overflow:hidden;transform-origin:center bottom}
.product-hero-figure::after{content:'';position:absolute;inset:0;background:radial-gradient(68% 56% at 62% 48%,rgba(203,162,88,.035) 0%,rgba(203,162,88,.027) 23%,rgba(203,162,88,.0175) 39%,rgba(203,162,88,.009) 53%,rgba(203,162,88,.003) 65%,rgba(203,162,88,0) 76%);pointer-events:none}
.product-hero-figure img{position:absolute;right:-1%;bottom:0;width:90%;max-width:none;height:auto;opacity:.96;filter:saturate(.78) brightness(.78) contrast(1.08);transform:scale(1);transform-origin:center bottom;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 88%,transparent 100%)}
.product-hero-index{position:absolute;left:max(56px,calc((100vw - 1320px)/2));right:max(56px,calc((100vw - 1320px)/2));bottom:26px;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.product-hero-index::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:rgba(203,162,88,.28);transform-origin:left}
.product-hero-index a{position:relative;width:max-content;max-width:100%;min-height:112px;padding:26px 0 0;display:flex;align-items:baseline;gap:15px;justify-self:start;color:rgba(241,231,211,.58);transition:color .24s var(--e-out),transform .24s var(--e-out)}
.product-hero-index a:first-child{margin-left:clamp(16px,1.6vw,24px)}
.product-hero-index a:nth-child(2){justify-self:center}
.product-hero-index a:nth-child(3){justify-self:end;margin-right:clamp(16px,1.6vw,24px)}
.product-hero-index a::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--e-out)}
.product-hero-index a:focus-visible{color:var(--cream);transform:translateY(-4px)}
.product-hero-index a:focus-visible::before{transform:scaleX(1)}
.product-hero-index small{font-family:var(--latin);font-size:8px;letter-spacing:.18em;color:rgba(203,162,88,.68);transition:color .24s var(--e-out)}
.product-hero-index span{font-weight:300;font-size:13px;letter-spacing:.18em;transition:color .24s var(--e-out)}
.product-hero-index a:focus-visible small{color:var(--gold-lit)}
.product-hero-index a:active{transform:translateY(-1px) scale(.97)}

.product-progress{position:fixed;z-index:42;top:50%;right:clamp(14px,1.8vw,28px);width:30px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translate3d(8px,-50%,0);pointer-events:none;transition:opacity .18s var(--e-out),transform .18s var(--e-out)}
.product-progress.is-visible{opacity:1;transform:translate3d(0,-50%,0);pointer-events:auto}
.product-progress a{position:relative;width:30px;min-height:42px;display:grid;place-items:center;font-family:var(--serif);font-size:10px;line-height:1;letter-spacing:0;color:rgba(241,231,211,.66);opacity:.3;transform:translate3d(5px,0,0);transition:opacity .17s var(--e-out),transform .17s var(--e-out)}
.product-progress a::before{content:'';position:absolute;left:-5px;top:50%;width:12px;height:1px;background:var(--gold-lit);opacity:0;transform:translate3d(-5px,0,0) scaleX(.45);transform-origin:right;transition:opacity .17s var(--e-out),transform .17s var(--e-out)}
.product-progress a.is-active{opacity:1;transform:translate3d(0,0,0)}
.product-progress a.is-active::before{opacity:.82;transform:translate3d(0,0,0) scaleX(1)}
.product-progress a:focus-visible{opacity:1;transform:translate3d(0,0,0)}
.product-progress a:active{transform:translate3d(0,0,0) scale(.97)}

@media(prefers-reduced-motion:no-preference){
  .has-js .product-hero-figure img{animation:productHeroImageIn 1.25s var(--e-out) .02s backwards}
  .has-js .product-kicker{animation:productHeroKickerIn .65s var(--e-out) .12s backwards}
  .has-js .product-hero-glyph i{animation:productHeroGlyphIn .82s var(--e-out) backwards}
  .has-js .product-hero-glyph:nth-child(1) i{animation-delay:.18s}
  .has-js .product-hero-glyph:nth-child(2) i{animation-delay:.27s}
  .has-js .product-hero-glyph:nth-child(3) i{animation-delay:.36s}
  .has-js .product-hero-glyph:nth-child(4) i{animation-delay:.45s}
  .has-js .product-hero-statement::before{animation:productHeroRuleIn .72s var(--e-out) .5s backwards}
  .has-js .product-hero-statement strong{animation:productHeroTextIn .72s var(--e-out) .56s backwards}
  .has-js .product-hero-statement span{animation:productHeroTextIn .72s var(--e-out) .67s backwards}
  .has-js .product-hero-index::before{animation:productHeroIndexLineIn .95s var(--e-out) .76s backwards}
  .has-js .product-hero-index a{animation:productHeroIndexIn .68s var(--e-out) backwards}
  .has-js .product-hero-index a:nth-child(1){animation-delay:.88s}
  .has-js .product-hero-index a:nth-child(2){animation-delay:.98s}
  .has-js .product-hero-index a:nth-child(3){animation-delay:1.08s}
}
@keyframes productHeroImageIn{from{opacity:0;transform:scale(.975) translate3d(4%,1.5%,0)}to{opacity:.96;transform:scale(1) translate3d(0,0,0)}}
@keyframes productHeroKickerIn{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes productHeroGlyphIn{from{opacity:0;transform:translate3d(0,112%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes productHeroRuleIn{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes productHeroTextIn{from{opacity:0;transform:translate3d(-16px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes productHeroIndexLineIn{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes productHeroIndexIn{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

.product-branches{padding:124px var(--product-content-gutter) 168px}
.product-section-head{max-width:none;margin-bottom:68px;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(320px,.72fr);grid-template-rows:auto auto;column-gap:clamp(62px,8vw,116px);align-items:end}
.product-section-head>span{grid-column:1;display:block;font-family:var(--latin);font-size:10px;letter-spacing:.36em;color:rgba(203,162,88,.8);margin-bottom:24px}
.product-section-head h2{grid-column:1;font-family:var(--display);font-size:clamp(46px,4.8vw,70px);font-weight:400;line-height:1.08;letter-spacing:.17em;color:var(--cream);margin:0}
.product-section-head p{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:34em;padding-bottom:4px;font-weight:300;font-size:16px;line-height:2;letter-spacing:.06em;color:var(--ink-60)}

.product-line{position:relative;max-width:none;margin:0 auto;padding:162px var(--product-content-gutter);display:grid;grid-template-columns:minmax(0,1fr);gap:54px;scroll-margin-top:86px}
.product-line::before{content:'';position:absolute;top:0;left:var(--product-content-gutter);right:var(--product-content-gutter);height:1px;background:linear-gradient(90deg,rgba(203,162,88,.24),rgba(203,162,88,.05));transform-origin:left}
.product-line-qinfang{padding-top:118px;background:linear-gradient(180deg,#0c0a07 0,rgba(12,10,7,.94) 52px,rgba(12,10,7,.58) 152px,rgba(12,10,7,.16) 276px,transparent 390px)}
.product-line-qinfang::before{display:none}
.product-line-aside{display:flex;align-items:center;gap:22px}
.product-line-aside::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(203,162,88,.28),transparent 78%);transform-origin:left}
.product-line-no{font-family:var(--serif);font-size:12px;letter-spacing:0;color:var(--gold)}
.product-line-en{font-family:var(--latin);font-size:9px;letter-spacing:.38em;color:var(--ink-55)}
.product-line-main{margin-left:0}
.product-line-heading{max-width:780px}
.product-line-position{display:block;font-size:12px;letter-spacing:.28em;color:var(--gold);margin-bottom:22px}
.product-line-heading h2{font-family:var(--display);font-size:clamp(54px,5.6vw,82px);line-height:1.05;font-weight:400;letter-spacing:.15em;color:var(--cream);white-space:nowrap;margin-bottom:30px}
.product-line-heading>p,.product-line-intro>p{font-weight:300;font-size:16.5px;line-height:2.1;letter-spacing:.045em;color:rgba(241,231,211,.7);max-width:40em;margin-top:15px}
.product-price-ledger{margin-top:78px;border-top:1px solid rgba(203,162,88,.36)}
.product-price-head{display:grid;grid-template-columns:170px 1fr 180px;padding:16px 20px;border-bottom:1px solid rgba(203,162,88,.17);font-size:10px;letter-spacing:.24em;color:var(--ink-55)}
.product-price-head span:last-child{text-align:right}
.product-price-group{display:grid;grid-template-columns:170px minmax(0,1fr);border-bottom:1px solid rgba(203,162,88,.17)}
.product-price-series{padding:34px 20px;display:flex;flex-direction:column;justify-content:center;gap:10px;border-right:1px solid rgba(203,162,88,.17);background:linear-gradient(90deg,rgba(203,162,88,.035),transparent)}
.product-price-series b{font-weight:400;font-size:20px;letter-spacing:.2em;color:var(--cream)}
.product-price-series small{font-size:10px;letter-spacing:.14em;color:var(--ink-55)}
.product-price-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.product-price-models>div{padding:30px 22px;display:grid;grid-template-rows:auto 20px auto;gap:7px}
.product-price-models>div:not(:last-child){border-right:1px solid rgba(203,162,88,.12)}
.product-price-models span{font-family:var(--display);font-size:27px;letter-spacing:.14em;color:var(--cream)}
.product-price-models small{font-size:10px;letter-spacing:.16em;color:var(--ink-55)}
.product-price-models b{font-family:var(--latin);font-size:13px;font-weight:400;letter-spacing:.08em;color:var(--gold-lit);transition:color .24s var(--e-out)}
.product-line-note{margin-top:38px;padding-left:20px;border-left:1px solid rgba(203,162,88,.22);display:flex;align-items:flex-start;justify-content:space-between;gap:44px}
.product-line-note p{max-width:55em;font-size:13px;line-height:1.9;color:var(--ink-55)}
.product-line-note a{flex:none;font-size:12px;letter-spacing:.16em;color:var(--gold);padding:4px 0 9px;border-bottom:1px solid rgba(203,162,88,.35);transition:color .24s var(--e-out),border-color .24s var(--e-out),transform .16s var(--e-out)}
.product-line-note a:focus-visible{color:var(--gold-lit);border-color:var(--gold-lit)}
.product-line-note a:active{transform:scale(.97)}
.product-tier-prices{margin-top:50px;border-top:1px solid rgba(203,162,88,.32);border-bottom:1px solid rgba(203,162,88,.16)}
.product-tier-price-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(203,162,88,.14)}
.product-tier-price-head span{font-size:11px;letter-spacing:.24em;color:var(--gold)}
.product-tier-price-head small{font-family:var(--latin);font-size:9px;letter-spacing:.18em;color:var(--ink-55)}
.product-tier-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.product-tier-price-grid>div{min-width:0;padding:26px 20px 24px 0}
.product-tier-price-grid>div+div{padding-left:16px;border-left:1px solid rgba(203,162,88,.12)}
.product-tier-price-grid span{display:block;min-height:2.5em;font-family:var(--display);font-size:24px;line-height:1.35;letter-spacing:.12em;color:var(--cream)}
.product-tier-price-grid b{display:block;margin-top:9px;font-family:var(--latin);font-size:12px;font-weight:400;letter-spacing:.06em;color:var(--gold-lit);transition:color .24s var(--e-out)}
.product-tier-prices>p{padding:13px 0 14px;border-top:1px solid rgba(203,162,88,.12);font-size:11px;line-height:1.7;letter-spacing:.06em;color:var(--ink-55)}

.product-line-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:clamp(62px,8vw,116px);align-items:center}
.product-line-split-rev{grid-template-columns:minmax(320px,.66fr) minmax(0,1.08fr)}
.product-cutout{position:relative;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.product-cutout img{position:relative;z-index:1;max-height:630px;width:auto;filter:drop-shadow(0 38px 50px rgba(0,0,0,.68)) saturate(.82);transition:transform .8s var(--e-out),filter .8s var(--e-out)}
.product-cutout-dark img{max-height:660px}
.product-cutout-halo{position:absolute;width:110%;aspect-ratio:1;background:radial-gradient(circle,rgba(203,162,88,.13),rgba(203,162,88,.035) 44%,transparent 70%);filter:blur(24px);transform-origin:center}
.product-cutout figcaption{position:relative;z-index:1;margin-top:24px;font-size:10px;letter-spacing:.22em;color:var(--ink-55)}
.product-spec-list{margin-top:52px;border-top:1px solid rgba(203,162,88,.28)}
.product-spec-list>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:26px;padding:18px 0;border-bottom:1px solid rgba(203,162,88,.14)}
.product-spec-list dt{font-size:12px;letter-spacing:.22em;color:var(--gold)}
.product-spec-list dd{font-weight:300;font-size:14px;line-height:1.7;letter-spacing:.05em;color:var(--ink-60)}

@media(min-width:1101px){
  .product-line-collect,.product-line-master{padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px);gap:clamp(22px,3vh,36px)}
  .product-line-collect .product-line-split{grid-template-columns:minmax(560px,1.38fr) minmax(320px,.72fr);gap:clamp(44px,5vw,78px)}
  .product-line-master .product-line-split-rev{grid-template-columns:minmax(320px,.72fr) minmax(560px,1.38fr);gap:clamp(44px,5vw,78px)}
  .product-line-collect .product-line-heading,.product-line-master .product-line-heading{max-width:none;display:grid;gap:clamp(34px,3.6vw,58px);align-items:start}
  .product-line-collect .product-line-heading{grid-template-columns:minmax(240px,.82fr) minmax(300px,1.18fr)}
  .product-line-master .product-line-heading{grid-template-columns:minmax(320px,1.12fr) minmax(300px,.88fr)}
  .product-line-details{min-width:0}
  .product-line-details .product-tier-prices{margin-top:0}
  .product-line-details .product-spec-list{margin-top:28px}
  .product-line-collect .product-tier-price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-line-collect .product-tier-price-grid>div{padding-right:8px}
  .product-line-collect .product-tier-price-grid>div+div{padding-left:10px}
  .product-line-collect .product-tier-price-grid span{font-size:22px}
  .product-line-master .product-tier-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-line-master .product-tier-price-grid>div{padding-right:4px}
  .product-line-master .product-tier-price-grid>div+div{padding-left:6px}
  .product-line-master .product-tier-price-grid span{font-size:22px}
  .product-line-master .product-tier-price-grid b{font-size:10.5px;letter-spacing:.03em;white-space:nowrap}
  .product-line-collect .product-cutout,.product-line-master .product-cutout{min-height:clamp(500px,62vh,600px)}
  .product-line-collect .product-cutout img,.product-line-master .product-cutout img{max-height:clamp(470px,60vh,570px)}
  .product-line-master .product-cutout-dark img{max-height:clamp(490px,62vh,590px)}
}

.product-branch-list{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr);grid-template-rows:repeat(2,minmax(250px,auto));border-top:1px solid rgba(203,162,88,.28);border-bottom:1px solid rgba(203,162,88,.16)}
.product-branch{position:relative;overflow:hidden;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto 1fr;gap:26px 30px;align-items:start;padding:42px 44px;background:linear-gradient(145deg,rgba(203,162,88,.025),transparent 58%)}
.product-branch:first-child{grid-row:1 / span 2;min-height:520px;padding:54px 58px;border-right:1px solid rgba(203,162,88,.16)}
.product-branch:nth-child(2){border-bottom:1px solid rgba(203,162,88,.16)}
.product-branch>span{grid-row:1 / span 2;font-family:var(--display);font-size:34px;line-height:1;color:rgba(203,162,88,.42)}
.product-branch h3{font-family:var(--display);font-size:30px;line-height:1.25;font-weight:400;letter-spacing:.15em;color:var(--cream)}
.product-branch:first-child h3{font-size:clamp(36px,3.3vw,44px);letter-spacing:.12em;white-space:nowrap}
.product-branch p{grid-column:2;align-self:end;max-width:42em;font-weight:300;font-size:14.5px;line-height:2;color:var(--ink-60)}
.product-branch-items{grid-column:2;align-self:end;display:grid;gap:24px;width:100%;max-width:42em}
.product-branch-items>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 24px;padding-top:22px;border-top:1px solid rgba(203,162,88,.16)}
.product-branch-items b{font-family:var(--display);font-weight:400;font-size:15px;line-height:2;letter-spacing:.2em;color:var(--gold)}
.product-branch .product-branch-items p{grid-column:auto;align-self:auto;max-width:none}
.product-branch::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .42s var(--e-out)}

.product-coda{position:relative;width:calc(100% - 80px);max-width:1200px;margin:0 auto;padding:150px 0 136px;align-items:flex-start;text-align:left}
.product-coda::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(203,162,88,.2);transform-origin:left}
.product-coda .coda-text{max-width:30em}
.product-coda-quote{display:block}
.product-coda-quote>span{display:inline}
.product-coda-source{display:block;margin-top:24px;font-family:var(--serif);font-style:normal;font-weight:300;font-size:12px;line-height:1.8;letter-spacing:.15em;color:var(--ink-55)}
.product-coda-echo{display:block;margin-top:34px;color:var(--ink-60)}
.product-coda .coda-cta{align-self:flex-end;margin-top:8px;font-size:13px;transition:color .24s var(--e-out),transform .16s var(--e-out)}
.product-coda .coda-cta:active{transform:scale(.97)}
.products-page .gfoot::after{content:'';position:absolute;left:0;right:0;bottom:100%;height:150px;background:linear-gradient(180deg,rgba(12,10,7,0),#0c0a07);pointer-events:none}

@media(prefers-reduced-motion:no-preference){
  .has-js .product-cutout.rvl:not(.in) img{opacity:0;transform:translate3d(0,44px,0) scale(.965)}
  .product-cutout.rvl.in img{opacity:1;transform:translate3d(0,0,0) scale(1)}

  .product-motion-ready .product-line::before,
  .product-motion-ready .product-line-aside::after,
  .product-motion-ready .product-coda::before{
    transform:scaleX(0);
    transition:transform 1.05s var(--e-out);
  }
  .product-motion-ready .product-line.motion-section-in::before,
  .product-motion-ready .product-line.motion-section-in .product-line-aside::after,
  .product-motion-ready .product-coda.motion-section-in::before{
    transform:scaleX(1);
  }
  .product-motion-ready .product-line.motion-section-in .product-line-aside::after{transition-delay:.12s}

  .product-motion-ready .product-coda .coda-cta::after{
    left:0;
    right:0;
    opacity:.24;
    transform:scaleX(0);
    transform-origin:right;
    transition:opacity .24s var(--e-out) .18s,transform .42s var(--e-out) .18s;
  }
  .product-motion-ready .product-coda.motion-section-in .coda-cta::after{
    opacity:.72;
    transform:scaleX(1);
  }

  .product-motion-ready .product-price-ledger:not(.motion-block-in) .product-price-group,
  .product-motion-ready .product-tier-prices:not(.motion-block-in) .product-tier-price-grid>div,
  .product-motion-ready .product-spec-list:not(.motion-block-in)>div{
    opacity:0;
    transform:translate3d(0,18px,0);
  }
  .product-motion-ready .product-price-ledger .product-price-group,
  .product-motion-ready .product-tier-prices .product-tier-price-grid>div,
  .product-motion-ready .product-spec-list>div{
    transition:opacity .72s var(--e-out),transform .72s var(--e-out);
  }
  .product-motion-ready .product-price-ledger.motion-block-in .product-price-group,
  .product-motion-ready .product-tier-prices.motion-block-in .product-tier-price-grid>div,
  .product-motion-ready .product-spec-list.motion-block-in>div{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .product-motion-ready .product-price-ledger.motion-block-in .product-price-group:nth-child(3),
  .product-motion-ready .product-tier-prices.motion-block-in .product-tier-price-grid>div:nth-child(2),
  .product-motion-ready .product-spec-list.motion-block-in>div:nth-child(2){transition-delay:.07s}
  .product-motion-ready .product-price-ledger.motion-block-in .product-price-group:nth-child(4),
  .product-motion-ready .product-tier-prices.motion-block-in .product-tier-price-grid>div:nth-child(3),
  .product-motion-ready .product-spec-list.motion-block-in>div:nth-child(3){transition-delay:.14s}
  .product-motion-ready .product-tier-prices.motion-block-in .product-tier-price-grid>div:nth-child(4){transition-delay:.21s}

  .product-motion-ready .product-cutout .product-cutout-halo{
    opacity:.2;
    transform:scale(.86);
    transition:opacity 1.25s var(--e-out) .16s,transform 1.25s var(--e-out) .16s;
  }
  .product-motion-ready .product-cutout.in .product-cutout-halo{opacity:1;transform:scale(1)}
  .product-motion-ready .product-cutout figcaption{
    opacity:0;
    transform:translate3d(0,10px,0);
    transition:opacity .7s var(--e-out) .24s,transform .7s var(--e-out) .24s;
  }
  .product-motion-ready .product-cutout.in figcaption{opacity:1;transform:translate3d(0,0,0)}
}

@media(hover:hover) and (pointer:fine){
  .product-hero-index a:hover{color:var(--cream);transform:translateY(-4px)}
  .product-hero-index a:hover::before{transform:scaleX(1)}
  .product-hero-index a:hover small{color:var(--gold-lit)}
  .product-price-models>div:hover{background:rgba(203,162,88,.045)}
  .product-price-models>div:hover b{color:#f0c978}
  .product-line-note a:hover{color:var(--gold-lit);border-color:var(--gold-lit)}
  .product-tier-price-grid>div:hover{background:rgba(203,162,88,.035)}
  .product-tier-price-grid>div:hover b{color:#f0c978}
  .product-cutout:hover img{transform:translateY(-8px) scale(1.01);filter:drop-shadow(0 46px 58px rgba(0,0,0,.72)) saturate(.9)}
  .product-branch:hover::after{right:0}
  .product-progress a:hover{opacity:.78;transform:translate3d(0,0,0)}
  .product-coda .coda-cta:hover::after{left:0;right:0;opacity:1;transform:scaleX(1);transition-delay:0s}
}

@media(min-width:921px){
  .product-hero-copy{
    box-sizing:border-box;
    top:auto;
    bottom:clamp(168px,20vh,190px);
    left:max(70px,calc((100vw - 1320px)/2));
    right:auto;
    width:min(430px,calc(100vw - 140px));
    max-width:none;
    padding:34px 36px 32px;
    background:linear-gradient(180deg,rgba(245,236,216,.06),rgba(245,236,216,0) 34%),rgba(12,10,7,.5);
    -webkit-backdrop-filter:blur(20px) saturate(1.4);
    backdrop-filter:blur(20px) saturate(1.4);
    border:1px solid rgba(231,200,120,.11);
    box-shadow:inset 0 1px rgba(245,236,216,.15),24px 28px 72px -52px rgba(0,0,0,.9);
  }
  .product-kicker{margin-bottom:18px;font-size:9.5px;letter-spacing:.36em}
  .product-hero h1{font-size:clamp(62px,5vw,74px);letter-spacing:.12em}
  .product-hero-statement{width:auto;max-width:100%;margin:22px 0 0;padding-left:18px}
  .product-hero-statement strong{margin-bottom:8px;font-size:19px}
  .product-hero-statement span{font-size:13.5px}
}

@media(max-width:1100px) and (min-width:921px){
  .product-progress{display:none}
  .products-page .gnav{padding-left:30px;padding-right:30px}
  .products-page .gnav-links{gap:18px}
  .product-hero{padding-left:48px;padding-right:48px}
  .product-hero-copy{bottom:160px;left:48px;right:auto;width:min(390px,calc(100vw - 96px));padding:30px 32px 28px}
  .product-kicker{margin-bottom:16px;font-size:8.5px}
  .product-hero h1{font-size:58px}
  .product-hero-statement{margin-top:18px;padding-left:16px}
  .product-hero-statement strong{font-size:17.5px}
  .product-hero-statement span{font-size:12.5px}
  .product-hero-index{left:48px;right:48px}
  .product-price-head{grid-template-columns:150px 1fr 150px}
  .product-price-group{grid-template-columns:150px minmax(0,1fr)}
  .product-line-main{margin-left:0}
  .product-coda{width:calc(100% - 80px)}
}

@media(max-width:920px){
  .product-progress{display:none}
  .product-hero{min-height:max(700px,100svh);padding:0 24px}
  .product-hero::before{background:linear-gradient(180deg,rgba(12,10,7,.98) 0%,rgba(12,10,7,.56) 25%,rgba(12,10,7,.05) 51%,rgba(12,10,7,.54) 80%,#0c0a07 100%),linear-gradient(90deg,#0c0a07 0%,rgba(12,10,7,.18) 54%,rgba(12,10,7,.5) 100%)}
  .product-hero-copy{top:clamp(138px,18vh,178px);left:24px;right:24px;max-width:620px}
  .product-hero h1{font-size:clamp(58px,13vw,84px);letter-spacing:.13em}
  .product-hero-statement{width:auto;margin-left:0;padding-left:24px}
  .product-hero-copy p{max-width:24em;font-size:15px;line-height:1.9;letter-spacing:.055em}
  .product-hero-figure img{left:-18%;right:auto;bottom:clamp(72px,9vh,96px);width:138%;filter:saturate(.76) brightness(.72) contrast(1.08);transform:scale(1)}
  .product-hero-index{left:24px;right:24px;bottom:14px;height:92px;display:block}
  .product-hero-index a{position:absolute;top:0;min-height:92px;padding-top:20px;display:block;justify-self:auto}
  .product-hero-index a:first-child{left:0;margin-left:0}
  .product-hero-index a:nth-child(2){left:50%;translate:-50% 0}
  .product-hero-index a:nth-child(3){right:0;margin-right:0}
  .product-hero-index a::before{width:100%}
  .product-hero-index small{display:none}
  .product-hero-index span{font-size:12px;letter-spacing:.12em}
  .product-branches{padding:110px 24px}
  .product-section-head{max-width:680px;display:block;margin-bottom:58px}
  .product-section-head>span{margin-bottom:24px}
  .product-section-head h2{margin-bottom:24px}
  .product-section-head p{max-width:34em;padding-bottom:0}
  .product-line{padding:110px 24px;grid-template-columns:1fr;gap:30px}
  .product-line-qinfang{padding-top:88px;background:linear-gradient(180deg,#0c0a07 0,rgba(12,10,7,.92) 46px,rgba(12,10,7,.48) 132px,rgba(12,10,7,.12) 230px,transparent 320px)}
  .product-line::before{left:24px;right:24px}
  .product-line-aside{flex-direction:row;justify-content:flex-start}
  .product-line-main{margin-left:0}
  .product-price-head{display:none}
  .product-price-group{grid-template-columns:1fr}
  .product-price-series{border-right:0;border-bottom:1px solid rgba(203,162,88,.15);padding:22px 0}
  .product-price-models{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-price-models>div{border-bottom:1px solid rgba(203,162,88,.1);padding:22px 16px 22px 0}
  .product-price-models>div:nth-child(2n){border-right:0;padding-left:16px}
  .product-line-note{flex-direction:column;gap:22px}
  .product-tier-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-tier-price-grid>div:nth-child(2n+1){padding-left:0;border-left:0}
  .product-tier-price-grid>div:nth-child(n+3){border-top:1px solid rgba(203,162,88,.1)}
  .product-line-master .product-tier-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-line-master .product-tier-price-grid>div{padding-right:10px}
  .product-line-master .product-tier-price-grid>div:nth-child(3){padding-left:16px;border-top:0;border-left:1px solid rgba(203,162,88,.12)}
  .product-line-master .product-tier-price-grid span{font-size:19px}
  .product-line-split,.product-line-split-rev{grid-template-columns:1fr;gap:44px}
  .product-line-split-rev .product-cutout{order:2}
  .product-cutout{min-height:520px}
  .product-cutout img,.product-cutout-dark img{max-height:510px}
  .product-cutout-halo{width:100%}
  .product-branch-list{grid-template-columns:1fr;grid-template-rows:auto}
  .product-branch,.product-branch:first-child{grid-row:auto;min-height:260px;padding:38px 12px;grid-template-columns:50px minmax(0,1fr);gap:20px;border-right:0;border-bottom:1px solid rgba(203,162,88,.16)}
  .product-branch p{grid-column:2}
  .product-branch:first-child h3{font-size:36px}
  .product-coda{width:auto;margin:0 24px;padding:110px 0 100px}
  .product-coda .coda-cta{align-self:flex-start}
}

@media(max-width:520px){
  .product-kicker{font-size:8px;letter-spacing:.28em}
  .product-hero{min-height:max(680px,100svh)}
  .product-hero h1{font-size:clamp(52px,14.5vw,66px)}
  .product-hero-copy p{max-width:20em;margin-top:24px;font-size:14.5px;line-height:1.85}
  .product-hero-figure img{left:-28%;bottom:82px;width:152%}
  .product-hero-index span{font-size:11px}
  .product-section-head{margin-bottom:48px}
  .product-section-head h2{font-size:40px}
  .product-line-heading h2{font-size:46px}
  .product-line-heading>p{font-size:15.5px;line-height:2}
  .product-price-models span{font-size:23px}
  .product-spec-list>div{grid-template-columns:68px minmax(0,1fr);gap:18px}
  .product-cutout{min-height:430px}
  .product-cutout img,.product-cutout-dark img{max-height:410px}
  .product-branch{grid-template-columns:38px minmax(0,1fr);gap:14px}
  .product-branch-items>div{grid-template-columns:56px minmax(0,1fr);gap:6px 16px}
  .product-branch h3{font-size:22px}
  .product-branch:first-child h3{font-size:30px}
  .product-coda-quote>span{display:block}
  .product-coda-quote>span+span{margin-top:6px}
}

@media(prefers-reduced-motion:reduce){
  .product-hero-figure img,.product-hero-copy>*,.product-hero-index{animation:none}
  .product-cutout img,.product-branch::after{transition:none}
  .product-progress{transition:none}
  .product-progress a,.product-progress a::before{transition:none}
  .product-motion-ready .product-coda .coda-cta::after{left:0;right:0;opacity:.72;transform:none;transition:none}
  .product-motion-ready .product-price-group,
  .product-motion-ready .product-tier-price-grid>div,
  .product-motion-ready .product-spec-list>div,
  .product-motion-ready .product-cutout-halo,
  .product-motion-ready .product-cutout figcaption{
    opacity:1;
    transform:none;
    transition:none;
  }
}