.feature-slide{box-sizing:border-box;container-type:inline-size;aspect-ratio:4/5;background:#020912;color:#f6f2e9;padding:4.5%;display:flex;flex-direction:column;overflow:hidden}
.feature-brand{display:flex;align-items:center;gap:3%;padding-bottom:2%;margin-bottom:3%;border-bottom:1px solid #b7904255}
.feature-brand img{width:15%;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.feature-brand p{font:700 clamp(12px,3cqw,25px)/1.2 system-ui;color:#e7c881;margin:0;letter-spacing:.035em}
.feature-brand>span{font:500 12px/1.2 system-ui;color:#bd9e60;margin-left:auto;align-self:flex-start;padding-top:2%;white-space:nowrap}
.feature-slide h2{font:850 clamp(26px,8cqw,68px)/1.02 system-ui;color:#fcf8ee;letter-spacing:-.04em;margin:0}
.feature-slide h2 span{color:#edca7e;background:linear-gradient(110deg,#bc8a32,#fff0b9 45%,#dfb457);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.front-back-pair{display:grid;grid-template-columns:1fr 1fr;gap:3%;flex:1;min-height:0;margin:2% 0}
.front-back-card{display:flex;flex-direction:column;align-items:center;border:0;border-radius:0;background:transparent;color:#e5c47a;padding:0;min-width:0;min-height:0;cursor:zoom-in}
.front-back-card>span{font:700 clamp(12px,3.2cqw,24px)/1.2 system-ui;letter-spacing:.1em;margin:0 0 3%}
.front-back-card img{display:block;flex:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;mix-blend-mode:lighten}
.feature-primary{min-height:44px;border:1px solid #cba558;border-radius:28px;background:linear-gradient(110deg,#c69a43,#f4d98d,#dcb359);color:#07131b;font:750 clamp(14px,3.8cqw,27px)/1.2 system-ui;padding:9px 12px}
.feature-note{font:400 clamp(12px,2.9cqw,20px)/1.3 system-ui;color:#b7c1ca;text-align:center;margin:2% 0 0}
.feature-slide a:focus-visible,.feature-slide button:focus-visible{outline:2px solid #fff0bd;outline-offset:2px}
.feature-dialog{box-sizing:border-box;width:min(94vw,960px);max-height:92svh;padding:16px;margin:auto;border:1px solid #b6924c;border-radius:16px;background:#020912;color:#f5ead0;box-shadow:0 25px 80px #000b;overflow:auto}
.feature-dialog::backdrop{background:#000d}
.feature-dialog [hidden]{display:none!important}
.feature-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.feature-dialog-header h3{font:700 18px/1.25 system-ui;color:#ead092;margin:0}
.feature-dialog-header button{flex-shrink:0;min-height:44px;border:1px solid #ae8a45;border-radius:24px;padding:8px 16px;background:#e4c780;color:#07131b;font:650 14px system-ui}
.feature-still-view{height:min(74svh,900px);text-align:center}
.feature-still-view img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.modal-rotation{height:min(73svh,760px);min-height:310px}
.modal-rotation sig-rotating-card{display:flex;width:100%;height:100%}
.security-slide h2{font-size:clamp(24px,7.3cqw,61px);white-space:nowrap;margin-bottom:3%}
.security-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.security-toggle button{min-width:0;min-height:44px;border:1px solid #a78a4d;border-radius:12px;padding:8px 4px;background:#091f30;color:#efd292;font:700 clamp(12px,3.3cqw,23px)/1.15 system-ui;cursor:pointer}
.security-toggle button[aria-pressed=true]{background:#efd38b;color:#07131b;border-color:#efd38b}
.security-label-button{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:70px;min-width:0;background:transparent;border:0;border-radius:0;padding:0;margin:2% 0 0;cursor:zoom-in}
.security-label-view{display:block;width:100%;height:auto;max-height:100%;aspect-ratio:725/278;overflow:hidden}
.security-label-view.annotated-label{aspect-ratio:725/350}
.security-label-view [data-uv-layer]{opacity:0}
[data-light=uv] .security-label-view [data-uv-layer]{opacity:1}
[data-light=uv] .security-label-view [data-normal-layer]{opacity:0}
.security-state{font:500 clamp(12px,3cqw,22px)/1.2 system-ui;color:#dbbd79;text-align:center;margin:1% 0 3%}
.security-explain{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:0}
.security-explain>div{border:1px solid #b596505e;border-radius:9px;background:#071824;padding:8px}
.security-explain h3{font:750 clamp(14px,3.5cqw,27px)/1.18 system-ui;color:#e8c880;margin:0 0 5px}
.security-explain p{font:400 clamp(12px,3.1cqw,24px)/1.25 system-ui;color:#cbd4db;margin:0}
.security-disclosure{margin-top:2%;font-size:clamp(12px,2.8cqw,20px)}
.security-dialog .security-toggle button{font-size:14px}
.security-zoom-scroll{overflow:auto;margin:14px 0;padding:10px 0;overscroll-behavior:contain}
.security-zoom-scroll .security-label-view{width:max(100%,820px);max-height:none}
.security-dialog .feature-note{font-size:14px}
.static-slide{container-type:inline-size;aspect-ratio:4/5;display:grid;grid-template-rows:13.333333% minmax(0,1fr);background:#020912;overflow:hidden}
.static-brand{box-sizing:border-box;min-width:0;min-height:0;display:flex;align-items:center;gap:3%;margin:2.5% 2.5% 0;padding:1% 2.2%;border:1px solid #b79042;color:#e7c881}
.static-brand img{display:block;width:11%;height:auto;aspect-ratio:1;object-fit:contain;flex-shrink:0}
.static-brand p{margin:0;font:700 clamp(12px,3cqw,25px)/1.15 system-ui;letter-spacing:.025em}
.static-brand>span{margin-left:auto;white-space:nowrap;font:500 12px/1.2 system-ui;color:#bd9e60;align-self:flex-start;padding-top:2%}
.static-art{display:block;width:100%;height:100%;min-height:0}
@media(prefers-reduced-motion:reduce){.feature-slide *{scroll-behavior:auto!important}}