/* HANKOL source-led design stories, 2026-09-08 */
.design-page{max-width:1240px;margin:auto;padding:50px 6% 80px}.design-heading{max-width:900px;margin-bottom:44px}.design-heading h1{font-size:clamp(48px,7vw,92px);line-height:1.05;margin:22px 0 30px}.design-heading em{color:var(--red)}.design-heading p,.design-story p,.design-end p{font-size:24px;line-height:1.75}.design-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;border-top:1px solid var(--line);padding:48px 0}.design-story figure{margin:0;background:#ece8e2;border-radius:4px}.design-story img{display:block;width:100%;height:340px;object-fit:contain}.design-story h2,.design-end h2{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:20px 0}.design-story .eyebrow,.design-story .small{font-size:20px}.design-story details{margin-top:24px}.design-story details p{margin-top:20px}.design-prompt{border-left:3px solid var(--red);padding-left:20px;color:var(--red)}.design-action{display:inline-flex;align-items:center;min-height:56px;margin:20px 24px 10px 0;color:var(--red);font-size:20px}.design-end{border-top:1px solid var(--line);padding:40px 0}.design-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.design-teaser img{width:100%;height:240px;object-fit:contain;background:#e9e3dc;border-radius:4px}.design-teaser h3{font-size:32px;margin:22px 0 14px}.design-teaser p{font-size:24px;line-height:1.7}.design-teaser a{font-size:20px;min-height:52px;display:inline-flex;align-items:center;color:var(--red)}.design-intro{max-width:820px}.design-collection{margin:44px 0;border-top:1px solid var(--line);padding-top:30px}.design-collection h2{font-size:44px;line-height:1.2}.design-collection .design-teasers{grid-template-columns:repeat(3,minmax(0,1fr))}.design-collection img{height:210px}.design-collection h3{font-size:32px}.hero-object .bottle-crop img.design-hero{object-fit:contain;width:100%;height:100%;transform:none}.hero-object .bottle-crop:has(.design-hero){height:360px;max-height:none;overflow:visible}.design-page a,.design-page p{overflow-wrap:anywhere}@media(max-width:760px){.design-story{grid-template-columns:1fr;gap:24px}.design-story img{height:280px}.design-teasers,.design-collection .design-teasers{grid-template-columns:1fr}.design-teaser img{height:250px}.design-page{padding:36px 6% 60px}.hero-object .bottle-crop:has(.design-hero){height:280px}}@media(prefers-reduced-motion:no-preference){.design-teaser img{transition:transform .25s}.design-teaser a:hover img{transform:translateY(-3px)}}.hero-object .bottle-crop:has(.design-hero){width:100%;max-width:360px;aspect-ratio:auto;height:300px}.hero-object .bottle-crop img.design-hero{position:static;left:auto;top:auto;max-width:100%;object-fit:contain}.hero-object:has(.design-hero){display:flex;flex-direction:column}@media(max-width:768px){.hero-object .bottle-crop:has(.design-hero){height:250px;max-width:300px}.hero-object:has(.design-hero) figcaption{text-align:center}}

.founder-photo-frame{height:320px;overflow:hidden;background:#696379}.photo-stories .founder-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:20% 55%;transform:scale(1.5);transform-origin:22% 55%}@media(max-width:650px){.founder-photo-frame{height:300px}}
.photo-stories figcaption>a{display:inline-flex;align-items:center;min-height:52px;margin-right:22px}
