/* Progressive interaction styles. Static content stays readable without JavaScript. */
html{scroll-padding-top:120px}
button{font:inherit;color:inherit;touch-action:manipulation}
button:focus-visible,[role="tabpanel"]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
[hidden]{display:none!important}
.header{position:sticky;top:0;z-index:20;background:rgba(9,9,9,.96);transition:background .25s,box-shadow .25s}
.header.is-scrolled{background:rgba(9,9,9,.98);box-shadow:0 12px 35px #0005}
.header nav a{position:relative;transition:color .2s}
.header nav a:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:-8px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.header nav a[aria-current="location"]{color:var(--gold)}
.header nav a[aria-current="location"]:after{transform:scaleX(1)}
.reading-progress{height:2px;background:var(--gold);position:fixed;top:0;left:0;right:0;z-index:40;transform:scaleX(0);transform-origin:left;pointer-events:none}
.button .icon,.header-cta .icon{transition:transform .25s}
.button:hover .icon,.header-cta:hover .icon{transform:translateX(5px)}
.affiliate-flow li,.flow-icon,.flow-icon .icon,.journey-list li{transition:transform .3s,border-color .3s,background .3s,color .3s}
.hero-visual>img,.product-photo>img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.interaction-hint{font-size:13px;color:var(--muted);margin-top:19px}
.operation-grid li.is-interactive{display:block;padding:0;min-height:0;border:0;background:none}
.operation-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-height:112px;padding:14px 8px;border:1px solid #302b25;background:#141413;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.operation-button .icon{transition:color .25s,transform .25s}
.operation-button[aria-pressed="true"]{background:#2a1d10;border-color:var(--gold)}
.operation-button[aria-pressed="true"] .icon{color:var(--gold)}
.operation-detail{margin-top:22px;padding:20px 0 0;border-top:1px solid var(--line);text-align:left;min-height:145px}
.operation-detail strong{display:block;font-size:16px;font-weight:500;color:var(--gold);margin-bottom:7px}
.operation-detail>span{display:block;font-size:15px;line-height:1.65;color:#c5bdb3}
.model-explorer{margin-top:45px;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);gap:32px;align-items:stretch}
.model-tabs{display:flex;flex-direction:column;gap:8px;min-width:0}
.model-tab{display:flex;gap:15px;align-items:center;text-align:left;width:100%;padding:17px 18px;min-height:66px;cursor:pointer;border:1px solid var(--line);background:#11110f;transition:background .25s,border-color .25s}
.model-tab>.icon{width:23px;height:23px;color:#a78b6a}
.tab-number{font-size:12px;color:#9d866b}
.model-tab>span:last-child{font-size:15px}
.model-tab[aria-selected="true"]{background:#2b1d10;border-color:#cf934d}
.model-tab[aria-selected="true"] .icon,.model-tab[aria-selected="true"] .tab-number{color:var(--gold)}
.model-stage{min-width:0;display:flex;flex-direction:column;border:1px solid #654522;background:radial-gradient(ellipse at top right,#30200f,transparent 70%),#11100e}
.model-panels{display:grid;flex:1}
.model-panel{grid-area:1/1;position:relative;padding:50px;min-height:355px}
.model-panel>.icon{width:60px;height:60px;margin:12px 0 35px;stroke-width:1}
.model-panel>.model-number{right:36px;top:30px;font-family:var(--serif);font-size:65px;color:#85613b;line-height:1}
.model-panel .model-label{margin-bottom:16px;font-size:12px}
.model-panel h3{font-family:var(--serif);font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.02em;margin-bottom:22px}
.model-panel div>p:last-child{font-size:17px;line-height:1.75;color:#c4bbae;max-width:580px}
.model-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px 30px;border-top:1px solid #463421}
.model-controls button{min-height:44px;background:transparent;border:1px solid #80603a;padding:10px 18px;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}
.model-controls button[aria-disabled="true"]{opacity:.4;cursor:default}
.model-counter{font-size:12px;color:#b9a88f;text-align:center}
.image-expand{position:absolute;top:18px;right:18px;z-index:2;background:#090909bf;border:1px solid #ab8d6599;padding:11px 15px;font-size:12px;color:#f8e5c7;cursor:pointer;transition:background .2s,border-color .2s}
.image-dialog{padding:54px 14px 14px;margin:auto;background:#0b0b0b;border:1px solid #78532b;max-width:min(1200px,94vw);max-height:94dvh;box-shadow:0 30px 100px #000b;overflow:auto}
.image-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}
.image-dialog>img{max-width:100%;max-height:calc(94dvh - 75px);width:auto;height:auto;object-fit:contain;margin:auto}
.dialog-close{position:absolute;top:9px;right:13px;min-height:36px;padding:5px 12px;border:1px solid #685037;background:#21170c;color:#f4dec1;font-size:14px;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-short{display:none}
@media(hover:hover) and (pointer:fine){.operation-button:hover{transform:translateY(-3px);border-color:var(--gold);background:#251c12}.operation-button:hover .icon{transform:scale(1.12);color:var(--gold)}.affiliate-flow li:hover{transform:translateY(-5px);border-color:var(--gold)}.affiliate-flow li:hover .flow-icon{background:#3b2711;border-color:var(--gold)}.affiliate-flow li:hover .icon{transform:scale(1.12)}.hero-visual:hover>img,.product-photo:hover>img{transform:scale(1.025)}.journey-list li:hover{transform:translateY(-4px);border-color:var(--gold)}.model-tab:hover{background:#241a10;border-color:#b57d3f}.model-controls button:not([aria-disabled="true"]):hover,.image-expand:hover{background:#382614;border-color:var(--gold)}}
@media(max-width:1000px){.model-explorer{gap:22px;grid-template-columns:minmax(210px,.85fr) minmax(0,1.25fr)}.model-panel{padding:35px}.model-controls{padding:18px}.model-controls button{padding:10px 12px}.model-tab{padding:16px 13px;gap:10px}}
@media(max-width:760px){html{scroll-padding-top:102px}.model-explorer{grid-template-columns:1fr;gap:22px;margin-top:30px}.model-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model-tab{min-height:72px;padding:12px 10px;gap:8px}.model-tab>.icon{width:19px;height:19px}.model-tab>span:last-child{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.tab-number{font-size:10px}.model-tab:last-child{grid-column:1/-1;min-height:55px}.model-panel{padding:28px 24px;min-height:360px}.model-panel>.icon{width:43px;height:43px;margin:7px 0 24px}.model-panel>.model-number{font-size:50px;right:22px;top:24px}.model-panel h3{font-size:34px}.model-panel div>p:last-child{font-size:16px}.model-controls{gap:7px;padding:14px 12px;flex-wrap:wrap}.model-controls button{font-size:13px;padding:9px 12px}.model-counter{font-size:11px}.image-expand{right:13px;top:13px;font-size:11px;padding:10px 12px}.operation-detail{min-height:170px}.operation-button{min-height:115px}.image-dialog{max-width:96vw;padding:52px 9px 9px}}
@media(max-width:380px){.model-tab>.icon{display:none}.model-panel{padding:25px 19px;min-height:400px}.model-panel h3{font-size:30px}.model-controls button{padding:9px;font-size:12px}.model-counter{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.operation-button:hover,.affiliate-flow li:hover,.affiliate-flow li:hover .icon,.journey-list li:hover,.hero-visual:hover>img,.product-photo:hover>img,.operation-button:hover .icon{transform:none!important}}
@media(max-width:760px){.header{gap:12px}.header nav a{white-space:nowrap}.nav-full{display:none}.nav-short{display:inline}.model-tab{display:grid;grid-template-columns:24px 1fr;row-gap:6px;min-height:82px}.model-tab>.tab-number{grid-column:1}.model-tab>.icon{grid-column:2;justify-self:end}.model-tab>span:last-child{grid-column:1/-1;overflow-wrap:normal}.model-tab:last-child{grid-template-columns:24px 20px 1fr;min-height:55px}.model-tab:last-child>span:last-child{grid-column:3}.model-tab:last-child>.icon{justify-self:start}}
@media(max-width:380px){.model-tab>span:last-child{font-size:12px}.model-tab:last-child{grid-template-columns:24px 1fr}.model-tab:last-child>span:last-child{grid-column:2}}