/* Real photographs, positioned by subject. The image pixels are not generated. */
#container .oerep-photo-hero {--oph-focus:50% 60%;position:relative;isolation:isolate;overflow:hidden;clear:both;box-sizing:border-box;width:100%;height:clamp(280px,23vw,330px);margin:0 0 24px;background:#141b1d;color:#faf7f1}
.oerep-photo-hero .oph-visual {position:absolute;inset:0 0 0 34%;display:block;z-index:-3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.oerep-photo-hero .oph-visual img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--oph-focus);border:0}
.oerep-photo-hero::before {content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#141b1d 0%,#141b1d 28%,rgba(20,27,29,.86) 40%,rgba(20,27,29,.28) 57%,rgba(20,27,29,.03) 80%)}
.oerep-photo-hero::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(8,12,14,.2),transparent 40%);box-shadow:inset 0 1px rgba(223,204,170,.14),inset 0 -1px rgba(223,204,170,.1)}
.oerep-photo-hero .oph-copy {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box;width:54%;height:100%;padding:28px clamp(28px,4.4vw,66px)}
.oerep-photo-hero .oph-eyebrow {display:flex;align-items:center;gap:13px;margin:0 0 18px;color:#d5c2a0;font-size:10px;font-weight:400;letter-spacing:.15em;line-height:1.5}
.oerep-photo-hero .oph-eyebrow span {display:block;width:28px;height:1px;background:#b79a68;flex-shrink:0}
#container .oerep-photo-hero .oph-heading {margin:0;padding:0;border:0;background:none;color:#faf7f1;font-family:"Times New Roman","Noto Serif",serif;font-size:clamp(40px,4.2vw,60px);font-weight:400;line-height:1.04;letter-spacing:-.025em}
#container .oerep-photo-hero.oph-korean .oph-heading {font-family:inherit;font-size:clamp(28px,2.7vw,39px);font-weight:500;line-height:1.4;letter-spacing:-.05em;word-break:keep-all}
.oerep-photo-hero.oph-korean .oph-heading span {color:#dec69b}
.oerep-photo-hero .oph-description {margin:18px 0 0;color:#d0d3d1;font-size:13px;font-weight:400;line-height:1.8;word-break:keep-all;letter-spacing:-.02em}
.oerep-photo-hero .oph-credit {position:absolute;right:16px;bottom:10px;color:rgba(255,255,255,.75);font-size:9px;line-height:1.5;text-decoration:none;text-shadow:0 1px 5px #000}
.oerep-photo-hero .oph-credit:focus-visible {outline:1px solid #fff;outline-offset:4px}
#container .oph-factory {--oph-focus:50% 60%}
#container .oph-inspection {--oph-focus:52% 82%}
#container .oph-review {--oph-focus:50% 55%}
.oph-review .oph-visual {left:43%}
#container .oph-recommended {--oph-focus:50% 48%}
@media(max-width:1000px) and (min-width:601px) {
    .oerep-photo-hero .oph-copy {width:60%;padding-left:28px;padding-right:18px}
    #container .oerep-photo-hero .oph-heading {font-size:44px}
    #container .oerep-photo-hero.oph-korean .oph-heading {font-size:29px}
    .oerep-photo-hero .oph-description {font-size:12px}
}
@media(max-width:600px) {
    #container .oerep-photo-hero {height:360px;margin-bottom:20px}
    .oerep-photo-hero .oph-visual {inset:0 0 auto;height:70%;-webkit-mask-image:none;mask-image:none}
    .oerep-photo-hero .oph-visual img {object-position:var(--oph-mobile-focus,50% 60%)}
    .oerep-photo-hero::before {background:linear-gradient(0deg,#141b1d 0%,#141b1d 14%,rgba(20,27,29,.95) 30%,rgba(20,27,29,.42) 48%,transparent 72%)}
    .oerep-photo-hero .oph-copy {justify-content:flex-end;width:100%;padding:24px 24px 28px}
    .oerep-photo-hero .oph-eyebrow {margin-bottom:12px;font-size:9px;gap:10px;letter-spacing:.12em}
    .oerep-photo-hero .oph-eyebrow span {width:24px}
    #container .oerep-photo-hero .oph-heading {font-size:37px;line-height:1.02}
    #container .oerep-photo-hero.oph-korean .oph-heading {font-size:27px;line-height:1.35}
    .oerep-photo-hero .oph-description {margin-top:14px;font-size:11px;line-height:1.8}
    .oerep-photo-hero .oph-credit {top:9px;right:11px;bottom:auto;font-size:8px}
    #container .oph-inspection {--oph-mobile-focus:58% 88%}
    #container .oph-review {--oph-mobile-focus:50% 51%}
    #container .oph-factory {--oph-mobile-focus:50% 65%}
}