/* 10쪽 시작 영상 — 쪽 이름 아래 첫 장면은 영상 빈 칸(영상 파일은 추후 제공), 칸 아래 이름 '브랜드 필름'.
   칸 안에는 글을 넣지 않는다(시안 칸 안 빨간 글은 메모). 칸: 본문 폭(1080) 16:9, 바탕은 사이트 글자색(--troon-ink #23292b)의 5%.
   이름: 같은 쪽 타입 이름(THE GALLERY 등)과 같은 역할로 마루부리 19px, 가운데. 표지는 flex 세로 쌓기·가운데 정렬이라 칸만 폭 전체로 편다. */
body.eg-site #main .rf-brand-estate>.lb-estate-cover>.lb-g3-film{margin:0;align-self:stretch;width:100%;min-width:0}
body.eg-site #main .rf-brand-estate .lb-g3-film-blank{display:block;width:100%;aspect-ratio:16/9;background:rgba(35,41,43,.05)}
/* 10쪽 영상 칸 크기(PC) — R57UT7 33(1024) 사장님 원문 1024 01:0x "사이즈 맞추고 브랜드필름이라고 적힌거 없에": 내용 폭 81.3%·1020:540에서
   28번(트룬 쪽)처럼 내용 폭 100%(좌우 끝 = 제목·본문 줄), 비율은 영상 원본 1280×720(16:9) 그대로라 잘림 0. 700px 이하는 원래대로 폭 전체 16:9.
   칸 아래 '브랜드 필름' 글(figcaption)은 HTML에서 뺐고, 화면 읽기용 이름은 figure aria-label로 남김. */
@media (min-width:701px){
 body.eg-site #main .rf-brand-estate .lb-g3-film-blank{width:100%;margin:0;aspect-ratio:1280/720}
}
/* 브랜드 필름 영상: 위 칸 크기 그대로 채운다. 칸이 모든 폭에서 영상과 같은 16:9라 자르지 않는다. */
body.eg-site #main .rf-brand-estate .lb-g3-film-blank{position:relative;overflow:hidden}
body.eg-site #main .rf-brand-estate .lb-g3-film-blank>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
body.eg-site #main .rf-brand-estate .lb-g3-film>figcaption{margin:var(--space-6) 0 0;text-align:center;font-family:var(--font-heading);font-size:19px;font-weight:400;line-height:1.45;letter-spacing:var(--tracking-heading);color:var(--troon-ink)}

/* 11·12·13쪽 — 1·2·3번 콘텐츠: 사진 | 글 두 칸, 같은 폭(시안 584 | 584). 글은 사진 위끝부터(글 칸 맨 위 = 사진 위끝).
   761px 이상(같은 쪽 .lb-lead가 한 줄로 쌓이는 경계와 같음) 두 칸·간격 --space-12(48). 1440에서 칸 516, 사진 516×490 → 1440×900 한 화면에 사진·제목·본문.
   간격을 64가 아닌 48로 둔 까닭: 1번 제목 둘째 줄 '제주에 두 번째 트룬 에스테이트를 열다.'가 마루부리 31.08px에서 509.4px라 칸 508(간격 64)에서는
   한 줄이 더 접혀 3줄이 된다(시안은 2줄). 칸 516이면 2줄 그대로(headless Chrome 실측).
   2번(.lb-g3-split--rev)은 글 왼쪽·사진 오른쪽. HTML 순서는 셋 다 사진 → 글이라 760px 이하는 사진 → 제목 → 본문으로 쌓인다.
   사진: 시안 칸 비율 584:555로 자른다(사진은 시안에 그려진 지금 파일 그대로). 가운데 기준, 항공 사진(--top)은 위(한라산·하늘)를 남긴다. */
