/* Shared cinematic materials; each model has its own composition and study. */
.sr-main{background:#080f0c;color:#f2f4ee;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;--muted:#9ca9a1;overflow:clip}
.sr-main *{box-sizing:border-box}.sr-main h1,.sr-main h2,.sr-main h3,.sr-main p,.sr-main figure{margin:0}.sr-main h1,.sr-main h2,.sr-main h3{font-family:inherit;color:#f2f4ee;font-weight:600;letter-spacing:-.025em;line-height:1.35}.sr-main a,.sr-main button{font:inherit}.sr-main button{cursor:pointer}.sr-main :is(a,button,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:6px}.sr-main a{color:inherit}.sr-container{max-width:1400px;margin:0 auto;width:88%}
.sr-hero{min-height:740px;max-width:1800px;margin:auto;padding:76px 5% 64px;display:grid;grid-template-columns:.95fr 1.05fr;gap:5%;align-items:center;position:relative;isolation:isolate}.sr-hero:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 76% 42%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%);pointer-events:none}.sr-model-name{font-size:22px;display:flex;gap:18px;align-items:center;margin-bottom:32px!important}.sr-model-name span{font-size:12px;font-weight:400;color:var(--accent);padding-left:18px;border-left:1px solid #ffffff2a;letter-spacing:.08em}.sr-main h1{font-size:clamp(34px,3.1vw,58px);line-height:1.35;letter-spacing:-.035em}.sr-lead{font-size:clamp(15px,1.1vw,18px);line-height:1.9;color:#b9c3bc;margin-top:26px!important}.sr-explore{display:inline-flex;align-items:center;gap:38px;text-decoration:none;font-size:15px!important;margin-top:32px;border-bottom:1px solid var(--accent);padding:10px 0 14px}.sr-explore span{color:var(--accent);transition:transform .2s}.sr-explore:hover span{transform:translateY(4px)}.sr-hero-index{display:flex;gap:22px;margin-top:56px;color:#b8c3bb;font-size:12px}.sr-hero-index span{display:flex;gap:8px;align-items:center}.sr-hero-index b{color:var(--accent);font-weight:400;font-size:10px;letter-spacing:.1em}
.sr-stage{min-width:0}.sr-stage-top,.sr-visual-top{display:flex;justify-content:space-between;font-size:11px;color:#abb6ae;letter-spacing:.08em;margin-bottom:18px}.sr-stage-top>span:last-child{font-size:9px;color:#6e8376}.sr-stage-art{position:relative;height:380px;overflow:hidden;border-radius:6px;background:#121a15}.sr-photo{display:block;width:100%;height:100%;object-fit:contain}.sr-photo.is-crop{transform:scale(1.65);transform-origin:50% 54%}.sr-state-caption{min-height:60px;padding:17px 0 10px;color:#c3cbc5;font-size:13px;line-height:1.8}.sr-state-tabs{display:flex;border-top:1px solid #ffffff1b;gap:15px}.sr-state-tabs button{flex:1;background:none;color:#8d9a92;padding:15px 0 12px;border:0;border-top:2px solid transparent;margin-top:-1px;font-size:13px;text-align:left;transition:color .2s,border-color .2s}.sr-state-tabs button span{font-size:10px;margin-right:8px}.sr-state-tabs button[aria-selected=true]{color:var(--accent);border-top-color:var(--accent)}.sr-stage-note{font-size:10px;color:#78897e;line-height:1.6;margin-top:13px!important}
/* Story: a set with a single product and an explicit three-part sequence. */
.sr-story-scene{height:87%;position:relative;background:linear-gradient(125deg,#283529,#121d15 70%);overflow:hidden}.sr-story-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#e3eac014 31%,transparent 60%)}.sr-story-scene .sr-photo{position:absolute;z-index:2;width:65%;height:92%;left:18%;top:0;filter:drop-shadow(20px 24px 18px #0007);transition:transform .65s,filter .65s}.sr-scene-floor{position:absolute;bottom:0;height:25%;width:100%;background:linear-gradient(#64735722,#1e2c20);border-top:1px solid #aab99920}.sr-scene-time{position:absolute;top:24px;left:24px;z-index:3;font-size:11px;color:#c7d5bd}.sr-storyline{display:flex;align-items:center;gap:16px;justify-content:center;height:13%;font-size:11px;color:#a7b69f}.sr-storyline i{height:1px;width:15%;background:#647b58}.sr-story .sr-stage[data-state='1'] .sr-story-scene .sr-photo{transform:scale(1.22) translateY(5%)}.sr-story .sr-stage[data-state='2'] .sr-story-scene .sr-photo{transform:scale(.88) translateX(12%)}
/* Sound: the picture and three separately legible audio intentions. */
.sr-sound .sr-stage-art{background:#1a1d18;display:grid;grid-template-columns:1.15fr 1fr;padding:24px;gap:12px}.sr-sound-product{position:relative;min-height:200px;overflow:hidden}.sr-sound-product .sr-photo{position:relative;z-index:1;mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}.sr-sound-orbit{position:absolute;inset:14% 2%;border:1px solid #d7c29a20;border-radius:50%}.sr-tracks{display:flex;flex-direction:column;justify-content:center;gap:28px}.sr-track{opacity:.38;transition:opacity .3s}.sr-track.is-active,.sr-feature-visual .sr-track{opacity:1}.sr-track>span:first-child{font-size:11px;color:#d6c9ac}.sr-wave{display:flex;gap:2px;height:36px;align-items:center;margin-top:8px}.sr-wave i{display:block;flex:1;background:var(--accent);height:var(--bar);opacity:.55;transform:scaleY(.7)}.is-inview .sr-track.is-active .sr-wave i{animation:sr-wave 2s ease-in-out var(--delay) infinite alternate}.sr-sound .sr-stage[data-state='1'] .sr-sound-orbit{box-shadow:0 0 70px #f6d89430}.sr-sound .sr-stage[data-state='2'] .sr-sound-product{filter:brightness(1.12)}
/* Motion: real consecutive reference frames, never invented product angles. */
.sr-motion .sr-stage-art{background:transparent;height:410px;overflow:visible}.sr-filmstrip{display:flex;gap:12px;height:90%;align-items:center}.sr-filmstrip figure{flex:1;height:88%;min-width:0;opacity:.55;transition:height .35s,opacity .35s;position:relative;overflow:hidden;border-radius:6px}.sr-filmstrip figure.is-active{height:100%;opacity:1}.sr-filmstrip img{object-fit:cover}.sr-filmstrip figcaption{position:absolute;bottom:0;left:0;width:100%;padding:30px 12px 14px;background:linear-gradient(transparent,#000d);font-size:10px;line-height:1.5}.sr-frame-rule{display:flex;justify-content:space-around;color:var(--accent);font-size:11px;letter-spacing:.15em;padding-top:16px}
/* Campaign: a large, composed advertising study. */
.sr-campaign .sr-stage-art{height:410px;background:#1d2420}.sr-poster{height:100%;position:relative;padding:26px 32px;background:radial-gradient(ellipse at 62% 56%,#5b4430,#1b241d 70%);overflow:hidden}.sr-poster-label{font-size:10px;letter-spacing:.24em;color:#d7bd9e;position:relative;z-index:2}.sr-poster>strong{position:absolute;left:32px;top:87px;z-index:2;font-size:34px;font-weight:500;line-height:1.5;letter-spacing:.06em;transition:transform .5s}.sr-poster>.sr-photo{position:absolute;inset:0 0 0 30%;width:75%;mask-image:radial-gradient(ellipse,#000 36%,transparent 73%);transition:transform .5s}.sr-poster-foot{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;color:#cbb798}.sr-campaign .sr-stage[data-state='1'] .sr-poster>strong{transform:translateY(-25px)}.sr-campaign .sr-stage[data-state='1'] .sr-poster>.sr-photo{transform:translateX(-15%) translateY(10%) scale(.85)}.sr-campaign .sr-stage[data-state='2'] .sr-poster>.sr-photo{transform:scale(1.6) translateY(18%)}.sr-campaign .sr-stage[data-state='2'] .sr-poster>strong{transform:translateY(60px)}
/* Layout: visibly changing crops and text placement inside a steady stage. */
.sr-layout .sr-stage-art{padding:22px 20px;background:#141e20}.sr-layout-canvas{position:relative;height:88%;width:90%;margin:auto;background:#cbd4ce;overflow:hidden;transition:width .4s,height .4s,margin .4s}.sr-layout-canvas>.sr-photo{position:absolute;width:70%;right:-5%;height:100%;mask-image:radial-gradient(ellipse,#000 25%,transparent 71%);transition:width .4s,right .4s}.sr-layout-copy{position:absolute;inset:30px auto auto 26px;width:50%;color:#20312e}.sr-layout-copy small{font-size:8px;letter-spacing:.16em}.sr-layout-copy strong{font-size:30px;line-height:1.5;display:block;margin-top:14px;letter-spacing:.04em}.sr-layout-copy>span{display:block;font-size:9px;margin-top:20px}.sr-crop-guides{position:absolute;inset:12px;border:1px solid #29453f22;z-index:3;pointer-events:none}.sr-format-label{display:flex;justify-content:space-between;font-size:10px;color:#a5bab7;padding:16px 0}.sr-layout .sr-stage[data-state='1'] .sr-layout-canvas{height:66%;width:100%;margin-top:36px}.sr-layout .sr-stage[data-state='1'] .sr-layout-copy{top:20px}.sr-layout .sr-stage[data-state='1'] .sr-layout-copy strong{font-size:24px;margin-top:10px}.sr-layout .sr-stage[data-state='2'] .sr-layout-canvas{width:62%;height:88%}.sr-layout .sr-stage[data-state='2'] .sr-layout-copy{top:18px;left:20px;width:80%}.sr-layout .sr-stage[data-state='2'] .sr-layout-copy strong{font-size:24px;line-height:1.3}.sr-layout .sr-stage[data-state='2'] .sr-layout-copy>span{display:none}.sr-layout .sr-stage[data-state='2'] .sr-layout-canvas>.sr-photo{width:100%;right:-8%;height:80%;bottom:-10%}
/* Reference board: overview, honest crop and an independent layout instruction. */
.sr-reference .sr-stage-art{background:transparent}.sr-reference-board{display:grid;height:100%;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.sr-reference-board figure{position:relative;overflow:hidden;background:#1b241f;border-radius:5px}.sr-reference-main{grid-row:1/3}.sr-reference-board figcaption{position:absolute;bottom:0;padding:28px 16px 16px;font-size:10px;left:0;right:0;background:linear-gradient(transparent,#101c16)}.sr-reference-detail .sr-photo{transform:scale(1.8);transform-origin:50% 50%}.sr-reference-layout{background:#c4d1be;color:#283b2a;padding:18px;position:relative;overflow:hidden;border-radius:5px}.sr-reference-layout span{font-size:10px}.sr-reference-layout b{font-size:27px;line-height:1.2;display:block;margin-top:20px;font-weight:500}.sr-reference-layout i{position:absolute;inset:15px;border:1px solid #243e2930}.sr-reference-board> *{transition:opacity .3s,box-shadow .3s}.sr-reference .sr-stage[data-state='1'] .sr-reference-main,.sr-reference .sr-stage[data-state='2'] .sr-reference-main{opacity:.5}.sr-reference .sr-stage[data-state='1'] .sr-reference-detail,.sr-reference .sr-stage[data-state='2'] .sr-reference-layout{box-shadow:inset 0 0 0 2px var(--accent)}
/* Editing: accessible before/after range, using two clearly labelled layout studies. */
.sr-compare{height:100%;min-height:300px;position:relative;isolation:isolate;overflow:hidden;border-radius:5px}.sr-edit-poster{position:absolute;inset:0;background:#d9ddd3;color:#21372a}.sr-edit-poster>.sr-photo{position:absolute;height:90%;width:85%;left:8%;bottom:-12%;mask-image:radial-gradient(ellipse,#000 32%,transparent 70%)}.sr-edit-poster>strong{position:absolute;top:32px;left:28px;font-size:32px;line-height:1.3;font-weight:600;letter-spacing:.03em}.sr-edit-poster>span{position:absolute;bottom:18px;left:24px;font-size:10px}.sr-after{background:#d9ddd3;clip-path:inset(0 0 0 var(--split))}.sr-compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;pointer-events:none}.sr-compare-line b{position:absolute;top:48%;left:-19px;width:40px;height:40px;display:grid;place-items:center;background:#e9f0e4;border:1px solid #405247;color:#243a2c;border-radius:50%;font-size:16px}.sr-compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.sr-compare:focus-within{outline:2px solid var(--accent);outline-offset:4px}.sr-edit .sr-stage[data-state='1'] .sr-edit-poster>strong{opacity:.45}.sr-edit .sr-stage[data-state='2'] .sr-edit-poster{box-shadow:inset 0 0 0 3px #9eb291}
/* Long-form explanation: one claim, one visual, one usable brief per chapter. */
.sr-capabilities{padding-top:85px}.sr-section-heading{margin-bottom:52px;max-width:850px}.sr-kicker{font-size:12px;color:var(--accent);letter-spacing:.07em;margin-bottom:16px!important}.sr-main h2{font-size:clamp(27px,2.25vw,40px)}.sr-section-heading>p:last-child:not(.sr-kicker){color:var(--muted);font-size:14px;line-height:1.85;margin-top:18px}.sr-feature-list{border-top:1px solid #ffffff13}.sr-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:64px 0;align-items:center;border-bottom:1px solid #ffffff13}.sr-feature:nth-child(even) .sr-feature-visual{order:2}.sr-feature-visual{background:#111c16;padding:24px;min-height:320px;overflow:hidden;border-radius:6px}.sr-visual-top{margin-bottom:24px;font-size:10px}.sr-feature-copy h3{font-size:clamp(23px,1.8vw,31px);line-height:1.45;max-width:530px}.sr-feature-body{color:#aab6ae;font-size:14px;line-height:1.95;margin-top:20px!important}.sr-brief{border-left:2px solid var(--accent);padding-left:18px;margin:24px 0}.sr-brief>span{font-size:11px;color:var(--accent)}.sr-brief p{font-size:14px;color:#d3dcd5;line-height:1.9;margin-top:9px}.sr-checklist{margin:0;display:grid;gap:10px}.sr-checklist>div{display:grid;grid-template-columns:32px 1fr;gap:14px}.sr-checklist dt{font-size:11px;line-height:1.9;color:#7f9788}.sr-checklist dd{font-size:12px;line-height:1.85;color:#a6b3a9;margin:0}.sr-visual-note{font-size:10px;color:#74897a;margin-top:20px!important;line-height:1.7}
.sr-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sr-sequence figure{min-width:0;overflow:hidden;background:#1b2920}.sr-sequence .sr-photo{height:180px}.sr-sequence figcaption{position:relative;z-index:1;background:#18251d;padding:14px 8px;color:#c4cfc5;font-size:10px;display:flex;flex-direction:column;gap:8px}.sr-sequence b{font-size:10px;color:var(--accent);font-weight:400}.sr-sequence-line{height:2px;background:linear-gradient(90deg,var(--accent) 30%,#243b2c 30%,#243b2c 35%,var(--accent) 35%,var(--accent) 65%,#243b2c 65%,#243b2c 70%,var(--accent) 70%);margin-top:18px}.sr-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sr-inputs>div{background:#1d2b21;position:relative;overflow:hidden;height:160px}.sr-inputs .sr-photo{height:140px}.sr-inputs>div>span{font-size:10px;position:absolute;bottom:12px;left:14px;z-index:2;color:#c6d0c7}.sr-inputs .sr-input-brief{grid-column:1/3;height:auto;padding:22px;background:#d0dac8;color:#263e2d}.sr-input-brief>span{position:static!important;display:block;color:#576f59!important}.sr-input-brief strong{display:block;font-size:20px;margin-top:10px;font-weight:500}.sr-input-brief p{font-size:12px;line-height:1.7;margin-top:9px}.sr-input-footer{font-size:10px;color:#a4b8a7;margin-top:20px;display:flex;justify-content:space-between;gap:12px;line-height:1.6}.sr-revision{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;min-height:230px}.sr-revision-product{height:250px;position:relative;overflow:hidden}.sr-revision-product>.sr-photo{mask-image:radial-gradient(ellipse,#000 40%,transparent 72%)}.sr-revision-product>span{position:absolute;bottom:0;left:0;font-size:10px;color:#9cb0a1}.sr-revision-note small{font-size:11px;color:var(--accent)}.sr-revision-note strong{font-size:23px;font-weight:500;display:block;margin-top:14px;line-height:1.5}.sr-revision-line{display:flex;gap:7px;margin:24px 0}.sr-revision-line i{height:25px;flex:1;background:#2a3a2f}.sr-revision-line .is-marked{background:var(--accent)}.sr-revision-note p{font-size:12px;color:#98ac9d;line-height:1.9}.sr-feature-visual>.sr-sound-product{height:180px}.sr-feature-visual>.sr-tracks{gap:10px}.sr-feature-visual .sr-track{display:grid;grid-template-columns:110px 1fr;align-items:center}.sr-feature-visual .sr-wave{margin:0;height:25px}.sr-composition{display:grid;grid-template-columns:1fr 1fr;min-height:250px;align-items:center;gap:18px}.sr-composition>div:first-child{height:250px;overflow:hidden}.sr-composition-text small{font-size:10px;color:#99ae9d}.sr-composition-text strong{display:block;font-size:25px;line-height:1.5;font-weight:500;margin-top:18px}.sr-composition-text i{display:block;height:1px;width:42px;background:var(--accent);margin:24px 0}.sr-composition-text>span{font-size:11px;line-height:1.8;color:#97aa9c}.sr-detail-view{position:relative;height:300px;overflow:hidden}.sr-detail-view>.sr-photo{width:75%}.sr-detail-inset{position:absolute;right:0;top:15%;width:42%;height:60%;border:1px solid var(--accent);overflow:hidden;border-radius:50%;background:#202e24}.sr-detail-view>span{position:absolute;bottom:0;font-size:10px;color:#9caf9e}.sr-feature-visual>.sr-compare{height:300px}
.sr-cases,.sr-decision{padding-top:96px}.sr-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1060px;margin:auto}.sr-case{display:grid;grid-template-columns:minmax(100px,46%) 1fr;align-items:center;gap:20px}.sr-case-play{padding:0;border:1px solid #ffffff20;background:#111c16;border-radius:10px;overflow:hidden;aspect-ratio:9/16;position:relative;transition:transform .25s,border-color .25s}.sr-case-play:hover{transform:translateY(-5px);border-color:var(--accent)}.sr-case-play img{width:100%;height:100%;object-fit:cover;display:block}.sr-case-play span{position:absolute;bottom:12px;right:12px;width:33px;height:33px;border-radius:50%;border:1px solid #fff9;background:#0c181c66;display:grid;place-items:center;color:white;font-size:12px}.sr-case h3{font-size:18px;line-height:1.55}.sr-case p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:16px}.sr-decision-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.sr-decision-grid article{padding:34px 42px 36px 0}.sr-decision-grid article+article{border-left:1px solid #ffffff1a;padding-left:42px}.sr-decision-grid article>span{font-size:11px;color:var(--accent)}.sr-decision-grid h3{font-size:24px;margin-top:18px}.sr-decision-grid p{font-size:14px;line-height:1.9;color:#aab7ad;margin-top:14px;max-width:480px}.sr-faq{max-width:950px;padding:104px 0 90px}.sr-faq .sr-section-heading{text-align:center;margin:0 auto 42px}.sr-faq details{border-bottom:1px solid #ffffff18}.sr-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:16px;font-weight:500;padding:24px 0;line-height:1.6}.sr-faq summary::-webkit-details-marker{display:none}.sr-faq summary span{font-size:22px;font-weight:300;color:var(--accent)}.sr-faq details[open] summary span{transform:rotate(45deg)}.sr-faq details>p{color:#a6b5aa;line-height:1.9;font-size:14px;padding:0 36px 25px 0}.sr-source{display:block;width:max-content;max-width:100%;margin:28px auto 0;color:#8ea998!important;text-underline-offset:5px;font-size:11px;line-height:1.7}.sr-video-dialog{border:1px solid #ffffff25;background:#101713;color:#b3c2b8;border-radius:12px;padding:12px;max-width:min(94vw,550px);overflow:visible}.sr-video-dialog::backdrop{background:#000b}.sr-video-dialog video{max-height:78vh;width:100%;display:block;border-radius:6px;background:#000}.sr-video-dialog p{font-size:11px;text-align:center;margin:12px 0 0}.sr-video-close{position:absolute;right:-14px;top:-40px;background:#e3ece4;color:#182a20;border:0;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:24px}
@keyframes sr-wave{to{transform:scaleY(1)}}
@media(min-width:1600px){.sr-stage-art{height:440px}.sr-hero{min-height:800px}.sr-campaign .sr-stage-art,.sr-motion .sr-stage-art{height:460px}}
@media(max-width:1100px){.sr-hero{padding:58px 5% 50px;gap:4%;min-height:660px}.sr-main h1{font-size:36px}.sr-model-name{flex-wrap:wrap;gap:12px}.sr-model-name span{padding:0;border:0;width:100%}.sr-stage-art,.sr-campaign .sr-stage-art{height:340px}.sr-motion .sr-stage-art{height:360px}.sr-hero-index{flex-wrap:wrap;gap:12px;margin-top:32px}.sr-state-tabs{gap:8px}.sr-state-tabs button{font-size:11px}.sr-stage-top>span:last-child{display:none}.sr-feature{gap:5%}.sr-feature-visual{padding:18px}.sr-input-footer{flex-wrap:wrap}.sr-case{display:block}.sr-case-play{display:block;width:100%;max-width:220px;margin:auto}.sr-case h3{margin-top:20px}.sr-case p{margin-top:10px}.sr-poster>strong{font-size:27px}.sr-layout-copy strong{font-size:24px}.sr-sound .sr-stage-art{padding:14px}.sr-wave{gap:1px}}
@media(max-width:720px){.sr-hero{grid-template-columns:1fr;padding:42px 6% 48px;gap:42px}.sr-model-name{font-size:19px;gap:10px;margin-bottom:22px!important}.sr-main h1{font-size:34px}.sr-model-name span{font-size:11px}.sr-lead{font-size:14px;margin-top:20px!important}.sr-explore{margin-top:20px;font-size:14px!important}.sr-hero-index{margin-top:26px;gap:18px;font-size:10px}.sr-stage-art,.sr-campaign .sr-stage-art{height:330px}.sr-motion .sr-stage-art{height:350px}.sr-state-caption{font-size:12px;min-height:65px}.sr-state-tabs button{font-size:11px}.sr-state-tabs button span{display:none}.sr-container{width:88%}.sr-capabilities{padding-top:32px}.sr-section-heading{margin-bottom:32px}.sr-main h2{font-size:27px}.sr-section-heading>p:last-child:not(.sr-kicker){font-size:13px}.sr-feature{grid-template-columns:1fr;gap:28px;padding:36px 0 42px}.sr-feature:nth-child(even) .sr-feature-visual{order:0}.sr-feature-copy h3{font-size:24px}.sr-feature-body,.sr-brief p{font-size:13px}.sr-feature-visual{padding:16px;min-height:280px}.sr-visual-top{font-size:9px}.sr-sequence .sr-photo{height:140px}.sr-sequence figcaption{font-size:9px}.sr-revision{gap:12px;min-height:200px}.sr-revision-product{height:220px}.sr-revision-note strong{font-size:20px}.sr-composition{gap:12px;min-height:220px}.sr-composition>div:first-child{height:220px}.sr-composition-text strong{font-size:22px}.sr-inputs>div{height:145px}.sr-detail-view{height:250px}.sr-feature-visual>.sr-compare{height:280px}.sr-edit-poster>strong{font-size:27px;left:20px}.sr-cases,.sr-decision{padding-top:60px}.sr-case-grid{grid-template-columns:1fr;gap:28px}.sr-case{display:grid;grid-template-columns:42% 1fr;gap:20px}.sr-case h3{font-size:17px;margin:0}.sr-case p{font-size:12px}.sr-decision-grid{grid-template-columns:1fr}.sr-decision-grid article{padding:26px 0}.sr-decision-grid article+article{padding:26px 0;border-left:0;border-top:1px solid #ffffff18}.sr-decision-grid h3{font-size:21px;margin-top:12px}.sr-decision-grid p{font-size:13px}.sr-faq{padding-top:64px;padding-bottom:60px}.sr-faq summary{font-size:14px;padding:22px 0}.sr-faq details>p{font-size:13px}.sr-video-close{right:0}.sr-reference-layout b{font-size:22px}.sr-poster-foot span:last-child{display:none}.sr-layout-copy{left:20px}.sr-layout-copy strong{font-size:24px}.sr-layout .sr-stage[data-state='2'] .sr-layout-copy strong{font-size:21px}.sr-stage-top{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sr-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Both comparison layers preserve the same background and product. */
.sr-edit-poster>strong{left:12px;right:12px;text-align:center;font-size:clamp(24px,2.5vw,32px)}