:root{--ink:#080808;--paper:#fff;--gap:11px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.site-header{position:relative;height:88px;padding:28px 30px;display:grid;grid-template-columns:1fr auto 126px;align-items:start;font-size:12px;line-height:1.25}.brand{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:27px;line-height:1;text-decoration:none;color:inherit;letter-spacing:.15px}.section-marker{position:absolute;left:50%;top:31px;transform:translateX(-50%);text-align:center;font-size:12px;font-weight:500;white-space:nowrap}.nav{display:flex;gap:42px;margin-right:59px}.nav a{color:inherit;text-decoration:none}.nav a:hover{text-decoration:underline}.clock{font-weight:600}.home-main{min-height:936px}.hero{text-align:center;padding-top:55px}.hero p{margin:0 0 17px;font-size:16px;letter-spacing:.25px}.hero h1{margin:0;font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:80px;line-height:1;letter-spacing:1.8px;font-weight:400}.services{display:grid;grid-template-columns:1.12fr 1fr .97fr .99fr 1fr 1.08fr;gap:10px;margin:43px 47px 0}.service-card{min-width:0;color:inherit;text-decoration:none}.service-card img{display:block;width:100%;height:426px;object-fit:cover}.service-card .service-number{display:block;margin:17px 0 8px 17px;font-size:10px}.service-card strong{display:block;margin-left:17px;font-size:16px;line-height:1}.service-card small{display:block;margin:8px 0 0 17px;font-size:10px}.service-card:first-child:hover img{filter:brightness(.84)}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:77px;font-size:13px}.scroll-cue i{display:block;width:1px;height:50px;background:var(--ink)}
.film-main{display:grid;grid-template-columns:412px 1fr;gap:0;padding:61px 59px 0 30px;position:relative}.film-intro{height:765px;display:flex;flex-direction:column}.eyebrow{margin:14px 0 21px;font-size:16px}.film-intro h1{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:53px;font-weight:400;letter-spacing:.4px;line-height:1;margin:0 0 20px}.selected{font-size:12px;margin:0}.description{font-size:13px;line-height:24px;margin:48px 0 0}.filters{list-style:none;counter-reset:item;margin:auto 0 0;padding:0 0 100px}.filters li{counter-increment:item;margin:0 0 18px;font-size:12px}.filters li:before{content:"0" counter(item);display:inline-block;width:26px}.filters button{font:inherit;border:0;background:none;padding:0;cursor:pointer}.filters button.active{text-decoration:underline;text-underline-offset:3px}.copyright{font-size:12px;margin:0}.film-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}.poster{height:607px;position:relative;overflow:hidden;background:#ddd}.poster img{width:100%;height:100%;display:block;object-fit:cover}.duration{position:absolute;top:15px;left:16px;color:#fff;font-size:12px}.play{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.16);color:white;font-size:16px;padding-left:5px;cursor:pointer}.play.is-playing{background:#fff;color:#111}.film-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:16px}.film-card h2{font-size:17px;margin:10px 0 8px}.film-card>p{font-size:11px;margin:0}.gallery-next{position:absolute;right:-38px;top:303px;border:0;background:none;font-size:28px;font-weight:200;cursor:pointer}.film-main>.scroll-cue{position:absolute;bottom:-102px;left:50%;margin:0;transform:translateX(-8%)}
.photography-main{padding:0 47px}.photography-title{height:182px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:21px}.photography-title h1{font-family:"Helvetica Neue",Arial,sans-serif;font-size:7.35vw;font-weight:300;letter-spacing:-5px;line-height:1;margin:0}.photography-title>div{display:flex;flex-direction:column;margin-top:3px;align-items:flex-start}.photography-title strong{font-family:"Helvetica Neue",Arial,sans-serif;font-size:5.15vw;line-height:1;font-weight:300;letter-spacing:-3px;white-space:nowrap}.photography-title span{font-size:12px;margin:17px 0 0 4px}.photo-grid{height:571px;display:grid;grid-template-columns:416fr 276fr 524fr 340fr;gap:7px}.photo-stack{display:grid;grid-template-rows:301fr 264fr;gap:7px}.photo-tile{position:relative;overflow:hidden;color:#fff;text-decoration:none;min-width:0;min-height:0}.photo-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-tile:hover img{transform:scale(1.018)}.photo-tile>span{position:absolute;left:17px;right:17px;bottom:17px;font-size:11px;line-height:1.2}.photo-tile small{display:block;font-size:10px;margin-top:5px}.photo-tile b{position:absolute;right:0;bottom:0;font-size:20px;font-weight:300}.photography-footer{height:100px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:41px;font-size:10px;line-height:14px}.photography-footer p{margin:0}.photography-footer nav{display:flex;gap:42px;margin-top:1px}.photography-footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.site-header{height:112px;grid-template-columns:1fr auto;padding:22px 20px}.section-marker{display:block;top:28px}.nav{grid-column:1/2;margin:34px 0 0;gap:24px}.clock{grid-row:1/3;grid-column:2}.hero{padding:65px 20px 0}.hero h1{font-size:13vw}.services{display:flex;overflow-x:auto;margin:50px 20px 0;scroll-snap-type:x mandatory}.service-card{flex:0 0 76vw;scroll-snap-align:start}.service-card img{height:54vh}.home-main .scroll-cue{display:none}.film-main{display:block;padding:45px 20px 80px}.film-intro{height:auto}.film-intro h1{font-size:50px}.description{margin-top:36px}.filters{padding:42px 0}.copyright{display:none}.film-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.film-card{flex:0 0 78vw;scroll-snap-align:start}.poster{height:62vh}.gallery-next{display:none}.film-main>.scroll-cue{display:none}}
@media(min-width:901px) and (max-width:1250px){.services{margin-left:30px;margin-right:30px}.service-card img{height:38vw}.film-main{grid-template-columns:330px 1fr}.poster{height:50vw}.film-intro{height:70vw}.film-intro h1{font-size:43px}}
@media(max-width:900px){.photography-main{padding:0 20px}.photography-title{height:auto;padding:54px 0 35px;display:block}.photography-title h1{font-size:14vw;letter-spacing:-2px}.photography-title>div{margin-top:25px}.photography-title strong{font-size:12vw}.photo-grid{height:auto;display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory}.photo-grid>.photo-tile,.photo-stack{flex:0 0 80vw;height:65vh;scroll-snap-align:start}.photo-stack{display:flex;overflow:visible;gap:8px}.photo-stack .photo-tile{flex:0 0 80vw}.photography-footer{height:110px}.photography-footer nav{gap:24px}}
.retouch-main{padding:0 30px 35px}.retouch-title{height:95px;display:flex;align-items:flex-start;justify-content:space-between}.retouch-title h1{font-family:"Helvetica Neue",Arial,sans-serif;font-size:96px;font-weight:300;letter-spacing:-5px;line-height:.9;margin:-2px 0 0}.retouch-title>div{display:flex;flex-direction:column;align-items:flex-start;margin-top:7px}.retouch-title strong{font-family:"Helvetica Neue",Arial,sans-serif;font-size:44px;font-weight:300;letter-spacing:-2px;line-height:1}.retouch-title span{font-size:11px;margin-top:10px}.retouch-list{display:flex;flex-direction:column;gap:21px}.retouch-project{display:grid;grid-template-columns:149px minmax(0,1fr);min-width:0}.retouch-label h2{font-size:14px;font-weight:500;margin:11px 0 10px}.retouch-label p{font-size:8px;color:#666;margin:0}.retouch-project>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.retouch-wide{height:276px}.retouch-pair{height:248px;display:grid;grid-template-columns:524px minmax(0,1fr);gap:29px}.retouch-pair .retouch-right{grid-template-columns:121px minmax(0,1fr)}.drag-hint{height:16px;margin:-4px 0 -1px;text-align:center;font-size:9px;letter-spacing:1px;color:#666}.drag-hint span{font-size:18px;margin-right:8px}.pure-detail{height:227px}.compact-pair{height:145px}.final-pair{height:207px}.compact-pair .retouch-right,.final-pair .retouch-right{grid-template-columns:141px minmax(0,1fr)}.comparison{--reveal:50%;position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px;touch-action:pan-y;background:#d8cec6}.comparison img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none}.comparison-before{filter:saturate(.82) contrast(1.08) brightness(.96)}.comparison-after{clip-path:inset(0 0 0 var(--reveal));filter:saturate(.96) contrast(.98) brightness(1.035) blur(.18px)}.comparison-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--reveal);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 8px rgba(0,0,0,.16)}.comparison-divider:after{content:"‹ ›";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;color:#111;font-size:13px;font-weight:600;letter-spacing:1px;box-shadow:0 1px 8px rgba(0,0,0,.18)}.comparison-control{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison:before,.comparison:after{position:absolute;z-index:2;bottom:16px;color:#fff;font-size:9px;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.45)}.comparison:before{content:"BEFORE";left:16px}.comparison:after{content:"AFTER";right:16px}.retouch-scroll-cue{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:54px;font-size:11px}.retouch-scroll-cue i{width:1px;height:54px;background:#111}
@media(max-width:900px){.retouch-main{padding:35px 20px}.retouch-title{height:auto;margin-bottom:45px;display:block}.retouch-title h1{font-size:20vw;letter-spacing:-3px}.retouch-title>div{margin-top:30px}.retouch-title strong{font-size:12vw}.retouch-list,.retouch-pair{display:flex;height:auto;flex-direction:column;gap:30px}.retouch-project,.retouch-pair .retouch-right,.compact-pair .retouch-right,.final-pair .retouch-right{display:block;height:auto}.retouch-label{margin-bottom:12px}.retouch-project>img{height:auto}.retouch-project .comparison{height:auto;aspect-ratio:1.55}.retouch-wide,.pure-detail{height:auto}.drag-hint{margin:5px 0 15px;height:auto}.retouch-scroll-cue{margin-top:70px}}

/* Photography — editorial split layout */
.photography-main{display:grid;grid-template-columns:412px minmax(0,1fr);padding:61px 30px 34px;min-height:936px}.photography-intro{height:765px;display:flex;flex-direction:column}.photography-intro .eyebrow{margin:14px 0 21px}.photography-intro h1{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:50px;font-weight:400;line-height:.96;letter-spacing:.4px;margin:0 0 23px}.photography-intro .selected{font-size:12px}.photography-intro .description{margin-top:48px}.photo-filters{list-style:none;counter-reset:photo-item;margin:auto 0 0;padding:0 0 100px}.photo-filters li{counter-increment:photo-item;margin:0 0 18px;font-size:12px}.photo-filters li:before{content:"0" counter(photo-item);display:inline-block;width:26px}.photo-filters button{font:inherit;border:0;background:none;padding:0;cursor:pointer}.photo-filters button.active{text-decoration:underline;text-underline-offset:3px}.photography-copyright{font-size:12px;margin:0}.photo-gallery-window{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:25px;scrollbar-width:thin;scrollbar-color:#111 transparent}.photo-gallery-window::-webkit-scrollbar{height:2px}.photo-gallery-window::-webkit-scrollbar-thumb{background:#111}.photo-gallery-window .photo-grid{display:grid;width:1675px;height:607px;grid-template-columns:442px 294px 557px 361px;gap:7px}.photo-gallery-window .photo-stack{display:grid;grid-template-rows:320px 280px;gap:7px;min-width:0}.photo-gallery-window .photo-tile{transition:opacity .25s ease,filter .25s ease}.photo-gallery-window .photo-tile.photo-muted{opacity:.22;filter:grayscale(1)}.photo-gallery-next{position:sticky;z-index:8;left:calc(100% - 48px);bottom:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;margin-top:-326px;margin-bottom:282px;border:1px solid #111;border-radius:50%;background:#fff;color:#111;font-size:25px;line-height:1;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.photo-gallery-next:hover{transform:translateY(-50%) translateX(3px)}.photo-gallery-next.is-hidden{opacity:0;pointer-events:none}.photo-scroll-label{position:sticky;left:0;width:max-content;margin:17px 0 0;font-size:10px;letter-spacing:.5px}
@media(min-width:901px) and (max-width:1250px){.photography-main{grid-template-columns:330px minmax(0,1fr)}.photography-intro h1{font-size:43px}}
@media(max-width:900px){.photography-main{display:block;min-height:0;padding:45px 20px 60px}.photography-intro{height:auto}.photography-intro h1{font-size:50px}.photography-intro .description{margin-top:36px}.photo-filters{padding:42px 0}.photography-copyright{display:none}.photo-gallery-window{margin-top:10px}.photo-gallery-window .photo-grid{display:grid;width:1130px;height:410px;grid-template-columns:298px 198px 375px 238px;gap:7px;overflow:visible}.photo-gallery-window .photo-stack{display:grid;height:410px;grid-template-rows:216px 187px;gap:7px}.photo-gallery-window .photo-tile{display:block;flex:none;height:auto}.photo-scroll-label{margin-top:14px}}
.photo-gallery-next.filter-hidden{opacity:0;pointer-events:none}
.design-page .photo-gallery-window .photo-tile[hidden],.design-page .design-column[hidden],.design-page .design-side-pair[hidden]{display:none!important}
.photo-gallery-window{scroll-behavior:smooth;overscroll-behavior-x:contain}
.photo-gallery-shell .photo-gallery-window{scrollbar-width:none}.photo-gallery-shell .photo-gallery-window::-webkit-scrollbar{display:none}.photo-gallery-shell{overflow:hidden}
.photo-gallery-shell{position:relative;width:100%;min-width:0;padding-right:58px;transition:padding .2s ease}.photo-gallery-shell.at-end{padding-right:0;padding-left:58px}.photo-gallery-shell .photo-gallery-window{width:100%}.photo-gallery-shell .photo-gallery-next,.photo-gallery-shell .photo-gallery-prev{position:absolute;z-index:8;top:282px;transform:none;display:grid;place-items:center;width:58px;height:50px;margin:0;border:0;border-radius:0;background:#fff;color:#111;font-family:Arial,sans-serif;font-size:27px;font-weight:300;line-height:1;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.photo-gallery-shell .photo-gallery-next{right:0;left:auto}.photo-gallery-shell .photo-gallery-prev{left:0;opacity:0;pointer-events:none}.photo-gallery-shell .photo-gallery-prev.is-visible{opacity:1;pointer-events:auto}.photo-gallery-shell .photo-gallery-next:hover{transform:translateX(3px)}.photo-gallery-shell .photo-gallery-prev:hover{transform:translateX(-3px)}.photo-gallery-shell .photo-scroll-label{margin-top:-8px}
@media(max-width:900px){.photo-gallery-shell{padding-right:50px}.photo-gallery-shell.at-end{padding-right:0;padding-left:50px}.photo-gallery-shell .photo-gallery-next,.photo-gallery-shell .photo-gallery-prev{top:180px;width:50px}}
.photo-gallery-shell,.photo-gallery-shell.at-end{padding-left:58px;padding-right:58px}.photo-gallery-shell .photo-gallery-window{transition:none}
@media(max-width:900px){.photo-gallery-shell,.photo-gallery-shell.at-end{padding-left:50px;padding-right:50px}}

/* Shared layout for Color, Art Direction and Design */
.work-main{display:grid;grid-template-columns:412px minmax(0,1fr);padding:61px 30px 34px;min-height:936px}.work-intro{height:765px;display:flex;flex-direction:column}.work-intro .eyebrow{margin:14px 0 21px}.work-intro h1{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:50px;font-weight:400;line-height:.96;letter-spacing:.4px;margin:0 0 23px}.work-intro .selected{font-size:12px}.work-intro .description{margin-top:48px}.work-filters{list-style:none;counter-reset:work-item;margin:auto 0 0;padding:0 0 100px}.work-filters li{counter-increment:work-item;margin:0 0 18px;font-size:12px}.work-filters li:before{content:"0" counter(work-item);display:inline-block;width:26px}.work-filters button{font:inherit;border:0;background:none;padding:0;cursor:pointer}.work-filters button.active{text-decoration:underline;text-underline-offset:3px}.work-copyright{font-size:12px;margin:0}.work-gallery-shell{position:relative;min-width:0;padding:0 58px}.work-gallery-window{width:100%;overflow:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.work-gallery-window::-webkit-scrollbar{display:none}.work-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 14px)/3);gap:7px;height:560px}.work-card{min-width:0;transition:opacity .25s ease,filter .25s ease}.work-card.work-muted{opacity:.2;filter:grayscale(1)}.work-card img{display:block;width:100%;height:470px;object-fit:cover}.work-card>div{display:flex;justify-content:space-between;font-size:11px;margin-top:14px}.work-card h2{font-size:16px;margin:9px 0 7px}.work-card p{font-size:10px;margin:0}.work-gallery-next,.work-gallery-prev{position:absolute;z-index:5;top:235px;display:grid;place-items:center;width:58px;height:50px;border:0;background:#fff;color:#111;font-family:Arial,sans-serif;font-size:27px;font-weight:300;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.work-gallery-next{right:0}.work-gallery-prev{left:0;opacity:0;pointer-events:none}.work-gallery-prev.is-visible{opacity:1;pointer-events:auto}.work-gallery-next.is-hidden{opacity:0;pointer-events:none}.work-gallery-next:hover{transform:translateX(3px)}.work-gallery-prev:hover{transform:translateX(-3px)}
@media(min-width:901px) and (max-width:1250px){.work-main{grid-template-columns:330px minmax(0,1fr)}.work-intro h1{font-size:43px}.work-grid{grid-auto-columns:calc((100% - 7px)/2)}.work-card img{height:470px}}
@media(max-width:900px){.work-main{display:block;min-height:0;padding:45px 20px 60px}.work-intro{height:auto}.work-intro h1{font-size:50px}.work-intro .description{margin-top:36px}.work-filters{padding:42px 0}.work-copyright{display:none}.work-gallery-shell{padding:0 45px}.work-grid{grid-auto-columns:78vw;height:520px}.work-card img{height:430px}.work-gallery-next,.work-gallery-prev{top:210px;width:45px}}

/* Color uses the same tall image proportions as Film */
.color-page .work-grid{grid-auto-columns:calc((100% - 21px)/4);height:697px}.color-page .work-card img{height:607px}.color-page .work-gallery-next,.color-page .work-gallery-prev{top:278px}
@media(min-width:901px) and (max-width:1250px){.color-page .work-grid{grid-auto-columns:calc((100% - 14px)/3)}}
@media(max-width:900px){.color-page .work-grid{grid-auto-columns:78vw;height:calc(62vh + 90px)}.color-page .work-card img{height:62vh}.color-page .work-gallery-next,.color-page .work-gallery-prev{top:calc(31vh - 25px)}}

/* Retouch follows the shared work layout while keeping draggable comparisons */
.retouch-gallery .work-grid{height:560px}.retouch-carousel-card>.comparison{display:block;height:470px;margin-top:0;border-radius:0}.retouch-carousel-card .comparison img{height:100%}.retouch-carousel-card .comparison-control:focus-visible{opacity:1;outline:1px solid #111;outline-offset:3px}
@media(max-width:900px){.retouch-gallery .work-grid{height:520px}.retouch-carousel-card .comparison{height:430px;aspect-ratio:auto}}

/* Exact Film proportions for the Color Grading gallery */
@media(min-width:901px){.color-page .work-main{padding-right:59px}.color-page .work-gallery-shell{padding-left:0;padding-right:0;overflow:visible}.color-page .work-grid{grid-auto-columns:247px;gap:14px;height:697px}.color-page .work-card img{width:247px;height:607px}.color-page .work-gallery-next{right:-58px}.color-page .work-gallery-prev{left:-58px}}
@media(min-width:901px){.color-page .work-grid{grid-auto-columns:calc((100% - 42px)/4)}.color-page .work-card img{width:100%}}

/* Retouch mirrors Photography's tall + stacked masonry composition */
.retouch-gallery .work-grid{display:grid;width:2043px;height:607px;grid-template-columns:442px 294px 557px 361px 361px;grid-template-rows:300px 300px;grid-auto-flow:row;grid-auto-columns:unset;gap:7px}.retouch-gallery .retouch-carousel-card{position:relative;min-width:0;overflow:hidden}.retouch-gallery .retouch-carousel-card:nth-child(1){grid-column:1;grid-row:1/3}.retouch-gallery .retouch-carousel-card:nth-child(2){grid-column:2;grid-row:1}.retouch-gallery .retouch-carousel-card:nth-child(3){grid-column:2;grid-row:2}.retouch-gallery .retouch-carousel-card:nth-child(4){grid-column:3;grid-row:1/3}.retouch-gallery .retouch-carousel-card:nth-child(5){grid-column:4;grid-row:1}.retouch-gallery .retouch-carousel-card:nth-child(6){grid-column:4;grid-row:2}.retouch-gallery .retouch-carousel-card:nth-child(7){grid-column:5;grid-row:1}.retouch-gallery .retouch-carousel-card:nth-child(8){grid-column:5;grid-row:2}.retouch-gallery .retouch-carousel-card>.comparison{height:100%}.retouch-gallery .retouch-carousel-card>div:not(.comparison){position:absolute;z-index:6;left:16px;right:16px;bottom:48px;margin:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.retouch-gallery .retouch-carousel-card>h2{position:absolute;z-index:6;left:16px;bottom:23px;margin:0;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.45)}.retouch-gallery .retouch-carousel-card>p{position:absolute;z-index:6;left:16px;bottom:9px;margin:0;color:#fff;font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
@media(max-width:900px){.retouch-gallery .work-grid{width:1375px;height:410px;grid-template-columns:298px 198px 375px 238px 238px;grid-template-rows:201px 202px;gap:7px}.retouch-gallery .retouch-carousel-card>.comparison{height:100%;aspect-ratio:auto}}

/* Color: draggable before/after previews, ready for paired videos */
.comparison video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none}.color-comparison-card>.comparison{display:block;width:100%;height:607px;margin:0;border-radius:0}.color-comparison-card .comparison img,.color-comparison-card .comparison video{height:100%}.comparison-playback{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0 0 0 3px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.18);color:#fff;font-size:15px;cursor:pointer}.comparison-playback:hover{background:rgba(0,0,0,.42)}
@media(max-width:900px){.color-comparison-card>.comparison{height:62vh}}

/* Art Direction and Design use the same masonry rhythm as Photography */
.art-page .work-grid,.design-page .work-grid{display:grid;width:1675px;height:607px;grid-template-columns:442px 294px 557px 361px;grid-template-rows:300px 300px;grid-auto-flow:row;grid-auto-columns:unset;gap:7px}.art-page .work-card,.design-page .work-card{position:relative;min-width:0;overflow:hidden}.art-page .work-card:nth-child(1),.design-page .work-card:nth-child(1){grid-column:1;grid-row:1/3}.art-page .work-card:nth-child(2),.design-page .work-card:nth-child(2){grid-column:2;grid-row:1}.art-page .work-card:nth-child(3),.design-page .work-card:nth-child(3){grid-column:2;grid-row:2}.art-page .work-card:nth-child(4),.design-page .work-card:nth-child(4){grid-column:3;grid-row:1/3}.art-page .work-card:nth-child(5),.design-page .work-card:nth-child(5){grid-column:4;grid-row:1}.art-page .work-card:nth-child(6),.design-page .work-card:nth-child(6){grid-column:4;grid-row:2}.art-page .work-card>img,.design-page .work-card>img{width:100%;height:100%;object-fit:cover}.art-page .work-card>div,.design-page .work-card>div{position:absolute;z-index:3;left:16px;right:16px;bottom:48px;margin:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.art-page .work-card>h2,.design-page .work-card>h2{position:absolute;z-index:3;left:16px;bottom:23px;margin:0;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.art-page .work-card>p,.design-page .work-card>p{position:absolute;z-index:3;left:16px;bottom:9px;margin:0;color:#fff;font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@media(max-width:900px){.art-page .work-grid,.design-page .work-grid{width:1130px;height:410px;grid-template-columns:298px 198px 375px 238px;grid-template-rows:201px 202px;gap:7px}}
.comparison:before,.comparison:after{top:16px;bottom:auto}.comparison:before{content:"ANTES"}.comparison:after{content:"DEPOIS"}

/* Home cards: selectable text and restrained editorial motion */
.home-page .service-card{cursor:pointer}.home-page .service-card img{transition:transform .48s cubic-bezier(.22,.61,.36,1),filter .35s ease;transform-origin:center center;will-change:transform}.home-page .service-card .service-number,.home-page .service-card strong,.home-page .service-card small{position:relative;transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .3s ease;user-select:text}.home-page .service-card strong{transition-delay:.025s}.home-page .service-card small{transition-delay:.05s}.home-page .service-card:hover img{transform:translateY(-5px) scale(1.012);filter:brightness(.96)}.home-page .service-card:hover .service-number{transform:translateX(3px)}.home-page .service-card:hover strong{transform:translateX(6px)}.home-page .service-card:hover small{transform:translateX(4px);opacity:.72}.home-page .service-card:focus-visible{outline:1px solid #111;outline-offset:6px}
@media(prefers-reduced-motion:reduce){.home-page .service-card img,.home-page .service-card .service-number,.home-page .service-card strong,.home-page .service-card small{transition:none}.home-page .service-card:hover img,.home-page .service-card:hover .service-number,.home-page .service-card:hover strong,.home-page .service-card:hover small{transform:none}}

/* Category lists share one fixed starting line; items only grow downward */
.film-intro,.photography-intro,.work-intro{position:relative}.film-intro .filters,.photography-intro .photo-filters,.work-intro .work-filters{position:absolute;top:440px;left:0;margin:0;padding:0}.film-intro .copyright,.photography-intro .photography-copyright,.work-intro .work-copyright{position:absolute;left:0;bottom:0}
@media(max-width:900px){.film-intro .filters,.photography-intro .photo-filters,.work-intro .work-filters{position:static;margin:42px 0 0;padding:0}.film-intro .copyright,.photography-intro .photography-copyright,.work-intro .work-copyright{position:static}}

/* Home About section and smooth in-page navigation */
html{scroll-behavior:smooth}.home-about{min-height:820px;display:grid;grid-template-columns:minmax(340px,520px) minmax(280px,424px);justify-content:center;align-items:center;column-gap:150px;margin-top:120px;padding:84px 54px 110px;scroll-margin-top:20px}.home-about .about-copy h2{margin:0 0 30px;font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:88px;line-height:.95;font-weight:400;letter-spacing:1px}.home-about .about-copy>p:not(.about-eyebrow){max-width:390px;margin:0 0 26px;font-size:14px;line-height:1.55}
@media(max-width:1100px) and (min-width:901px){.home-about{grid-template-columns:minmax(300px,420px) 340px;column-gap:72px}.home-about .about-copy h2{font-size:72px}}
@media(max-width:900px){.home-about{min-height:0;display:flex;flex-direction:column;align-items:stretch;margin-top:80px;padding:70px 20px 90px;gap:55px}.home-about .about-copy h2{font-size:20vw;margin-bottom:26px}.home-about .about-copy>p:not(.about-eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Retouch extended masonry: accommodates the complete 18-project collection. */
@media(min-width:901px){
  .retouch-gallery .work-grid{width:4454px;grid-template-columns:442px 294px 557px 361px 361px 442px 294px 557px 361px 361px 361px}
  .retouch-gallery .retouch-carousel-card:nth-child(9){grid-column:6;grid-row:1/3}
  .retouch-gallery .retouch-carousel-card:nth-child(10){grid-column:7;grid-row:1}
  .retouch-gallery .retouch-carousel-card:nth-child(11){grid-column:7;grid-row:2}
  .retouch-gallery .retouch-carousel-card:nth-child(12){grid-column:8;grid-row:1/3}
  .retouch-gallery .retouch-carousel-card:nth-child(13){grid-column:9;grid-row:1}
  .retouch-gallery .retouch-carousel-card:nth-child(14){grid-column:9;grid-row:2}
  .retouch-gallery .retouch-carousel-card:nth-child(15){grid-column:10;grid-row:1}
  .retouch-gallery .retouch-carousel-card:nth-child(16){grid-column:10;grid-row:2}
  .retouch-gallery .retouch-carousel-card:nth-child(17){grid-column:11;grid-row:1}
  .retouch-gallery .retouch-carousel-card:nth-child(18){grid-column:11;grid-row:2}
}

/* Retouch portrait framing: keep faces prominent in every comparison crop. */
.retouch-gallery .comparison img{object-position:center 30%}

/* Retouch: one consistent large format, title-free cards and a draggable gallery rail. */
.retouch-gallery{padding-bottom:38px}
.retouch-gallery .work-grid{display:grid;width:max-content;height:607px;grid-template-columns:none;grid-template-rows:607px;grid-auto-flow:column;grid-auto-columns:442px;gap:7px}
.retouch-gallery .retouch-carousel-card:nth-child(n){grid-column:auto;grid-row:1;width:442px;height:607px}
.retouch-gallery .retouch-carousel-card>p{bottom:16px}
.gallery-slider{position:absolute;left:58px;right:58px;top:613px;height:18px;display:flex;align-items:center}
.gallery-slider input{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}
.gallery-slider input::-webkit-slider-runnable-track{height:1px;background:#c7c7c7}
.gallery-slider input::-webkit-slider-thumb{width:72px;height:4px;margin-top:-1.5px;border:0;border-radius:0;background:#111;appearance:none;-webkit-appearance:none}
.gallery-slider input::-moz-range-track{height:1px;background:#c7c7c7}
.gallery-slider input::-moz-range-thumb{width:72px;height:4px;border:0;border-radius:0;background:#111}
.gallery-slider input:focus-visible{outline:1px solid #111;outline-offset:4px}
@media(max-width:900px){.retouch-gallery{padding-bottom:34px}.retouch-gallery .work-grid{width:max-content;height:410px;grid-template-rows:410px;grid-auto-columns:298px}.retouch-gallery .retouch-carousel-card:nth-child(n){width:298px;height:410px}.gallery-slider{left:50px;right:50px;top:416px}.gallery-slider input::-webkit-slider-thumb{width:54px}.gallery-slider input::-moz-range-thumb{width:54px}}

/* About — simple two-column editorial composition */
.about-main{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(340px,520px) minmax(280px,424px);justify-content:center;align-items:center;column-gap:150px;padding:42px 54px 86px}.about-copy{align-self:center;max-width:430px}.about-eyebrow{margin:0 0 30px;font-size:14px}.about-copy h1{margin:0 0 30px;font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:88px;line-height:.95;font-weight:400;letter-spacing:1px}.about-copy>p:not(.about-eyebrow){max-width:390px;margin:0 0 26px;font-size:14px;line-height:1.55}.about-links{display:flex;gap:62px;margin-top:92px}.about-links a{color:inherit;text-decoration:none;font-size:13px}.about-links a:hover{text-decoration:underline;text-underline-offset:4px}.about-portrait{width:100%;max-width:424px;margin:0}.about-portrait img{display:block;width:100%;height:578px;object-fit:cover;object-position:center 45%}
@media(max-width:1100px) and (min-width:901px){.about-main{grid-template-columns:minmax(300px,420px) 340px;column-gap:72px}.about-copy h1{font-size:72px}.about-portrait img{height:510px}}
@media(max-width:900px){.about-main{min-height:0;display:flex;flex-direction:column;padding:52px 20px 70px;gap:55px}.about-copy{width:100%;max-width:none}.about-copy h1{font-size:20vw;margin-bottom:26px}.about-copy>p:not(.about-eyebrow){font-size:13px}.about-links{margin-top:48px}.about-portrait{width:min(78vw,424px);align-self:flex-end}.about-portrait img{height:auto;aspect-ratio:3/4}}
.poster video{width:100%;height:100%;display:block;object-fit:cover}.portfolio-empty{grid-column:1/-1;margin:0;padding:24px 0;font-size:12px;color:#666}.project-single{max-width:1100px;margin:0 auto;padding:80px 30px 100px}.project-single h1{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-size:80px;font-weight:400;line-height:1;margin:0 0 32px}.project-single-media{max-width:860px}.project-single-media img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain}.project-single-meta{display:flex;justify-content:space-between;gap:24px;max-width:860px;margin-top:16px;font-size:12px}.project-single-meta p{margin:0}.project-single a{color:inherit;text-underline-offset:3px}@media(max-width:900px){.project-single{padding:45px 20px 70px}.project-single h1{font-size:20vw}.project-single-meta{display:block}.project-single-meta p{margin-top:10px}}

/* Home covers: one exact 9:16 proportion keeps the complete Design artwork visible. */
@media(min-width:901px){.home-page .services{grid-template-columns:repeat(6,minmax(0,1fr))}.home-page .service-card img{height:auto;aspect-ratio:9/16}}
@media(max-width:900px){.home-page .service-card img{height:auto;aspect-ratio:9/16}}

/* Keep the complete home category block comfortably above the viewport edge. */
@media(min-width:901px){.home-page .hero{padding-top:30px}.home-page .services{margin-top:24px}}

/* Photography supports the complete collection in repeating editorial sets. */
.photo-gallery-window .photo-grid{display:flex;width:max-content;height:607px;gap:7px}
.photo-gallery-window .photo-grid-set{display:grid;flex:0 0 1675px;width:1675px;height:607px;grid-template-columns:442px 294px 557px 361px;gap:7px}
.photo-gallery-window .photo-grid-set.photo-count-1{flex-basis:442px;width:442px;grid-template-columns:442px}
.photo-gallery-window .photo-grid-set.photo-count-2,.photo-gallery-window .photo-grid-set.photo-count-3{flex-basis:743px;width:743px;grid-template-columns:442px 294px}
.photo-gallery-window .photo-grid-set.photo-count-4{flex-basis:1307px;width:1307px;grid-template-columns:442px 294px 557px}
.photo-gallery-window .photo-grid-set .photo-stack{height:607px}
@media(max-width:900px){.photo-gallery-window .photo-grid{height:410px}.photo-gallery-window .photo-grid-set{flex-basis:1130px;width:1130px;height:410px;grid-template-columns:298px 198px 375px 238px}.photo-gallery-window .photo-grid-set.photo-count-1{flex-basis:298px;width:298px;grid-template-columns:298px}.photo-gallery-window .photo-grid-set.photo-count-2,.photo-gallery-window .photo-grid-set.photo-count-3{flex-basis:503px;width:503px;grid-template-columns:298px 198px}.photo-gallery-window .photo-grid-set.photo-count-4{flex-basis:885px;width:885px;grid-template-columns:298px 198px 375px}.photo-gallery-window .photo-grid-set .photo-stack{height:410px}}

/* Photography slider and curated focal points. */
.photo-gallery-shell{padding-bottom:38px}
.photo-gallery-shell .photo-tile img{object-position:center 35%}
.photo-gallery-shell .photo-project-186 img,.photo-gallery-shell .photo-project-190 img,.photo-gallery-shell .photo-project-188 img,.photo-gallery-shell .photo-project-198 img,.photo-gallery-shell .photo-project-200 img,.photo-gallery-shell .photo-project-208 img,.photo-gallery-shell .photo-project-210 img,.photo-gallery-shell .photo-project-216 img,.photo-gallery-shell .photo-project-218 img{object-position:center 52%}
.photo-gallery-shell .photo-tile>span{bottom:12px}
.photo-gallery-shell .photo-tile>span small{margin-top:0}
@media(max-width:900px){.photo-gallery-shell{padding-bottom:34px}}

/* Full-screen Photography viewer with thumbnail navigation. */
body.lightbox-open{overflow:hidden}.photo-lightbox{position:fixed;z-index:1000;inset:0;display:none;padding:22px;background:rgba(255,255,255,.97)}.photo-lightbox.is-open{display:block}.photo-lightbox-dialog{position:relative;width:100%;height:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr) 92px 20px;column-gap:10px;row-gap:10px}.photo-lightbox-stage{grid-column:2;grid-row:1;min-width:0;min-height:0;margin:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y;background:#f4f3f0}.photo-lightbox-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.photo-lightbox-close{position:absolute;z-index:3;right:0;top:0;width:44px;height:44px;border:0;background:#fff;color:#111;font:300 31px/1 Arial,sans-serif;cursor:pointer}.photo-lightbox-prev,.photo-lightbox-next{grid-row:1;align-self:center;width:64px;height:54px;border:0;background:transparent;color:#111;font:300 29px/1 Arial,sans-serif;cursor:pointer}.photo-lightbox-prev{grid-column:1}.photo-lightbox-next{grid-column:3}.photo-lightbox-thumbs{grid-column:1/4;grid-row:2;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.photo-lightbox-thumbs::-webkit-scrollbar{display:none}.photo-lightbox-thumb{flex:0 0 67px;height:88px;padding:0;border:2px solid transparent;background:#eee;opacity:.52;cursor:pointer;transition:opacity .18s ease,border-color .18s ease}.photo-lightbox-thumb img{display:block;width:100%;height:100%;object-fit:cover}.photo-lightbox-thumb.is-active{border-color:#111;opacity:1}.photo-lightbox-slider{grid-column:1/4;grid-row:3;display:flex;align-items:center}.photo-lightbox-slider input{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.photo-lightbox-slider input::-webkit-slider-runnable-track{height:1px;background:#c7c7c7}.photo-lightbox-slider input::-webkit-slider-thumb{width:72px;height:4px;margin-top:-1.5px;border:0;border-radius:0;background:#111;appearance:none;-webkit-appearance:none}.photo-lightbox-slider input::-moz-range-track{height:1px;background:#c7c7c7}.photo-lightbox-slider input::-moz-range-thumb{width:72px;height:4px;border:0;border-radius:0;background:#111}
@media(max-width:900px){.photo-lightbox{padding:12px}.photo-lightbox-dialog{grid-template-columns:38px minmax(0,1fr) 38px;grid-template-rows:minmax(0,1fr) 76px 18px;column-gap:2px;row-gap:8px}.photo-lightbox-prev,.photo-lightbox-next{width:38px;height:46px;font-size:23px}.photo-lightbox-close{width:38px;height:38px;font-size:27px}.photo-lightbox-thumb{flex-basis:54px;height:72px}.photo-lightbox-slider input::-webkit-slider-thumb{width:54px}.photo-lightbox-slider input::-moz-range-thumb{width:54px}}
@media(prefers-reduced-motion:reduce){.photo-lightbox-thumbs{scroll-behavior:auto}}

/* Refined lightbox scale: complete image and centered navigation. */
@media(min-width:901px){.photo-lightbox-dialog{max-width:1180px;margin:0 auto;grid-template-rows:minmax(0,calc(100vh - 190px)) 82px 20px}.photo-lightbox-stage,.photo-lightbox-thumbs,.photo-lightbox-slider{grid-column:2;width:min(100%,820px);justify-self:center}.photo-lightbox-stage{position:relative;max-height:calc(100vh - 190px);background:transparent}.photo-lightbox-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photo-lightbox-thumb{flex-basis:61px;height:80px}}
@media(max-width:900px){.photo-lightbox-stage,.photo-lightbox-thumbs,.photo-lightbox-slider{grid-column:1/4;width:calc(100% - 76px);justify-self:center}.photo-lightbox-stage{position:relative;max-height:calc(100vh - 150px);background:transparent}.photo-lightbox-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}}

/* Retouch uses the same centered viewer while retaining its comparison handle. */
.retouch-lightbox-comparison{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent}.retouch-lightbox-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.retouch-lightbox-comparison .comparison-after{clip-path:inset(0 0 0 var(--reveal))}.retouch-lightbox-comparison .comparison-control{position:absolute;inset:0;width:100%;height:100%}.retouch-lightbox .photo-lightbox-thumb{flex-basis:78px}
@media(max-width:900px){.retouch-lightbox .photo-lightbox-thumb{flex-basis:58px}}

/* Color Grading gets the same gallery rail and centered comparison viewer. */
.color-page .work-gallery-shell{padding-bottom:38px}.color-page .gallery-slider{top:703px}.color-page .comparison img,.color-page .comparison video{object-position:center 35%}.color-lightbox-comparison{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent}.color-lightbox-comparison img,.color-lightbox-comparison video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.color-lightbox-comparison .comparison-after{clip-path:inset(0 0 0 var(--reveal))}.color-lightbox-comparison .comparison-control{position:absolute;inset:0;width:100%;height:100%}.photo-lightbox-thumb video{display:block;width:100%;height:100%;object-fit:cover}.color-lightbox .photo-lightbox-thumb{flex-basis:78px}
@media(max-width:900px){.color-page .gallery-slider{top:calc(62vh + 7px)}.color-lightbox .photo-lightbox-thumb{flex-basis:58px}}

/* Clean pause symbol for synchronized Color Grading playback. */
.color-page .comparison-playback.is-playing,.color-lightbox .comparison-playback.is-playing{padding-left:0}.color-page .comparison-playback.is-playing:before,.color-lightbox .comparison-playback.is-playing:before{content:"";display:block;width:3px;height:14px;background:#fff;box-shadow:7px 0 0 #fff;transform:translateX(-3.5px)}
/* Compact portfolio system for phones */
.menu-toggle,.mobile-section-row>a,.mobile-service-facts,.mobile-card-category,.mobile-card-meta{display:none}
@media(max-width:900px){
  body:not(.home-page){background:#f7f5f0}
  body:not(.home-page) .site-header{height:72px;padding:24px 20px;display:flex;align-items:flex-start;justify-content:space-between}
  body:not(.home-page) .brand{font-size:21px}
  body:not(.home-page) .section-marker,body:not(.home-page) .clock{display:none}
  body:not(.home-page) .menu-toggle{display:flex;position:relative;z-index:30;width:30px;height:24px;padding:2px 0;border:0;background:transparent;flex-direction:column;justify-content:space-between;align-items:flex-end}
  body:not(.home-page) .menu-toggle span{display:block;width:20px;height:1px;background:#111;transition:.2s ease}
  body:not(.home-page) .menu-toggle span:nth-child(2){width:13px}
  body:not(.home-page).menu-open .menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}
  body:not(.home-page).menu-open .menu-toggle span:nth-child(2){opacity:0}
  body:not(.home-page).menu-open .menu-toggle span:last-child{transform:translateY(-9px) rotate(-45deg)}
  body:not(.home-page) .nav{display:none;position:absolute;z-index:20;top:0;left:0;width:100%;padding:84px 20px 28px;background:#f7f5f0;border-bottom:1px solid #d8d5cf;gap:26px;margin:0}
  body:not(.home-page).menu-open .nav{display:flex}
  .film-main,.photography-main,.work-main{display:block;min-height:0;padding:12px 20px 48px}
  .film-intro,.photography-intro,.work-intro{height:auto}
  .mobile-section-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
  .mobile-section-row .eyebrow{margin:0;font-size:10px;text-transform:uppercase}
  .mobile-section-row>a{display:block;color:inherit;text-decoration:none;font-size:9px;font-weight:700}
  .film-intro h1,.photography-intro h1,.work-intro h1{max-width:330px;margin:0 0 15px;font-size:42px;line-height:.92;letter-spacing:.1px}
  .film-intro .selected,.photography-intro .selected,.work-intro .selected,.film-intro .description,.photography-intro .description,.work-intro .description{display:none}
  .mobile-service-facts{display:block;padding:0 0 16px;border-bottom:1px solid #cbc8c1}
  .mobile-service-facts dl{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin:0 0 6px;font-size:8px;line-height:1.25}
  .mobile-service-facts dt,.mobile-service-facts dd{margin:0}.mobile-service-facts dd{text-transform:uppercase}
  .mobile-service-facts p{display:flex;gap:7px;margin:15px 0 0;font-size:8px}.mobile-service-facts p b{margin-left:8px;font-weight:500}
  .film-intro .filters,.photography-intro .photo-filters,.work-intro .work-filters{display:none}
  .film-intro .copyright,.photography-intro .photography-copyright,.work-intro .work-copyright{display:none}

  .film-gallery{display:grid;grid-template-columns:1fr;gap:7px;overflow:visible;padding-top:12px}
  .film-card{position:relative;width:100%;min-height:116px;overflow:hidden;border-radius:6px;color:#fff}
  .film-card .poster{height:116px}.film-card .poster:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
  .film-card .play{width:33px;height:33px;top:50%;font-size:12px}
  .film-card .duration{top:10px;left:10px;font-size:9px}
  .film-card .film-meta{position:absolute;z-index:3;left:10px;right:10px;bottom:8px;margin:0;font-size:9px}
  .film-card h2{position:absolute;z-index:3;left:34px;bottom:7px;margin:0;font-size:11px}
  .film-card>p{display:none}

  .photo-gallery-shell,.photo-gallery-shell.at-end{padding:12px 0 0;overflow:visible}
  .photo-gallery-window{overflow:visible;padding:0;margin:0}
  .photo-gallery-window .photo-grid{display:grid;width:100%;height:auto;grid-template-columns:1fr;gap:7px}
  .photo-gallery-window .photo-stack{display:contents}
  .photo-gallery-window .photo-tile{display:grid;height:116px;grid-template-columns:minmax(0,1.75fr) minmax(104px,.8fr);border-bottom:1px solid #d8d5cf;color:#111;text-decoration:none;overflow:visible}
  .photo-gallery-window .photo-tile img{width:100%;height:108px;border-radius:6px;object-fit:cover}
  .photo-gallery-window .photo-tile>span{position:relative;left:auto;right:auto;bottom:auto;padding:14px 8px;font-size:11px;font-weight:700}
  .photo-gallery-window .photo-tile small{margin-top:7px;font-size:8px;font-weight:400}.photo-gallery-window .photo-tile b{right:6px;bottom:15px;font-size:16px}
  .photo-gallery-next,.photo-gallery-prev{display:none!important}

  .work-gallery-shell{padding:12px 0 0}
  .work-gallery-window{overflow:visible}
  .work-grid,.color-page .work-grid,.retouch-gallery .work-grid,.art-page .work-grid,.design-page .work-grid{display:grid;width:100%;height:auto;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;gap:7px}
  .work-card,.retouch-gallery .retouch-carousel-card,.art-page .work-card,.design-page .work-card{display:grid;position:relative;min-height:116px;grid-template-columns:minmax(0,1.75fr) minmax(104px,.8fr);grid-template-rows:28px 34px 1fr;overflow:visible;border-bottom:1px solid #d8d5cf}
  .work-card>img,.color-comparison-card>.comparison,.retouch-carousel-card>.comparison,.retouch-gallery .retouch-carousel-card>.comparison,.art-page .work-card>img,.design-page .work-card>img{grid-column:1;grid-row:1/4;width:100%;height:108px;aspect-ratio:auto;border-radius:6px;object-fit:cover}
  .work-card>div:not(.comparison),.retouch-gallery .retouch-carousel-card>div:not(.comparison),.art-page .work-card>div,.design-page .work-card>div{position:static;grid-column:2;grid-row:1;margin:0;padding:13px 8px 0;color:#111;font-size:8px;text-shadow:none}
  .work-card h2,.retouch-gallery .retouch-carousel-card>h2,.art-page .work-card>h2,.design-page .work-card>h2{position:static;grid-column:2;grid-row:2;margin:0;padding:3px 8px;color:#111;font-size:11px;text-shadow:none}
  .work-card p,.retouch-gallery .retouch-carousel-card>p,.art-page .work-card>p,.design-page .work-card>p{position:static;grid-column:2;grid-row:3;margin:0;padding:1px 8px;color:#111;font-size:8px;text-shadow:none}
  .comparison:before,.comparison:after{top:8px;font-size:7px}.comparison:before{left:8px}.comparison:after{right:8px}.comparison-divider:after{width:25px;height:25px;font-size:10px}
  .comparison-playback{width:29px;height:29px;font-size:10px}
  .work-gallery-next,.work-gallery-prev{display:none!important}

  .art-page .work-card{display:grid;min-height:205px;grid-template-columns:1fr auto;grid-template-rows:164px 20px 18px}
  .art-page .work-card:nth-child(n){grid-column:auto;grid-row:auto}
  .art-page .work-card>img{grid-column:1/3;grid-row:1;width:100%;height:158px}
  .art-page .work-card>div{grid-column:1/3;grid-row:2;padding:5px 8px 0}
  .art-page .work-card>h2{grid-column:1;grid-row:3;padding:1px 8px}
  .art-page .work-card>p{grid-column:2;grid-row:3;padding:2px 8px;text-align:right}
}


/* Mobile Home v2 — isolated from the desktop presentation */
@media(max-width:900px){
  .home-page .site-header{height:86px;padding:25px 22px;display:flex;align-items:flex-start;justify-content:space-between}
  .home-page .brand{font-size:25px;letter-spacing:.25px}
  .home-page .section-marker,.home-page .clock{display:none}
  .home-page .menu-toggle{display:flex;position:relative;z-index:40;width:82px;height:26px;padding:3px 0 3px 54px;border:0;background:transparent;flex-direction:column;justify-content:space-between;align-items:flex-end}
  .home-page .menu-toggle:before{content:"MENU";position:absolute;left:0;top:3px;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:400;line-height:20px}
  .home-page .menu-toggle span{display:block;width:22px;height:1.5px;background:#111;transition:transform .2s ease,opacity .2s ease}
  .home-page .menu-toggle span:nth-child(2){width:16px}
  .home-page.menu-open .menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}
  .home-page.menu-open .menu-toggle span:nth-child(2){opacity:0}
  .home-page.menu-open .menu-toggle span:last-child{transform:translateY(-8px) rotate(-45deg)}
  .home-page .nav{display:none;position:absolute;z-index:30;top:0;left:0;width:100%;height:auto;margin:0;padding:86px 22px 25px;background:#fff;border-bottom:1px solid #d8d8d8;justify-content:flex-end;gap:30px}
  .home-page.menu-open .nav{display:flex}
  .home-page .nav a{font-size:13px}

  .home-page .home-main{min-height:0}
  .home-page .hero{padding:130px 18px 0;text-align:center}
  .home-page .hero p{margin:0 0 18px;font-size:12px;letter-spacing:.1px}
  .home-page .hero h1{max-width:360px;margin:0 auto;font-size:16vw;line-height:.92;letter-spacing:.5px}
  .home-page .services{display:flex;gap:11px;margin:78px 0 0;padding:0 20px 42px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}
  .home-page .services::-webkit-scrollbar{display:none}
  .home-page .service-card{flex:0 0 43vw;scroll-snap-align:start}
  .home-page .service-card img{height:268px;object-fit:cover}
  .home-page .service-card .service-number{margin:14px 0 7px 2px;font-size:11px}
  .home-page .service-card strong{margin-left:2px;font-size:14px}
  .home-page .service-card small{max-width:150px;margin:8px 0 0 2px;font-size:10px;line-height:1.35}
  .home-page .service-card:hover img,.home-page .service-card:hover .service-number,.home-page .service-card:hover strong,.home-page .service-card:hover small{transform:none;filter:none}

  .home-page .home-about{position:relative;margin-top:190px;padding-top:74px;scroll-margin-top:0;scroll-snap-align:start}
  .home-page .home-about:before{content:"[ DESLIZE PARA EXPLORAR ]";position:absolute;top:-125px;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:.2px}
  .home-page .home-about:after{content:"";position:absolute;top:-80px;left:50%;width:1px;height:58px;background:#111}
}

@media(max-width:420px){
  .home-page .hero{padding-top:112px}
  .home-page .hero h1{font-size:17vw}
  .home-page .services{margin-top:64px}
  .home-page .service-card{flex-basis:46vw}
  .home-page .service-card img{height:250px}
}

/* Mobile Home v2.1 — requested proportion and About ordering refinements */
@media(max-width:900px){
  .home-page .menu-toggle,.home-page .menu-toggle:before{color:#000}
  .home-page .menu-toggle span{background:#000}
  .home-page .hero h1{max-width:none;white-space:nowrap;font-size:10.6vw;line-height:1;letter-spacing:.15px}
  .home-page .hero h1 br{display:none}
  .home-page .service-card img{height:auto;aspect-ratio:auto;object-fit:contain}
  .home-page .home-about{display:grid;grid-template-columns:1fr;margin-top:70px;padding:70px 20px 90px;gap:0}
  .home-page .home-about:before,.home-page .home-about:after{display:none}
  .home-page .home-about .about-copy{display:contents}
  .home-page .home-about .about-eyebrow{display:none}
  .home-page .home-about .about-copy h2{grid-row:1;margin:0 0 38px;font-size:20vw}
  .home-page .home-about .about-portrait{grid-row:2;width:100%;max-width:none;margin:0 0 38px;justify-self:stretch}
  .home-page .home-about .about-portrait img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .home-page .home-about .about-copy>p:not(.about-eyebrow){grid-row:auto;max-width:none;margin:0 0 18px;font-size:13px;line-height:1.55}
  .home-page .home-about .about-links{grid-row:auto;margin:28px 0 0;gap:42px}
}

@media(max-width:420px){
  .home-page .hero h1{font-size:10.4vw}
  .home-page .service-card img{height:auto}
}

/* Mobile Home v2.2 — compact heading and uniform Film cover ratio */
@media(max-width:900px){
  .home-page .menu-toggle{width:28px;padding:3px 0}
  .home-page .menu-toggle:before{display:none;content:none}
  .home-page .hero{padding-top:76px}
  .home-page .hero p{margin-bottom:14px}
  .home-page .services{margin-top:52px}
  .home-page .service-card img{width:100%;height:auto;aspect-ratio:252/426;object-fit:cover}
}

@media(max-width:420px){
  .home-page .hero{padding-top:62px}
  .home-page .services{margin-top:46px}
  .home-page .service-card img{height:auto;aspect-ratio:252/426}
}

/* Mobile Home v2.3 — tighter title position */
@media(max-width:900px){
  .home-page .hero{padding-top:34px}
  .home-page .hero h1{font-size:9.8vw}
}

@media(max-width:420px){
  .home-page .hero{padding-top:26px}
  .home-page .hero h1{font-size:9.6vw}
}
/* Header markers and the standalone About page. */
.section-marker{text-transform:uppercase}
.about-main.about-main-no-portrait{display:flex;justify-content:center;align-items:center}
.about-main.about-main-no-portrait .about-copy{width:100%;max-width:520px}
.home-about.home-about-no-portrait{display:flex;justify-content:center;align-items:center;column-gap:0}
.home-about.home-about-no-portrait .about-copy{width:100%;max-width:520px}
@media(max-width:900px){.home-page .home-about.home-about-no-portrait{display:flex;align-items:flex-start}.home-page .home-about.home-about-no-portrait .about-copy{display:block;max-width:none}}

/* Video carousel and popup. */
.film-gallery-shell{position:relative;min-width:0;padding-bottom:34px}.film-gallery-window{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.film-gallery-window::-webkit-scrollbar{display:none}.film-gallery{display:flex;gap:14px;width:max-content}.film-card{flex:0 0 270px}.film-card .poster video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.film-gallery-prev,.film-gallery-next{position:absolute;z-index:5;top:287px;width:42px;height:42px;border:0;background:#fff;color:#111;font-size:25px;cursor:pointer}.film-gallery-prev{left:-45px;display:none}.film-gallery-next{right:-45px}.film-gallery-shell.at-end .film-gallery-prev{display:block}.film-gallery-shell.at-end .film-gallery-next{display:none}.film-gallery-slider{position:absolute;left:0;right:0;bottom:0;height:18px;display:flex;align-items:center}.film-gallery-slider input{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.film-gallery-slider input::-webkit-slider-runnable-track{height:1px;background:#c7c7c7}.film-gallery-slider input::-webkit-slider-thumb{width:72px;height:4px;margin-top:-1.5px;border:0;background:#111;appearance:none;-webkit-appearance:none}.film-gallery-slider input::-moz-range-track{height:1px;background:#c7c7c7}.film-gallery-slider input::-moz-range-thumb{width:72px;height:4px;border:0;background:#111}.video-lightbox .photo-lightbox-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-lightbox .photo-lightbox-thumb{flex-basis:78px}.video-lightbox .photo-lightbox-thumb img{object-fit:cover}
@media(max-width:900px){.film-gallery-shell{padding-bottom:30px}.film-gallery-window{overflow-x:auto}.film-gallery{display:flex;gap:8px;width:max-content;padding-top:0}.film-card{flex:0 0 76vw}.film-card .poster{height:62vh}.film-gallery-prev,.film-gallery-next{display:none!important}.film-gallery-slider{bottom:0}.film-gallery-slider input::-webkit-slider-thumb{width:54px}.film-gallery-slider input::-moz-range-thumb{width:54px}.video-lightbox .photo-lightbox-thumb{flex-basis:58px}}
.film-card .play.is-playing{padding-left:0}.film-card .play.is-playing:before{content:"";display:block;width:3px;height:14px;background:currentColor;box-shadow:7px 0 0 currentColor;transform:translateX(12px)}
@media(min-width:901px){.video-lightbox .photo-lightbox-stage{width:min(100%,820px);height:min(530px,calc(100vh - 190px));align-self:center}.video-lightbox .photo-lightbox-stage video{position:absolute;inset:0}}

/* Design preserves the complete artwork and its original aspect ratio. */
.design-page .photo-gallery-window .photo-grid{display:flex;width:max-content;height:607px;gap:10px}.design-page .photo-gallery-window .photo-grid-set,.design-page .photo-gallery-window .photo-stack{display:contents}.design-page .photo-gallery-window .photo-tile{display:block;flex:0 0 auto;width:auto;height:607px;aspect-ratio:var(--tile-ratio,1);background:#f4f3f0}.design-page .photo-gallery-window .photo-tile img{width:100%;height:100%;object-fit:contain;object-position:center}.design-page .photo-gallery-window .photo-tile>span{display:none}
@media(max-width:720px){.design-page .photo-gallery-window{overflow-x:auto!important}.design-page .photo-gallery-window .photo-grid{display:flex;width:max-content;height:410px;grid-template-columns:none}.design-page .photo-gallery-window .photo-tile{display:block;width:auto;height:410px;aspect-ratio:var(--tile-ratio,1);border:0}.design-page .photo-gallery-window .photo-tile img{width:100%;height:100%;border-radius:0;object-fit:contain}}

/* Compact two-row presentation for Design artwork. */
.design-page .photo-gallery-window .photo-grid{display:grid;width:max-content;height:607px;grid-template-rows:repeat(2,298px);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;gap:11px 10px}.design-page .photo-gallery-window .photo-grid-set,.design-page .photo-gallery-window .photo-stack{display:contents}.design-page .photo-gallery-window .photo-tile{width:auto;height:298px;aspect-ratio:var(--tile-ratio,1);align-self:stretch}.design-page .photo-gallery-shell .photo-gallery-next,.design-page .photo-gallery-shell .photo-gallery-prev{top:278px}
@media(max-width:720px){.design-page .photo-gallery-window .photo-grid{display:grid;width:max-content;height:398px;grid-template-rows:repeat(2,194px);grid-auto-flow:column;grid-auto-columns:max-content;gap:10px}.design-page .photo-gallery-window .photo-tile{width:auto;height:194px;aspect-ratio:var(--tile-ratio,1)}.design-page .photo-gallery-shell .photo-gallery-next,.design-page .photo-gallery-shell .photo-gallery-prev{top:176px}}

/* Independent Design rows prevent empty shared-column gaps. */
.design-page .photo-gallery-window .design-grid{display:grid;width:max-content;height:607px;grid-template-rows:repeat(2,298px);grid-template-columns:none;grid-auto-flow:row;gap:11px}.design-page .design-row{display:flex;width:max-content;height:298px;align-items:center;gap:10px}.design-page .design-row .photo-tile{flex:0 0 auto;height:298px;width:auto}.design-page .design-row .photo-tile.photo-landscape{height:218px}
@media(max-width:720px){.design-page .photo-gallery-window .design-grid{display:grid;width:max-content;height:398px;grid-template-rows:repeat(2,194px);grid-auto-flow:row;gap:10px}.design-page .design-row{display:flex;width:max-content;height:194px;align-items:center;gap:8px}.design-page .design-row .photo-tile{height:194px}.design-page .design-row .photo-tile.photo-landscape{height:142px}}

/* Design columns pair artwork with the same orientation. */
.design-page .photo-gallery-window .design-grid{display:flex;width:max-content;height:607px;align-items:center;gap:10px}.design-page .design-column{display:flex;flex:0 0 auto;height:607px;flex-direction:column;align-items:center;justify-content:center;gap:11px}.design-page .design-column .photo-tile{flex:0 0 auto;height:298px;width:auto}.design-page .design-column .photo-tile.photo-landscape{height:218px}
@media(max-width:720px){.design-page .photo-gallery-window .design-grid{display:flex;width:max-content;height:398px;align-items:center;gap:8px}.design-page .design-column{height:398px;gap:10px}.design-page .design-column .photo-tile{height:194px}.design-page .design-column .photo-tile.photo-landscape{height:142px}}
.design-page .design-side-pair{display:flex;flex:0 0 auto;height:607px;align-items:center;gap:10px}.design-page .design-side-pair .photo-tile{flex:0 0 auto;width:auto;height:298px}
@media(max-width:720px){.design-page .design-side-pair{height:398px;gap:8px}.design-page .design-side-pair .photo-tile{height:194px}}
@media(min-width:901px){.design-lightbox .photo-lightbox-stage{width:min(100%,820px);height:min(530px,calc(100vh - 190px));align-self:center}.design-lightbox .photo-lightbox-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}}
.design-page .photo-gallery-window .design-grid>.design-side-pair{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;width:max-content!important}.design-page .design-side-pair>.photo-tile{display:block!important;flex:0 0 auto!important}

/* Film and Color follow each video's intrinsic aspect ratio without cropping. */
@media(min-width:901px){.film-gallery{height:697px}.film-card{flex:0 0 var(--media-width,341.44px);width:var(--media-width,341.44px)}.film-card .poster{height:607px;background:#080808}.film-card .poster video,.film-card .poster img{object-fit:contain}.color-page .work-grid{display:flex;width:max-content;height:697px;gap:14px}.color-page .color-comparison-card{flex:0 0 var(--media-width,341.44px);width:var(--media-width,341.44px)}.color-page .color-comparison-card>.comparison{height:607px;background:#080808}.color-page .comparison img,.color-page .comparison video{object-fit:contain;object-position:center}}
@media(max-width:900px){.film-card{flex-basis:min(78vw,var(--media-width,341.44px));width:min(78vw,var(--media-width,341.44px))}.film-card .poster video,.film-card .poster img,.color-page .comparison img,.color-page .comparison video{object-fit:contain;object-position:center}}

/* Video and Color — metadata inside the image */
@media(min-width:901px){
  .film-card,.color-page .color-comparison-card{position:relative;height:607px;overflow:hidden;color:#fff}
  .film-card:after,.color-page .color-comparison-card:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:155px;background:linear-gradient(transparent,rgba(0,0,0,.76));pointer-events:none}
  .film-card .film-meta,.color-page .color-comparison-card>div:not(.comparison){position:absolute;z-index:3;left:14px;right:14px;bottom:61px;margin:0;color:#fff;font-size:10px;text-shadow:0 1px 4px rgba(0,0,0,.58)}
  .film-card h2,.color-page .color-comparison-card>h2{position:absolute;z-index:3;left:14px;right:14px;bottom:34px;margin:0;color:#fff;font-size:15px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.58)}
  .film-card>p,.color-page .color-comparison-card>p{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;margin:0;color:#fff;font-size:9px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.58)}
}

@media(max-width:900px){
  .film-card,.color-page .color-comparison-card{display:block;position:relative;height:62vh;min-height:360px;overflow:hidden;border:0;border-radius:6px;color:#fff}
  .film-card:after,.color-page .color-comparison-card:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:135px;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
  .film-card .poster,.color-page .color-comparison-card>.comparison{width:100%;height:100%;border-radius:0}
  .film-card .film-meta,.color-page .color-comparison-card>div:not(.comparison){position:absolute;z-index:3;left:12px;right:12px;bottom:55px;margin:0;padding:0;color:#fff;font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.58)}
  .film-card h2,.color-page .color-comparison-card>h2{position:absolute;z-index:3;left:12px;right:12px;bottom:30px;margin:0;padding:0;color:#fff;font-size:13px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.58)}
  .film-card>p,.color-page .color-comparison-card>p{display:block;position:absolute;z-index:3;left:12px;right:12px;bottom:11px;margin:0;padding:0;color:#fff;font-size:8px;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.58)}
}

/* Video and Color — match the simple Retouch metadata structure */
@media(min-width:901px){
  .film-card .film-meta,.color-page .color-comparison-card>div:not(.comparison){bottom:49px;font-size:12px}
  .film-card h2,.color-page .color-comparison-card>h2{display:none}
  .film-card>p,.color-page .color-comparison-card>p{bottom:17px;font-size:11px}
}

@media(max-width:900px){
  .film-card .film-meta,.color-page .color-comparison-card>div:not(.comparison){bottom:44px;font-size:10px}
  .film-card h2,.color-page .color-comparison-card>h2{display:none}
  .film-card>p,.color-page .color-comparison-card>p{bottom:13px;font-size:9px}
}

/* Unified gallery controls */
.art-page .work-gallery-shell{padding-bottom:38px}
.art-page .gallery-slider{top:613px}
.photo-gallery-window,.film-gallery-window{scroll-behavior:auto}

/* Keep the Video and Color sliders close to the bottom edge of their images. */
@media(min-width:901px){
  .film-gallery{height:625px}
  .film-gallery-slider{top:611px;bottom:auto}
  .color-page .work-grid{height:625px}
  .color-page .gallery-slider{top:611px}
}

/* Mobile Home v3 — reference layout; desktop remains unchanged. */
.home-service-pagination{display:none}
@media(max-width:900px){
  .home-page .site-header{height:86px;padding:27px 21px}
  .home-page .brand{font-size:25px}
  .home-page .menu-toggle{width:27px;height:27px;padding:2px 0}
  .home-page .menu-toggle span,.home-page .menu-toggle span:nth-child(2){width:25px;height:2px}

  .home-page .hero{padding:33px 16px 0}
  .home-page .hero p{margin:0 0 15px;font-size:11px;letter-spacing:.1px}
  .home-page .hero h1{max-width:none;white-space:nowrap;font-size:8.2vw;line-height:1;letter-spacing:0}

  .home-page .services{gap:8px;margin:48px 0 0;padding:0 8px;scroll-padding-left:8px}
  .home-page .service-card{flex:0 0 44vw;width:44vw;max-width:207px}
  .home-page .service-card-film{order:1}
  .home-page .service-card-color{order:2}
  .home-page .service-card-photography{order:3}
  .home-page .service-card-retouch{order:4}
  .home-page .service-card-art-direction{order:5}
  .home-page .service-card-design{order:6}
  .home-page .service-card img{width:100%;max-width:none;height:clamp(250px,76.5vw,360px);aspect-ratio:auto;border-radius:7px;object-fit:cover}
  .home-page .service-card .service-number{margin:12px 0 7px 8px;font-size:10px}
  .home-page .service-card strong{margin-left:8px;font-size:15px;line-height:1}
  .home-page .service-card small{width:calc(100% - 16px);max-width:none;margin:8px 0 0 8px;font-size:9px;line-height:1.35}
  .home-page .service-card-photography .service-number,.home-page .service-card-color .service-number{font-size:0}
  .home-page .service-card-color .service-number:before{content:"02";font-size:10px}
  .home-page .service-card-photography .service-number:before{content:"03";font-size:10px}

  .home-page .home-service-pagination{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:48px}
  .home-page .home-service-pagination button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ccc;cursor:pointer}
  .home-page .home-service-pagination button.is-active{background:#080808}
  .home-page .home-about{margin-top:145px}
}

/* Mobile header v1.11.7 — one header system shared by every page. */
@media(max-width:900px){
  body .site-header{
    position:relative;
    height:86px;
    padding:27px 21px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    background:#fff;
  }
  body .site-header .brand{
    position:relative;
    z-index:40;
    font-size:25px;
    letter-spacing:.25px;
  }
  body .site-header .section-marker,
  body .site-header .clock{display:none}
  body .site-header .menu-toggle{
    display:block;
    position:relative;
    z-index:40;
    width:27px;
    height:27px;
    padding:0;
    border:0;
    background:transparent;
  }
  body .site-header .menu-toggle:before{display:none;content:none}
  body .site-header .menu-toggle span,
  body .site-header .menu-toggle span:nth-child(2){
    position:absolute;
    right:0;
    display:block;
    width:25px;
    height:2px;
    background:#111;
    transform-origin:center;
    transition:top .2s ease,transform .2s ease,opacity .15s ease;
  }
  body .site-header .menu-toggle span:first-child{top:3px}
  body .site-header .menu-toggle span:nth-child(2){top:12px}
  body .site-header .menu-toggle span:last-child{top:21px}
  body.menu-open .site-header .menu-toggle span:first-child{top:12px;transform:rotate(45deg)}
  body.menu-open .site-header .menu-toggle span:nth-child(2){opacity:0;transform:none}
  body.menu-open .site-header .menu-toggle span:last-child{top:12px;transform:rotate(-45deg)}
  body .site-header .nav{
    display:none;
    position:absolute;
    z-index:30;
    top:0;
    left:0;
    width:100%;
    height:auto;
    margin:0;
    padding:86px 21px 25px;
    background:#fff;
    border-bottom:1px solid #d8d8d8;
    justify-content:flex-end;
    gap:30px;
  }
  body.menu-open .site-header .nav{display:flex}
  body .site-header .nav a{font-size:13px}
  body:not(.home-page) .site-header{height:86px;padding:27px 21px}
}

@media(max-width:420px){
  .home-page .hero{padding-top:33px}
  .home-page .hero h1{font-size:8.2vw}
  .home-page .services{margin-top:48px}
  .home-page .service-card{flex-basis:44vw;width:44vw}
}

/* Mobile Video category v1.11.9 — editorial two-column reference layout. */
@media(max-width:900px){
  .film-page{background:#fff}
  .film-page .film-main{display:block;padding:48px 20px 64px;background:#fff}
  .film-page .film-intro{display:block;height:auto}
  .film-page .mobile-section-row{display:block;margin:0 0 14px}
  .film-page .mobile-section-row .eyebrow{margin:0;font-size:14px;text-transform:none}
  .film-page .mobile-section-row>a{display:none}
  .film-page .film-intro h1{max-width:360px;margin:0 0 18px;font-size:45px;line-height:.92;letter-spacing:.2px}
  .film-page .film-intro .selected{display:block;margin:0;font-size:11px;font-weight:600;letter-spacing:.1px}
  .film-page .film-intro .description{display:block;max-width:310px;margin:27px 0 0;font-size:14px;line-height:1.55}
  .film-page .mobile-service-facts{display:none}
  .film-page .film-intro .filters{
    position:static;
    display:flex;
    gap:9px;
    margin:28px -20px 24px;
    padding:0 20px 2px;
    overflow-x:auto;
    list-style:none;
    counter-reset:none;
    scrollbar-width:none;
  }
  .film-page .film-intro .filters::-webkit-scrollbar{display:none}
  .film-page .film-intro .filters li{flex:0 0 auto;margin:0;font-size:10px}
  .film-page .film-intro .filters li:before{display:none;content:none}
  .film-page .film-intro .filters button{
    min-width:82px;
    height:31px;
    padding:0 17px;
    border:1px solid #aaa;
    border-radius:18px;
    background:#fff;
    color:#111;
    text-decoration:none;
    white-space:nowrap;
  }
  .film-page .film-intro .filters button.active{border-color:#111;background:#111;color:#fff;text-decoration:none}
  .film-page .copyright{display:none}
  .film-page .film-gallery-shell{padding:0}
  .film-page .film-gallery-window{overflow:visible}
  .film-page .film-gallery{
    display:grid;
    width:100%;
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0;
    overflow:visible;
  }
  .film-page .film-card{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    overflow:hidden;
    border-radius:2px;
    background:#090909;
    color:#fff;
  }
  .film-page .film-card[hidden]{display:none}
  .film-page .film-card:after{display:none;content:none}
  .film-page .film-card .poster{width:100%;height:auto;aspect-ratio:9/16;background:#090909}
  .film-page .film-card .poster:after{content:"";position:absolute;z-index:1;inset:0 0 68%;background:linear-gradient(rgba(0,0,0,.38),transparent);pointer-events:none}
  .film-page .film-card .poster video,
  .film-page .film-card .poster img{width:100%;height:100%;object-fit:contain;object-position:center}
  .film-page .film-card .duration{display:none}
  .film-page .film-card .play{z-index:4;top:52%;width:39px;height:39px;font-size:14px}
  .film-page .film-card .film-meta{
    position:absolute;
    z-index:3;
    top:13px;
    right:11px;
    bottom:auto;
    left:11px;
    display:flex;
    justify-content:space-between;
    margin:0;
    padding:0;
    color:#fff;
    font-size:15px;
    line-height:1;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
  }
  .film-page .film-card h2{
    display:block;
    position:absolute;
    z-index:3;
    top:36px;
    right:11px;
    bottom:auto;
    left:11px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:10px;
    line-height:1.25;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
  }
  .film-page .film-card>p{display:none}
  .film-page .film-gallery-prev,
  .film-page .film-gallery-next,
  .film-page .film-gallery-slider{display:none!important}
}

@media(max-width:420px){
  .film-page .film-main{padding-top:42px}
  .film-page .film-intro h1{font-size:41px}
  .film-page .film-card .film-meta{font-size:14px}
}

/* Mobile category system v1.11.12 — Video layout shared by the other services. */
@media(max-width:900px){
  .photography-page,
  .work-page{background:#fff}
  .photography-page .photography-main,
  .work-page .work-main{display:block;padding:48px 20px 64px;background:#fff}
  .photography-page .photography-intro,
  .work-page .work-intro{display:block;height:auto}
  .photography-page .mobile-section-row,
  .work-page .mobile-section-row{display:block;margin:0 0 14px}
  .photography-page .mobile-section-row .eyebrow,
  .work-page .mobile-section-row .eyebrow{margin:0;font-size:14px;text-transform:none}
  .photography-page .mobile-section-row>a,
  .work-page .mobile-section-row>a{display:none}
  .photography-page .photography-intro h1,
  .work-page .work-intro h1{max-width:360px;margin:0 0 18px;font-size:45px;line-height:.92;letter-spacing:.2px}
  .photography-page .photography-intro .selected,
  .work-page .work-intro .selected{display:block;margin:0;font-size:11px;font-weight:600;letter-spacing:.1px}
  .photography-page .photography-intro .description,
  .work-page .work-intro .description{display:block;max-width:310px;margin:27px 0 0;font-size:14px;line-height:1.55}
  .photography-page .mobile-service-facts,
  .work-page .mobile-service-facts{display:none}
  .photography-page .photography-intro .photo-filters,
  .work-page .work-intro .work-filters{
    position:static;
    display:flex;
    gap:9px;
    margin:28px -20px 24px;
    padding:0 20px 2px;
    overflow-x:auto;
    list-style:none;
    counter-reset:none;
    scrollbar-width:none;
  }
  .photography-page .photo-filters::-webkit-scrollbar,
  .work-page .work-filters::-webkit-scrollbar{display:none}
  .photography-page .photo-filters li,
  .work-page .work-filters li{flex:0 0 auto;margin:0;font-size:10px}
  .photography-page .photo-filters li:before,
  .work-page .work-filters li:before{display:none;content:none}
  .photography-page .photo-filters button,
  .work-page .work-filters button{
    min-width:82px;
    height:31px;
    padding:0 17px;
    border:1px solid #aaa;
    border-radius:18px;
    background:#fff;
    color:#111;
    text-decoration:none;
    white-space:nowrap;
  }
  .photography-page .photo-filters button.active,
  .work-page .work-filters button.active{border-color:#111;background:#111;color:#fff;text-decoration:none}
  .photography-page .photography-copyright,
  .work-page .work-copyright{display:none}

  .photography-page .photo-gallery-shell,
  .work-page .work-gallery-shell{padding:0;overflow:visible}
  .photography-page .photo-gallery-window,
  .work-page .work-gallery-window{margin:0;overflow:visible}
  .photography-page .photo-gallery-window .photo-grid,
  .design-page .photo-gallery-window .design-grid,
  .work-page .work-grid,
  .color-page .work-grid,
  .retouch-page .work-grid,
  .art-page .work-grid{
    display:grid;
    width:100%;
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:8px;
    padding:0;
  }
  .photography-page .photo-grid-set,
  .photography-page .photo-stack,
  .design-page .design-column,
  .design-page .design-side-pair{display:contents!important}

  .photography-page .photo-gallery-window .photo-tile,
  .design-page .photo-gallery-window .photo-tile{
    display:block!important;
    position:relative;
    width:100%!important;
    height:auto!important;
    min-height:0;
    aspect-ratio:9/16!important;
    overflow:hidden;
    border:0;
    border-radius:2px;
    background:#090909;
  }
  .photography-page .photo-gallery-window .photo-tile[hidden]{display:none!important}
  .photography-page .photo-gallery-window .photo-tile img{
    display:block;
    width:100%;
    height:100%;
    border-radius:0;
    object-fit:cover;
  }
  .design-page .photo-gallery-window .photo-tile{background:#f4f3f0}
  .design-page .photo-gallery-window .photo-tile img{object-fit:contain}
  .photography-page .photo-gallery-window .photo-tile>span{position:absolute;z-index:3;top:12px;right:10px;bottom:auto;left:10px;padding:0;color:#fff;font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.55)}
  .photography-page .photo-gallery-window .photo-tile>span b{display:none}
  .photography-page .photo-gallery-prev,
  .photography-page .photo-gallery-next,
  .photography-page .photo-gallery-slider{display:none!important}

  .work-page .work-card,
  .retouch-page .retouch-carousel-card,
  .art-page .work-card,
  .design-page .work-card{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:9/16;
    overflow:hidden;
    border:0;
    border-radius:2px;
    background:#090909;
    color:#fff;
  }
  .work-page .work-card[hidden]{display:none}
  .work-page .work-card>img,
  .work-page .work-card>.comparison,
  .retouch-page .retouch-carousel-card>.comparison,
  .art-page .work-card>img,
  .design-page .work-card>img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    border-radius:0;
    object-fit:cover;
  }
  .design-page .work-card>img{object-fit:contain;background:#f4f3f0}
  .work-page .work-card>div:not(.comparison),
  .retouch-page .retouch-carousel-card>div:not(.comparison),
  .art-page .work-card>div,
  .design-page .work-card>div{
    position:absolute;
    z-index:4;
    top:13px;
    right:11px;
    bottom:auto;
    left:11px;
    display:flex;
    justify-content:space-between;
    margin:0;
    padding:0;
    color:#fff;
    font-size:14px;
    line-height:1;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
  }
  .work-page .work-card h2,
  .art-page .work-card h2,
  .design-page .work-card h2{
    display:block;
    position:absolute;
    z-index:4;
    top:36px;
    right:11px;
    bottom:auto;
    left:11px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:10px;
    line-height:1.25;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
  }
  .work-page .work-card>p,
  .retouch-page .retouch-carousel-card>p,
  .art-page .work-card>p,
  .design-page .work-card>p{position:absolute;z-index:4;top:36px;right:11px;bottom:auto;left:11px;margin:0;padding:0;color:#fff;font-size:9px;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.55)}
  .work-page .work-card h2+ p,
  .art-page .work-card h2+ p,
  .design-page .work-card h2+ p{display:none}
  .work-page .work-gallery-prev,
  .work-page .work-gallery-next,
  .work-page .gallery-slider{display:none!important}
  .color-page .comparison:before,
  .color-page .comparison:after,
  .retouch-page .comparison:before,
  .retouch-page .comparison:after{top:9px;font-size:7px}
}

@media(max-width:420px){
  .photography-page .photography-main,
  .work-page .work-main{padding-top:42px}
  .photography-page .photography-intro h1,
  .work-page .work-intro h1{font-size:41px}
}

/* Structural exceptions: Retouch masonry and Design photography renderer. */
@media(max-width:900px){
  .retouch-page .retouch-gallery .work-grid{
    display:grid;
    width:100%;
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    gap:8px;
  }
  .retouch-page .retouch-gallery .retouch-carousel-card:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    width:100%;
    height:auto;
    aspect-ratio:9/16;
  }
  .retouch-page .retouch-gallery .retouch-carousel-card>.comparison{width:100%;height:100%;aspect-ratio:auto}

  .design-page .photography-main{display:block;padding:48px 20px 64px;background:#fff}
  .design-page .photography-intro{display:block;height:auto}
  .design-page .mobile-section-row{display:block;margin:0 0 14px}
  .design-page .mobile-section-row .eyebrow{margin:0;font-size:14px;text-transform:none}
  .design-page .mobile-section-row>a{display:none}
  .design-page .photography-intro h1{max-width:360px;margin:0 0 18px;font-size:45px;line-height:.92;letter-spacing:.2px}
  .design-page .photography-intro .selected{display:block;margin:0;font-size:11px;font-weight:600;letter-spacing:.1px}
  .design-page .photography-intro .description{display:block;max-width:310px;margin:27px 0 0;font-size:14px;line-height:1.55}
  .design-page .mobile-service-facts{display:none}
  .design-page .photography-intro .photo-filters{
    position:static;
    display:flex;
    gap:9px;
    margin:28px -20px 24px;
    padding:0 20px 2px;
    overflow-x:auto;
    list-style:none;
    counter-reset:none;
    scrollbar-width:none;
  }
  .design-page .photo-filters::-webkit-scrollbar{display:none}
  .design-page .photo-filters li{flex:0 0 auto;margin:0;font-size:10px}
  .design-page .photo-filters li:before{display:none;content:none}
  .design-page .photo-filters button{min-width:82px;height:31px;padding:0 17px;border:1px solid #aaa;border-radius:18px;background:#fff;color:#111;text-decoration:none;white-space:nowrap}
  .design-page .photo-filters button.active{border-color:#111;background:#111;color:#fff;text-decoration:none}
  .design-page .photography-copyright{display:none}
}

@media(max-width:420px){
  .design-page .photography-main{padding-top:42px}
  .design-page .photography-intro h1{font-size:41px}
}

/* Mobile card details and media fixes v1.11.14. */
@media(max-width:900px){
  .film-page .film-card .film-meta{
    top:auto;
    bottom:31px;
    font-size:11px;
  }
  .film-page .film-card h2{display:none}
  .film-page .film-card .mobile-card-category{
    display:block;
    position:absolute;
    z-index:4;
    right:11px;
    bottom:12px;
    left:11px;
    overflow:hidden;
    color:#fff;
    font-size:9px;
    line-height:1;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
  }
  .film-page .film-card .poster:after{inset:65% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}

  .work-page .work-card>div:not(.comparison),
  .retouch-page .retouch-carousel-card>div:not(.comparison),
  .art-page .work-card>div,
  .design-page .work-card>div{
    top:auto;
    bottom:31px;
    font-size:11px;
  }
  .work-page .work-card h2,
  .work-page .work-card>p,
  .retouch-page .retouch-carousel-card>p,
  .art-page .work-card h2,
  .art-page .work-card>p,
  .design-page .work-card h2,
  .design-page .work-card>p{display:none}
  .work-page .work-card .mobile-card-category,
  .retouch-page .retouch-carousel-card .mobile-card-category,
  .art-page .work-card .mobile-card-category,
  .design-page .work-card .mobile-card-category{
    display:block;
    position:absolute;
    z-index:5;
    right:11px;
    bottom:12px;
    left:11px;
    overflow:hidden;
    color:#fff;
    font-size:9px;
    line-height:1;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
  }
  .work-page .work-card:after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}

  .photography-page .photo-gallery-window .photo-tile>span:not(.mobile-card-meta),
  .design-page .photo-gallery-window .photo-tile>span:not(.mobile-card-meta){display:none}
  .photography-page .photo-gallery-window .photo-tile>.mobile-card-meta,
  .design-page .photo-gallery-window .photo-tile>.mobile-card-meta{
    display:grid;
    position:absolute;
    z-index:5;
    top:auto;
    right:11px;
    bottom:11px;
    left:11px;
    grid-template-columns:1fr auto;
    gap:8px;
    margin:0;
    padding:0;
    color:#fff;
    font-size:11px;
    font-style:normal;
    line-height:1;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
  }
  .mobile-card-meta i{font-style:normal}
  .mobile-card-meta strong{grid-column:1/3;overflow:hidden;font-size:9px;font-weight:400;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
  .photography-page .photo-tile:after,
  .design-page .photo-tile:after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}

  .color-page .comparison-control,
  .retouch-page .comparison-control{z-index:7;touch-action:pan-y}
  .color-page .comparison-divider,
  .retouch-page .comparison-divider{z-index:6}
  .retouch-page .comparison-after{filter:none}

  .design-page .photo-gallery-window .design-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .design-page .photo-gallery-window .photo-tile{align-self:start;aspect-ratio:var(--tile-ratio,1)!important;background:transparent}
  .design-page .photo-gallery-window .photo-tile{order:2}
  .design-page .photo-gallery-window .photo-tile img{object-fit:contain;background:transparent}
  .design-page .photo-gallery-window .photo-tile.photo-landscape{
    grid-column:1/-1;
    aspect-ratio:var(--tile-ratio,1.77778)!important;
  }
  .design-page .photo-gallery-window .photo-tile.photo-landscape img{object-fit:contain}
  .design-page .photo-gallery-window .photo-tile.photo-1080x1350{
    order:1;
    aspect-ratio:4/5!important;
  }
  .design-page .photo-gallery-window .photo-tile.photo-1080x1350 img{object-fit:contain}
  .design-page .photo-gallery-window .photo-tile.photo-1080x1920{
    order:4;
    aspect-ratio:9/16!important;
  }
  .design-page .photo-gallery-window .photo-tile.photo-1080x1920 img{object-fit:contain}
  .design-page .photo-gallery-window .photo-tile.photo-1920-first{grid-column:1}
  .design-page .photo-gallery-window .photo-tile.photo-landscape{order:3}
  .color-page .comparison-divider,
  .retouch-page .comparison-divider{
    z-index:8;
    width:30px;
    margin-left:-14px;
    background:transparent;
    box-shadow:none;
    transform:none;
    pointer-events:auto;
    touch-action:none;
  }
  .color-page .comparison-divider:before,
  .retouch-page .comparison-divider:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:2px;
    background:#fff;
    transform:translateX(-1px);
    box-shadow:0 0 8px rgba(0,0,0,.16);
  }
}

/* Mobile category intro position v1.11.23. */
@media(max-width:900px){
  .film-page .film-main,
  .photography-page .photography-main,
  .work-page .work-main,
  .design-page .photography-main{padding-top:34px}
}

@media(max-width:420px){
  .film-page .film-main,
  .photography-page .photography-main,
  .work-page .work-main,
  .design-page .photography-main{padding-top:28px}
}