:root{color-scheme:dark;--bg:#111110;--fg:#f2f2ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column;padding:0 4%}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--fg);outline-offset:6px}header,main,footer{width:100%;max-width:1760px;margin-left:auto;margin-right:auto}header{padding:58px 0 56px}h1{font-size:clamp(24px,3.84vw,60.8px);font-weight:700;letter-spacing:-.065em;line-height:1;margin:0}main{display:grid;grid-template-columns:4fr 3fr;gap:24px;align-items:start}.film{display:block;position:relative;width:100%;padding:0;border:0;background:#202020;overflow:hidden}.wide{aspect-ratio:16/9}.classic{aspect-ratio:4/3}.film img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .3s}.film:hover img{filter:brightness(.8)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(0,0,0,.08);transition:background .2s}.film:hover .play{background:rgba(255,255,255,.12)}footer{margin-top:auto;padding-top:70px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;font-size:14px;color:#9b9b96;letter-spacing:.025em}.contact-email{color:inherit;text-decoration:none;font-size:12px}.contact-email:hover{text-decoration:underline}dialog{padding:0;background:#000;color:var(--fg);border:0;width:min(1180px,96vw);max-width:none;max-height:96dvh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(10px)}.close-player{position:relative;display:block;margin:0 0 0 auto;width:52px;height:48px;background:#000;border:0;font-size:32px;line-height:1}#film-player{display:block;width:100%;height:75dvh;max-height:760px;object-fit:contain;background:#000}#player-error{padding:0 24px;font-size:16px;line-height:1.6}#player-error a{color:inherit}body.modal-open{overflow:hidden}@media(max-width:700px){body{padding:0 5%}header{padding:36px 0}h1{font-size:8.4vw}main{grid-template-columns:1fr;gap:24px}footer{font-size:14px;padding-top:46px;padding-bottom:25px}#film-player{height:auto;max-height:80dvh;min-height:200px}.play{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.film-title{position:absolute;top:0;left:0;right:0;padding:20px 22px 42px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);color:#fff;text-shadow:0 1px 6px #0008;text-align:left;font-size:1rem;line-height:1.4;font-weight:400;opacity:0;transition:opacity .2s;pointer-events:none}.film:hover .film-title,.film:focus-visible .film-title{opacity:1}@media(max-width:700px),(hover:none),(pointer:coarse){.film-title{display:none}}

.animal-logo{color:#090909}

:root{--bg:#350b12}
body{background:radial-gradient(ellipse at 16% 0%,rgba(148,31,49,.42),transparent 38%),linear-gradient(135deg,#26070c 0%,#56131f 52%,#26070c 100%);background-attachment:fixed}
.site-header{width:100%;max-width:1760px;margin-left:auto;margin-right:auto}
.header-row{display:flex;align-items:baseline;justify-content:space-between;gap:32px}
.site-nav{display:flex;gap:26px;font-size:14px;letter-spacing:.02em}
.site-nav a{color:#f2f2ec;text-decoration:none;opacity:.58;transition:opacity .2s}
.site-nav a:hover,.site-nav a[aria-current="page"]{opacity:1}
.work-panel{width:100%;max-width:1760px;margin-left:auto;margin-right:auto}
.section-heading{margin:0 0 24px}
.section-heading h2{font-size:clamp(26px,3vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1;margin:0}
.atelier-panel{padding-bottom:20px}
.atelier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.atelier-film{aspect-ratio:9/16}
.atelier-film img{object-fit:cover}
@media(max-width:700px){.header-row{align-items:flex-start;flex-direction:column;gap:22px}.site-nav{gap:20px}.atelier-grid{grid-template-columns:1fr;gap:24px}.atelier-film{aspect-ratio:9/16}}
.atelier-view .animal-logo,.atelier-view .section-heading h2{color:#d6b487}
.atelier-view .site-nav a[aria-current="page"]{color:#d6b487}
[hidden]{display:none!important}
#film-player.vertical-player{width:auto;height:min(82dvh,760px);max-width:90vw;aspect-ratio:9/16;margin:0 auto;object-fit:contain}

.film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#202020;pointer-events:none;opacity:0;transition:opacity .2s}
.film.preview-playing .film-preview{opacity:1}
.film .play::after{content:"";display:block;width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid rgba(255,255,255,.92)}
.film .play{transition:background .2s,opacity .2s}
.film.preview-playing .play{opacity:0}