/* RUFFIN — photography, quiet surfaces, precise controls. */
html:root .rf-night-world .rf-section{padding:52px 6%;background:#151719;scroll-margin-top:60px}
html:root .rf-night-world .rf-section:nth-of-type(even){background:#181a1c}
html:root .rf-night-world .rf-section-intro{max-width:none;display:grid;grid-template-columns:1.08fr 1fr;column-gap:6%;row-gap:12px;align-items:end;margin-bottom:28px}
html:root .rf-night-world .rf-section-intro>.rf-eyebrow{grid-column:1/-1;margin:0;font-size:12px;letter-spacing:.11em;color:#aeb4ba}
html:root .rf-night-world .rf-section-intro>h3{font-size:clamp(32px,3.5vw,45px)!important;line-height:1.12!important;margin:0!important}
html:root .rf-night-world .rf-section-intro>p:not(.rf-eyebrow){font-size:16px;line-height:1.7;margin:0;max-width:none;color:#bfc3c7}
html:root .rf-night-world .rf-hero{min-height:760px;padding:155px 6% 85px;background:#141618}
html:root .rf-night-world .rf-identity{width:180px;height:134px;left:50%;top:20px;transform:translateX(-50%) scale(.9);transform-origin:50% 0}
html:root .rf-night-world .rf-hero-photo{filter:blur(2px)!important;opacity:.5}
html:root .rf-night-world .rf-hero-shade{background:linear-gradient(90deg,#101214d9,#1214167a 60%,#10121433)}
html:root .rf-night-world :is(.rf-hero-light,.rf-screen-glint,.rf-screen-halo,.rf-atmosphere,.rf-depth-field,.rp-orbit){display:none!important}
html:root .rf-night-world .rf-phone,html:root .rf-night-world .rf-phone:hover{box-shadow:0 0 0 1px #c5c7cb33,12px 24px 45px #0008!important;filter:none!important}
html:root .rf-night-world .rf-screen-stage{min-height:560px;gap:5%}
html:root .rf-night-world .rf-screen-render{min-height:570px}
html:root .rf-night-world .rf-screen-tabs{margin-bottom:20px}
html:root .rf-night-world .rf-chapter-strip{background:#191b1ed4;box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html:root .rf-night-world .rp-copy{min-height:0;margin-bottom:24px}
html:root .rf-night-world .rp-controls{margin-top:24px}
html:root .rf-night-world .rp-notification>[data-rp-notice-icon],html:root .rf-night-world .rp-app-status>[data-rp-status-icon]{display:flex;align-items:center;justify-content:center;line-height:0;padding:0}
html:root .rf-night-world [data-rp-notice-icon]>svg,html:root .rf-night-world [data-rp-status-icon]>svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
html:root .rf-night-world .rp-phone-scene{min-height:715px}
html:root .rf-night-world .rw-reviewer-label{font-size:13px;color:#adb5bd;display:block;margin-bottom:12px}
.rw-reviewer-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}
html:root .rf-night-world .rw-reviewer-choices>button{display:flex;align-items:center;gap:11px;padding:17px 13px;border:1px solid #ffffff24;border-radius:19px;background:linear-gradient(140deg,#ffffff0e,#ffffff03);color:#c9ced3;text-align:left;min-width:0;transition:background .25s,border-color .25s,box-shadow .25s}
html:root .rf-night-world .rw-reviewer-choices>button[aria-pressed=true]{border-color:#dce3e380;background:linear-gradient(140deg,#ffffff21,#ffffff0a);box-shadow:inset 0 1px #fff3,0 8px 20px #0002;color:#f3f4f5}
.rw-reviewer-avatar{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:50%;background:#d7dee316;border:1px solid #ffffff27;font-size:15px}
.rw-reviewer-choices strong{display:block;font-size:15px;font-weight:500;line-height:1.3}.rw-reviewer-choices small{display:block;font-size:11px;line-height:1.4;color:#b8bec5;margin-top:5px}.rw-reviewer-choices i{font-style:normal;font-size:13px;margin-left:auto;opacity:0}.rw-reviewer-choices [aria-pressed=true] i{opacity:1}
html:root .rf-night-world .rw-review-queue{min-height:96px}
/* One working day, four settings. */
.rl-gallery{scroll-margin-top:72px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);border:1px solid #ffffff26;border-radius:26px;overflow:hidden;background:#202225;box-shadow:0 22px 45px #0004}
.rl-photo{position:relative;overflow:hidden;min-height:470px;margin:0;background:#202225}
.rl-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;animation:rl-photo-drift 20s ease-in-out infinite alternate;animation-play-state:paused}
.rf-in-view .rl-photo>img{animation-play-state:running}
.rl-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0d1114bd);pointer-events:none}
.rl-photo figcaption{position:absolute;z-index:1;bottom:25px;left:27px;right:27px;color:#fff;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.rl-scene-copy{display:flex;flex-direction:column;justify-content:center;padding:32px;min-width:0}
.rl-scene-copy>span{font-size:12px;color:#aab4bc;letter-spacing:.1em}
html:root .rf-night-world .rl-scene-copy h4{font-size:32px!important;line-height:1.15!important;letter-spacing:-.035em;margin:20px 0!important;font-weight:400!important}
html:root .rf-night-world .rl-scene-copy>p{font-size:16px;line-height:1.75;margin:0 0 24px;color:#c5cbd0}
.rl-workflow{display:grid;gap:0;border-top:1px solid #ffffff22}
.rl-workflow>span{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff22;color:#c7d0d5;font-size:13px;line-height:1.5}
.rl-workflow i{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #ffffff30;border-radius:50%;font-style:normal;font-size:10px;color:#a9b7c0}
.rl-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px}
.rl-thumbnails>button{position:relative;display:block;border:1px solid #ffffff27;border-radius:15px;padding:0;overflow:hidden;background:#161a1d;text-align:left;color:#fff;transition:border-color .25s,box-shadow .25s}
.rl-thumbnails img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;opacity:.65;transition:opacity .3s}
.rl-thumbnails>button[aria-pressed=true]{border-color:#e2e7e6aa;box-shadow:0 5px 18px #0005}.rl-thumbnails>button:is(:hover,[aria-pressed=true]) img{opacity:1}
.rl-thumbnails>button>span{position:absolute;inset:auto 0 0;padding:22px 15px 12px;background:linear-gradient(transparent,#111a);font-size:13px;line-height:1.3}.rl-thumbnails b{font-size:10px;font-weight:400;opacity:.7;margin-right:9px}
@keyframes rl-photo-drift{from{transform:scale(1)}to{transform:scale(1.045) translateX(-.6%)}}
/* Device families expand to the actual model list. */
.rf-device-models{margin-top:28px;padding-top:25px;border-top:1px solid #ffffff24}
.rf-device-models>header{display:flex;gap:18px;justify-content:space-between;align-items:baseline;margin-bottom:17px}
html:root .rf-night-world .rf-device-models h5{font-size:18px;font-weight:500;margin:0;color:#e6e9ea;letter-spacing:-.02em}
.rf-model-search{display:block;width:100%;border:1px solid #ffffff33;border-radius:13px;background:#11141670;color:#e9eeef;font:inherit;font-size:14px;padding:14px 17px;margin:18px 0 22px;outline-offset:4px}
.rf-model-search::placeholder{color:#adb7bf}
.rf-model-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rf-model-group{border:1px solid #ffffff1d;border-radius:15px;padding:19px;background:#ffffff04}
.rf-model-group>strong{display:block;font-size:15px;font-weight:500;color:#dce1e4;margin-bottom:9px}
.rf-model-group>p{font-size:14px;line-height:1.7;color:#bfc7cd;margin:0!important;max-width:none}
.rf-model-group.is-upcoming{border-color:#c7b9954d}.rf-model-group>small{font-size:12px;line-height:1.6;color:#c6bda8;display:block;margin-top:11px}
.rf-model-note{font-size:12px!important;line-height:1.7!important;color:#a7b3bd!important;margin:19px 0 0!important;max-width:none!important}
.rf-model-note a{color:#ccd3d8;text-underline-offset:3px}.rf-model-empty{font-size:14px;line-height:1.6;color:#c7d1d6}
@media(max-width:1000px){.rw-reviewer-choices{grid-template-columns:1fr}.rl-gallery{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr)}.rl-scene-copy{padding:25px}.rl-photo{min-height:470px}}
@media(max-width:720px){html:root .rf-night-world .rf-section{padding:38px 7%;scroll-margin-top:58px}html:root .rf-night-world .rf-section-intro{grid-template-columns:1fr;row-gap:17px;margin-bottom:25px}html:root .rf-night-world .rf-section-intro>h3{font-size:34px!important}html:root .rf-night-world .rf-hero{min-height:0;padding:155px 7% 110px}html:root .rf-night-world .rf-identity{width:138px}html:root .rf-night-world .rf-screen-stage{min-height:0;gap:24px}html:root .rf-night-world .rf-screen-render{min-height:520px}.rl-gallery{grid-template-columns:1fr}.rl-photo{min-height:0;aspect-ratio:1.25}.rl-scene-copy{padding:25px}.rl-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rl-thumbnails>button>span{font-size:12px;padding:22px 12px 10px}.rw-reviewer-choices{grid-template-columns:1fr}.rf-model-groups{grid-template-columns:1fr}.rf-device-models>header{display:block}.rf-model-group{padding:17px}.rf-device-models{padding-top:20px}.rf-model-search{font-size:16px}html:root .rf-night-world .rp-phone-scene{min-height:715px}}
.rf-night-world.motion-paused .rl-photo>img{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.rl-photo>img{animation:none!important}.rl-thumbnails img,.rw-reviewer-choices>button{transition:none}}

.rf-night-world [data-rf-model-list]{display:block;width:100%}

/* Approved native brand geometry: one canvas, one common center. */
html:root .rf-night-world .rf-identity{width:180px;height:134px;left:50%;top:20px;transform:translateX(-50%) scale(.9);transform-origin:50% 0}
html:root .rf-night-world .rf-identity .rf-elevator{position:absolute;width:91.0222px;height:91.0222px;left:44.4889px;top:.4889px;margin:0;opacity:1;filter:drop-shadow(0 2px 5px #0004)}
html:root .rf-night-world .rf-identity .rf-wordmark{position:absolute;left:0;right:0;top:95.2px;margin:0;display:flex;justify-content:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:0;text-shadow:none;color:transparent}
html:root .rf-night-world .rf-wordmark>span{background:linear-gradient(155deg,#ffffffa8 0%,#ffffff24 26%,#ced9e411 49%,#ffffff54 76%,#ffffffad 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.45px #ffffff7a;filter:drop-shadow(0 1px .5px #0008) drop-shadow(0 3px 4px #0003)}
html:root .rf-night-world .rf-logo-layer:before{background:#ffffff12;backdrop-filter:blur(3px) saturate(1.05);-webkit-backdrop-filter:blur(3px) saturate(1.05)}
html:root .rf-night-world .rf-logo-layer:after{display:none}
html:root .rf-night-world .rf-elevator-running .rf-identity{animation:rf-centered-arrival 2.493s cubic-bezier(.42,0,.58,1) both}
@keyframes rf-centered-arrival{0%,64.7%{top:26%;transform:translateX(-50%) scale(1.75)}100%{top:20px;transform:translateX(-50%) scale(.9)}}
html:root .rf-night-world.motion-paused .rf-identity{animation:none!important}
html:root .rf-phone,html:root .native-phone,html:root .app-analysis-screen{cursor:default}
html:root .rf-phone,html:root .native-phone{margin:0}
html:root .rf-night-world .rf-device-options>button{gap:13px;min-height:160px;padding:25px 14px}
html:root .rf-night-world .rf-device-options>button>small{font-size:13px;line-height:1.4;color:inherit;letter-spacing:.02em}
html:root .rf-night-world .rf-model-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:25px}
html:root .rf-night-world .rf-model-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;text-align:center;margin:0;padding:20px 9px 17px;min-width:0;border:0;border-radius:18px;background:#ffffff03}
html:root .rf-night-world .rf-model-group[hidden]{display:none!important}
html:root .rf-night-world .rf-model-group>.rf-model-icon{display:block;width:68px;height:82px;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;fill:none;color:#c9d0d6;flex:0 0 82px}
.rf-model-icon .rf-model-screen{fill:#ffffff06;stroke:#ffffff24;stroke-width:.7}
html:root .rf-night-world .rf-model-group figcaption{font-size:12px;line-height:1.55;color:#c5cbd1;max-width:100%;overflow-wrap:anywhere}
html:root .rf-night-world .rf-model-group small{font-size:10px;line-height:1.5;color:#9ea8b2;max-width:100%}
@media(max-width:800px){html:root .rf-night-world .rf-model-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:450px){html:root .rf-night-world .rf-model-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(prefers-reduced-motion:reduce){html:root .rf-night-world .rf-identity{animation:none!important}}
@media(prefers-reduced-transparency:reduce){html:root .rf-night-world .rf-wordmark>span{color:#ddd;-webkit-text-fill-color:#ddd;background:none;-webkit-text-stroke:0}}