.project-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0;margin-bottom:28px}
.project-controls[hidden]{display:none}
.project-controls button{background:none;color:inherit;border:1px solid var(--line);width:46px;height:46px;cursor:pointer;font-size:24px}
.project-controls button:disabled{opacity:.25;cursor:default}
.project-controls button:focus-visible,.project-controls a:focus-visible{outline:2px solid;outline-offset:4px}
.project-status{display:flex;flex-direction:column;gap:6px;text-align:center;font-size:12px}
.project-status small{font-size:10px;letter-spacing:.12em}
.project-slide{touch-action:pan-y}
.project-slide[hidden]{display:none}
.fifa-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:20px;align-items:stretch}
.fifa-grid figure{margin:0;min-width:0}
.fifa-right-stack{position:relative;min-width:0}
.fifa-right-stack>figure{position:absolute;left:0;width:100%;height:calc(50% - 14px);display:flex;flex-direction:column;min-height:0}
.fifa-right-stack>.fifa-motion{top:0}
.fifa-right-stack>.fifa-campaign{bottom:0}
.fifa-right-stack .caption,.fifa-right-stack .document-invite{flex-shrink:0}
.fifa-campaign>.document-trigger{flex:1;min-height:0;display:flex;flex-direction:column}
.fifa-campaign-preview{flex:1;min-height:0;width:100%;position:relative}
.fifa-voucher-preview{display:flex;align-items:center;justify-content:center;height:clamp(330px,44vw,660px);background:#f0eeea}
.fifa-voucher-preview img{display:block;width:100%;height:100%;object-fit:cover}
.fifa-campaign-preview{background:#000}
.fifa-campaign-preview>svg{position:absolute;inset:0;display:block;width:100%;height:100%}
@media(max-width:700px){.fifa-campaign-preview:has(>svg){aspect-ratio:1800 / 1013}.fifa-campaign-preview>svg{height:100%}}
.fifa-campaign-preview img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.fifa-motion video{display:block;width:100%;height:0;min-height:0;flex:1;object-fit:contain;background:#000;touch-action:auto}
.fifa-motion video:fullscreen{object-fit:contain}
@media(max-width:700px){.fifa-voucher-preview{height:auto;aspect-ratio:1800 / 1013;min-height:0}.fifa-right-stack{display:grid;gap:32px}.fifa-right-stack>figure{position:static;height:auto;display:block}.fifa-campaign>.document-trigger{display:block}.fifa-campaign-preview img{position:static;height:auto;aspect-ratio:1800 / 1013}.fifa-motion video{height:auto;aspect-ratio:1800 / 1013}}
.fifa-print-stack{display:grid;gap:28px}
.fifa-print-stack img{display:block;width:100%;height:auto}
.fifa-print-stack a{display:block}
.fifa-print-stack a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:700px){.fifa-grid{grid-template-columns:1fr;gap:32px}.fifa-print-stack{gap:32px}}
.sugarbowl-grid{--sugarbowl-height:clamp(330px,44vw,660px);display:grid;grid-template-columns:1.22fr 1fr;gap:20px}
.sugarbowl-grid figure{margin:0;min-width:0}
.sugarbowl-collection-preview{height:calc(var(--sugarbowl-height) - 34px);background:#f0eeea}
.sugarbowl-collection-preview svg{display:block;width:100%;height:100%}
.sugarbowl-grid .document-invite{height:34px;align-items:center}
.sugarbowl-film{height:var(--sugarbowl-height);background:#181818}
.sugarbowl-film video{display:block;width:100%;height:100%;object-fit:contain;touch-action:auto}
@media(max-width:700px){.sugarbowl-grid{grid-template-columns:1fr;gap:32px}.sugarbowl-collection-preview{height:auto;aspect-ratio:2770 / 2740}.sugarbowl-film{height:auto;aspect-ratio:1}}
.project-slide.is-entering{animation:project-enter .35s ease both}
.effectum-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:24px;align-items:start}
.effectum-project .work-card:last-child{gap:28px}
.effectum-document{height:clamp(330px,44vw,660px);background:#f0eeea;display:flex;align-items:center;justify-content:center}
.effectum-document img{display:block;width:100%;height:100%;object-fit:contain}
.effectum-site{position:relative;overflow:hidden;aspect-ratio:3024 / 1722;background:#fff}
.effectum-site img{display:block;position:absolute;width:100%;height:auto;top:0;left:0;transform:translateY(-12.322%)}
.effectum-style-card{position:absolute;bottom:0;left:0;width:100%}
.effectum-style-image{background:#fff;padding:12px}
.effectum-style-image img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain}
.effectum-credit{font-size:11px;line-height:1.6;margin:18px 0 0;color:#686761}
.effectum-credit a{text-decoration:underline;text-underline-offset:3px}
.effectum-grid figure{margin:0;min-width:0}
.effectum-grid img{display:block;width:100%;height:auto}
.effectum-stack{display:flex;flex-direction:column;gap:28px}
.effectum-logo-frame{background:#fff;padding:36px}
.effectum-logo-frame img{width:100%;max-width:410px;margin:auto}
.effectum-website{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}
.effectum-website:hover{text-decoration:underline;text-underline-offset:4px}
.project-summary{display:flex;justify-content:space-between;gap:20px;margin:25px 0 0;font-size:12px;line-height:1.6}
@keyframes project-enter{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media(max-width:700px){.effectum-grid{grid-template-columns:1fr}.effectum-grid figure:first-child{max-width:80%;margin:auto}.project-summary{flex-direction:column;gap:5px}.project-controls{gap:10px}.project-status{max-width:65%}.effectum-logo-frame{padding:25px}}
@media(prefers-reduced-motion:reduce){.project-slide.is-entering{animation:none}}
@media(max-width:700px){.effectum-document{height:90vw;max-height:540px}.effectum-style-card{position:static;margin-top:0}}

.sugarbowl-background{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.sugarbowl-background-copy h3{margin:0 0 20px;font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.2}
.sugarbowl-background-copy p{font-size:14px;line-height:1.75;margin:0 0 18px;max-width:80ch}
@media(max-width:700px){.sugarbowl-background{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
}

.digital-art-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.digital-art-grid figure{margin:0;min-width:0}
.digital-art-grid video{display:block;width:100%;height:auto;aspect-ratio:1;max-height:660px;object-fit:contain;touch-action:auto;background:#e9e7e2}
.digital-art-copy{padding-top:24px}
.digital-art-copy h3{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1.15;margin:28px 0 24px}
.digital-art-copy p{font-size:14px;line-height:1.75;max-width:48ch;margin:0 0 18px}
.digital-art-copy .effectum-credit{font-size:11px;margin-top:28px}
@media(max-width:700px){.digital-art-grid{grid-template-columns:1fr;gap:28px}.digital-art-copy{padding-top:0}}

/* This artwork is a passive animation; Safari must not place media UI over it. */
.digital-art-grid video{pointer-events:none}
.digital-art-grid video::-webkit-media-controls,
.digital-art-grid video::-webkit-media-controls-enclosure,
.digital-art-grid video::-webkit-media-controls-panel,
.digital-art-grid video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

.sugarbowl-film video{pointer-events:none}
.sugarbowl-film video::-webkit-media-controls,
.sugarbowl-film video::-webkit-media-controls-enclosure,
.sugarbowl-film video::-webkit-media-controls-panel,
.sugarbowl-film video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
