/* Guinar v1.19.0 · portfólio e casos · editorial, sem sobrescrever tokens de marca. */
.g-work-section.g-work-curated .g-work-grid{gap:clamp(30px,3.6vw,54px) clamp(22px,3vw,40px)}
.g-work-card{min-width:0;position:relative}
.g-work-link{display:block;color:inherit;text-decoration:none;border-radius:var(--radius-control,4px)}
.g-work-link .g-work-visual{transition:filter .18s ease;overflow:hidden}
.g-work-link:hover .g-work-visual{filter:brightness(1.055)}
.g-work-link:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.g-work-link .g-work-meta{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-top:18px}
.g-work-link .g-work-meta h3{font-size:clamp(19px,1.6vw,23px);letter-spacing:-.025em;line-height:1.25;margin-bottom:7px}
.g-work-link .g-work-meta .g-work-label{font-size:14px;line-height:1.5}
.g-work-detail-link{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:13px;color:var(--muted);padding-top:3px}
.g-work-detail-link svg{width:16px;height:16px}
.g-work-card>.g-work-original{min-height:44px;margin-top:6px;font-size:13px;display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.g-work-card>.g-work-original:hover,.g-work-link:hover .g-work-detail-link{color:var(--text)}
.g-work-curated .g-portfolio-shortcuts{display:none}
.g-work-curated .g-work-all{margin-top:clamp(24px,3vw,48px);font-size:16px}
.g-work-section:not(.g-work-curated) .g-portfolio-shortcuts{margin-bottom:36px}
.g-work-section:not(.g-work-curated) .g-work-card>.g-work-original{margin-bottom:5px}
.g-case-618 .g-case-hero{padding-block:clamp(42px,6vw,88px) clamp(42px,6vw,84px)}
.g-case-618 .g-case-back{margin-bottom:44px;gap:10px}
.g-case-618 .g-case-back svg{transform:rotate(180deg);width:16px;height:16px}
.g-case-618 .g-kicker{letter-spacing:.045em;text-transform:uppercase;font-size:12px}
.g-case-618 h1{font-size:clamp(37px,4.7vw,74px);max-width:18ch;line-height:1.13;margin-bottom:14px}
.g-case-618 .g-case-role{max-width:65ch;font-size:17px;line-height:1.6}
.g-case-618 .g-case-showcase{margin-top:clamp(32px,4vw,60px);max-width:100%;border-radius:5px;overflow:hidden}
.g-case-618 .g-case-showcase .g-showcase{max-height:none;aspect-ratio:8/5}
.g-case-618 .g-case-caption{font-size:13px;margin-top:14px}
.g-case-story{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.g-case-story-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(22px,5vw,96px);padding:38px 0;border-bottom:1px solid var(--line)}
.g-case-story-row h2{font-size:clamp(24px,2.2vw,31px);margin:8px 0 0;max-width:22ch}
.g-case-story-row p{font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:var(--muted);max-width:56ch;margin:0;white-space:pre-line}
.g-case-index{font-size:12px;letter-spacing:.10em;color:var(--gold);font-weight:700}
.g-case-material{max-width:var(--max)}
.g-case-material .g-case-original{max-width:100%}
.g-case-material .g-case-original summary{font-size:17px}
.g-case-material .g-case-services{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.g-case-material .g-case-services a{padding:9px 16px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--line);font-size:14px;text-decoration:none;border-radius:4px}
.g-case-material .g-case-services a:hover{border-color:var(--gold)}
@media(max-width:700px){
.g-work-section.g-work-curated .g-work-grid{gap:36px}
.g-work-link .g-work-meta{padding-top:15px}
.g-work-link .g-work-meta h3{font-size:20px}
.g-work-detail-link{font-size:13px}
.g-work-card>.g-work-original{font-size:14px}
.g-case-618 .g-case-hero{padding-block:44px 50px}
.g-case-618 .g-case-back{margin-bottom:28px;font-size:15px}
.g-case-618 h1{font-size:clamp(36px,9vw,46px);line-height:1.13}
.g-case-618 .g-case-role{font-size:17px}
.g-case-618 .g-case-showcase{margin-top:32px}
.g-case-story-row{grid-template-columns:1fr;gap:16px;padding:30px 0}
.g-case-story-row p{font-size:17px;line-height:1.65}
.g-case-618 .g-contact-inner h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.g-work-link .g-work-visual{transition:none}}

/* The work is one composition, on the same petroleum surface everywhere. */
.g-work-visual{background:var(--surface);border-radius:5px;aspect-ratio:8/5;overflow:hidden}.g-showcase{background:transparent}.g-work-section .g-work-meta{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-top:15px}.g-work-section .g-work-meta h3{font-size:18px;line-height:1.45;letter-spacing:-.012em;margin:0 0 3px}.g-work-label{font-size:13px;line-height:1.6}.g-work-case{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:none;white-space:nowrap}.g-work-case svg{width:15px;height:15px}.g-work-card>.g-work-original{margin-top:0}.g-work-section.g-work-curated .g-work-grid{gap:30px 28px}.g-brand-sheet{transform:none;box-shadow:0 10px 18px #00171930}.g-brand-sheet .g-brand-sheet-art{overflow:hidden}.g-case-618 h1{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-.025em}.g-case-618 .g-case-hero{padding-block:50px}.g-case-618 .g-case-showcase{max-width:940px;margin-inline:auto}.g-case-618 .g-case-back{margin-bottom:24px}.g-work-evidence{max-width:60ch;font-size:15px;line-height:1.7;color:var(--muted);margin:18px 0 0}.g-service-hero h1{font-weight:500}.g-service-definition{display:none}@media(max-width:700px){.g-work-section .g-work-meta h3{font-size:18px}.g-work-case{font-size:13px}.g-work-section.g-work-curated .g-work-grid{gap:30px}.g-case-618 h1{font-size:36px}.g-case-618 .g-case-hero{padding-block:42px}.g-work-evidence{font-size:16px}}

/* Native artwork keeps the same flat presentation if exports are unavailable. */
.g-showcase-native-flat{display:flex;align-items:center;justify-content:center}.g-fallback-flat{width:87%;aspect-ratio:16/9;box-shadow:0 12px 20px #00171930}.g-fallback-screen{width:100%;height:100%;overflow:hidden}.g-fallback-screen .g-art-slice{width:100%;height:100%}.g-social-original{width:80%;height:88%;overflow:hidden}.g-social-original>strong{display:none}.g-social-original .g-social-feed{height:100%;width:100%}

/* Filters retain a visible focus ring within their horizontal scroll area. */
.g-portfolio-filter{font-size:14px;min-height:48px}
.g-portfolio-filter:focus-visible{outline-offset:-4px}
.g-work-scope{font-size:14px;line-height:1.65;color:var(--muted);max-width:55ch;margin:12px 0 8px}
.g-work-result{font-size:15px;line-height:1.65;max-width:60ch;margin:12px 0 8px}
.g-profile-name{overflow-wrap:anywhere}
@media(max-width:700px){.g-portfolio-filter{font-size:15px}.g-work-scope,.g-work-result{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.g-work-visual,.g-work-render{transition:none;animation:none}}