.story-hero{display:grid;grid-template-columns:54% 46%;min-height:calc(100svh - 87px);border-bottom:1px solid #111}
.story-copy{padding:clamp(60px,9vw,150px) clamp(35px,9vw,150px) 90px 9.25%;display:flex;flex-direction:column;align-items:flex-start}
.story-copy .eyebrow{margin:0 0 58px;color:var(--brand-accent,#8a3134)}
.story-copy h1{font-size:clamp(52px,6.7vw,112px);line-height:.94;letter-spacing:-.075em;font-weight:400;margin:0 0 60px}
.story-copy>p:not(.eyebrow){max-width:430px;font-size:12px;line-height:2;color:#555;margin:0 0 22px}
.story-copy .story-lead{font-size:16px!important;line-height:1.6!important;color:#111!important;margin-bottom:28px!important}
.story-copy .text-link{margin-top:36px;display:inline-flex;gap:60px;align-items:center}
.story-image-frame{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:#e7e6e3;color:#555;border-left:1px solid #111;overflow:hidden}
.story-image-frame::before{content:'';position:absolute;inset:12%;border:1px solid #b8b6b1;pointer-events:none}
.story-image-frame::after{content:'W';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(150px,26vw,430px);font-weight:300;line-height:1;letter-spacing:-.12em;color:#d2d0cb;pointer-events:none}
.story-image-frame span,.story-image-frame small{z-index:1;font-size:9px;letter-spacing:.15em}
.story-image-frame small{align-self:flex-end;text-transform:uppercase}
.story-ethos{padding:110px 9.25% 125px;max-width:1200px}
.story-ethos .eyebrow{color:var(--brand-accent,#8a3134);margin-bottom:35px}
.story-ethos h2{font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.15;max-width:850px;margin:0 0 70px}
.story-ethos>p:last-child{border-top:1px solid #111;padding-top:22px;font-size:10px;letter-spacing:.15em}
.story-image-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.38) contrast(1.03)}
.story-image-frame.has-image::before,.story-image-frame.has-image::after,.story-image-frame.has-image small{display:none}
.story-image-frame.has-image span{background:#fafaf8d9;padding:9px 11px;color:#111;align-self:flex-start}
html[lang=ko] .story-copy h1,html[lang=ko] .story-ethos h2{word-break:keep-all;letter-spacing:-.075em}
@container(max-width:900px){.story-hero{grid-template-columns:1fr}.story-copy{padding:70px 7% 80px}.story-copy .eyebrow{margin-bottom:45px}.story-copy h1{font-size:clamp(52px,10vw,90px);margin-bottom:45px}.story-image-frame{min-height:560px;border-left:0;border-top:1px solid #111}.story-ethos{padding:85px 7%}}
@container(max-width:560px){.story-copy{padding:58px 7% 70px}.story-copy h1{font-size:clamp(48px,13.5vw,70px)}.story-image-frame{min-height:440px;padding:24px}.story-ethos{padding:75px 7% 85px}.story-ethos h2{margin-bottom:55px}}