/* Brand assets and English font correction; the approved page styling remains in the original stylesheets. */
:root{--sans:"bc-vajgar","Helvetica Neue",Arial,sans-serif;--disp:"richmond-display","Helvetica Neue",Arial,sans-serif;--num:"birch-std","Arial Narrow",sans-serif}
.brand-mark{display:block;width:62px;height:40px;flex:0 0 62px;object-fit:contain}
.brand,.brand-lockup,.detail-header .detail-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#222d34}
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1;white-space:nowrap}
.brand-name{font-family:"quador",Georgia,"Times New Roman",serif;font-size:27px;font-weight:600;letter-spacing:-.025em}
.brand-country{font-family:"richmond-display","Helvetica Neue",Arial,sans-serif;font-size:9px;font-weight:400;letter-spacing:.19em;line-height:1.2}
.brand-lockup--footer .brand-mark{width:48px;height:32px;flex-basis:48px}
.brand-lockup--footer .brand-name{font-size:24px}
.brand-lockup--footer .brand-country{font-size:8px}
.brand-lockup--specimen{color:inherit}
.brand-lockup--specimen .brand-mark{background:#f7f2ea;border-radius:6px}
.brand-lockup--specimen .brand-tagline{margin-left:14px}
/* English uses the approved Adobe family roles. Korean-only selectors keep their existing fonts. */
body.detail-page,.tool-section,.tool-field input,.tool-field select,.stream-section #streamCaption,.stream-section .stream-buttons button,.stream-section #streamCredit,.stream-section .stream-thumb{font-family:var(--sans)}
.stream-section #streamCount{font-family:var(--num)}
.photo-stamp em:not(:lang(ko)){font-family:var(--sans)}
@media(max-width:700px){.brand-mark{width:54px;height:36px;flex-basis:54px}.brand-name{font-size:25px}.brand-country{font-size:8px}.brand-lockup--footer .brand-mark{width:46px;height:31px;flex-basis:46px}}
@media(max-width:380px){.brand,.brand-lockup{gap:5px}.brand-mark{width:50px;height:34px;flex-basis:50px}.brand-name{font-size:23px}.brand-country{font-size:7.5px}}

/* The old photo hero bleed and a 1fr intrinsic minimum overrun the hero photographs on narrow phones. */
@media(max-width:370px){.hero-views .hero-grid{grid-template-columns:minmax(0,1fr)}.hero-views .hero-visual{margin-right:0}}

/* The original thumbnail strip assumes equal 22px gutters; the approved wrap uses 22px left and 20px right.
   Applies wherever the phone strip layout is active (700px and below), not only at 370px. */
@media(max-width:700px){.stream-section .stream-thumbnails{width:calc(100% + var(--gutter) + max(20px,env(safe-area-inset-right,0px)));margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * max(20px,env(safe-area-inset-right,0px)));padding-left:var(--gutter);padding-right:max(20px,env(safe-area-inset-right,0px))}}