body.eg-site #main .rf-brand-estate .lb-g3-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);align-items:start}
@media (min-width:761px){
  body.eg-site #main .rf-brand-estate .lb-g3-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-12)}
  body.eg-site #main .rf-brand-estate .lb-g3-split--rev>.lb-g3-photo{order:2}
}
body.eg-site #main .rf-brand-estate .lb-g3-split>.lb-g3-photo{width:100%;max-width:none;margin:0}
body.eg-site #main .rf-brand-estate .lb-g3-photo>a{display:block}
body.eg-site #main .rf-brand-estate .lb-g3-photo img{display:block;width:100%;height:auto;aspect-ratio:584/555;object-fit:cover;object-position:50% 50%}
body.eg-site #main .rf-brand-estate .lb-g3-photo.lb-g3-photo--top img{object-position:50% 0}
/* 글: 1번 콘텐츠 제목·본문이 원래 받던 같은 쪽 규칙(leaflet-brand-1014.css의 .lb-brand-story h2·p)과 같은 값을 2·3번에도 준다 — 세 칸 제목·본문 모양을 하나로. */
body.eg-site #main .rf-brand-estate .lb-g3-copy h2{font-family:var(--font-heading);font-size:var(--type-h1);font-weight:400;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 var(--space-6)}
body.eg-site #main .rf-brand-estate .lb-g3-copy p:not(.oc-eyebrow){font-size:var(--type-body);line-height:var(--leading-body);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 var(--space-4)}
body.eg-site #main .rf-brand-estate .lb-g3-copy>:last-child{margin-bottom:0}
body.eg-site #main .rf-brand-estate .lb-g3-copy>.oc-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.16em;color:var(--troon-stone);margin:0 0 17px}
@media (max-width:700px){
  body.eg-site #main .rf-brand-estate .lb-g3-copy>.oc-eyebrow{font-size:10px;margin-bottom:12px}
}

/* 14쪽 타입 4개 — 사진 4장을 같은 크기 세로 사진으로 나란히, 각 사진 아래 타입 이름·면적(글·순서·사진 파일·확대 보기 링크 그대로).
   사진은 시안에 그려진 지금 파일 넷(가운데를 세로로 자른 꼴) → 시안 칸 비율 293:400, 가운데 기준으로 자른다.
   900px 이상 4열(간격 --space-8 32 = 그리드 한 칸, 1440에서 칸 246·사진 246×336), 900px 미만 2열(휴대폰 390에서 칸 155).
   leaflet-brand-1014.css의 1열·간격 64 규칙과 같은 세기 — 이 파일이 맨 끝에 읽혀 이긴다. */
body.eg-site #main .rf-brand-estate .lb-residence-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-4)}
@media (min-width:900px){
  body.eg-site #main .rf-brand-estate .lb-residence-sequence{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}
}
body.eg-site #main .rf-brand-estate .lb-residence-sequence>article{min-width:0}
body.eg-site #main .rf-brand-estate .lb-residence-sequence .lb-photo>a{display:block}
body.eg-site #main .rf-brand-estate .lb-residence-sequence .lb-photo img{display:block;width:100%;height:auto;aspect-ratio:293/400;object-fit:cover;object-position:50% 50%}
/* 더 로프트 카드: 가운데로 자르면 오른쪽 유리 문이 칸 밖으로 나간다. 유리 문과 소파가 함께 들어오게 오른쪽 88%를 기준으로 자른다(크게 보기는 사진 전체). */
body.eg-site #main .rf-brand-estate .lb-residence-sequence .lb-photo img[src$="/o11-1023/estate/card-loft.jpg"]{object-position:88% 50%}

body.eg-site #main .rf-brand-estate>.lb-residences:not(:last-child){padding-bottom:0}
body.eg-site #main .rf-brand-estate>section:last-child{padding-bottom:var(--space-12)}
body.eg-site #main .rf-brand-estate>section[data-guide="p19-legacy"]:last-child{padding-bottom:var(--space-16)}
@media (max-width:760px){
  body.eg-site #main .rf-brand-estate>section:last-child{padding-bottom:var(--space-8)}
  body.eg-site #main .rf-brand-estate>section[data-guide="p19-legacy"]:last-child{padding-bottom:var(--space-12)}
}