.art-hero{height:100svh;min-height:740px;max-height:1150px;background:#110e0d}
.art-feature{position:absolute;inset:0;z-index:-1}
.art-feature img,.art-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%}
.art-hero-video{opacity:0;transition:opacity .4s}
.art-hero.has-hero-video .art-hero-video{opacity:1}
.art-hero-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#090a0c68 0%,#15101800 35%,#12101142 62%,#111210e8 100%)}
.art-motion-toggle{background:transparent;border-bottom:1px solid #ffffff70;padding:8px 0 5px;font-size:.875rem;line-height:1.3;margin-top:3px}
.art-hero .hero-topline,.art-hero .hero-bottom,.art-hero h1{z-index:2}
.art-hero h1{font-size:clamp(5rem,10.8vw,12rem);font-weight:600;bottom:100px;line-height:.9}
.art-feature-caption{position:absolute;right:5%;top:41%;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:14px;text-align:right;text-shadow:0 1px 16px #000}
.art-feature-caption .micro{opacity:.85}
.art-feature-caption .text-button{line-height:1.6}
.art-gallery{margin-top:58px}
.vfx-reel-section{padding-top:75px}
.reel-section-heading{padding:0 5% 28px}
.reel-section-heading .section-label{font-family:var(--font);font-weight:500;line-height:1.5}
@media(max-width:600px){.vfx-reel-section{padding-top:48px}.reel-section-heading{padding:0 6% 22px}}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px 26px}
.art-grid+.art-grid{margin-top:58px;padding-top:58px;border-top:1px solid var(--line)}
.art-grid-landscape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;columns:auto}
.art-grid-landscape .art-card{margin:0}
.art-grid-landscape .art-tile{aspect-ratio:16/9}
.art-grid-landscape .art-tile>img{width:100%;height:100%;object-fit:cover}
.art-grid-portrait .art-tile{aspect-ratio:9/16}
.art-grid-portrait .art-tile>img{height:100%;object-fit:cover}
.art-card{display:block;min-width:0;width:100%;margin:0}
.art-tile{display:block;position:relative;isolation:isolate;overflow:hidden;background:#0a0b09}
.art-tile>img{display:block;width:100%;height:auto;transition:filter .3s}
.art-tile:after{content:'';position:absolute;inset:65% 0 0;z-index:2;background:linear-gradient(transparent,#000b);pointer-events:none}
.art-tile:hover>img{filter:brightness(1.06)}
.art-tile:focus-visible{outline-offset:5px}
.art-tile-action{position:absolute;bottom:20px;right:20px;left:20px;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.07em;pointer-events:none;color:#fff;text-shadow:0 1px 6px #000}
.art-tile-action .small-plus{margin-left:0;flex:none}
.art-tile:hover .small-plus,.art-tile:focus-visible .small-plus{background:var(--fg);color:var(--bg);text-shadow:none}
.art-tile.is-previewing .project-preview{opacity:1}
.art-card figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:13px;font-size:.875rem;line-height:1.5}
.art-card figcaption>span+span{color:var(--muted);font-size:.75rem;letter-spacing:.05em;text-align:right;flex:none;padding-top:2px}
.art-stills{margin-top:88px;padding-top:48px;border-top:1px solid var(--line)}
.stills-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:54px 48px}
.stills-grid .art-still{grid-column:1}
.stills-grid .art-still-featured{grid-column:1/-1;width:min(100%,1040px);justify-self:center}
.stills-grid .art-still-portrait{grid-column:2;grid-row:2/span 2;width:100%;max-width:440px;justify-self:center}
.stills-grid .art-tile>img{width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.art-stills{margin-top:56px;padding-top:32px}.stills-grid{grid-template-columns:minmax(0,1fr);gap:36px}.stills-grid .art-still-portrait{grid-column:1;grid-row:auto;width:100%;max-width:360px}}
.art-social-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px 64px;margin-top:34px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1rem}
.art-social-link{display:flex;align-items:center;justify-content:center;gap:14px}
.art-social-link>span:not(.small-plus){color:var(--muted)}
.art-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 5%;background:var(--accent);color:#20221a}
.art-footer .section-label{color:#494d39}
.art-footer p{font-family:var(--display);font-size:clamp(1.7rem,3vw,2.75rem);letter-spacing:-.04em;margin-top:12px}
.art-footer-links{display:flex;flex-wrap:wrap;gap:20px 28px;font-size:.875rem}
.art-footer-links a{border-bottom:1px solid #20221a60;padding-bottom:5px}
.art-footer a:focus-visible{outline-color:#20221a}
#art-viewer{--viewer-ratio:1.7777778;--viewer-frame:42px;--viewer-media-height:min(72svh,850px,max(80px,calc(95svh - 210px)));width:min(1320px,96vw,max(300px,calc(var(--viewer-media-height)*var(--viewer-ratio) + var(--viewer-frame))));max-height:95svh;padding:20px;border:1px solid var(--line);background:#111210;overflow:auto}
#art-viewer::backdrop{background:#000e;backdrop-filter:blur(10px)}
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.viewer-top>div{min-width:0;flex:1}
.viewer-top .micro{color:var(--muted)}
#viewer-title{font-size:1.1rem;font-weight:500;line-height:1.4;margin-top:5px}
.viewer-close{display:flex;align-items:center;gap:12px;padding:10px 0 10px 10px;background:transparent;font-size:.75rem;letter-spacing:.08em;flex:none;white-space:nowrap}
.viewer-close span{font-size:1.8rem;line-height:1}
.viewer-media{position:relative;width:min(100%,calc(var(--viewer-media-height)*var(--viewer-ratio)));height:auto;aspect-ratio:var(--viewer-ratio);margin-inline:auto;overflow:hidden;background:#070807}
.viewer-media img,.viewer-media video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.viewer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 15px;margin-top:16px}
.viewer-bottom button{background:transparent;padding:10px 0;font-size:.875rem}
.viewer-count{font-size:.75rem;color:var(--muted)}
@media(min-width:1700px){.art-work{padding-left:5%;padding-right:5%}}
@media(max-width:1000px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.art-grid-landscape{columns:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.art-hero h1{font-size:14vw}.art-card figcaption{display:block}.art-card figcaption>span+span{display:block;text-align:left;padding-top:3px}.art-footer{align-items:flex-start}.art-footer-links{max-width:45%}}
@media(max-width:600px){.art-feature img,.art-hero-video{object-position:85% 50%}.art-hero{height:100svh;min-height:680px;max-height:950px}.art-hero h1{font-size:17vw;bottom:108px;left:5%;line-height:.92}.art-hero .hero-topline{gap:14px;font-size:.75rem;letter-spacing:.055em}.art-feature-caption{right:6%;top:32%;gap:10px}.art-feature-caption .micro{font-size:.75rem}.art-feature-caption .text-button{font-size:.875rem}.art-hero .hero-bottom>span{max-width:140px}.art-gallery{margin-top:36px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.art-grid+.art-grid{margin-top:36px;padding-top:36px}.art-grid-landscape{columns:auto;grid-template-columns:minmax(0,1fr);row-gap:24px}.art-card figcaption{font-size:.875rem;padding-top:10px}.art-card figcaption>span+span{font-size:.75rem}.art-tile-action{left:10px;right:10px;bottom:12px;gap:7px;font-size:.75rem;letter-spacing:.015em}.art-tile-action .small-plus{width:22px;height:22px;font-size:.875rem}.art-social-links{margin-top:15px;padding:23px 0;gap:24px;font-size:.875rem}.art-social-link{gap:10px}.art-footer{display:block;padding:38px 6%}.art-footer-links{max-width:none;margin-top:30px;gap:20px}#art-viewer{--viewer-frame:30px;padding:14px}.viewer-bottom button{font-size:.8125rem}}
@media(max-width:380px){.art-grid{grid-template-columns:minmax(0,1fr)}.art-tile-action{font-size:.75rem;right:18px;bottom:18px}.art-card figcaption{display:flex}.art-card figcaption>span+span{text-align:right}.art-hero .hero-bottom{font-size:.75rem}.art-hero .hero-topline{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.art-hero-video{transition:none}}