/* Storage-only composition; shared site chrome is inherited. */
.storage-page { background:#fff; }
.storage-page .st-section { padding-block:clamp(50px,6vw,88px); }
.storage-page h1 { font-size:clamp(3rem,5.2vw,4.9rem); line-height:1.06; letter-spacing:-.05em; }
.storage-page h1 span { display:block; color:var(--em-red); margin-top:8px; }
.storage-page h2 { font-size:clamp(1.85rem,3vw,2.7rem); line-height:1.15; }
.storage-page h3 { font-size:1.17rem; line-height:1.35; }
.storage-page p { color:var(--em-muted); line-height:1.8; }
.storage-page .em-eyebrow { color:var(--em-red); }
.storage-page .st-image { width:100%; height:100%; object-fit:cover; display:block; }
.storage-page .st-hero { padding-block:48px 64px; background:linear-gradient(115deg,#f4f6f8 30%,#e4ebf2); }
.storage-page .st-hero-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:52px; align-items:center; }
.storage-page .st-hero-copy { padding-block:20px; }
.storage-page .st-lead { max-width:520px; font-size:1.05rem; margin-block:24px 30px; }
.storage-page .st-hero-photo { height:540px; overflow:hidden; border-radius:18px; border-bottom:5px solid var(--em-red); box-shadow:var(--em-shadow-md); }
.storage-page .st-note { display:flex; align-items:center; gap:9px; font-size:.78rem; margin:22px 0 0; }
.storage-page .st-note .em-icon { width:18px; height:18px; flex-shrink:0; }
.storage-page .st-heading { max-width:730px; text-align:center; margin:0 auto 36px; }
.storage-page .st-split { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.storage-page .st-split > * { min-width:0; }
.storage-page .st-timeline { list-style:none; padding:0; margin:0; }
.storage-page .st-timeline li { display:flex; gap:20px; position:relative; padding-bottom:21px; }
.storage-page .st-timeline li:last-child { padding-bottom:0; }
.storage-page .st-timeline li:not(:last-child):before { content:""; position:absolute; left:23px; top:45px; bottom:0; width:1px; background:#dce3ea; }
.storage-page .st-node,.storage-page .st-tile { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; color:var(--em-red); border:1px solid #e8d8d4; border-radius:12px; background:#faf5f1; }
.storage-page .st-timeline h3 { margin:1px 0 2px; }
.storage-page .st-timeline p { margin:0; font-size:.88rem; }
.storage-page .st-types,.storage-page .st-duration { background:#edf2f7; }
.storage-page .st-type-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.storage-page .st-type-card { padding:28px; display:flex; flex-direction:column; background:#fff; border:1px solid #dae3ec; border-radius:16px; box-shadow:0 6px 20px #11213904; transition:transform 180ms ease,box-shadow 180ms ease; }
.storage-page .st-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.storage-page .st-index { font-size:.85rem; color:#69778a; letter-spacing:.12em; }
.storage-page .st-type-card h3 { margin:0 0 10px; }
.storage-page .st-type-card p { margin:0 0 20px; font-size:.92rem; }
.storage-page .st-explore { min-height:46px; margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e4eaf0; color:var(--em-navy); font-size:.86rem; font-weight:700; text-decoration:none; gap:15px; }
.storage-page .st-explore .em-icon { width:20px; color:var(--em-red); }
.storage-page .st-partitioned { background:var(--em-navy); color:#fff; }
.storage-page .st-partitioned h2,.storage-page .st-partitioned h3 { color:#fff; }
.storage-page .st-partitioned p { color:#d6dfe9; }
.storage-page .st-partitioned .em-eyebrow { color:#ff9ca9; }
.storage-page .st-photo { height:465px; border-radius:16px; overflow:hidden; background:#e5ebf0; }
.storage-page .st-points { padding:0; margin:25px 0 30px; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.storage-page .st-points li { display:flex; align-items:flex-start; gap:10px; font-size:.9rem; line-height:1.5; }
.storage-page .st-points .em-icon { color:var(--em-red); width:21px; height:23px; flex-shrink:0; }
.storage-page .st-partitioned .st-points .em-icon { color:#ff9ca9; }
.storage-page small { display:block; font-size:.83rem; margin-top:5px; }
.storage-page .st-scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.storage-page .st-scenario-grid article { padding:24px 0 8px; border-top:1px solid #dce3eb; }
.storage-page .st-scenario-grid .st-tile { width:40px; height:40px; background:#f1f5f9; border:0; }
.storage-page .st-scenario-grid h3 { margin:18px 0 8px; }
.storage-page .st-scenario-grid p { margin:0; font-size:.92rem; }
.storage-page .st-household { background:#f6f4f0; }
.storage-page .st-household .st-photo img { object-position:center 30%; }
.storage-page .st-office .st-photo { order:2; }
.storage-page .st-duration-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.storage-page .st-duration-grid article { padding:34px; border:1px solid #dbe4ed; border-top:3px solid var(--em-red); border-radius:14px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; }
.storage-page .st-duration-grid article:last-child { border-top-color:var(--em-navy); }
.storage-page .st-duration-grid h3 { font-size:1.5rem; margin:24px 0 0; }
.storage-page .st-duration-grid .st-points { grid-template-columns:1fr; }
.storage-page .st-duration-grid .em-button { margin-top:auto; }
.storage-page .st-packing { background:#fbf8f3; }
.storage-page .st-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:0; padding:0; border:1px solid #dce4ed; border-radius:16px; overflow:hidden; }
.storage-page .st-steps li { padding:26px; border-right:1px solid #dce4ed; }
.storage-page .st-steps li:last-child { border:0; }
.storage-page .st-step-number { display:block; font-size:1.9rem; font-weight:700; color:var(--em-red); letter-spacing:-.04em; margin-bottom:20px; }
.storage-page .st-steps h3 { font-size:1rem; margin:0; }
.storage-page .st-combinations { background:#edf2f7; }
.storage-page .st-combinations .st-points { margin:0; }
.storage-page .st-combinations li { padding:18px; border:1px solid #dce4ed; background:#fff; border-radius:12px; font-weight:650; }
.storage-page .st-combinations li:last-child { grid-column:1/-1; background:#fcf5f1; }
.storage-page .st-faq .st-split { grid-template-columns:.8fr 1.2fr; align-items:start; }
.storage-page .st-questions details { border-bottom:1px solid #dce4ed; }
.storage-page .st-questions details:first-child { border-top:1px solid #dce4ed; }
.storage-page .st-questions summary { min-height:64px; padding:20px 4px; display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:.95rem; line-height:1.5; font-weight:650; cursor:pointer; list-style:none; }
.storage-page .st-questions summary::-webkit-details-marker { display:none; }
.storage-page .st-questions summary span { font-size:1.4rem; color:var(--em-red); transition:transform 150ms ease; }
.storage-page .st-questions details[open] summary span { transform:rotate(45deg); }
.storage-page .st-questions p { margin:0; padding:0 30px 24px 4px; font-size:.92rem; }
.storage-page :is(a,summary):focus-visible { outline:3px solid #2874be; outline-offset:5px; }
.storage-page .st-cta { background:var(--em-red); }
.storage-page .st-cta h2,.storage-page .st-cta p { color:#fff; }
.storage-page .st-cta .em-eyebrow { color:#ffe3e6; }
.storage-page .st-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.storage-page .st-cta-inner > div:first-child { max-width:640px; }
.storage-page .st-cta .button-row { flex-shrink:0; }
@media(hover:hover) { .storage-page .st-type-card:hover { transform:translateY(-4px); box-shadow:var(--em-shadow-md); } .storage-page .st-explore:hover { color:var(--em-red); } }
@media(max-width:1199px) { .storage-page .st-split,.storage-page .st-hero-grid { gap:32px; } .storage-page .st-type-card { padding:24px; } .storage-page .st-hero-photo { height:510px; } .storage-page .st-cta-inner { flex-direction:column; align-items:flex-start; gap:25px; } }
@media(max-width:1024px) { .storage-page .st-type-grid,.storage-page .st-scenario-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .storage-page .st-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .storage-page .st-steps li { border-bottom:1px solid #dce4ed; } .storage-page .st-steps li:nth-child(2n) { border-right:0; } .storage-page .st-steps li:nth-last-child(2) { border-bottom:0; } }
@media(max-width:900px) { .storage-page .st-split,.storage-page .st-hero-grid,.storage-page .st-faq .st-split { grid-template-columns:1fr; } .storage-page .st-hero-photo { height:420px; } .storage-page .st-photo { height:410px; } .storage-page .st-office .st-photo { order:0; } .storage-page .st-lead { max-width:650px; } }
@media(max-width:600px) { .storage-page .st-hero { padding-block:24px 42px; } .storage-page h1 { font-size:clamp(2.8rem,11vw,3.7rem); } .storage-page .st-hero-photo { height:340px; } .storage-page .st-photo { height:320px; } .storage-page .st-type-grid,.storage-page .st-duration-grid,.storage-page .st-scenario-grid,.storage-page .st-steps { grid-template-columns:1fr; } .storage-page .st-scenario-grid { gap:20px; } .storage-page .st-scenario-grid article { display:grid; grid-template-columns:40px 1fr; gap:0 16px; padding-top:22px; } .storage-page .st-scenario-grid h3 { margin:0 0 8px; } .storage-page .st-scenario-grid p { grid-column:2; } .storage-page .st-type-card { padding:24px; } .storage-page .st-duration-grid article { padding:26px; } .storage-page .st-steps li { border-right:0; display:grid; grid-template-columns:38px 1fr; gap:18px; align-items:center; } .storage-page .st-steps li:nth-last-child(2) { border-bottom:1px solid #dce4ed; } .storage-page .st-step-number { font-size:1.5rem; margin:0; } .storage-page .st-steps li p { grid-column:2; margin:0; } .storage-page .st-points { gap:16px 12px; } .storage-page .st-points li { font-size:.85rem; } .storage-page .st-combinations .st-points { grid-template-columns:1fr; } }
@media(max-width:480px) { .storage-page .button-row { flex-direction:column; width:100%; } .storage-page .button-row .em-button { width:100%; } }
@media(prefers-reduced-motion:reduce) { .storage-page .st-type-card,.storage-page .st-questions summary span { transition:none; } .storage-page .st-type-card:hover { transform:none; } }