/* Original photography, practical storage, and a measured outlook for Cheongna. */
.storage-story{background:#ece5d9;color:#302d29}
.storage-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:50px;margin:44px 0 38px}
.storage-heading h2,.value-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.6vw,52px);line-height:1.55;letter-spacing:-.045em;margin:16px 0 0}
.storage-heading h2 em,.value-heading h2 em{font-style:normal;color:#846747}
.storage-heading>p{font-size:15px;line-height:2;color:#655d52;margin:0 0 10px}
.storage-showcase{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:center}
.storage-story figure{margin:0;min-width:0}
.storage-story figure button{display:block;position:relative;width:100%;border:0;padding:0;background:#ddd1bc;border-radius:3px;overflow:hidden;box-shadow:0 20px 40px -28px #39312288}
.storage-story figure img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.storage-main figcaption{display:flex;justify-content:space-between;gap:12px;color:#6c6253;font-size:12px;padding-top:13px;line-height:1.8}
.storage-number{display:block;font-family:var(--display);color:#aa8d62;font-size:65px;line-height:1;margin:0 0 24px}
.storage-feature-copy h3,.storage-pair h3,.value-perspective h3{font-family:var(--display);font-weight:400;font-size:27px;line-height:1.65;letter-spacing:-.035em;margin:12px 0 18px}
.storage-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#685e50;max-width:350px}
.storage-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.storage-tags span{border:1px solid #b6a184;padding:7px 11px;font-size:12px;color:#5b4c36}
.storage-feature-copy .underlined-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
.storage-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:55px}
.storage-pair figcaption{padding-top:23px}
.storage-pair .eyebrow{font-size:10px;letter-spacing:1.9px;color:#826745}
.storage-pair h3{font-size:24px;margin:10px 0}
.storage-pair p{font-size:14px;line-height:1.9;color:#6c6253;margin:0 0 14px}
.storage-type{font-size:12px;color:#706453;line-height:1.8}
.storage-note{font-size:13px;line-height:1.9;color:#766955;border-top:1px solid #c7b69b;padding-top:22px;margin:34px 0 0}
.value-story{background:radial-gradient(ellipse at 50% 15%,#f8f5ee,#eee7da 72%);color:#302d29}
.value-heading{text-align:center;margin:34px auto 52px;max-width:800px}
.value-gem{display:block;color:#b2986c;font-family:Georgia,serif;font-size:70px;font-weight:400;line-height:1.2;margin-bottom:20px}
.value-heading>.eyebrow{font-size:10px;letter-spacing:2.5px;color:#846747}
.value-heading>p:last-child{font-size:15px;line-height:2;color:#6c6255;margin:24px auto 0}
.value-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b9a27e;border-bottom:1px solid #b9a27e}
.value-factors article{padding:32px 28px;border-right:1px solid #cdbda4}
.value-factors article:first-child{padding-left:0}.value-factors article:last-child{padding-right:0;border-right:0}
.value-index{font-size:10px;letter-spacing:1.5px;color:#896d48}
.value-factors h3{font-family:var(--display);font-size:24px;font-weight:500;line-height:1.6;letter-spacing:-.04em;margin:18px 0 16px}
.value-factors p{font-size:14px;line-height:1.95;color:#655d52;margin:0 0 18px}
.value-factors a{display:block;width:fit-content;max-width:100%;font-size:12px;color:#655033;min-height:44px;padding:11px 0;line-height:1.8;text-decoration:underline;text-underline-offset:5px}
.value-perspective{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:50px;align-items:start;margin:50px 0 0}
.value-perspective .eyebrow{font-size:9px;letter-spacing:1.4px;color:#846747}
.value-perspective h3{font-size:27px;margin:15px 0 0}
.value-perspective p:not(.eyebrow){font-size:15px;line-height:1.95;color:#514b42;margin:0 0 18px}
.value-perspective p.value-context{font-size:13px;line-height:1.9;color:#746858;margin-bottom:0}
.value-next{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:45px;padding:28px 0 0;border-top:1px solid #d1c2aa}
.value-next p{font-size:15px;line-height:1.9;margin:0;color:#6c6255}.value-next strong{font-weight:500;color:#3b342a}
.value-next .button{min-height:54px;min-width:270px}
@media(min-width:1101px){.desktop-nav{gap:20px}.desktop-nav a{font-size:13px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:800px){
 .storage-heading{grid-template-columns:1fr;gap:22px;margin:28px 0}.storage-heading>p{margin:0}
 .storage-showcase{grid-template-columns:1fr;gap:26px}.storage-feature-copy{padding:0 0 5px}.storage-number{display:none}.storage-feature-copy>p:not(.eyebrow){max-width:none}
 .storage-feature-copy h3{font-size:28px}.storage-tags{margin:18px 0}.storage-pair{gap:26px;margin-top:32px}.storage-pair h3{font-size:21px}
 .value-factors article{padding:26px 18px}.value-factors h3{font-size:21px}.value-heading{margin-bottom:36px}.value-perspective{grid-template-columns:1fr;gap:24px;margin-top:32px}.value-perspective h3{font-size:26px}.value-next{gap:20px}
}
@media(max-width:580px){
 .storage-story .section-kicker,.value-story .section-kicker{gap:14px;font-size:9px}.storage-story .section-kicker>span:last-child,.value-story .section-kicker>span:last-child{max-width:42%;text-align:right;line-height:1.7}
 .storage-heading h2,.value-heading h2{font-size:clamp(27px,7.7vw,34px);line-height:1.6}.storage-heading h2{margin-top:10px}.storage-heading>p{font-size:14px;line-height:1.95}
 .storage-heading>p br{display:none}.storage-main figcaption{font-size:11px}.storage-feature-copy h3{font-size:26px}.storage-feature-copy>p:not(.eyebrow){font-size:14px}
 .storage-pair{grid-template-columns:1fr;gap:34px}.storage-pair figcaption{padding-top:18px}.storage-pair h3{font-size:23px}.storage-note{font-size:12px;line-height:1.9}
 .value-heading{text-align:left;margin:24px 0 30px}.value-gem{font-size:56px;margin-bottom:15px}.value-heading>.eyebrow{font-size:9px;letter-spacing:1.5px}.value-heading>p:last-child{font-size:14px;line-height:1.95;margin-top:20px}.value-heading>p:last-child br{display:none}
 .value-factors{grid-template-columns:1fr}.value-factors article,.value-factors article:first-child,.value-factors article:last-child{padding:26px 0;border-right:0;border-bottom:1px solid #cdbda4}.value-factors article:last-child{border-bottom:0}.value-factors h3{font-size:24px;margin:13px 0}.value-factors p{margin-bottom:12px}.value-factors a{display:inline-block;margin-right:16px}
 .value-perspective h3{font-size:25px}.value-perspective p:not(.eyebrow){font-size:14px}.value-perspective p.value-context{font-size:13px}.value-next{display:block;margin-top:28px;padding-top:24px}.value-next .button{margin-top:20px;width:100%;min-width:0}
}