:root{color-scheme:dark;--bg:#101513;--text:#f5f5f0;--muted:#b5bdb7;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible{outline:2px solid white;outline-offset:5px}.skip{position:fixed;z-index:10;top:0;transform:translateY(-150%);padding:16px;background:white;color:black}.skip:focus{transform:none}.header{position:absolute;inset:0 0 auto;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:32px 6%;gap:24px}.brand{font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.2}.header nav{display:flex;gap:28px;font-size:14px}.hero{position:relative;isolation:isolate;height:90svh;min-height:660px;max-height:1050px;display:flex;align-items:center}.film,.shade,.poster,#reel{position:absolute;inset:0;width:100%;height:100%}.film{z-index:-3;overflow:hidden}.poster,#reel{object-fit:cover;object-position:center}#reel{opacity:0;transition:opacity .4s}#reel.ready{opacity:1}.shade{z-index:-1;background:linear-gradient(90deg,#07110caa,#07110c33 75%),linear-gradient(0deg,#101513bb,transparent 50%,#07110c66)}.hero-copy{padding:140px 6% 90px;text-shadow:0 2px 20px #0007}.hero h1{font-size:clamp(40px,4.3vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}.hero-intro{font-size:20px;line-height:1.6;margin:0 0 32px}.button{display:inline-block;font-size:14px;border:1px solid #ffffff88;padding:14px 24px;border-radius:0}.button:hover{background:white;color:var(--bg);text-shadow:none;text-decoration:none}.section{padding:96px 6%}.intro{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;align-items:center;border-bottom:1px solid var(--line)}.company-mark{display:flex;justify-content:center}.company-mark img{width:min(100%,340px);height:auto;display:block}h2{font-size:clamp(32px,3vw,44px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:0 0 28px}p{margin:0 0 20px}.body-copy{max-width:650px}.muted,.service-list p,figcaption{color:var(--muted)}.process,.eyebrow{font-size:14px;line-height:1.6}.process{margin:28px 0 0}.process span{padding:0 6px}.eyebrow{margin:0 0 20px;letter-spacing:.06em}.clients{border-bottom:1px solid var(--line)}.clients h2,.section-heading h2{font-size:32px}.clients ul{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 48px;align-items:center}.clients li{height:76px;display:flex;align-items:center;justify-content:center}.clients img{display:block;max-width:100%;width:160px;max-height:56px;object-fit:contain}.clients img[alt='SVT'],.clients img[alt='UR'],.clients img[alt='TV4']{width:85px;max-height:60px}.clients img[alt='UR'],.clients img[alt='Operation Smile'],.clients img[alt='Legora']{filter:brightness(0) invert(1)}.section-heading{margin-bottom:36px}.section-heading .eyebrow{display:none}.frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.frame-grid figure{margin:0}.frame-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.frame-grid figcaption{font-size:14px;margin-top:14px}.services{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:32px}.service-list article{display:flex;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.number{font-size:14px;color:var(--muted);padding-top:5px}.service-list h3{font-size:24px;font-weight:400;line-height:1.3;margin:0 0 12px;letter-spacing:-.025em}.service-list p{margin:0}.contact{border-top:1px solid var(--line);background:#19221d}.contact-bottom{display:flex;justify-content:space-between;gap:40px}.contact-bottom p{margin:0}.placeholder{max-width:400px}.placeholder span{display:block;margin-bottom:10px}.placeholder small{font-size:14px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:28px;padding:40px 6%;border-top:1px solid var(--line)}.footer>span{font-size:14px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.header{padding:26px 6%;gap:20px}.brand{font-size:18px}.header nav a:not(.contact-nav){display:none}.header nav{font-size:14px}.hero{height:88svh;min-height:660px}.hero-copy{align-self:flex-end;padding:200px 6% 74px}.hero h1{font-size:40px}.hero-intro{font-size:18px}.shade{background:linear-gradient(0deg,#101513ed,rgba(16,21,19,.76) 32%,rgba(16,21,19,.08) 74%,#07110c66)}.section{padding:64px 6%}.intro,.services{grid-template-columns:1fr;gap:48px}.company-mark img{width:240px}.intro h2{margin-top:8px}h2,.clients h2,.section-heading h2{font-size:32px}.clients ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px}.clients img{width:136px;max-height:48px}.clients img[alt='SVT'],.clients img[alt='UR'],.clients img[alt='TV4']{width:68px;max-height:48px}.frame-grid{grid-template-columns:1fr;gap:32px}.services{padding-top:0;gap:20px}.contact-bottom{display:block}.contact-bottom p{margin-bottom:32px}.footer{flex-direction:column;gap:16px}.process span{padding:0 3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#reel{transition:none}}
.clients img[alt='Discovery']{filter:brightness(0) invert(1);width:120px;max-height:64px}

/* Compact still-image selection. */
.frames{padding-top:56px;padding-bottom:56px}.frames .section-heading{margin-bottom:24px}.frames .section-heading h2{font-size:24px}.frame-grid{gap:20px;max-width:1080px}.frame-grid img{aspect-ratio:3/2}.frame-grid figcaption{font-size:14px;margin-top:10px}@media(max-width:760px){.frames{padding-top:40px;padding-bottom:40px}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-grid img{aspect-ratio:3/4}.frame-grid figcaption{font-size:14px}.frames .section-heading h2{font-size:24px}}
/* Restore the original light green contact section. */
.contact{background:#d9e5bd;color:#101513}.contact h2{font-size:clamp(44px,4.6vw,64px)}.contact .placeholder small{color:#43503e}
.frame-grid img{height:auto}

.clients img[alt="TV4"],.clients img[alt="Viaplay"]{filter:brightness(0) invert(1)}

.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:20px;line-height:1.6}.contact-details a{text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-details a:focus-visible{outline-color:currentColor}

.contact-form{max-width:760px;margin-top:48px}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}.contact-form legend{font-size:24px;margin-bottom:20px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:block;font-size:16px;margin-bottom:8px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #10151388;border-radius:0;background:#ffffff55;color:#101513;font:inherit;padding:12px;margin:0 0 20px;resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:2px solid #101513;outline-offset:3px}.contact-form button{border:1px solid #101513;background:#101513;color:#f5f5f0;border-radius:0;font:inherit;padding:12px 28px;cursor:pointer}.contact-form fieldset:disabled button,.contact-form button:disabled{cursor:not-allowed;background:#43503e}.contact-form :disabled{opacity:1;-webkit-text-fill-color:currentColor}.contact-form fieldset:disabled input,.contact-form fieldset:disabled textarea{background:#ffffff25}.contact-form .form-honey{display:none}.contact-form p{font-size:14px;margin:16px 0 0;max-width:600px}@media(max-width:760px){.contact-form-row{grid-template-columns:1fr;gap:0}.contact-form{margin-top:36px}}

@media(min-width:761px){.hero .poster,.hero.lion-shot #reel{object-position:left center}}

.frame-grid .perspective-image{filter:brightness(1.3)}

/* Bottom-left copy; lift the lion within the available cover crop. */
.hero-copy{align-self:flex-end;padding-top:0;padding-bottom:32px}
.hero .poster,.hero.lion-shot #reel{object-position:center bottom}
@media(min-width:761px){.hero .poster,.hero.lion-shot #reel{object-position:left bottom}}
@media(max-width:760px){.hero-copy{padding-top:0;padding-bottom:28px}}