/* Orb Hunt Seoul: images lead; each film keeps its original frame. */
html { scroll-behavior:auto; }
.hunt-refined { font-size:17px; line-height:1.6; }
.hunt-refined .chapter-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
.hunt-refined .small-label { font-size:13px; line-height:1.45; }
.hunt-refined figcaption { display:block; font-size:12px; line-height:1.5; margin-top:10px; padding-top:10px; }
.hunt-refined .photo-plus { width:36px; height:36px; font-size:24px; }
.hunt-refined .photo-button img { height:auto; aspect-ratio:auto; }
.hunt-refined main section[id] { scroll-margin-top:8px; }
.hunt-refined main section>div>* { min-width:0; }
.case-intro { padding-top:35px; }
.case-title { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:50px; align-items:end; margin:28px 0 25px; }
.hunt-refined h1 { font-size:clamp(76px,8.9vw,140px); line-height:.92; }
.case-format { position:relative; border-top:1px solid var(--ink); padding:16px 76px 8px 0; }
.case-format .small-label { color:#756087; }
.case-format p { font-size:19px; line-height:1.35; margin-top:14px; }
.case-format img { width:65px; height:auto; position:absolute; right:0; bottom:12px; }
.case-role { font-size:14px; line-height:1.5; margin-bottom:34px; }
.case-hero { width:88%; }
.case-brief { display:grid; grid-template-columns:1fr 1.1fr; gap:8%; padding:65px 0 10px; }
.case-brief h2 { font-size:clamp(44px,5vw,76px); margin-top:22px; }
.case-brief p { max-width:55ch; }
.case-summary { color:#4a4054; }
.case-section { padding-top:75px; padding-bottom:65px; }
.hunt-refined .section-rail { margin-bottom:32px; }
.case-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:8%; align-items:end; margin-bottom:36px; }
.case-heading h2,.case-section>h2 { font-size:clamp(48px,5.5vw,88px); }
.case-heading h3 { font-size:clamp(40px,4.6vw,70px); }
.case-heading p { max-width:46ch; }
.case-route { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:35px 0 0; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.case-route li { padding:23px 20px; border-right:1px solid var(--line); }
.case-route li:first-child { padding-left:0; }
.case-route li:last-child { border-right:0; }
.case-route span { color:#756087; font-size:13px; }
.case-route p { font-size:15px; line-height:1.55; margin-top:15px; }
.case-system { display:grid; grid-template-columns:1fr 1.15fr; gap:8%; align-items:start; margin-top:45px; }
.case-steps { list-style:none; margin:0; padding:0; }
.case-steps li { border-top:1px solid var(--line); padding:22px 0; }
.case-steps h3 { font-size:31px; margin-bottom:12px; }
.case-steps p { max-width:44ch; }
.case-mechanic-note { font-size:14px; line-height:1.6; border-left:2px solid var(--purple); padding-left:16px; margin-top:6px; }
.case-apps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; max-width:540px; margin-left:auto; align-items:start; }
.case-apps .photo { min-width:0; }
.case-apps>.photo:nth-child(2) { margin-top:55px; }
.case-apps .photo-button { max-width:250px; margin:auto; border-radius:16px; }
.case-apps figcaption { overflow-wrap:anywhere; }
.case-objects { display:grid; grid-template-columns:1fr 1.55fr; gap:10%; align-items:start; margin-top:60px; }
.case-objects>div { padding-top:40px; }
.case-caption-copy { font-size:15px; margin-top:23px; max-width:42ch; }
.case-wide { width:90%; margin-left:auto; }
.case-popup-row { display:grid; grid-template-columns:1.65fr 1fr; gap:8%; align-items:center; margin-top:55px; }
.case-popup-row h3,.case-branding-row h3 { font-size:clamp(36px,3.8vw,58px); margin:18px 0; }
.case-popup-row p,.case-branding-row p { max-width:42ch; }
.case-film { min-width:0; }
.case-film video { display:block; width:100%; height:auto; object-fit:contain; background:#171718; }
.case-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; align-items:start; margin-top:55px; }
.case-pair>.photo:nth-child(2) { margin-top:50px; }
.case-branding-row { display:grid; grid-template-columns:1.35fr 1fr; gap:8%; align-items:start; margin-top:65px; }
.case-branding-row>div { padding-top:30px; }
.case-branding-row>div>.photo { margin-top:32px; }
.case-match { margin-top:75px; border-top:1px solid var(--line); padding-top:30px; }
.case-match-row { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr); gap:9%; align-items:start; margin-top:45px; }
.case-film-portrait { width:100%; max-width:390px; }
.case-match-row>div>.photo+.photo { margin-top:40px; }
.case-creators { background:#eeede9; }
.case-creator-row { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:10%; align-items:start; }
.case-creator-row>.photo { width:100%; max-width:375px; }
.case-creator-row>div { padding-top:50px; }
.case-creator-row>div>.photo+.photo { margin-top:40px; }
.case-outcomes { margin-top:35px; border-top:1px solid var(--ink); }
.case-outcomes>div { display:grid; grid-template-columns:1fr 1.4fr; gap:10%; border-bottom:1px solid var(--line); padding:26px 0; }
.case-outcomes dt { font-family:var(--display); font-size:32px; line-height:1.05; text-transform:uppercase; letter-spacing:-.02em; }
.case-outcomes dd>span { display:block; font-size:13px; color:var(--grey); line-height:1.5; margin-top:13px; }
.case-details { display:grid; grid-template-columns:1fr 1.65fr; gap:8%; padding-bottom:65px; }
.case-details h2 { font-size:40px; margin-top:18px; }
.case-details dl { border-top:1px solid var(--ink); }
.case-details dl>div { display:grid; grid-template-columns:135px 1fr; gap:22px; padding:16px 0; border-bottom:1px solid var(--line); }
.case-details dt { font-size:12px; color:var(--grey); }
.case-details dd { font-size:14px; line-height:1.6; }
@media(max-width:1000px) {
 .case-title { grid-template-columns:minmax(0,1fr) 235px; gap:25px; }
 .case-format { padding-right:55px; }.case-format p { font-size:17px; }.case-format img { width:48px; }
 .case-brief,.case-heading,.case-system,.case-branding-row { gap:5%; }
 .case-route li { padding:20px 13px; }.case-route p { font-size:14px; }
 .case-pair,.case-apps { gap:25px; }
 .case-details { grid-template-columns:.7fr 1.5fr; gap:5%; }.case-details dl>div { grid-template-columns:105px 1fr; gap:15px; }
}
@media(max-width:760px) {
 .hunt-refined { --gutter:22px; --header:102px; font-size:16px; line-height:1.65; }
 .hunt-refined .header-bar { grid-template-columns:112px minmax(0,1fr); min-height:54px; }
 .hunt-refined .wordmark { font-size:28px; padding:9px 17px 8px; }
 .hunt-refined .wordmark>span:first-child { font-size:9px; }
 .hunt-refined .header-arrow,.hunt-refined .header-location,.hunt-refined .breadcrumb>span { display:none; }
 .hunt-refined .breadcrumb { padding:12px 18px; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; }
 .hunt-refined .work-menu summary { font-size:12px; }
 .hunt-refined .work-menu-panel { right:-18px; left:auto; width:min(310px,86vw); top:calc(100% + 20px); }
 .hunt-refined .work-menu-panel a { font-size:13px; padding:12px; }
 .hunt-refined .nav-link { font-family:var(--display); font-size:15px; padding:13px 3px 12px; min-height:44px; white-space:nowrap; }
 .hunt-refined .nav-link span { display:none; }
 .hunt-refined .small-label,.hunt-refined figcaption { font-size:12px; }
 .case-intro { padding-top:24px; }
 .case-title { grid-template-columns:1fr; gap:22px; margin:22px 0 18px; }
 .hunt-refined h1 { font-size:clamp(54px,12.5vw,86px); line-height:.94; }
 .case-format { display:flex; gap:17px; align-items:center; border-top:0; border-left:3px solid var(--purple); padding:0 48px 0 13px; min-height:48px; }
 .case-format .small-label { max-width:9ch; }
 .case-format p { font-size:14px; line-height:1.4; margin:0; }.case-format img { width:40px; bottom:4px; }
 .case-role { font-size:13px; margin-bottom:25px; }
 .case-hero,.case-wide { width:100%; }
 .case-brief { grid-template-columns:1fr; gap:24px; padding:40px 0 0; }
 .case-brief h2 { font-size:42px; margin-top:15px; }
 .case-section { padding-top:50px; padding-bottom:45px; }
 .hunt-refined .section-rail { margin-bottom:26px; gap:15px; }
 .hunt-refined .section-rail>span:last-child { max-width:19ch; }
 .case-heading { grid-template-columns:1fr; gap:22px; margin-bottom:26px; }
 .case-heading h2,.case-section>h2 { font-size:clamp(38px,10vw,60px); line-height:1.02; }
 .case-heading h3 { font-size:38px; }
 .case-heading p,.case-brief p { max-width:none; }
 .case-route { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:27px; }
 .case-route li { padding:20px 12px; }.case-route li:first-child { padding-left:12px; }
 .case-route li:nth-child(2) { border-right:0; }.case-route li:nth-child(-n+2) { border-bottom:1px solid var(--line); }
 .case-route span { font-size:12px; }.case-route p { font-size:14px; margin-top:12px; }
 .case-system { grid-template-columns:1fr; gap:30px; margin-top:30px; }
 .case-steps h3 { font-size:29px; }.case-steps li { padding:20px 0; }
 .case-apps { width:100%; margin:0 auto; gap:20px; }
 .case-apps>.photo:nth-child(2) { margin-top:35px; }
 .case-apps .photo-button { border-radius:12px; }
 .case-objects { grid-template-columns:1fr; gap:28px; margin-top:35px; }
 .case-objects>div { padding-top:0; width:85%; max-width:450px; }
 .case-caption-copy { margin-top:16px; }
 .case-popup-row { grid-template-columns:1fr; gap:25px; margin-top:35px; }
 .case-popup-row h3,.case-branding-row h3 { font-size:34px; margin:14px 0 16px; }
 .case-pair { grid-template-columns:1fr; gap:27px; margin-top:35px; }
 .case-pair>.photo:nth-child(2) { margin-top:0; }
 .case-branding-row { grid-template-columns:1fr; gap:27px; margin-top:40px; }
 .case-branding-row>div { padding-top:0; }.case-branding-row>div>.photo { margin-top:26px; }
 .case-match { margin-top:45px; padding-top:26px; }
 .case-match-row { grid-template-columns:1fr; gap:30px; margin-top:30px; }
 .case-film-portrait { width:100%; max-width:360px; margin:auto; }
 .case-match-row>div>.photo+.photo { margin-top:27px; }
 .case-creator-row { grid-template-columns:1fr; gap:30px; }
 .case-creator-row>.photo { width:85%; max-width:320px; }
 .case-creator-row>div { padding-top:0; }.case-creator-row>div>.photo+.photo { margin-top:27px; }
 .case-outcomes { margin-top:28px; }.case-outcomes>div { grid-template-columns:1fr; gap:15px; padding:24px 0; }
 .case-outcomes dt { font-size:28px; }.case-outcomes dd>span { font-size:13px; }
 .case-details { grid-template-columns:1fr; gap:25px; padding-bottom:42px; }
 .case-details h2 { font-size:34px; margin-top:12px; }
 .case-details dl>div { grid-template-columns:1fr; gap:8px; padding:16px 0; }.case-details dd { font-size:15px; }
 .hunt-refined .related-project>.small-label,.hunt-refined .footer-bottom,.hunt-refined .back-top { font-size:12px; }
 .hunt-refined .footer-main>p { font-size:15px; }
}
@media(max-width:390px) {
 .hunt-refined { --gutter:18px; padding:7px; }
 .hunt-refined h1 { font-size:54px; }
 .case-format { gap:12px; }.case-format p { font-size:14px; }
 .hunt-refined .nav-link { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .hunt-refined .photo-button img { transition:none; } }