/* BELY follows the shared case layout. Full Vietnamese glyph coverage comes from Archivo variable. */
.bely-home-copy{font-size:15px;line-height:1.8;max-width:38ch;margin-top:30px;color:inherit}
.case-page[data-case=fashion] .case-intro h1{font-size:clamp(56px,11vw,176px);line-height:1.04;letter-spacing:-.065em}
.case-page[data-case=fashion] .case-intro h1 span{display:block}
.case-page[data-case=fashion] .chapter-heading h2,.case-page[data-case=fashion] .case-end>a{font-family:'Archivo',Arial,sans-serif;font-weight:900}
.case-page[data-case=fashion] .chapter-heading h2{letter-spacing:-.025em;word-spacing:.04em;line-height:1.12}
.case-page[data-case=fashion] .case-subtitle{font-size:clamp(34px,3.7vw,60px);line-height:1.06}
.case-page[data-case=fashion] .case-layout{grid-template-columns:minmax(190px,.42fr) minmax(0,1.65fr);gap:4vw}
.case-page[data-case=fashion] .case-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.7;margin:30px 0}
.case-page[data-case=fashion] .case-table th,.case-page[data-case=fashion] .case-table td{padding:18px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}
.case-page[data-case=fashion] .case-table thead{background:#eaded8}
.case-page[data-case=fashion] .case-table th:first-child{width:35%}
.bely-role{font-size:17px;line-height:1.7;font-weight:700;border-left:3px solid var(--pink-ink);padding:12px 18px;margin-bottom:28px}
.bely-group{margin:38px 0 45px}.bely-group h3{font-family:'Archivo',Arial,sans-serif;font-size:20px;font-weight:750;line-height:1.4;letter-spacing:-.02em;margin:0 0 20px}
/* Coordinates, crops, rotation and z-order come directly from the archived Canva model. */
.bely-canvas{position:relative;width:100%;overflow:hidden;container-type:inline-size;isolation:isolate}
.bely-canvas .bely-placement{position:absolute;margin:0;min-width:0;transform-origin:center}
.bely-canvas .case-image a[data-zoom]{width:100%;height:100%;background:transparent;overflow:hidden}
.case-page[data-case=fashion] .bely-canvas img{display:block;position:absolute;max-width:none;max-height:none;aspect-ratio:auto;object-fit:fill;transition:none}
.bely-canvas .case-image a[data-zoom]:hover img{transform:none}
.bely-canvas .case-image a[data-zoom]:focus-visible{outline:3px solid var(--pink-ink);outline-offset:-3px}
.bely-canvas .case-image a[data-zoom]>span{width:28px;height:28px;font-size:14px;right:6px;bottom:6px;opacity:0;transition:opacity .15s;pointer-events:none}
.bely-canvas .case-image a[data-zoom]:hover>span,.bely-canvas .case-image a[data-zoom]:focus-visible>span{opacity:1}
.bely-canvas .bely-video video{display:block;width:100%;height:100%;background:#241e21;object-fit:contain}
.bely-canvas figcaption{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bely-filter{position:absolute;pointer-events:none}
.bely-canvas-label{position:absolute;font-size:4cqw;line-height:1.2;font-family:'Archivo',Arial,sans-serif}
.bely-canvas-palette{width:49.02%}
.bely-side-copy{display:grid;grid-template-columns:50.89% minmax(0,1fr);gap:1.42%;align-items:center}
.bely-side-copy .bely-group-copy{padding-left:12px}.bely-side-copy .case-copy{font-size:15px;line-height:1.75}
.bely-interviews{grid-template-columns:58.81% minmax(0,1fr);gap:3.77%}
/* Original social captions are work samples, presented next to their four images. */
.bely-caption-work{grid-template-columns:minmax(0,1.067fr) minmax(0,1fr);gap:clamp(18px,2vw,32px);align-items:start}
.bely-caption-work .bely-group-copy{padding:0;min-width:0}
.bely-caption-work .bely-group-copy h3{margin-bottom:7px}
.bely-copy-credit{display:block;margin-bottom:18px;font-size:11px;line-height:1.5;color:var(--pink-ink)}
.bely-caption-work .case-copy{font-size:14px;line-height:1.6;margin:0 0 1em;overflow-wrap:break-word}
.bely-caption-work .case-copy:last-child{margin-bottom:0}
.bely-caption-work .case-copy strong{font-size:13px;letter-spacing:.015em;line-height:1.5}
@media(min-width:541px){.bely-caption-work>.bely-canvas{position:sticky;top:24px}}
@media(max-width:760px){.case-page[data-case=fashion] .case-intro h1{font-size:11.8vw;letter-spacing:-.06em}.case-page[data-case=fashion] .case-subtitle{font-size:35px;max-width:100%}.case-page[data-case=fashion] .case-table{font-size:13px}.case-page[data-case=fashion] .case-table th,.case-page[data-case=fashion] .case-table td{padding:14px 9px}.bely-role{font-size:15px;padding:10px 15px}.bely-group h3{font-size:18px}.bely-group{margin-top:28px}.bely-canvas-palette{width:75%}}
@media(max-width:540px){.case-page[data-case=fashion] .case-subtitle{font-size:32px}.bely-side-copy{display:flex;flex-direction:column;gap:20px;align-items:stretch}.bely-side-copy .bely-group-copy{padding:0}.bely-side-copy .bely-group-copy h3{margin-bottom:10px}.bely-canvas-palette{width:100%}.bely-canvas-label{font-size:4cqw}.bely-side-copy .case-copy{font-size:15px;margin-bottom:0}}