.equipment-profile-detail{min-height:100vh;padding:clamp(58px,6vw,92px) 30px 110px;background:linear-gradient(135deg,var(--equipment-detail-bg,#f5fdff),#eef7f8 56%,#f8fbfa);color:#315463}
.equipment-detail-shell{width:min(1320px,100%);margin:0 auto}
.equipment-detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(42px,5.7vw,86px);align-items:start}
.equipment-detail-visual,.equipment-detail-story{min-width:0}
.equipment-detail-accent{position:relative;height:70px;margin-bottom:22px;overflow:hidden;background:#deeff1;outline:0;isolation:isolate;transition:box-shadow .42s ease,transform .58s cubic-bezier(.16,1,.3,1)}
.equipment-detail-accent:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(100deg,rgba(255,255,255,.82),rgba(255,255,255,0) 46%);clip-path:inset(0 100% 0 0);transition:clip-path .72s cubic-bezier(.16,1,.3,1)}
.equipment-detail-accent span{position:absolute;z-index:1;left:24px;bottom:15px;color:#4f737e;font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.17em;transition:letter-spacing .58s cubic-bezier(.16,1,.3,1),transform .58s cubic-bezier(.16,1,.3,1)}
.equipment-detail-accent i{position:absolute;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .45s ease}
.equipment-detail-accent i:nth-of-type(1){top:0;right:0;width:31%;height:100%;background:rgba(112,176,186,.22)}
.equipment-detail-accent i:nth-of-type(2){top:0;right:18%;width:1px;height:100%;background:rgba(183,139,57,.58);transform:scaleY(.42)}
.equipment-detail-accent i:nth-of-type(3){right:28px;bottom:18px;width:54px;height:1px;background:#bd8e3d;transform:scaleX(.36);transform-origin:right}
.equipment-detail-accent:hover,.equipment-detail-accent:focus-visible{box-shadow:0 16px 34px rgba(33,86,100,.12);transform:translateY(-4px)}
.equipment-detail-accent:hover:before,.equipment-detail-accent:focus-visible:before{clip-path:inset(0 0 0 0)}
.equipment-detail-accent:hover span,.equipment-detail-accent:focus-visible span{letter-spacing:.21em;transform:translateX(7px)}
.equipment-detail-accent:hover i:nth-of-type(1),.equipment-detail-accent:focus-visible i:nth-of-type(1){transform:translateX(-15%)}
.equipment-detail-accent:hover i:nth-of-type(2),.equipment-detail-accent:focus-visible i:nth-of-type(2){transform:scaleY(1)}
.equipment-detail-accent:hover i:nth-of-type(3),.equipment-detail-accent:focus-visible i:nth-of-type(3){transform:scaleX(1)}
.equipment-detail-accent:focus-visible{outline:2px solid rgba(183,139,57,.78);outline-offset:3px}
.equipment-detail-accent-story{background:#f1eadc}.equipment-detail-accent-story i:nth-of-type(1){background:rgba(205,177,123,.22)}
.equipment-detail-image{display:grid;place-items:center;min-height:clamp(470px,53vw,680px);margin:0;padding:clamp(22px,3.2vw,44px);overflow:hidden;background:rgba(255,255,255,.74);box-shadow:0 24px 58px rgba(31,78,91,.1)}
.equipment-detail-image img{display:block;width:100%;height:100%;max-height:610px;object-fit:contain;filter:saturate(.96);transform:scale(1);transition:filter .42s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.equipment-detail-visual:hover .equipment-detail-image img{filter:saturate(1.04);transform:scale(1.025)}
.equipment-detail-heading{padding:clamp(28px,3vw,42px) clamp(26px,3.5vw,48px) 27px;background:rgba(255,255,255,.74);border-bottom:1px solid rgba(74,120,133,.14)}
.equipment-detail-heading h1{margin:0;color:#173f52;font-size:clamp(25px,2.3vw,34px)!important;font-weight:500;line-height:1.32;letter-spacing:.015em}
.equipment-detail-summary{max-width:none;margin:16px 0 0;overflow:hidden;color:#5d7882!important;font-size:15px!important;font-weight:300;line-height:1.85;text-overflow:ellipsis;white-space:nowrap}
.equipment-detail-introduction{padding:30px clamp(26px,3.5vw,48px) 38px;background:rgba(255,255,255,.74);color:#516d77;font-size:15px!important;line-height:1.85}
.equipment-detail-introduction :where(h1,h2,h3,h4,h5,h6){color:#315463!important;font-size:18px!important;font-weight:500;line-height:1.5}
.equipment-detail-introduction :where(p,li,span,strong,em){font-size:18px!important;line-height:1.85!important}
.equipment-detail-introduction ul,.equipment-detail-introduction ol{margin:16px 0;padding-left:1.35em}.equipment-detail-introduction li+li{margin-top:8px}
.equipment-detail-introduction img{height:auto;max-height:420px;object-fit:contain}
.equipment-detail-fixed-nav{position:static;width:min(320px,100%);margin:52px auto 0}
.equipment-detail-siblings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.equipment-detail-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 13px;border:1px solid rgba(18,63,86,.16);background:rgba(255,255,255,.78);color:#315463;font-size:12px;font-weight:600;transition:color .25s ease,background-color .25s ease,box-shadow .36s ease,transform .36s cubic-bezier(.16,1,.3,1),opacity .2s ease}
.equipment-detail-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;transition:transform .28s ease}
.equipment-detail-action-next{border-color:#315463;background:#315463;color:#fff}
.equipment-detail-action-home{display:flex;width:146px;margin:9px auto 0;border-color:rgba(183,139,57,.38);background:#f1eadc;color:#75541f}
.equipment-detail-action:hover,.equipment-detail-action:focus-visible{background:#fff;color:#956a25;box-shadow:0 9px 21px rgba(31,78,91,.13);transform:translateY(-2px)}
.equipment-detail-action-next:hover,.equipment-detail-action-next:focus-visible{background:#0b747b;color:#fff}
.equipment-detail-action-previous:hover svg,.equipment-detail-action-previous:focus-visible svg{transform:translateX(-3px)}
.equipment-detail-action-next:hover svg,.equipment-detail-action-next:focus-visible svg{transform:translateX(3px)}
.equipment-detail-action:focus-visible{outline:2px solid #bd8e3d;outline-offset:2px}
.equipment-detail-action[aria-disabled="true"]{cursor:not-allowed;opacity:.32;box-shadow:none;pointer-events:none}
@media(max-width:940px){.equipment-detail-layout{grid-template-columns:1fr;gap:38px}.equipment-detail-image{min-height:0;aspect-ratio:5/4}.equipment-detail-story{width:min(720px,100%);margin:0 auto}}
@media(max-width:760px){.equipment-profile-detail{padding:36px 18px 105px}.equipment-detail-layout{gap:30px}.equipment-detail-accent{height:58px;margin-bottom:14px}.equipment-detail-accent span{left:18px;bottom:13px;font-size:10px}.equipment-detail-image{aspect-ratio:1/1;padding:18px}.equipment-detail-heading{padding:26px 22px 22px}.equipment-detail-heading h1{font-size:24px!important}.equipment-detail-summary{margin-top:13px;font-size:14px!important}.equipment-detail-introduction{padding:24px 22px 30px;font-size:18px!important}.equipment-detail-introduction :where(h1,h2,h3,h4,h5,h6),.equipment-detail-introduction :where(p,li,span,strong,em){font-size:18px!important}.equipment-detail-fixed-nav{width:min(320px,100%);margin-top:38px}.equipment-detail-action{font-size:12px}}
@media(prefers-reduced-motion:reduce){.equipment-detail-accent,.equipment-detail-accent:before,.equipment-detail-accent span,.equipment-detail-accent i,.equipment-detail-image img,.equipment-detail-action,.equipment-detail-action svg{transition:none!important}.equipment-detail-accent:hover,.equipment-detail-accent:focus-visible,.equipment-detail-action:hover,.equipment-detail-action:focus-visible{transform:none}}
