/* A30 keeps its original photographs; motion belongs to the presentation. */
.a30-page{--a30-ease:cubic-bezier(.2,.7,.2,1)}
.a30-page section{scroll-margin-top:calc(var(--header) + 24px)}
.a30-hero{padding-top:35px;padding-bottom:90px}
.a30-hero .back-link{margin-bottom:40px}
.a30-hero-heading{text-align:center;max-width:900px;margin:0 auto 48px}
.a30-hero-heading h1{font-size:clamp(84px,12vw,164px);letter-spacing:-.065em;line-height:.94;margin-bottom:28px}
.a30-hero-heading h1>span{display:block;font-size:clamp(32px,4.6vw,64px);letter-spacing:-.05em;line-height:1.1;color:#77777e;margin-top:17px}
.a30-hero-heading p{font-size:clamp(18px,1.7vw,23px);max-width:660px;margin:0 auto 25px;line-height:1.55}
.a30-hero-heading .actions{justify-content:center}
.a30-photo{display:block;position:relative;width:100%;height:100%;padding:0;border:0;color:var(--ink);background:transparent;overflow:hidden}
.a30-photo img{width:100%;height:100%;object-fit:contain}
.a30-photo>span{position:absolute;right:16px;top:16px;font-size:12px;line-height:1.4;padding:8px 13px;border-radius:99px;color:#38383c;background:#ffffffdb;backdrop-filter:blur(10px)}
.a30-hero-photo{aspect-ratio:1.5;border-radius:28px;overflow:hidden;background:#ededea}
.a30-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:850px;margin:44px auto 0;text-align:center}
.a30-metrics>div{border-right:1px solid var(--line);padding-right:28px}
.a30-metrics>div:last-child{border:0;padding:0}
.a30-metrics strong{display:block;font-size:clamp(28px,3.8vw,48px);font-weight:600;letter-spacing:-.045em;line-height:1.1;margin-bottom:12px}
.a30-metrics span,.a30-metrics a{font-size:14px;color:var(--muted)}
.a30-metrics a:hover{color:var(--accent)}
.a30-section-heading{max-width:830px;margin-bottom:52px}
.a30-section-heading h2{font-size:clamp(42px,5.8vw,76px);line-height:1.07;letter-spacing:-.05em;margin-bottom:25px}
.a30-section-heading>p{font-size:19px;line-height:1.65;max-width:680px;margin:0}
.a30-engineering{padding:100px 0 80px;background:#111113;color:#f5f5f7;overflow:clip}
.a30-engineering .eyebrow{color:#9999a3}
.a30-engineering p{color:#aaaab3}
.a30-story-sticky{display:none}
.a30-story-chapter{padding:34px 0 55px;max-width:720px}
.a30-story-chapter h3{font-size:clamp(32px,3.7vw,49px);line-height:1.13;letter-spacing:-.04em;margin-bottom:25px}
.a30-story-chapter p{font-size:17px;line-height:1.75;margin-bottom:23px}
.a30-story-chapter .a30-story-promise{color:#f5f5f7;font-weight:500}
.a30-story-chapter .a30-story-note{font-size:12px;line-height:1.7;color:#888892;margin-bottom:20px}
.a30-inline-photo{margin:0 0 35px}
.a30-inline-photo .a30-photo{aspect-ratio:1.5;border-radius:18px;background:#e4e4e4}
.a30-inline-photo figcaption{font-size:12px;margin-top:12px;color:#9999a3}
.a30-cap-detail{max-width:210px;margin:6px 0 0}
.a30-cap-detail .a30-photo{aspect-ratio:1.5;border-radius:12px;background:#dadad7}
.a30-cap-detail .a30-photo>span{display:none}
.a30-cap-detail figcaption{font-size:11px;color:#888892;margin-top:9px}
.a30-join-demo{display:flex;align-items:center;position:relative;height:24px;width:220px;max-width:100%;margin:29px 0 9px}
.a30-join-demo>i{display:block;height:13px;flex:1;background:linear-gradient(#9696a1,#45454d);border:1px solid #8b8b94;border-radius:2px;z-index:1}
.a30-join-demo>i:first-child{margin-right:2px}
.a30-join-demo>b{position:absolute;left:38%;right:38%;height:22px;border:1px solid #d3bfa0;background:linear-gradient(#b8a387,#796954);border-radius:3px}
.a30-concept-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#858590}
.a30-story-chapter.is-active .a30-join-demo>i:first-child{animation:a30-join-left 1.5s var(--a30-ease) both}
.a30-story-chapter.is-active .a30-join-demo>i:last-child{animation:a30-join-right 1.5s var(--a30-ease) both}
.a30-story-chapter.is-active .a30-join-demo>b{animation:a30-join-center 1.8s var(--a30-ease) both}
.a30-rollers,.a30-colors{padding-block:100px}
.a30-tab-buttons{display:none}
.a30-option-panel{margin:0 0 35px}
.a30-option-photo{aspect-ratio:1.5;border-radius:24px;overflow:hidden;background:#f5f5f7}
.a30-option-panel figcaption{color:var(--muted);font-size:15px;line-height:1.65;padding-top:21px;max-width:710px;min-height:75px}
.a30-options.is-enhanced .a30-tab-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.a30-tab-buttons button{padding:12px 20px;min-height:46px;border:1px solid transparent;border-radius:99px;background:#f5f5f7;color:#73737b;font-size:14px;line-height:1.4;transition:background 200ms,color 200ms}
.a30-tab-buttons button:hover{background:#ebebee;color:var(--ink)}
.a30-tab-buttons button[aria-selected=true]{background:var(--ink);color:#fff}
.a30-options.is-enhanced .a30-option-panel{margin:0}
.a30-options.is-enhanced .a30-option-panel[hidden]{display:none}
.a30-options.is-enhanced .a30-option-panel img{opacity:0}
.a30-options.is-enhanced .a30-option-panel.is-image-ready img{opacity:1;animation:a30-photo-enter 650ms var(--a30-ease) both}
.a30-options.is-enhanced .a30-option-panel:not(.is-image-ready) .a30-option-photo::after{content:"";position:absolute;left:calc(50% - 22px);top:50%;width:44px;height:2px;background:#b4b4bd;animation:a30-load 1.3s ease-in-out infinite}
.a30-option-photo{position:relative}
.a30-image-error{display:none}
.a30-option-panel.is-image-unavailable .a30-image-error{display:block;position:absolute;inset:0;margin:0;padding:24px;align-content:center;text-align:center;font-size:14px;pointer-events:none}
.a30-options.is-enhanced .a30-option-panel.is-image-unavailable .a30-option-photo::after{display:none}
.a30-options--rollers .a30-option-photo{aspect-ratio:1.7}
.a30-options--colors .a30-tab-buttons button{display:flex;align-items:center;gap:10px}
.a30-options--colors .a30-tab-buttons button::before{content:"";display:block;width:15px;height:15px;border-radius:50%;border:1px solid #0002;background:#bcab8e}
.a30-options--colors .a30-tab-buttons button:nth-child(2)::before{background:#786653}
.a30-options--colors .a30-tab-buttons button:nth-child(3)::before{background:#1c1c21}
.a30-options--colors .a30-tab-buttons button:nth-child(4)::before{background:#fff}
.a30-options--colors .a30-tab-buttons button[aria-selected=true]::before{box-shadow:0 0 0 1px #ffffff80}
.a30-brackets{background:#f5f5f7;padding-block:100px}
.a30-bracket-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.a30-bracket-card{min-width:0;background:#fff;border-radius:24px;overflow:hidden}
.js .a30-bracket-card:nth-child(2){transition-delay:100ms}
.js .a30-bracket-card:nth-child(3){transition-delay:200ms}
.a30-bracket-photo{aspect-ratio:1.05;background:#e5e5e2}
.a30-bracket-copy{padding:29px 26px 32px}
.a30-bracket-copy .eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:16px}
.a30-bracket-copy h3{font-size:25px;line-height:1.2;margin-bottom:19px}
.a30-bracket-copy p{font-size:15px;line-height:1.75;min-height:132px;margin-bottom:19px}
.a30-bracket-photo .a30-photo>span{font-size:10px;right:12px;top:12px;padding:7px 10px}
.a30-angle-gallery{padding-bottom:95px}
.a30-angle-gallery .catalog-model-gallery{max-width:none}
.a30-angle-gallery .catalog-full-photo img{object-fit:contain}
.a30-angle-gallery .catalog-gallery-stage{background:#f0f0ee}
.zh-page .a30-story-chapter h3{line-height:1.2;letter-spacing:-.035em}
.zh-page .a30-section-heading h2{line-height:1.17;letter-spacing:-.04em}
.zh-page .a30-hero-heading h1>span{letter-spacing:-.03em;line-height:1.2}
@media(min-width:801px){
 .a30-engineering.scroll-story-enhanced .a30-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:start}
 .a30-engineering.scroll-story-enhanced .a30-inline-photo{display:none}
 .a30-engineering.scroll-story-enhanced .a30-story-chapter{min-height:70svh;display:flex;flex-direction:column;justify-content:center;padding-block:75px}
 .a30-engineering.scroll-story-enhanced .a30-story-sticky{display:block;position:sticky;top:calc(var(--header) + 25px);padding-top:0}
 .a30-story-frame{height:min(560px,calc(100svh - var(--header) - 124px));min-height:260px;border-radius:25px;overflow:hidden;position:relative;background:#212124}
 .a30-story-visual{position:absolute;inset:0;display:flex;flex-direction:column;margin:0;opacity:0;transition:opacity 550ms var(--a30-ease)}
 .a30-story-visual>img{width:100%;height:calc(100% - 56px);min-height:0;object-fit:contain;background:#e4e4e2}
 .a30-story-visual>figcaption{height:56px;display:flex;align-items:center;gap:17px;padding:12px 23px;font-size:12px;color:#d7d7de;line-height:1.35}
 .a30-story-visual>figcaption>span{color:#858590;font-variant-numeric:tabular-nums}
 .a30-story-visual.is-active.is-image-ready{opacity:1}
 .a30-story-visual.is-active.is-image-ready>img{animation:a30-story-enter 850ms var(--a30-ease) both}
 .a30-engineering.is-story-loading .a30-story-visual,.a30-engineering.is-story-unavailable .a30-story-visual{opacity:0;transition:none}
 .a30-story-loading{position:absolute;top:45%;left:calc(50% - 22px);width:44px;height:2px;opacity:0;background:#7b7b86}
 .a30-engineering.is-story-loading .a30-story-loading{opacity:1;animation:a30-load 1.3s ease-in-out infinite}
 .a30-story-position{display:flex;align-items:center;gap:17px;font-size:11px;color:#92929e;padding-top:23px;font-variant-numeric:tabular-nums}
 .a30-story-position>div{height:1px;flex:1;background:#38383e;overflow:hidden}
 .a30-story-position i{display:block;width:100%;height:100%;background:#c1ab89;transform-origin:left;transform:scaleX(var(--identity-progress,0));transition:transform 150ms linear}
}
@media(max-width:1000px){.a30-bracket-grid{gap:17px}.a30-bracket-copy{padding:25px 20px}.a30-bracket-copy h3{font-size:22px}.a30-bracket-copy p{min-height:158px}.a30-story-chapter h3{font-size:35px}}
@media(max-width:800px){
 .a30-hero{padding-top:28px;padding-bottom:65px}.a30-hero-heading{margin-bottom:35px}.a30-hero-photo{border-radius:20px}
 .a30-engineering{padding-block:70px 35px}.a30-engineering .a30-section-heading{margin-bottom:35px}
 .a30-story-chapter{max-width:none;padding:20px 0 45px}.a30-story-chapter h3{font-size:38px}.a30-story-chapter p{font-size:17px}.a30-join-demo{display:none}.a30-concept-label{display:none}
 .a30-rollers,.a30-colors,.a30-brackets{padding-block:70px}.a30-section-heading{margin-bottom:35px}.a30-section-heading h2{font-size:47px}.a30-section-heading>p{font-size:17px}
 .a30-bracket-grid{grid-template-columns:1fr;gap:24px}.a30-bracket-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.a30-bracket-photo{height:100%;min-height:280px;aspect-ratio:auto}.a30-bracket-copy p{min-height:0}.a30-angle-gallery{padding-bottom:70px}
}
@media(max-width:540px){
 .a30-hero .back-link{margin-bottom:30px}.a30-hero-heading h1{font-size:100px}.a30-hero-heading h1>span{font-size:32px;margin-top:20px}.a30-hero-heading p{font-size:17px}.a30-hero-heading .eyebrow{font-size:10px}
 .a30-hero-heading .actions{gap:18px}.a30-hero-heading .button{font-size:14px;padding-inline:21px}.a30-hero-heading .text-link{font-size:14px}
 .a30-hero-photo{border-radius:17px}.a30-photo>span{top:11px;right:11px;font-size:10px;padding:7px 10px}
 .a30-metrics{gap:12px;margin-top:29px}.a30-metrics>div{padding-right:12px}.a30-metrics strong{font-size:26px;margin-bottom:9px;white-space:nowrap}.a30-metrics span,.a30-metrics a{font-size:10px;line-height:1.4;display:block}
 .a30-section-heading h2{font-size:37px}.a30-section-heading>p{font-size:16px}.a30-story-chapter h3{font-size:32px}.a30-story-chapter p{font-size:16px}.a30-inline-photo{margin-bottom:26px}
 .a30-options.is-enhanced .a30-tab-buttons{gap:7px;margin-bottom:21px}.a30-tab-buttons button{font-size:12px;padding:10px 14px;min-height:40px}.a30-options--colors .a30-tab-buttons button{gap:7px;padding-inline:12px}
 .a30-option-photo,.a30-options--rollers .a30-option-photo{aspect-ratio:1.35;border-radius:17px}.a30-option-panel figcaption{font-size:13px;min-height:86px;padding-top:17px}
 .a30-bracket-card{display:block;border-radius:20px}.a30-bracket-photo{aspect-ratio:1.05;min-height:0}.a30-bracket-copy{padding:27px 25px 30px}.a30-bracket-copy h3{font-size:25px}.a30-bracket-copy p{font-size:15px}
 .zh-page .a30-hero-heading h1>span{font-size:31px}.zh-page .a30-section-heading h2{font-size:35px}.zh-page .a30-story-chapter h3{font-size:30px}
}
@keyframes a30-story-enter{from{transform:scale(1.025);filter:brightness(.92)}to{transform:scale(1);filter:brightness(1)}}
@keyframes a30-photo-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes a30-join-left{from{transform:translateX(-23px)}to{transform:translateX(0)}}
@keyframes a30-join-right{from{transform:translateX(23px)}to{transform:translateX(0)}}
@keyframes a30-join-center{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes a30-load{0%,100%{opacity:.25}50%{opacity:.7}}
@media(prefers-reduced-motion:reduce){
 .a30-page *,.a30-page *::before,.a30-page *::after{animation:none!important;transition:none!important}
 .a30-story-visual>img,.a30-option-panel img{transform:none!important;filter:none!important}
}

/* A17 shares the editorial motion system while giving its quiet profile a distinct finish. */
.a17-page .a30-hero-photo{position:relative;background:radial-gradient(ellipse at 50% 42%,#fff 0,#e8e8e5 70%,#dededb 100%)}
.a17-page .a30-hero-photo img{animation:a17-focus-in 1.1s cubic-bezier(.2,.7,.2,1) both}
.a17-page .a30-engineering{background:radial-gradient(ellipse at 78% 9%,#262522 0,#111113 46%)}
.a17-page .a30-story-frame{background:radial-gradient(ellipse at 50% 35%,#34322e 0,#212124 64%)}
.a17-page .a30-options--colors .a30-tab-buttons button:nth-child(1)::before{background:#1c1c21}
.a17-page .a30-options--colors .a30-tab-buttons button:nth-child(2)::before{background:#fff}
.a17-page .a30-options--colors .a30-tab-buttons button:nth-child(3)::before{background:#786653}
.a17-page .a30-options--colors .a30-tab-buttons button:nth-child(4)::before{background:#c8a45e}
@media(max-width:540px){.a17-page .catalog-gallery-pagination{gap:0;padding-inline:4px}.a17-page .catalog-gallery-pagination button{width:17px;height:22px}}
@keyframes a17-focus-in{from{opacity:.65;transform:scale(1.035);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.a17-page .a30-hero-photo img{animation:none}}
.a17-page .a30-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.a17-page .a17-noise-note{margin:12px auto 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:800px){.a17-page .a30-metrics{gap:10px}}
@media(max-width:540px){.a17-page .a30-metrics strong{font-size:clamp(18px,5.8vw,24px);white-space:normal}.a17-page .a30-metrics span,.a17-page .a30-metrics a{font-size:9px}.a17-page .a30-metrics>div{padding-right:7px}}

/* A single original composition explains the A30 curtain-hanging flexibility. */
.a30-hanging{padding-block:100px;background:radial-gradient(ellipse at 50% 34%,#fff 0,#f5f5f7 76%)}
.a30-hanging .a30-section-heading{max-width:850px;margin:0 auto 44px;text-align:center}
.a30-hanging .a30-section-heading>p{margin-inline:auto}
.a30-hanging-figure{max-width:1120px;margin:0 auto;overflow:hidden;border:1px solid #e8e8eb;border-radius:28px;background:#fff;box-shadow:0 22px 65px #1010180a}
.a30-hanging-figure .a30-photo{aspect-ratio:1.5;height:auto;background:#f0f0ee}
.a30-hanging-figure .a30-photo img{object-fit:contain}
.a30-hanging-figure figcaption{display:flex;align-items:center;gap:16px;padding:17px 24px;color:#696970;font-size:13px;line-height:1.5}
.a30-hanging-figure figcaption span{flex:none;color:#89795f;font-size:10px;font-weight:600;letter-spacing:.12em}
.a30-hanging-figure--detail{max-width:900px;margin-top:28px}
.a30-hanging-figure--detail .a30-photo{aspect-ratio:1;background:#f5f2ea}
@media(max-width:800px){.a30-hanging{padding-block:70px}.a30-hanging .a30-section-heading{margin-bottom:32px}}
@media(max-width:540px){.a30-hanging-figure{border-radius:18px}.a30-hanging-figure figcaption{display:block;padding:14px 17px;font-size:12px}.a30-hanging-figure figcaption span{display:block;margin-bottom:4px}}