@font-face{font-family:"Monument Extended";src:url("assets/fonts/monument-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Monument Extended";src:url("assets/fonts/monument-ultrabold.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Grand Master";src:url("assets/fonts/grandmaster-thin.otf") format("opentype");font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:"Grand Master";src:url("assets/fonts/grandmaster-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Grand Master";src:url("assets/fonts/grandmaster-bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Grand Master";src:url("assets/fonts/grandmaster-black.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Aemstel Horizontal";src:url("assets/fonts/aemstel-horizontal.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Narrow";src:url("assets/fonts/archivo-regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Narrow";src:url("assets/fonts/archivo-bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}

:root{--bg:#000000;--ink:#edeaea;--muted:#aaa;--acid:#ffde00;--line:#393939;font-family:'Archivo Narrow',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:6px}::selection{background:var(--acid);color:var(--bg)}header{height:110px;display:flex;align-items:center;gap:42px;padding:0 4%;border-bottom:1px solid var(--line)}.wordmark{font-family:'Monument Extended',Impact,sans-serif;font-weight:800;letter-spacing:-.06em;font-size:54px;line-height:1}.wordmark span{font:14px 'Archivo Narrow';vertical-align:top;letter-spacing:0;margin:5px}.header-note{font-size:12px;line-height:1.4;letter-spacing:.04em}nav{margin-left:auto;display:flex;gap:48px;font-size:14px}nav a:hover{color:var(--acid)}nav sup{color:var(--muted);font-size:10px}.tiny-star{color:var(--acid);font-size:22px;margin-left:10px}.hero{padding:32px 4% 0}.hero-top,.under-frame,.frame-top,.frame-bottom,.section-heading,.work-title,.studio-top,.contact-top,.contact-links{display:flex;justify-content:space-between;align-items:center}.hero-top,.eyebrow,.under-frame,.frame-top,.contact-top{font-size:12px;letter-spacing:.08em}.hero-top{color:var(--muted)}h1{font-family:'Monument Extended',Impact,sans-serif;font-size:clamp(80px,15.7vw,245px);font-weight:700;letter-spacing:-.035em;line-height:.82;margin:48px 0 0;position:relative;z-index:2;max-width:1100px}h1 .outline{display:block;color:var(--acid);margin-left:21.5%;font-style:italic}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:-65px;margin-bottom:25px;position:relative;z-index:3}.hero-bottom p{font-size:14px;line-height:1.6;margin:0;max-width:260px}.round-link{border:1px solid var(--line);width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;line-height:1.5;transition:background .3s,color .3s}.round-link:hover{background:var(--acid);color:var(--bg)}.plus{font-size:30px}.hero-image{height:min(51vw,600px);min-height:360px;position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:slow-pan 18s ease-in-out infinite alternate}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 40%,#000a)}.frame-top{position:absolute;inset:25px 28px auto}.frame-bottom{position:absolute;inset:auto 28px 26px}.frame-bottom h2{margin:8px 0 0;font-size:32px;letter-spacing:-.04em}.frame-bottom h2 span{font-size:15px;font-weight:400;letter-spacing:0;margin-left:18px}.duration{font-size:13px}.play-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:94px;width:94px;border:1px solid #ffffffa0;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(6px);transition:background .25s,scale .25s}.play-main:hover{background:var(--acid);color:var(--bg);scale:1.07}.play-triangle{font-size:25px;margin-left:5px}.under-frame{border-bottom:1px solid var(--line);padding:20px 0;color:var(--muted)}.section{padding:105px 4%}.section-heading{align-items:flex-start}.section-heading p{margin:0 0 28px;font-size:18px;line-height:1.5;width:28%}.eyebrow{font-weight:400}h2,h3,p{margin-top:0}.work-title{margin-bottom:35px;align-items:flex-end}.work-title h2,.studio h2{font-family:'Monument Extended',Impact,sans-serif;font-size:clamp(56px,7.6vw,120px);line-height:.95;letter-spacing:-.025em;margin:0}.work-title h2 span{font-family:Arial,sans-serif;color:var(--acid);font-size:.65em;margin-left:25px;display:inline-block}.view-controls{display:flex;gap:4px;border:1px solid var(--line);padding:4px}.view-controls button{border:0;background:transparent;padding:9px 18px;font-size:13px}.view-controls button.active{background:var(--acid);color:var(--bg)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 25px}.project{background:none;border:0;padding:0;text-align:left;min-width:0}.project-image{position:relative;aspect-ratio:1.55;overflow:hidden;background:#272821}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.project:hover img{transform:scale(1.045);filter:none}.project:nth-child(even){transform:translateY(75px)}.project-play{position:absolute;left:50%;top:50%;translate:-50% -50%;background:var(--acid);color:var(--bg);padding:18px 22px;border-radius:50%;height:100px;width:100px;display:grid;place-content:center;font-size:11px;opacity:0;transition:opacity .25s}.project:hover .project-play,.project:focus-visible .project-play{opacity:1}.project-number{position:absolute;left:18px;top:18px;font-size:12px;border:1px solid #fff7;padding:5px 8px;background:#0003}.project-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:17px 0;border-bottom:1px solid var(--line)}.project-caption h3{font-size:20px;margin:0;font-weight:600}.project-caption>span{font-size:13px;color:var(--muted)}.project-time{margin-left:auto}.projects.list{display:block}.projects.list .project{display:flex;width:100%;gap:24px;padding:18px 0;border-top:1px solid var(--line);transform:none}.projects.list .project-image{width:150px;flex-shrink:0;aspect-ratio:1.8}.projects.list .project-caption{flex:1;border:0}.projects.list .project-play{display:none}.studio{margin-top:75px;background:#edeaea;color:var(--bg)}.studio-top{margin-bottom:60px}.arabic{font-size:23px}.studio h2 span{color:#666}.studio-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:50px 0 70px}.asterisk{color:var(--bg);font-size:145px;line-height:1}.studio-copy p:first-child{font-size:28px;line-height:1.3;max-width:550px}.studio-copy p+p{font-size:16px;line-height:1.7;color:#555;max-width:550px}.services details{border-top:1px solid #adb0a3}.services details:last-child{border-bottom:1px solid #adb0a3}.services summary{display:flex;align-items:center;padding:22px 0;cursor:pointer;list-style:none;gap:50px}.services summary::-webkit-details-marker{display:none}.service-no{font-size:12px}.services h3{font-family:'Monument Extended',Impact,sans-serif;font-size:62px;line-height:1;margin:0;letter-spacing:-.02em}.service-plus{margin-left:auto;font-size:32px;font-weight:400}.services details[open] .service-plus{rotate:45deg}.services details p{margin:0 50px 30px 70px;max-width:520px;line-height:1.6;font-size:16px}.contact{background:var(--acid);color:var(--bg);padding-bottom:50px}.contact-title{font-family:'Monument Extended',Impact,sans-serif;font-size:clamp(110px,24vw,380px);line-height:.8;font-weight:700;letter-spacing:-.04em;display:block;position:relative;margin:65px 0 50px;width:100%}.contact-title>span:not(.contact-star){margin-left:24%}.contact-star{position:absolute;font-family:Arial,sans-serif;font-size:.55em;top:10%;right:10%;transition:rotate 1s}.contact-title:hover .contact-star{rotate:90deg}.contact-links{border-top:1px solid #14151255;padding-top:30px;gap:20px}.contact-links a{font-size:25px;border-bottom:1px solid}.contact-links p{font-size:14px;margin:0}footer{padding:40px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:11px;color:var(--muted)}footer div{display:flex;gap:25px;font-size:13px}dialog{width:min(1150px,94vw);max-height:95dvh;background:var(--bg);color:var(--ink);padding:24px;border:1px solid var(--line)}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-bar h2{font-size:18px;margin:0}.dialog-bar button{background:none;border:1px solid var(--line);padding:10px 15px;font-size:12px}#player{aspect-ratio:16/9;background:#000}#player iframe{width:100%;height:100%;border:0}.film-fallback{font-size:12px;color:var(--muted);margin:15px 0 0}.film-fallback a{text-decoration:underline}.skip{position:fixed;top:-100px;z-index:30;background:var(--acid);color:var(--bg);padding:15px}.skip:focus{top:0}@keyframes slow-pan{to{transform:scale(1.055)}}@media(min-width:1500px){main,header,footer{max-width:1900px;margin:auto}}@media(max-width:850px){header{height:85px;gap:20px}.wordmark{font-size:43px}.header-note{display:none}nav{gap:25px}.hero-top{font-size:10px}.hero-top span:first-child{max-width:180px}h1{margin-top:45px;font-size:17.2vw}.hero-bottom{margin-top:20px}.hero-bottom p{font-size:13px}.round-link{height:85px;width:85px;font-size:9px}.hero-image{min-height:320px}.section{padding:70px 5%}.section-heading p{width:auto;font-size:15px}.work-title h2{font-size:9vw}.projects{gap:35px 20px}.project:nth-child(even){transform:translateY(45px)}.project-caption h3{font-size:17px}.project-caption>span{font-size:12px}.project-time{display:none}.studio{margin-top:45px}.studio-copy p:first-child{font-size:23px}.services h3{font-size:50px}footer{flex-wrap:wrap}footer>span{order:4;width:100%}}@media(max-width:540px){header{padding:0 5%}nav{gap:18px;font-size:12px}.tiny-star{display:none}.hero{padding:25px 5% 0}.hero-top span:last-child{max-width:80px;text-align:right}h1{font-size:17.5vw;line-height:.88;letter-spacing:-.025em;margin-top:35px}h1 .outline{margin-left:15%}.hero-bottom{margin:22px 0}.hero-bottom p{font-size:12px}.hero-image{min-height:340px}.hero-image>img{object-position:60% center}.frame-top{inset:18px 18px auto;font-size:10px}.frame-bottom{inset:auto 18px 22px}.frame-bottom h2{font-size:25px}.frame-bottom h2 span{font-size:13px;margin-left:12px}.under-frame{font-size:9px;gap:20px;line-height:1.5}.under-frame span:last-child{text-align:right}.section-heading p{font-size:13px}.eyebrow{font-size:10px}.work-title{flex-wrap:wrap;gap:25px;margin-top:20px}.work-title h2{font-size:14vw}.view-controls{margin-left:auto}.projects{grid-template-columns:1fr;gap:30px}.project:nth-child(even){transform:none}.project-image{aspect-ratio:1.4}.project-caption{gap:12px}.project-caption h3{font-size:18px}.project-play{opacity:1;width:68px;height:68px;font-size:9px;background:#141512bb;color:var(--ink);border:1px solid #fff8}.studio{margin-top:0}.studio h2{font-size:15vw}.studio-copy{grid-template-columns:1fr;margin:35px 0}.asterisk{font-size:70px}.studio-copy p:first-child{font-size:25px}.services summary{gap:25px}.services details p{margin-left:40px;margin-right:0}.contact-top{font-size:10px}.contact-title{font-size:29vw;margin:50px 0}.contact-star{right:0}.contact-links{align-items:flex-start;flex-direction:column}.contact-links a{font-size:23px}.contact-links p{font-size:13px}footer{padding:35px 5%}footer div{gap:18px;font-size:12px}.projects.list .project-image{width:90px}.projects.list .project-caption{display:block}.projects.list .project-caption h3{font-size:18px;margin-bottom:8px}dialog{padding:15px}.dialog-bar h2{font-size:14px}.dialog-bar button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Official LZRD identity and umbrella companies. */
.wordmark{display:block;flex-shrink:0;line-height:0;letter-spacing:0}.wordmark img{width:102px;height:auto;display:block}header{height:120px}nav{gap:35px}.studio-mark{width:min(85%,370px);height:auto;align-self:center}.hero h1{font-size:clamp(80px,14.3vw,222px);line-height:.89;letter-spacing:-.045em}.hero-bottom{margin-top:-40px}.studio h2,.work-title h2{line-height:1}.studio-copy{align-items:center}.contact-title{line-height:.86}.ai-section{background:#0000be;color:#edeaea}.ai-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.ai-label{font:12px 'Monument Extended',Arial,sans-serif}.ai-content{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:end;margin-top:65px}.ai-content h2{font:700 clamp(64px,7.6vw,120px)/.94 'Monument Extended',Impact,sans-serif;letter-spacing:-.04em;margin:0}.ai-content h2>span{display:block;font:400 clamp(20px,2.2vw,34px)/1.25 'Monument Extended',Arial,sans-serif;letter-spacing:-.04em;margin-top:30px;color:#ffde00}.ai-copy{max-width:460px}.ai-symbol{display:block;font:400 65px 'Monument Extended',Arial,sans-serif;margin-bottom:35px}.ai-symbol span{color:#ffde00}.ai-copy p{font-size:17px;line-height:1.7}.ai-copy p:first-of-type{font-size:26px;line-height:1.3}.ai-copy a{display:inline-block;font-size:16px;border-bottom:1px solid;padding-bottom:6px;margin-top:16px}.family h2{font:700 clamp(60px,7.6vw,120px)/.94 'Monument Extended',Impact,sans-serif;letter-spacing:-.035em;margin:25px 0}.family h2 span{color:#ffde00}.family-intro{font-size:18px;line-height:1.6;max-width:640px;margin:32px 0 45px}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.company-art{height:320px;display:flex;justify-content:center;align-items:center;background:white;overflow:hidden}.company-art img{display:block;object-fit:contain;max-width:100%;height:auto}.cactus .company-art img{width:300px;height:300px}.limonade .company-art img{width:100%}.company-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0}.company-caption h3{font-size:25px;margin:0}.company-caption span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.contact-links a:focus-visible,.contact-title:focus-visible{outline-color:#000}.studio summary:focus-visible{outline-color:#0000be}
@media(max-width:850px){header{height:100px}nav{gap:24px}.wordmark img{width:86px}.hero h1{font-size:15.4vw}.hero-bottom{margin-top:25px}.ai-content{gap:35px}.ai-copy p:first-of-type{font-size:22px}.ai-copy p{font-size:16px}.ai-content h2{font-size:9vw}.ai-label{font-size:10px}.company-art{height:245px}.cactus .company-art img{height:230px;width:230px}}
@media(max-width:540px){header{height:90px;gap:15px}.wordmark img{width:70px}nav{gap:13px;font-size:12px}nav sup{display:none}.hero h1{font-size:16.2vw}.hero-top span:last-child{max-width:95px}.studio-mark{width:230px;margin:10px 0 20px}.ai-intro{align-items:flex-start}.ai-intro .eyebrow{max-width:140px;line-height:1.6}.ai-label{max-width:110px;text-align:right;line-height:1.6}.ai-content{grid-template-columns:1fr;margin-top:45px;gap:45px}.ai-content h2{font-size:19vw}.ai-content h2>span{font-size:6vw}.ai-symbol{font-size:42px;margin-bottom:20px}.family h2{font-size:13.7vw}.family-intro{font-size:16px}.family-grid{grid-template-columns:1fr;gap:35px}.company-art{height:260px}.cactus .company-art img{height:245px;width:245px}.company-caption h3{font-size:22px}.company-caption span{font-size:11px}}
.hero h1,.work-title h2,.studio h2,.services h3,.contact-title,.ai-content h2,.family h2{letter-spacing:0}.hero h1{max-width:none}.ai-content h2>span{letter-spacing:-.02em}

.footer-family{max-width:1900px;margin:0 auto;padding:25px 4% 35px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line)}.footer-family>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.footer-family-logos{display:flex;align-items:center;gap:36px}.footer-brand{position:relative;display:block;overflow:hidden;height:28px;flex-shrink:0}.footer-brand img{position:absolute;display:block;max-width:none;height:auto}.footer-cactus{width:132px}.footer-cactus img{width:161.36px;left:-13.38px;top:-9.47px}.footer-limonade{width:145px}.footer-limonade img{width:162.62px;left:-8.81px;top:-32.86px}@media(max-width:540px){.footer-family{padding:24px 5% 30px;flex-direction:column;align-items:flex-start;gap:22px}.footer-family-logos{gap:28px}}

/* A dedicated screening room for reels and process films. */
.reels{background:#0000be;margin-top:65px}.reels-top{display:flex;justify-content:space-between;gap:25px}.reels-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin:55px 0 45px}.reels-heading h2{font:700 clamp(70px,9vw,140px)/.95 'Monument Extended',Impact,sans-serif;margin:0;letter-spacing:0}.reels-heading h2 span{color:#ffde00}.reels-heading p{font-size:19px;line-height:1.6;margin:0 0 8px}.reels-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;padding:17px 0;margin-bottom:35px;gap:20px}.reel-filters{display:flex;gap:10px}.reel-filters button{background:transparent;border:1px solid transparent;padding:12px 18px;font-size:14px}.reel-filters button.active{background:#ffde00;color:#000}.reel-filters button:not(.active):hover{border-color:#ffffff88}.reel-filters button span{font-size:11px;margin-left:8px;opacity:.7}.reel-count{font-size:12px}.reel-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 25px}.reel-card{text-align:left;background:transparent;border:0;padding:0;min-width:0}.reel-card[hidden]{display:none}.reel-poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}.reel-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.reel-card:hover img{transform:scale(1.035)}.reel-badge{position:absolute;top:18px;left:18px;background:#000;color:#edeaea;padding:8px 11px;font-size:10px;letter-spacing:.1em}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#0008;border:1px solid #fff9;padding-left:4px;font-size:20px;transition:background .2s,color .2s}.reel-card:hover .reel-play,.reel-card:focus-visible .reel-play{background:#ffde00;color:#000;border-color:#ffde00}.reel-duration{position:absolute;right:16px;bottom:16px;font-size:12px;padding:6px 9px;background:#000}.reel-caption{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:15px}.reel-caption .eyebrow{font-size:10px;opacity:.75}.reel-caption h3{font-size:25px;font-weight:400;margin:8px 0 0;line-height:1.2}.reel-number{font-size:13px;opacity:.65}@media(max-width:850px){.reels-heading p{font-size:16px}.reels-heading h2{font-size:10vw}.reel-filters button{padding:11px 13px}.reel-caption h3{font-size:21px}.reel-grid{gap:30px 20px}}@media(max-width:540px){.reels{margin-top:40px}.reels-top{gap:20px;line-height:1.6}.reels-top>span{font-size:9px}.reels-top>span:last-child{text-align:right;max-width:110px}.reels-heading{display:block;margin:35px 0 30px}.reels-heading h2{font-size:18vw}.reels-heading p{margin-top:25px;font-size:16px}.reels-toolbar{display:block;padding:12px 0}.reel-filters{gap:2px;justify-content:space-between}.reel-filters button{padding:10px 8px;font-size:12px}.reel-filters button span{margin-left:4px;font-size:10px}.reel-count{display:block;margin-top:12px;font-size:11px}.reel-grid{grid-template-columns:1fr;gap:30px}.reel-caption h3{font-size:22px}.reel-badge{top:12px;left:12px;font-size:9px}.reel-play{width:54px;height:54px;font-size:17px}nav{gap:12px;font-size:12px}}

.contact-details{border-top:1px solid #0005;padding-top:32px;display:grid;grid-template-columns:minmax(150px,230px) 1fr 1fr;gap:40px;align-items:start}.office-photo{margin:0;aspect-ratio:1;width:100%;overflow:hidden}.office-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.contact-email-group,.contact-office{padding-top:3px}.contact-person{margin-top:24px}.contact-person>span{display:block;font-size:13px;line-height:1.5;margin-bottom:8px}.contact-person>a{font-size:clamp(20px,2vw,28px);display:inline-block;border-bottom:1px solid #0007;padding-bottom:3px}.contact-office address{font-style:normal;font-size:19px;line-height:1.6;margin:24px 0 20px}.contact-office>a{display:inline-block;font-size:14px;border-bottom:1px solid #000;padding-bottom:4px}.contact-details a:focus-visible{outline-color:#000}@media(max-width:850px){.contact-details{grid-template-columns:155px 1fr;gap:28px}.contact-office{grid-column:2}.contact-office address{margin:15px 0;font-size:17px}.contact-person>a{font-size:23px}}@media(max-width:540px){.contact-details{grid-template-columns:1fr;gap:28px;padding-top:25px}.office-photo{width:150px}.contact-office{grid-column:auto}.contact-person{margin-top:20px}.contact-office address{font-size:18px}.contact-email-group>.eyebrow,.contact-office>.eyebrow{font-size:11px}}

.office-plus-code{font-size:13px;line-height:1.5;margin:0 0 18px;max-width:28ch}

.office-photo img{object-position:50% 10%}

.awards{padding-top:80px;padding-bottom:75px;margin-top:75px;background:#edeaea;color:#000}.awards-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px}.awards-heading h2{font:700 clamp(40px,5vw,75px)/1 'Monument Extended',Impact,sans-serif;margin:0}.award-logos{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 35px;padding:0;margin:0}.award-logos li{display:flex;align-items:center;justify-content:center;height:130px}.award-logos img{display:block;width:100%;height:100%;max-width:145px;max-height:115px;object-fit:contain;mix-blend-mode:multiply}.awards+.studio{margin-top:0;border-top:1px solid #0003}@media(max-width:850px){.award-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}.award-logos li{height:110px}.award-logos img{max-height:100px}.awards{margin-top:45px;padding-top:60px;padding-bottom:55px}}@media(max-width:540px){.awards{margin-top:0;padding-top:50px;padding-bottom:40px}.awards-heading{margin-bottom:25px}.awards-heading h2{font-size:45px}.award-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}.award-logos li{height:85px}.award-logos img{max-height:80px}}

.office-photo{aspect-ratio:auto;overflow:visible}.office-photo img{height:auto;object-fit:contain;object-position:center}

/* LZRD changing-skin interaction. */
.hero-stage{position:relative;isolation:isolate;margin:-32px -4.35% 0;padding:32px 4% 0;overflow:hidden;background:#000;min-height:490px}#skin-banner{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 82% 45%,#004abe66,transparent 60%),#000}#skin-banner canvas{display:block;width:100%;height:100%;opacity:.9}.hero-stage::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#000 0%,transparent 24%,transparent 88%,#0008)}.hero-stage .hero-top{color:#ccc}.hero-stage h1{text-shadow:0 3px 25px #0008}.hero-stage .round-link{border-color:#ffffff70;background:#0006}.hero-stage .round-link:hover{background:var(--acid)}.hero-stage .hero-bottom{margin-bottom:28px}.skin-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0 24px;font-size:11px;letter-spacing:.08em;color:#bcbcbc}.skin-controls button{font-size:11px;letter-spacing:.02em;border:1px solid #666;background:#0008;color:#edeaea;padding:9px 12px}.skin-controls button:hover{border-color:#ffde00;color:#ffde00}.skin-controls button:disabled{opacity:.65;cursor:default}.lzrd-cursor{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0;--cursor-color:#ffde00}.cursor-ring,.cursor-dot{position:absolute;left:0;top:0;display:block;will-change:transform}.cursor-ring{width:34px;height:34px;border:1.5px solid var(--cursor-color);border-radius:50%;display:grid;place-items:center;transition:width .18s,height .18s,background .18s,opacity .18s;box-shadow:0 0 1px #000}.cursor-dot{width:5px;height:5px;background:var(--cursor-color);border-radius:50%;box-shadow:0 0 2px #000}.cursor-label{font:10px 'Archivo Narrow',Arial,sans-serif;letter-spacing:.06em;color:#000}.lzrd-cursor.over-link .cursor-ring{width:49px;height:49px;background:color-mix(in srgb,var(--cursor-color) 12%,transparent)}.lzrd-cursor.over-film .cursor-ring{width:68px;height:68px;background:var(--cursor-color)}.lzrd-cursor.over-film .cursor-dot{opacity:0}@media(hover:hover) and (pointer:fine){html.custom-cursor,html.custom-cursor a,html.custom-cursor button,html.custom-cursor summary{cursor:none}html.custom-cursor dialog,html.custom-cursor dialog *{cursor:auto}}@media(max-width:850px){.hero-stage{min-height:0}.skin-controls{font-size:10px}.hero-stage h1{margin-top:55px}}@media(max-width:540px){.hero-stage{margin:-25px -5.56% 0;padding:25px 5% 0}.hero-stage h1{margin-top:45px}.skin-controls{font-size:9px;line-height:1.4}.skin-controls>span{max-width:165px}.skin-controls button{font-size:10px;padding:8px}.lzrd-cursor{display:none}}

@media(hover:hover) and (pointer:fine){.lzrd-cursor{display:block}}

#skin-banner{background:radial-gradient(ellipse at 82% 45%,#0000be,transparent 65%),#000}#skin-banner canvas{opacity:1}.hero-stage::after{background:linear-gradient(90deg,#000b,transparent 70%),linear-gradient(0deg,#000 0%,transparent 18%,transparent 90%,#0006)}

/* Flat burnt-color skin. */
#skin-banner{background:#b33409}.hero-stage::after{background:linear-gradient(90deg,#0005,transparent 80%)}.hero-stage h1{text-shadow:none}.hero-stage .hero-top,.skin-controls{color:#edeaea}

/* Brand palette and a dark reading area over the flat animated skin. */
#skin-banner{background:#000}.hero-stage::after{background:linear-gradient(90deg,#000e 0%,#000a 48%,#0003 100%)}

/* Official pattern and editorial details from the LZRD presentation. */
#skin-banner{background:#000 url(assets/lzrd-pattern-vector.svg) center/cover no-repeat}
.hero-stage::after{background:linear-gradient(90deg,#000b,transparent 70%)}
.brand-tape{overflow:hidden;background:#edeaea;color:#000;border-block:1px solid #edeaea;padding:12px 0;margin-top:55px;white-space:nowrap}
.brand-tape span{display:block;width:max-content;font:700 clamp(20px,2.2vw,32px)/1 'Monument Extended',Impact,sans-serif;letter-spacing:.025em}
.brand-tape+.reels{margin-top:0}
.reel-poster::after{content:'';position:absolute;inset:8px;border:1px solid #edeaea70;pointer-events:none;transition:border-color .2s}
.reel-card:hover .reel-poster::after{border-color:#ffde00}
.reel-caption{border-bottom:1px solid #ffffff55;padding-bottom:20px}
.studio::before{content:'';display:block;width:112px;height:10px;background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 10px);margin-bottom:28px}
@media(max-width:540px){.brand-tape{margin-top:30px;padding:10px 0}.reel-poster::after{inset:5px}.hero-stage::after{background:linear-gradient(90deg,#000b,#0003)}}

/* Aligned navigation with the supplied striped brand trim. */
header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;height:auto;min-height:120px;padding:24px 4% 38px;border-bottom:0}
header::after,footer::before{content:'';position:absolute;left:0;right:0;height:14px;background:#000 url(assets/pattern-stripes.png) left center/370px auto repeat-x;pointer-events:none}
header::after{bottom:0}
header .wordmark{display:flex;align-items:center;line-height:1}
header .wordmark img{display:block;width:102px;height:auto}
header .header-note{margin:0;align-self:center}
header nav{display:flex;align-items:center;justify-content:flex-end;gap:32px;margin:0;line-height:1}
header nav a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;white-space:nowrap}
header nav sup{position:static;align-self:center;line-height:1}
header .tiny-star{display:inline-block;margin:0 0 0 4px;line-height:1}
footer{position:relative;padding-top:58px}
footer::before{top:0;height:18px}
.brand-sticker{display:block;object-fit:contain;flex-shrink:0;height:auto;pointer-events:none}
.reels-intro-art{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.sticker-fps{width:135px;transform:none;margin-left:-15px}
.sticker-face{width:180px;transform:rotate(5deg);margin:0 0 30px -12px}
.studio-signature{display:flex;align-items:center;gap:25px}
.sticker-colors{width:115px;transform:rotate(-6deg)}
.contact-title .sticker-global{position:absolute;right:3%;top:10%;width:clamp(150px,23vw,330px);transform:rotate(9deg)}
@media(max-width:850px){header{grid-template-columns:auto 1fr;min-height:106px;gap:24px;padding-top:18px;padding-bottom:32px}header .header-note{display:none}header .wordmark img{width:86px}header nav{gap:22px}.sticker-fps{width:105px}.sticker-face{width:150px}.sticker-colors{width:95px}.studio-signature{gap:12px}}
@media(max-width:540px){header{min-height:92px;padding:14px 5% 28px;gap:14px}header .wordmark img{width:64px}header nav{gap:10px;font-size:11px}header nav a{gap:3px}header nav sup{display:none}header .tiny-star{font-size:17px;margin-left:1px}header::after{height:10px}.reels-intro-art{flex-direction:row;align-items:center;gap:12px;margin-top:25px}.reels-intro-art p{margin:0;font-size:14px}.sticker-fps{width:90px;margin:0}.sticker-colors{width:82px}.studio-signature .arabic{font-size:18px}.studio-top{gap:12px}.contact-title .sticker-global{width:140px;right:0;top:8%}footer{padding-top:53px}}
/* Brand typography: proportions are tuned for the supplied static fonts. */

:root{font-family:"Archivo Narrow",Arial,sans-serif}
.hero h1{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(30px,9.9vw,185px);line-height:1.06;letter-spacing:-.025em;margin-top:46px}
.hero h1 .outline{font-family:"Aemstel Horizontal",sans-serif;font-weight:400;font-style:normal;font-size:1.5em;line-height:1.06;margin:8px 0 0 20%;letter-spacing:0}
.hero-bottom{margin-top:28px}
.work-title h2,.studio h2,.ai-content h2,.awards-heading h2{font-family:"Monument Extended",sans-serif;font-weight:900;letter-spacing:-.025em;line-height:1.12}
.work-title h2{font-size:clamp(26px,5.8vw,100px)}
.studio h2{font-size:clamp(25px,6.2vw,112px)}
.ai-content h2{font-size:clamp(28px,5.1vw,94px)}
.ai-content h2>span{font-family:"Monument Extended",sans-serif;font-weight:400;font-size:clamp(15px,1.8vw,30px);line-height:1.4;letter-spacing:0}
.awards-heading h2{font-size:clamp(28px,4.5vw,72px)}
.services h3{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(28px,4vw,62px);line-height:1.15}
.reels-heading{align-items:center}
.reels-heading h2{font-family:"Grand Master",sans-serif;font-weight:700;font-size:clamp(170px,24vw,360px);line-height:.95;letter-spacing:0;white-space:nowrap}
.reels-heading h2 br{display:none}
.reels-heading h2 span{margin-left:.12em}
.brand-tape span{font-family:"Grand Master",sans-serif;font-weight:700;font-size:64px;line-height:1;letter-spacing:.02em;font-style:italic;font-synthesis:style}
.contact-title{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(66px,16vw,280px);line-height:1.03;letter-spacing:-.025em}
.contact-title .sticker-global{right:1%;width:clamp(120px,20vw,280px)}
.project-caption h3{font-family:"Archivo Narrow",sans-serif;font-weight:700;letter-spacing:.025em}
header nav{font-size:16px}.hero-bottom p{font-size:17px}.hero-top,.eyebrow{font-size:13px}
@media(max-width:850px){.reels-heading{gap:22px}.reels-heading h2{font-size:25vw}.reels-intro-art{max-width:40%}.reels-intro-art p{font-size:16px}.ai-content h2{font-size:5.2vw}.work-title h2{font-size:5.7vw}header nav{font-size:15px}.hero-top{font-size:11px}}
@media(max-width:540px){.hero h1{font-size:9.9vw;margin-top:38px}.hero h1 .outline{font-size:1.55em;margin-left:18%;margin-top:15px}.hero-bottom p{font-size:14px}.hero-top{font-size:10px}.work-title{align-items:flex-start;gap:22px;flex-direction:column}.work-title h2{font-size:8.4vw}.studio h2{font-size:7.5vw}.reels-heading h2{font-size:42vw}.reels-intro-art{max-width:none}.ai-content h2{font-size:11.8vw}.ai-content h2>span{font-size:4.1vw}.contact-title{font-size:18.8vw}.contact-title .sticker-global{width:120px;right:0;top:0}.brand-tape span{font-size:48px}header nav{font-size:13px}.eyebrow{font-size:11px}.services h3{font-size:32px}}

/* Quiet header, natural pattern proportions, and open Monument tracking. */
header::after{display:none}
header{padding-bottom:24px;min-height:106px;border-bottom:1px solid var(--line)}
.hero h1,.work-title h2,.studio h2,.ai-content h2,.awards-heading h2,.services h3,.contact-title{letter-spacing:.025em;word-spacing:.04em}
.hero h1 .outline{letter-spacing:0;word-spacing:normal}
@media(max-width:850px){header{padding-bottom:18px;min-height:92px}}
@media(max-width:540px){header{padding-bottom:14px;min-height:82px}.studio h2{font-size:7.3vw}}

/* Readable stickers, clean photo edge, and upright contact signature. */
.sticker-colors{filter:brightness(0)}
.face-sticker-wrap{position:relative;display:block;width:150px;aspect-ratio:1037/1176;overflow:hidden;margin:0 0 30px;transform:rotate(5deg)}
.face-sticker-wrap .sticker-face{position:absolute;width:135.005%;max-width:none;height:auto;left:-17.55%;top:-6.633%;margin:0;transform:none}
.contact-title .global-sticker-wrap{position:relative;display:block;width:76px;height:76px;overflow:hidden;margin:0 0 22px;line-height:0}
.contact-title .global-sticker-wrap .sticker-global{position:absolute;width:141px;max-width:none;height:auto;left:-32px;top:-29px;right:auto;transform:none;margin:0}
@media(max-width:540px){.face-sticker-wrap{width:125px}.contact-title .global-sticker-wrap{margin-bottom:18px}}

.contact-title .global-sticker-wrap{position:absolute;top:0;right:0;left:auto;margin:0}

/* A single fine outline keeps FRAME legible without dense internal stripes. */
.hero h1 .outline{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:1.4em;letter-spacing:.01em;margin-left:18%;color:#ffde00}
@supports (-webkit-text-stroke:1px #ffde00){.hero h1 .outline{color:transparent;-webkit-text-stroke:1.25px #ffde00}}
@media(max-width:540px){.hero h1 .outline{font-size:1.4em;-webkit-text-stroke-width:1px}}

@font-face{font-family:"Helvetica World";src:url("assets/fonts/helvetica-world-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica World";src:url("assets/fonts/helvetica-world-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Helvetica World";src:url("assets/fonts/helvetica-world-italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Helvetica World";src:url("assets/fonts/helvetica-world-bolditalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
/* Helvetica World for reading text; display headings retain their brand faces. */
:root{font-family:"Helvetica World",Helvetica,Arial,sans-serif}
.project-caption h3,.cursor-label{font-family:"Helvetica World",Helvetica,Arial,sans-serif}
.hero-bottom p{line-height:1.6;max-width:320px}
.reels-intro-art p,.studio-copy p,.ai-copy p{line-height:1.6}
@media(max-width:540px){header nav{font-size:11px}.reels-intro-art p{font-size:14px}.contact-person>a{font-size:22px}}

/* Native vector background: no low-resolution texture or repeated tiles. */
#skin-banner{overflow:hidden;background:#000;mask-image:linear-gradient(90deg,transparent 25%,#000 78%);-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 78%)}
.skin-vector{position:absolute;inset:-4%;background:url(assets/lzrd-pattern-vector.svg) center/cover no-repeat;opacity:.78}

/* Two identical runs make the text loop without a jump or empty gap. */
.tape-track{display:flex;width:max-content;animation:brand-scroll 38s linear infinite;will-change:transform}
.brand-tape .tape-group{flex:0 0 auto;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.brand-tape:hover .tape-track{animation-play-state:paused}}
@keyframes brand-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* One continuous image across the footer avoids tile-edge seams. */
footer::before{background-size:100% 100%;background-repeat:no-repeat;background-position:center}
@media(prefers-reduced-motion:reduce){.tape-track{animation:none}}

/* Tall brand display type gives the hero a stronger editorial character. */
.hero h1{font-family:"Grand Master",Impact,sans-serif;font-weight:900;font-size:clamp(190px,32vw,570px);line-height:.84;letter-spacing:.012em;word-spacing:.06em;margin-top:42px}
.hero h1 .outline{font-family:inherit;font-weight:900;font-size:1em;line-height:.88;letter-spacing:.012em;word-spacing:normal;font-style:normal;margin:0 0 0 27%;color:#ffde00;-webkit-text-stroke:0}
.ai-symbol{font-family:"Monument Extended",sans-serif;font-size:65px;line-height:1.15;margin-bottom:35px}
@media(max-width:850px){.hero h1{font-size:38vw;margin-top:38px}}
@media(max-width:540px){.hero h1{font-size:48vw;margin-top:32px}.hero h1 .outline{font-size:1em;margin-left:28%;-webkit-text-stroke:0}.ai-symbol{font-size:48px;margin-bottom:25px}}

/* Selected work leads; the screening room uses the brand orange. */
.reels{background:#ff6600;color:#000;margin-top:75px}
.reels-heading h2 span{color:#000}
.reels-toolbar{border-color:#0006}
.reel-filters button.active{background:#000;color:#edeaea}
.reel-filters button:not(.active):hover{border-color:#0008}
.reel-caption{border-color:#0006}
.reel-duration{color:#edeaea}
@media(max-width:540px){.reels{margin-top:0}}

.reels .reel-play{color:#edeaea}.reels .reel-card:hover .reel-play{color:#000}.reels button:focus-visible{outline-color:#000}

/* Full-spectrum header accent, following the supplied color-strip reference. */
header{border-bottom:0}
header::after{display:block;height:4px;bottom:0;background:linear-gradient(90deg,#f5eb43 0%,#ff9a31 13%,#ee303b 25%,#d91565 40%,#942d91 55%,#3d51a2 68%,#1b96c0 80%,#29b49d 91%,#3bad70 100%);pointer-events:none}

/* A shared left edge anchors the hero headline and supporting copy. */
.hero h1{text-align:left;margin:40px 0 0;line-height:.82}
.hero h1 .outline{margin:0;line-height:.82}
.hero-bottom{margin-top:34px;gap:28px;align-items:center}
.hero-bottom p{margin:0}
@media(max-width:540px){.hero h1{margin-top:30px}.hero h1 .outline{margin-left:0}.hero-bottom{margin-top:24px;gap:18px}}

.hero-bottom p{max-width:430px;font-size:clamp(11px,1.1vw,17px);letter-spacing:.015em}
@media(max-width:540px){.hero-bottom{flex-wrap:wrap}.hero-bottom p{flex-basis:100%;max-width:none;font-size:clamp(10px,2.7vw,14px)}}

.office-announcement{color:#000;font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(20px,2.1vw,34px);line-height:1.25;letter-spacing:0;align-self:start}@media(max-width:850px){.office-announcement{font-size:20px}}@media(max-width:540px){.office-announcement{font-size:28px}}

/* Floating brand lizard above the pattern; screen blend removes its black matte. */
.hero-lizard{position:absolute;z-index:1;right:3%;top:32%;width:46%;aspect-ratio:1905/1190;overflow:hidden;pointer-events:none;mix-blend-mode:screen;animation:lizard-hover 6s ease-in-out infinite}
.hero-lizard img{position:absolute;display:block;max-width:none;width:201.575%;height:auto;left:-49.869%;top:-52.941%}
@keyframes lizard-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.hero-stage.motion-paused .hero-lizard{animation-play-state:paused}
@media(max-width:540px){.hero-lizard{width:52%;right:0;top:35%}}
@media(prefers-reduced-motion:reduce){.hero-lizard{animation:none}}

header nav,.header-note{font-weight:700}

/* Service-specific brand stickers in a consistent upright column. */
.services summary{display:grid;grid-template-columns:30px 96px minmax(0,1fr) 30px;gap:24px;align-items:center;padding:22px 0}
.service-sticker{display:block;position:relative;width:96px;height:112px;overflow:hidden;pointer-events:none}
.service-sticker img{position:absolute;display:block;max-width:none;width:112%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.service-sticker-edit,.service-sticker-color,.service-sticker-ai{background:#000}
.service-sticker-color img{width:235%}
.service-sticker-vfx img{width:180%}
.service-sticker-ai img{width:110%}
.services .service-plus{margin:0;justify-self:end}
.services details p{margin-left:174px}
@media(max-width:540px){.services summary{grid-template-columns:20px 56px minmax(0,1fr) 20px;gap:12px;padding:18px 0}.service-sticker{width:56px;height:66px}.services h3{font-size:clamp(22px,6.5vw,32px)}.services details p{margin-left:100px;font-size:14px}}

/* Monument Extended navigation. */
header nav{font-family:"Monument Extended",sans-serif;font-weight:400;font-size:16px;gap:28px;letter-spacing:0}
@media(max-width:850px){header nav{font-size:13px;gap:18px}}
@media(max-width:540px){header{grid-template-columns:1fr;gap:8px}header nav{justify-content:space-between;font-size:clamp(11px,3vw,13px);gap:8px;width:100%}header nav a{min-height:38px}header .wordmark img{width:64px}}

/* Small background-free stickers at the outer right of each service row. */
.services summary{grid-template-columns:30px minmax(0,1fr) 24px 58px;gap:24px}
.service-sticker{width:58px;height:64px;background:transparent;justify-self:end}
.service-sticker-edit img{filter:brightness(0)}
.service-sticker-color img{filter:brightness(0)}
.service-sticker-ai img{width:285%;transform:translate(-50%,-42%);clip-path:polygon(50% 18%,56% 19%,61% 25%,63% 37%,62% 49%,60% 58%,55% 64%,50% 66%,45% 64%,40% 58%,38% 48%,37% 36%,39% 25%,44% 19%)}
.services details p{margin-left:54px}
@media(max-width:540px){.services summary{grid-template-columns:20px minmax(0,1fr) 18px 42px;gap:10px}.service-sticker{width:42px;height:48px}.services details p{margin-left:30px}}

/* Preserve the complete supplied AI artwork and original color sticker. */
.service-sticker-ai img{width:100%;height:100%;object-fit:contain;left:0;top:0;transform:none;clip-path:none}
.service-sticker-color img{filter:none}

.service-sticker-ai img,.service-sticker-color img{width:100%;height:100%;object-fit:contain;left:0;top:0;transform:none;clip-path:none;filter:none}

/* Enlarge the full AI and Color canvases without cropping the supplied art. */
.services summary{grid-template-columns:30px minmax(0,1fr) 24px 120px}
.service-sticker-ai,.service-sticker-color{width:120px;height:120px}
.service-sticker-edit img{width:100%;height:100%;object-fit:contain;left:0;top:0;transform:none;filter:none;clip-path:none}
@media(max-width:540px){.services summary{grid-template-columns:20px minmax(0,1fr) 18px 84px;gap:8px}.service-sticker-ai,.service-sticker-color{width:84px;height:84px}.services h3{font-size:clamp(19px,5.8vw,30px)}}

.contact-title .global-sticker-wrap{width:38px;height:38px}.contact-title .global-sticker-wrap .sticker-global{width:70.5px;left:-16px;top:-14.5px}

/* Align actual artwork, compensating for each original transparent canvas. */
.services summary{grid-template-columns:30px minmax(0,1fr) 24px 80px;gap:24px;align-items:center}
.services .service-sticker{width:80px;height:80px;justify-self:end;background:transparent;overflow:hidden}
.services .service-sticker img{height:auto;max-width:none;object-fit:contain;transform:none;clip-path:none;filter:none}
.services details p{margin-left:54px}
.services .service-sticker-edit img{width:102.7837%;left:-1.4775%;top:-1.3919%}
.services .service-sticker-color img{width:216.7043%;left:-58.8036%;top:-48.5102%}
.services .service-sticker-vfx img{width:160.2671%;left:-30.2671%;top:-30.2003%}
.services .service-sticker-ai img{width:156.3518%;left:-25.3746%;top:-30.1303%}
@media(max-width:540px){.services summary{grid-template-columns:20px minmax(0,1fr) 18px 56px;gap:10px}.services .service-sticker{width:56px;height:56px}.services details p{margin-left:30px}}

/* Client recognition and a compact, practical studio overview. */
.clients{background:#edeaea;color:#000;padding-top:65px;padding-bottom:65px}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.clients-heading h2{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(18px,2.5vw,38px);letter-spacing:.015em;margin:0}
.client-logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.client-logos li{display:flex;align-items:center;justify-content:center;min-width:0;height:72px}
.client-logos img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;filter:url(#client-logo-ink)}
.clients+.awards{margin-top:0;border-top:1px solid #0003}
.studio-facilities{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:80px;padding-top:50px;border-top:1px solid #0005}
.facilities-intro h3{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(24px,3vw,46px);line-height:1.18;letter-spacing:.01em;margin:25px 0}
.facilities-intro p{font-size:16px;line-height:1.7;max-width:540px;margin:0;color:#444}
.facility-facts{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px;margin:0}
.facility-facts>div{padding-top:18px;border-top:2px solid #000}
.facility-facts dt{font-family:"Monument Extended",sans-serif;font-size:clamp(15px,1.4vw,23px);font-weight:900;margin-bottom:14px}
.facility-facts dd{font-size:14px;line-height:1.6;margin:0;color:#444}
@media(max-width:900px){.client-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}.client-logos img{max-width:135px}.studio-facilities{grid-template-columns:1fr;gap:35px}.facility-facts dt{font-size:20px}}
@media(max-width:540px){.clients{padding-top:40px;padding-bottom:40px}.clients-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.clients-heading h2{font-size:5.7vw}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.client-logos li{height:60px}.client-logos img{max-width:115px;max-height:48px}.studio-facilities{margin-top:50px;padding-top:35px}.facility-facts{gap:26px 18px}.facility-facts dt{font-size:14px}.facility-facts dd{font-size:13px}.facilities-intro h3{font-size:6.3vw}}

.studio-team{margin-top:80px;padding-top:45px;border-top:1px solid #b6b6ac}.studio-team>h3{font-family:"Monument Extended",sans-serif;font-weight:900;font-size:clamp(24px,3.5vw,52px);letter-spacing:.025em;margin:20px 0 38px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.team-person{border-top:1px solid #b6b6ac;padding-top:22px}.team-person h4{font-family:"Monument Extended",sans-serif;font-weight:400;font-size:clamp(14px,1.35vw,21px);letter-spacing:.035em;word-spacing:.14em;line-height:1.5;margin:0 0 16px;text-wrap:balance}.team-role{font-size:14px;line-height:1.5;min-height:42px;margin-bottom:20px}.team-bio{font-size:15px;line-height:1.65}.team-bio span{display:block;margin-bottom:5px}.team-social{display:inline-block;font-size:12px;letter-spacing:.06em;text-decoration:underline;text-underline-offset:5px;padding:10px 0}.team-social:hover{color:#0000be}@media(max-width:850px){.team-grid{grid-template-columns:1fr;gap:30px}.team-role{min-height:0}.studio-team{margin-top:50px}.team-person h4{font-size:clamp(16px,4.2vw,19px)}}

.team-social + .team-social{margin-left:20px}

.team-avatar{position:relative;width:144px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 0 24px;background:#dedbdb}.team-avatar img{position:absolute;display:block;height:auto;max-width:none}.team-person:not(:has(.team-avatar))::before{content:"";display:block;height:144px;margin-bottom:24px}@media(max-width:850px){.team-avatar{width:120px;margin-bottom:20px}.team-person:not(:has(.team-avatar))::before{display:none}}

.footer-family-logos{flex-wrap:wrap}.footer-grade-grain{display:flex;align-items:center;gap:9px;width:auto;height:28px;overflow:visible}.footer-grade-grain img{position:static;width:34px;height:28px;object-fit:contain;border-radius:4px}.footer-grade-grain span{font-family:"Helvetica World",Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.footer-grade-grain:hover span{color:#ff9a31}

.footer-grade-grain{display:block;position:relative;width:112px;height:42px;overflow:hidden}.footer-grade-grain img{position:absolute;width:213.96px;height:auto;max-width:none;left:-79.79px;top:-56.15px;border-radius:0}