*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0eb;color:#111;font-family:"DM Sans",sans-serif;cursor:none}a,button{cursor:none;color:inherit}.preloader{position:fixed;inset:0;background:#101010;color:#fff;z-index:100;display:flex;flex-direction:column;padding:25px 4vw;transition:.8s}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.pre-top,.pre-bottom{display:flex;justify-content:space-between;font:500 9px Manrope;letter-spacing:.16em;color:#aaa}.pre-center{flex:1;display:grid;place-items:center}.pre-center img{width:min(360px,60vw);filter:invert(1)}.pre-line{height:1px;background:#333}.pre-line span{display:block;width:0;height:100%;background:#fff}.pre-bottom{padding-top:14px}.pre-bottom #preCount{color:#fff}.cursor{position:fixed;z-index:90;width:10px;height:10px;border-radius:50%;background:#111;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference;transition:.25s}.cursor.active{width:64px;height:64px;background:#fff}.cursor-label{position:fixed;z-index:91;transform:translate(-50%,-50%);pointer-events:none;font:700 8px Manrope;letter-spacing:.1em;opacity:0;transition:.2s}.cursor-label.active{opacity:1}.scroll-progress{position:fixed;z-index:80;top:0;left:0;width:0;height:3px;background:#e21b18}.nav{position:fixed;z-index:40;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#f2f0ebc9;backdrop-filter:blur(18px);border-bottom:1px solid #d3d0c8}.brand img{width:132px;display:block}.nav nav{display:flex;gap:34px;margin-left:8vw}.nav nav a{font:600 9px Manrope;letter-spacing:.1em;text-decoration:none}.nav nav small{color:#999;margin-left:5px}.nav-cta{border:1px solid #aaa;border-radius:100px;padding:11px 14px 11px 17px;text-decoration:none;font:600 9px Manrope;letter-spacing:.08em}.nav-cta b{font-size:16px;margin-left:8px}.nav-cta:hover{background:#111;color:#fff}.menu{display:none;border:0;background:none}.hero{height:100svh;min-height:680px;position:relative;background:#111;color:#fff;overflow:hidden;padding:120px 4vw 30px}.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.06);transition:transform 2s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000e,transparent 70%),linear-gradient(0deg,#000d,transparent 58%),radial-gradient(circle at 75% 40%,transparent 0,#0004 75%)}.hero-top,.hero-foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;font:500 9px Manrope;letter-spacing:.15em;color:#d0d0d0}.hero-top span:nth-child(2){text-align:center}.hero-top span:last-child{text-align:right}.hero-content{position:relative;z-index:2;margin-top:12vh}.eyebrow{font:600 9px Manrope;letter-spacing:.18em;color:#bbb}.hero h1{font:800 clamp(65px,10.8vw,175px)/.77 Manrope;letter-spacing:-.095em;margin:24px 0 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #fff}.hero h1 span{color:#e21b18}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:670px;margin-top:38px}.hero-bottom p{max-width:360px;color:#ccc;font-size:14px;line-height:1.6}.round-link{width:105px;height:105px;border:1px solid #999;border-radius:50%;display:grid;place-items:center;text-align:center;text-decoration:none;font:700 8px/1.3 Manrope}.round-link b{font-size:20px;color:#e21b18}.round-link:hover{background:#e21b18;border-color:#e21b18}.round-link:hover b{color:#fff}.hero-foot{position:absolute;bottom:30px;left:4vw;right:4vw}.hero-foot span:last-child{text-align:right}.hero-play{position:absolute;right:4vw;bottom:105px;z-index:3;border:0;background:none;color:#fff;font:600 8px Manrope;letter-spacing:.1em;display:flex;align-items:center;gap:12px}.hero-play span{width:45px;height:45px;border:1px solid #888;border-radius:50%;display:grid;place-items:center}.hero-play:hover span{background:#e21b18;border-color:#e21b18}.ticker{height:56px;background:#e21b18;color:#fff;overflow:hidden;display:flex;align-items:center}.ticker div{white-space:nowrap;font:700 17px Manrope;animation:ticker 26s linear infinite}.ticker b{padding:0 24px;font-size:10px}@keyframes ticker{to{transform:translateX(-35%)}}.section{padding:10vw 4vw;border-bottom:1px solid #d0cdc5}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:60px}.kicker{font:600 9px Manrope;letter-spacing:.17em;color:#777}.section h2{font:800 clamp(58px,8vw,125px)/.78 Manrope;letter-spacing:-.09em;margin:22px 0 0}.section h2 em{font-style:normal;color:#e21b18}.section-note{display:flex;align-items:end;gap:22px}.section-note strong{font:800 80px Manrope;letter-spacing:-.08em}.section-note p{font-size:13px;line-height:1.6;color:#777;max-width:220px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:34px}.filters button{border:1px solid #bbb;background:none;border-radius:100px;padding:10px 15px;font:600 8px Manrope;letter-spacing:.05em}.filters button.active,.filters button:hover{background:#111;color:#fff;border-color:#111}.bento{display:grid;grid-template-columns:1.55fr .75fr;grid-template-rows:300px 300px;gap:12px;margin-bottom:70px}.bento-card{position:relative;overflow:hidden;background:#222}.bento-card:first-child{grid-row:span 2}.bento-card img{width:100%;height:100%;object-fit:cover;transition:1s}.bento-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 60%)}.bento-card:hover img{transform:scale(1.05)}.bento-info{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:end;color:#fff}.bento-info small{font-size:8px;letter-spacing:.15em}.bento-info h3{font:700 22px Manrope;letter-spacing:-.05em;margin:5px 0}.bento-info span{font:600 8px Manrope;letter-spacing:.12em}.archive-head{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 2px;margin-bottom:18px;font:600 8px Manrope;letter-spacing:.15em;color:#777}.archive-head span:nth-child(2){text-align:center}.archive-head button{text-align:right;border:0;background:none;font:600 8px Manrope;letter-spacing:.15em;color:#777}.archive-head button:hover{color:#e21b18}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 13px}.project{transition:.35s}.thumb{aspect-ratio:1.5/1;background:#222;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s}.project:hover img{transform:scale(1.045)}.project .info{display:flex;justify-content:space-between;padding:12px 1px}.project h3{font:700 18px Manrope;letter-spacing:-.04em;margin:0}.project p,.project .info>span{font-size:9px;color:#777;margin:5px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-visual{height:600px;background:#111;color:#fff;display:grid;place-items:center;position:relative;overflow:hidden}.about-visual>div{font:800 clamp(58px,8vw,120px)/.72 Manrope;letter-spacing:-.1em;transform:rotate(-7deg)}.about-visual>div span{color:#e21b18}.stamp{position:absolute!important;right:25px;top:25px;width:75px;height:75px;border:1px solid #777;border-radius:50%;display:grid!important;place-items:center;transform:none!important;text-align:center;font:700 9px/1 Manrope!important;letter-spacing:0!important;color:#aaa}.about-copy h2{font-size:clamp(55px,7vw,105px)}.about-copy p{max-width:500px;color:#666;font-size:14px;line-height:1.8}.about-copy .lead{font:600 28px/1.1 Manrope;color:#111;letter-spacing:-.05em;margin-top:45px}.stats{display:flex;gap:7vw;border-top:1px solid #ccc;margin-top:55px;padding-top:22px}.stats b{display:block;font:800 45px Manrope;letter-spacing:-.07em}.stats span{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.1em}.services>.section-head>p{max-width:250px;color:#777;font-size:13px;line-height:1.6}.service-list{border-top:1px solid #ccc}.service-list article{display:grid;grid-template-columns:8% 1fr 5%;align-items:center;min-height:132px;border-bottom:1px solid #ccc;padding:0 12px;transition:.4s}.service-list article:hover{background:#111;color:#fff;padding-left:24px}.service-list article>span{font:600 9px Manrope;color:#888}.service-list h3{font:700 clamp(25px,3.2vw,48px) Manrope;letter-spacing:-.06em;margin:0}.service-list p{font-size:11px;color:#777;margin:5px 0}.service-list article:hover p{color:#aaa}.service-list b{font-size:24px;color:#e21b18;text-align:right}.statement{background:#111;color:#fff;text-align:center;padding:12vw 4vw;font:800 clamp(55px,10.5vw,165px)/.76 Manrope;letter-spacing:-.1em}.statement small{display:block;font:600 9px Manrope;letter-spacing:.18em;color:#777;margin-bottom:45px}.statement .red{color:#e21b18}.statement .outline{color:transparent;-webkit-text-stroke:1px #fff}.contact{background:#e21b18;padding:6vw 4vw 7vw}.contact-top{display:flex;justify-content:space-between;border-bottom:1px solid #b61513;padding-bottom:20px;font:600 9px Manrope;letter-spacing:.15em}.contact-body{padding-top:8vw}.contact h2{font:800 clamp(58px,9.2vw,150px)/.78 Manrope;letter-spacing:-.09em;margin:0 0 75px}.contact h2 em{font-style:normal;color:#fff}.contact-mail{max-width:900px;display:flex;justify-content:space-between;border-bottom:1px solid #111;padding-bottom:13px;text-decoration:none;font:600 clamp(22px,3.1vw,48px) Manrope;letter-spacing:-.05em}.contact-mail span{font-size:28px}.contact-wa{display:inline-block;margin-top:23px;text-decoration:none;font:600 11px Manrope}.contact-wa:hover,.contact-mail:hover{opacity:.65}footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;padding:25px 4vw;align-items:center;color:#777;font:500 8px Manrope;letter-spacing:.12em}footer img{width:120px}footer span:nth-child(2),footer span:nth-child(3){text-align:center}footer a{text-align:right;text-decoration:none}footer a:hover{color:#e21b18}.modal{display:none;position:fixed;inset:0;z-index:70}.modal.open{display:block}.modal-bg{position:absolute;inset:0;background:#000e;backdrop-filter:blur(10px)}.modal-box{position:absolute;inset:4vh 4vw;background:#111;color:#fff;padding:17px;display:flex;flex-direction:column;box-shadow:0 25px 100px #000}.close{position:absolute;z-index:4;right:17px;top:17px;width:44px;height:44px;border:1px solid #777;background:#111;color:#fff;border-radius:50%;font-size:25px}.close:hover{background:#e21b18;border-color:#e21b18}.modal-top,.modal-bottom{display:flex;justify-content:space-between;align-items:center;padding:4px 3px 13px;font:600 8px Manrope;letter-spacing:.14em;color:#aaa}.modal-bottom{padding:15px 3px 2px}.modal-bottom h3{font:700 24px Manrope;color:#fff;margin:0}.modal-bottom a{color:#fff;text-decoration:none;border-bottom:1px solid #555;padding-bottom:5px}.modal-bottom a:hover{color:#e21b18}.modal-video{flex:1;min-height:0}.modal-video iframe{width:100%;height:100%;border:0}
@media(max-width:850px){body,a,button{cursor:auto}.cursor,.cursor-label{display:none}.nav{height:70px}.brand img{width:115px}.nav nav,.nav-cta{display:none}.menu{display:block}.mobile-menu{position:fixed;z-index:39;top:70px;left:0;right:0;background:#f2f0eb;border-bottom:1px solid #ccc;padding:22px 5vw;display:none}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:12px 0;text-decoration:none;font:800 34px Manrope;letter-spacing:-.06em}.mobile-menu small{font:600 8px Manrope;color:#888;letter-spacing:.1em}.hero{min-height:700px;padding:100px 5vw 25px}.hero-top{grid-template-columns:1fr 1fr}.hero-top span:nth-child(2){text-align:right}.hero-top span:last-child{display:none}.hero-content{margin-top:14vh}.hero h1{font-size:17vw}.hero-bottom{margin-top:30px}.hero-play{right:5vw;bottom:85px}.section{padding:18vw 5vw}.section-head{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.section h2{font-size:16vw}.section-note strong{font-size:65px}.bento{grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.bento-card:first-child{grid-row:auto}.archive-grid{grid-template-columns:1fr;gap:28px}.about{grid-template-columns:1fr;gap:45px}.about-visual{height:380px}.about-copy h2{font-size:15vw}.service-list article{grid-template-columns:13% 1fr 8%;min-height:145px}.service-list p{font-size:10px;max-width:260px}.statement{font-size:15vw;padding:22vw 5vw}.contact{padding:15vw 5vw 18vw}.contact h2{font-size:15vw;margin-bottom:55px}.contact-mail{font-size:6vw}.contact-top{font-size:7px}footer{grid-template-columns:1fr 1fr;padding:25px 5vw}footer img{width:110px}footer span:nth-child(2),footer span:nth-child(3),footer a{text-align:left}.modal-box{inset:0;padding:10px}.modal-top{padding-right:52px}.modal-bottom{display:block}.modal-bottom a{display:inline-block;margin-top:12px}}
/* V5 SCRATCH LOGO INTRO */
.preloader{overflow:hidden;background:#090909}
.pre-grain{position:absolute;inset:-50%;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}
.scratch-stage{position:relative;flex:1;display:grid;place-items:center;isolation:isolate}
.scratch-frame{position:absolute;width:min(640px,78vw);height:min(260px,32vw);border:1px solid #292929;transform:rotate(-1deg);box-shadow:0 0 0 1px #111 inset}
.scratch-logo{position:absolute;width:min(380px,58vw);filter:invert(1);object-fit:contain}
.scratch-logo.base{opacity:.18;filter:invert(1) contrast(1.8)}
.scratch-logo.reveal{clip-path:inset(100% 0 0 0);animation:logoScratch 2.2s cubic-bezier(.76,0,.24,1) .15s forwards}
.scratch-scan{position:absolute;width:min(460px,70vw);height:2px;background:#e21b18;box-shadow:0 0 18px #e21b18;top:44%;opacity:0;animation:scanScratch 1.45s ease .35s forwards}
.scratch-copy{position:absolute;bottom:17%;font:600 8px Manrope;letter-spacing:.3em;color:#777;opacity:0;animation:copyIn .7s ease 1.5s forwards}
.scratch-copy span{color:#e21b18}
@keyframes logoScratch{0%{clip-path:inset(100% 0 0 0);transform:translate(-12px,5px);opacity:.25}18%{clip-path:inset(75% 0 0 0);transform:translate(7px,-3px)}37%{clip-path:inset(54% 0 0 0);transform:translate(-5px,2px)}55%{clip-path:inset(32% 0 0 0);transform:translate(3px,0)}75%{clip-path:inset(12% 0 0 0);transform:translate(-1px,0)}100%{clip-path:inset(0);transform:none;opacity:1}}
@keyframes scanScratch{0%{top:62%;opacity:0}15%{opacity:1}75%{opacity:1}100%{top:35%;opacity:0}}
@keyframes copyIn{to{opacity:1}}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
/* 9-item archive pagination */
.pager{display:flex;justify-content:center;align-items:center;gap:7px;margin:38px 0 60px}
.pager button{min-width:38px;height:38px;padding:0 12px;border:1px solid #bbb;background:none;border-radius:50%;font:600 8px Manrope}
.pager button.active,.pager button:hover{background:#111;color:#fff;border-color:#111}
.pager .next{border-radius:100px;padding:0 17px}
@media(max-width:850px){.pager{margin:28px 0 45px}.pager button{min-width:34px;height:34px}}
/* ================= V6 PREMIUM HOMEPAGE ================= */
.hero-meta{position:absolute;right:4vw;bottom:170px;z-index:3;display:flex;gap:22px;flex-direction:column;align-items:flex-end;font:600 8px Manrope;letter-spacing:.16em;color:#aaa}
.hero-meta span:last-child{color:#e21b18}
.showreel-strip{background:#e21b18;color:#111;min-height:105px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px}
.showreel-label{font:800 10px Manrope;letter-spacing:.16em}
.showreel-strip button{border:0;background:#111;color:#fff;border-radius:100px;padding:17px 25px;font:700 9px Manrope;letter-spacing:.12em}
.showreel-strip button span{color:#e21b18;font-size:15px;margin-left:12px}
.showreel-strip button:hover{transform:translateY(-3px)}
.showreel-line{height:1px;background:#a51311}
.work .section-head{margin-bottom:45px}
.bento-card{cursor:pointer}
.bento-card:nth-child(1){border-radius:0}
.project{position:relative}
.project:before{content:"";position:absolute;top:-8px;right:0;font:600 8px Manrope;letter-spacing:.12em;color:#999}
.project:nth-child(1):before{content:"01"}
.project:nth-child(2):before{content:"02"}
.project:nth-child(3):before{content:"03"}
.project:nth-child(4):before{content:"04"}
.project:nth-child(5):before{content:"05"}
.project:nth-child(6):before{content:"06"}
.project:nth-child(7):before{content:"07"}
.project:nth-child(8):before{content:"08"}
.project:nth-child(9):before{content:"09"}
.project .thumb{position:relative}
.project .thumb:after{content:"PLAY ↗";position:absolute;right:14px;bottom:14px;background:#111;color:#fff;border-radius:100px;padding:9px 12px;font:700 7px Manrope;letter-spacing:.1em;opacity:0;transform:translateY(8px);transition:.3s}
.project:hover .thumb:after{opacity:1;transform:none}
.process{background:#e8e5de;padding:10vw 4vw;border-bottom:1px solid #ccc}
.process-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:70px}
.process h2{font:800 clamp(60px,8vw,120px)/.78 Manrope;letter-spacing:-.09em;margin:0}
.process h2 em{font-style:normal;color:#e21b18}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bbb}
.process-grid article{min-height:260px;padding:25px 25px 25px 0;border-right:1px solid #bbb}
.process-grid article:not(:first-child){padding-left:25px}
.process-grid article:last-child{border-right:0}
.process-grid span{font:600 8px Manrope;color:#888}
.process-grid h3{font:800 38px Manrope;letter-spacing:-.07em;margin:65px 0 12px}
.process-grid p{font-size:12px;color:#666;line-height:1.7;max-width:300px}
.statement{position:relative;overflow:hidden}
.statement:before{content:"LP";position:absolute;right:3vw;top:5vw;font:800 15vw Manrope;color:#151515;line-height:.7;pointer-events:none}
.contact{position:relative;overflow:hidden}
.contact:after{content:"LAST\\A PICTURES";white-space:pre;position:absolute;right:3vw;bottom:-1vw;font:800 13vw/.72 Manrope;letter-spacing:-.12em;color:#d01816;opacity:.45;pointer-events:none}
.contact-body{position:relative;z-index:2}
.modal-box{border:1px solid #333}
.modal-video{background:#050505}
@media(max-width:850px){
.hero-meta{display:none}
.showreel-strip{grid-template-columns:1fr auto;padding:0 5vw;min-height:90px}
.showreel-line{display:none}
.process{padding:18vw 5vw}
.process-head{grid-template-columns:1fr;gap:25px;margin-bottom:45px}
.process-grid{grid-template-columns:1fr}
.process-grid article,.process-grid article:not(:first-child){min-height:auto;padding:25px 0;border-right:0;border-bottom:1px solid #bbb}
.process-grid article:last-child{border-bottom:0}
.process-grid h3{margin:35px 0 10px}
.contact:after{font-size:23vw}
}
/* ================= V7 CINEMATIC EXPERIENCE ================= */
.hero{isolation:isolate}
.hero-bg{filter:saturate(.78) contrast(1.08)}
.hero-video-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-video-layer:before{content:"";position:absolute;inset:-10%;background:linear-gradient(115deg,transparent 35%,#ffffff0b 45%,transparent 55%);animation:lightSweep 8s ease-in-out infinite}
.hero-video-grain{position:absolute;inset:-50%;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .13s steps(2) infinite}
.hero-video-vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px #000b}
.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e21b18;margin-right:7px;box-shadow:0 0 12px #e21b18}
.hero-index{position:absolute;right:4vw;top:49%;z-index:3;font:700 10px Manrope;letter-spacing:.12em;color:#fff}.hero-index span{color:#777;padding:0 8px}
.hero-content{animation:heroContentIn 1.2s cubic-bezier(.2,.7,.2,1) .35s both}
.hero h1{ text-shadow:0 8px 35px #0008}
.v7-manifesto{height:190px;background:#111;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #333}
.manifesto-track{white-space:nowrap;font:800 clamp(48px,7vw,105px)/.8 Manrope;letter-spacing:-.09em;animation:marqueeV7 28s linear infinite}
.manifesto-track b{font-size:.35em;color:#e21b18;padding:0 25px;vertical-align:middle}
.v7-manifesto p{margin:30px 4vw 0;font:600 8px Manrope;letter-spacing:.22em;color:#777}
.v7-belief{padding:11vw 4vw;background:#e21b18;color:#111;display:grid;grid-template-columns:12% 1fr;gap:3vw;border-bottom:1px solid #111}
.belief-number{font:700 9px Manrope;letter-spacing:.15em}
.v7-belief h2{font:800 clamp(60px,8vw,120px)/.78 Manrope;letter-spacing:-.09em;margin:20px 0 45px}
.v7-belief h2 em{font-style:normal;color:#fff}
.v7-belief p{font-size:15px;line-height:1.7;max-width:650px}
.belief-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:35px}.belief-tags span{border:1px solid #111;border-radius:100px;padding:9px 13px;font:700 8px Manrope;letter-spacing:.1em}
.belief-tags span:hover{background:#111;color:#fff}
@keyframes heroDrift{from{transform:scale(1.06) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(1%,1%,0)}}
@keyframes lightSweep{0%,30%{transform:translateX(-80%)}70%,100%{transform:translateX(80%)}}
@keyframes heroContentIn{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
@keyframes marqueeV7{to{transform:translateX(-50%)}}
@media(max-width:850px){
.hero-index{right:5vw;top:auto;bottom:122px}
.v7-manifesto{height:145px}
.v7-manifesto p{margin-top:22px}
.v7-belief{grid-template-columns:1fr;padding:18vw 5vw;gap:20px}
.v7-belief h2{font-size:15vw}
.v7-belief p{font-size:13px}
}
/* ================= V7.1 PERFORMANCE OPTIMIZATION ================= */
.v7-manifesto{contain:layout paint;will-change:auto}
.manifesto-track{display:inline-block;transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;contain:paint;animation:marqueeV7 34s linear infinite}
.hero-bg{will-change:transform;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.08);backface-visibility:hidden}
.hero-video-grain{animation:grain 1.2s steps(2) infinite;will-change:transform;contain:paint}
@keyframes heroDriftV71{from{transform:scale(1.08)}to{transform:scale(1.11)}}
.hero-bg{animation:heroDriftV71 18s ease-in-out infinite alternate}
@media (prefers-reduced-motion: reduce){
.manifesto-track,.hero-bg,.hero-video-grain,.hero-video-layer:before{animation:none!important}
html{scroll-behavior:auto!important}
}
@media (pointer:coarse){
.hero-bg{animation:heroDriftV71 22s ease-in-out infinite alternate}
}
/* ================= V7.2 SERVICES + SOCIAL FOOTER ================= */
.v72-services{background:#e8e5de;color:#111;padding:9vw 4vw;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;font:700 8px Manrope;letter-spacing:.16em}
.service-note{color:#777}
.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aaa;border-bottom:1px solid #aaa}
.service-card{position:relative;min-height:500px;padding:35px;overflow:hidden}
.service-card:first-child{border-right:1px solid #aaa}
.service-index{font:700 9px Manrope;color:#777}
.service-content{position:relative;z-index:2;margin-top:90px;max-width:560px}
.service-eyebrow{font:700 8px Manrope;letter-spacing:.18em;color:#777}
.service-card h2{font:800 clamp(55px,7vw,105px)/.78 Manrope;letter-spacing:-.09em;margin:20px 0 30px}
.service-card h2 em{font-style:normal;color:#e21b18}
.service-card p{max-width:440px;font-size:13px;line-height:1.7;color:#555;margin-bottom:35px}
.service-cta{display:inline-flex;align-items:center;gap:22px;background:#e21b18;color:#111;text-decoration:none;border-radius:100px;padding:15px 20px;font:800 8px Manrope;letter-spacing:.1em;transition:transform .25s ease,background .25s ease}
.service-cta b{font-size:14px}
.service-cta:hover{transform:translateY(-4px);background:#111;color:#fff}
.service-cta.dark{background:#111;color:#fff}
.service-cta.dark:hover{background:#e21b18;color:#111}
.service-drone{background:#ddd9d0}
.drone-mark{position:absolute;right:-35px;bottom:-45px;font:800 10vw/.7 Manrope;letter-spacing:-.12em;color:#d0ccc3;transform:rotate(-8deg)}
.service-project{background:#e21b18}
.service-project h2 em{color:#fff}
.service-project .service-eyebrow,.service-project p{color:#2b0807}
.v72-footer{background:#0b0b0b;color:#fff;padding:75px 4vw 25px}
.footer-brand{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #292929;padding-bottom:55px}
.footer-brand img{width:min(220px,35vw);filter:invert(1)}
.footer-brand p{font:600 8px/1.8 Manrope;letter-spacing:.12em;text-transform:uppercase;color:#777;text-align:right}
.footer-social{padding:55px 0;border-bottom:1px solid #292929}
.footer-social>span{font:700 8px Manrope;letter-spacing:.16em;color:#777}
.social-links{display:flex;gap:45px;margin-top:30px;flex-wrap:wrap}
.social-links a{color:#fff;text-decoration:none;font:800 clamp(30px,4vw,55px) Manrope;letter-spacing:-.06em}
.social-links a b{font-size:.35em;color:#e21b18;vertical-align:middle;margin-left:8px}
.social-links a:hover{color:#e21b18}
.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;font:600 7px Manrope;letter-spacing:.12em;color:#666}
@media(max-width:850px){
.v72-services{padding:18vw 5vw}
.service-top{align-items:flex-start;gap:20px;flex-direction:column}
.service-grid{grid-template-columns:1fr}
.service-card:first-child{border-right:0;border-bottom:1px solid #aaa}
.service-card{min-height:420px;padding:25px}
.service-content{margin-top:60px}
.service-card h2{font-size:16vw}
.drone-mark{font-size:22vw}
.v72-footer{padding:55px 5vw 22px}
.footer-brand{padding-bottom:40px}
.footer-brand img{width:180px}
.social-links{gap:20px;flex-direction:column}
.social-links a{font-size:42px}
.footer-bottom{flex-direction:column;gap:8px}
}
/* =========================================================
LAST PICTURES V8 — REAL LOGO RUBBER STRETCH
The actual logo graphic is animated; no letter-by-letter text.
========================================================= */
#preloader .scratch-stage{
perspective:900px;
}
#preloader .v8-real-logo{
display:block;
width:min(38vw,520px);
max-width:76%;
height:auto;
object-fit:contain;
transform-origin:50% 50%;
will-change:transform,opacity,filter;
animation:lpLogoRubberV8 1.75s cubic-bezier(.16,1.25,.22,1) .08s both;
filter:drop-shadow(0 0 0 rgba(255,255,255,0));
}
#preloader .scratch-frame{
opacity:.35;
animation:lpFrameV8 1.7s ease-out .05s both;
}
#preloader .scratch-scan{
animation:lpScanV8 1.45s cubic-bezier(.2,.8,.2,1) .18s both;
}
#preloader .scratch-copy{
opacity:0;
animation:lpTagV8 .7s cubic-bezier(.16,1,.3,1) 1.45s forwards;
}
@keyframes lpLogoRubberV8{
0%{
opacity:0;
transform:translate3d(-8vw,0,0) scale3d(.10,.96,1);
filter:blur(7px);
}
12%{
opacity:1;
transform:translate3d(-3vw,0,0) scale3d(1.55,.88,1);
filter:blur(2px);
}
26%{
transform:translate3d(2.2vw,0,0) scale3d(1.22,.94,1);
filter:blur(.5px);
}
42%{
transform:translate3d(-1.4vw,0,0) scale3d(.82,1.03,1);
}
58%{
transform:translate3d(.8vw,0,0) scale3d(1.12,.97,1);
}
73%{
transform:translate3d(-.35vw,0,0) scale3d(.96,1.01,1);
}
87%{
transform:translate3d(.12vw,0,0) scale3d(1.025,.99,1);
}
100%{
opacity:1;
transform:translate3d(0,0,0) scale3d(1,1,1);
filter:blur(0);
}
}
@keyframes lpFrameV8{
0%{opacity:0;transform:scaleX(.2)}
30%{opacity:.22;transform:scaleX(1.35)}
100%{opacity:.35;transform:scaleX(1)}
}
@keyframes lpScanV8{
0%{opacity:0;transform:translateX(-120%)}
35%{opacity:.65}
100%{opacity:0;transform:translateX(120%)}
}
@keyframes lpTagV8{
0%{opacity:0;transform:translateY(12px);letter-spacing:.34em}
100%{opacity:1;transform:translateY(0);letter-spacing:.16em}
}
#preloader.done .v8-real-logo{
animation:lpLogoExitV8 .55s cubic-bezier(.7,0,.84,0) forwards;
}
@keyframes lpLogoExitV8{
to{opacity:0;transform:scale3d(1.03,1.03,1);filter:blur(4px)}
}
@media(max-width:700px){
#preloader .v8-real-logo{width:min(70vw,420px);max-width:82%}
}
@media(prefers-reduced-motion:reduce){
#preloader .v8-real-logo,#preloader .scratch-frame,#preloader .scratch-scan,#preloader .scratch-copy{
animation:none!important;
opacity:1!important;
transform:none!important;
filter:none!important;
}
}
/* =========================================================
LAST PICTURES V8.1 — ICON CONTACT + HERO VIDEO
========================================================= */
.footer-social{display:flex;align-items:center;justify-content:space-between;gap:30px}
.lp-social-icons{display:flex;align-items:center;gap:14px}
.lp-social-icons a{
width:42px;height:42px;border:1px solid #3a3a3a;border-radius:50%;
display:grid;place-items:center;color:#fff;text-decoration:none;
transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.lp-social-icons a:hover{transform:translateY(-3px);border-color:#e21b18;background:#e21b18}
.lp-social-icons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.lp-social-icons svg .fill{stroke:none;fill:currentColor}
.lp-social-icons a:nth-child(2) svg{stroke:none}
.lp-contact-row{
display:flex;align-items:center;justify-content:center;gap:14px;
background:#0b0b0b;color:#fff;padding:22px 4vw;border-bottom:1px solid #292929;
}
.lp-contact-item{
min-width:260px;height:48px;box-sizing:border-box;
padding:0 18px;border:1px solid #292929;border-radius:999px;
display:flex;align-items:center;justify-content:center;gap:11px;
color:#fff;text-decoration:none;font:700 9px Manrope,Arial,sans-serif;letter-spacing:.06em;
transition:border-color .25s ease,transform .25s ease;
}
.lp-contact-item:hover{border-color:#e21b18;transform:translateY(-2px)}
.lp-contact-icon{width:20px;height:20px;display:grid;place-items:center;font-size:14px;color:#e21b18}
.lp-wa{font-size:19px}
.legacy-hidden{display:none!important}
.lp-hero-video-trigger{
position:absolute;right:4vw;bottom:4vw;z-index:8;
width:92px;height:92px;border:1px solid rgba(255,255,255,.45);border-radius:50%;
background:rgba(0,0,0,.18);backdrop-filter:blur(7px);
color:#fff;display:grid;place-items:center;cursor:pointer;
transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.lp-hero-video-trigger:hover{transform:scale(1.08);border-color:#fff;background:rgba(226,27,24,.75)}
.lp-play-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}
.lp-play-icon svg{width:18px;height:18px;fill:#fff;margin-left:2px}
.lp-play-label{position:absolute;top:102%;font:700 7px Manrope,Arial,sans-serif;letter-spacing:.16em;white-space:nowrap;color:#aaa}
.lp-video-modal{
position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;
display:none;align-items:center;justify-content:center;padding:5vw;
}
.lp-video-modal.is-open{display:flex}
.lp-video-box{width:min(1100px,92vw);aspect-ratio:16/9;border:1px solid #292929;background:#090909;display:grid;place-items:center}
.lp-video-placeholder{text-align:center;color:#fff;font:800 28px Manrope,Arial,sans-serif;letter-spacing:-.04em}
.lp-video-placeholder small{display:block;margin-top:10px;font:700 7px Manrope,Arial,sans-serif;letter-spacing:.2em;color:#777}
.lp-video-close{
position:absolute;right:28px;top:20px;background:none;border:0;color:#fff;
font-size:42px;font-weight:200;cursor:pointer;line-height:1;
}
@media(max-width:700px){
.footer-social{align-items:flex-start;flex-direction:column}
.lp-contact-row{flex-direction:column;padding:18px 5vw}
.lp-contact-item{width:100%;min-width:0}
.lp-hero-video-trigger{width:72px;height:72px;right:5vw;bottom:7vw}
}
/* =========================================================
LAST PICTURES V8.2 — CLEAN UNIFIED FOOTER
No image-as-text contact layer; icons and text are real HTML/SVG.
========================================================= */
.lp-footer-v82{
background:#0a0a0a;
color:#fff;
padding:0 4vw;
}
.lp-footer-main{
min-height:360px;
display:grid;
grid-template-columns:1.05fr 1.5fr .7fr;
gap:7vw;
align-items:start;
padding:72px 0 62px;
border-bottom:1px solid #242424;
}
.lp-footer-brand img{
width:min(220px,20vw);
height:auto;
display:block;
filter:invert(1);
}
.lp-footer-brand p{
margin:24px 0 0;
color:#777;
font:600 8px/1.8 Manrope,Arial,sans-serif;
letter-spacing:.13em;
text-transform:uppercase;
}
.lp-footer-label{
margin-bottom:22px;
color:#666;
font:700 8px Manrope,Arial,sans-serif;
letter-spacing:.18em;
text-transform:uppercase;
}
.lp-footer-contact{
max-width:560px;
}
.lp-footer-contact-link{
min-height:58px;
display:flex;
align-items:center;
gap:15px;
color:#fff;
text-decoration:none;
border-bottom:1px solid #292929;
transition:color .2s ease,padding-left .25s ease,border-color .2s ease;
}
.lp-footer-contact-link:first-of-type{
border-top:1px solid #292929;
}
.lp-footer-contact-link:hover{
color:#e21b18;
padding-left:8px;
border-color:#444;
}
.lp-footer-icon{
width:24px;
height:24px;
flex:0 0 24px;
display:grid;
place-items:center;
color:#e21b18;
}
.lp-footer-icon svg{
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.5;
stroke-linecap:round;
stroke-linejoin:round;
}
.lp-footer-contact-text{
flex:1;
font:700 12px Manrope,Arial,sans-serif;
letter-spacing:-.02em;
overflow-wrap:anywhere;
}
.lp-footer-arrow{
color:#666;
font-size:16px;
transition:color .2s ease,transform .2s ease;
}
.lp-footer-contact-link:hover .lp-footer-arrow{
color:#e21b18;
transform:translate(3px,-3px);
}
.lp-social-icons-v82{
display:flex;
align-items:center;
gap:12px;
}
.lp-social-icons-v82 a{
width:46px;
height:46px;
display:grid;
place-items:center;
border:1px solid #333;
border-radius:50%;
color:#fff;
text-decoration:none;
transition:transform .25s ease,color .25s ease,border-color .25s ease,background .25s ease;
}
.lp-social-icons-v82 a:hover{
transform:translateY(-4px);
color:#fff;
background:#e21b18;
border-color:#e21b18;
}
.lp-social-icons-v82 svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.lp-social-icons-v82 .dot{fill:currentColor;stroke:none}
.lp-social-icons-v82 .yt-fill{fill:currentColor;stroke:none}
.lp-social-icons-v82 .yt-play{fill:#0a0a0a;stroke:none}
.lp-footer-bottom-v82{
min-height:64px;
display:grid;
grid-template-columns:1fr auto 1fr;
gap:20px;
align-items:center;
color:#666;
font:600 7px Manrope,Arial,sans-serif;
letter-spacing:.13em;
text-transform:uppercase;
}
.lp-footer-bottom-v82 span:nth-child(2){text-align:center}
.lp-footer-bottom-v82 a{
justify-self:end;
color:#888;
text-decoration:none;
}
.lp-footer-bottom-v82 a:hover{color:#fff}
@media(max-width:850px){
.lp-footer-v82{padding:0 5vw}
.lp-footer-main{
grid-template-columns:1fr;
gap:45px;
padding:55px 0 48px;
}
.lp-footer-brand img{width:190px}
.lp-footer-social{padding-top:5px}
.lp-footer-bottom-v82{
grid-template-columns:1fr;
gap:10px;
padding:18px 0 22px;
}
.lp-footer-bottom-v82 span:nth-child(2){text-align:left}
.lp-footer-bottom-v82 a{justify-self:start}
}
/* =========================================================
LAST PICTURES V8.3 — SMOOTH CLIENT LOGO MARQUEE
Replace the CLIENT 01...08 text with actual client logos
when the logo assets/names are supplied.
========================================================= */
.lp-client-strip{
background:#f2f0eb;
color:#0a0a0a;
overflow:hidden;
border-top:1px solid #d9d6d0;
border-bottom:1px solid #d9d6d0;
}
.lp-client-head{
padding:22px 4vw 18px;
display:flex;
align-items:center;
justify-content:space-between;
font:700 7px Manrope,Arial,sans-serif;
letter-spacing:.18em;
text-transform:uppercase;
}
.lp-client-head span:last-child{color:#999}
.lp-client-marquee{
position:relative;
width:100%;
overflow:hidden;
mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.lp-client-track{
display:flex;
width:max-content;
animation:lpClientsMove 28s linear infinite;
will-change:transform;
}
.lp-client-set{
display:flex;
align-items:center;
flex-shrink:0;
}
.lp-client-logo{
min-width:190px;
height:92px;
padding:0 38px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
border-right:1px solid #dad7d0;
color:#777;
font:800 16px/1 Manrope,Arial,sans-serif;
letter-spacing:-.04em;
filter:grayscale(1);
opacity:.72;
transition:opacity .25s ease,transform .25s ease,color .25s ease;
}
.lp-client-logo:hover{
opacity:1;
color:#0a0a0a;
transform:scale(1.04);
}
.lp-client-marquee:hover .lp-client-track{
animation-play-state:paused;
}
@keyframes lpClientsMove{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-50%,0,0)}
}
@media(max-width:700px){
.lp-client-head{padding:18px 5vw 14px}
.lp-client-head span:last-child{display:none}
.lp-client-logo{min-width:145px;height:74px;padding:0 25px;font-size:12px}
.lp-client-track{animation-duration:22s}
}
@media(prefers-reduced-motion:reduce){
.lp-client-track{animation:none!important}
}
/* =========================================================
LAST PICTURES V8.5 — FOOTER LAYOUT FIX
Fixes collapsed email/WhatsApp text and keeps footer balanced.
========================================================= */
.lp-footer-v82{
width:100%;
box-sizing:border-box;
background:#0a0a0a;
color:#fff;
}
.lp-footer-main{
width:100%;
max-width:1500px;
margin:0 auto;
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(230px,1fr) minmax(420px,1.55fr) minmax(220px,.8fr);
gap:clamp(45px,7vw,120px);
align-items:start;
padding:76px clamp(24px,4vw,64px) 64px;
}
.lp-footer-brand,
.lp-footer-contact,
.lp-footer-social{
min-width:0;
}
.lp-footer-brand img{
width:220px;
max-width:100%;
height:auto;
display:block;
}
.lp-footer-contact{
width:100%;
max-width:650px;
}
.lp-footer-contact-link{
width:100%;
min-width:0;
min-height:64px;
box-sizing:border-box;
display:flex;
align-items:center;
gap:16px;
padding:0 2px;
color:#fff;
text-decoration:none;
border-top:1px solid #292929;
}
.lp-footer-contact-link:last-of-type{
border-bottom:1px solid #292929;
}
.lp-footer-icon{
width:24px;
min-width:24px;
height:24px;
flex:0 0 24px;
}
.lp-footer-contact-text{
display:block;
flex:1 1 auto;
min-width:0;
white-space:nowrap;
overflow:visible;
word-break:normal;
overflow-wrap:normal;
font:700 12px/1.3 Manrope,Arial,sans-serif;
letter-spacing:0;
}
.lp-footer-arrow{
flex:0 0 auto;
margin-left:12px;
}
.lp-footer-social{
justify-self:start;
}
.lp-social-icons-v82{
display:flex;
flex-direction:row;
align-items:center;
gap:12px;
}
.lp-social-icons-v82 a{
flex:0 0 46px;
}
.lp-footer-bottom-v82{
width:100%;
max-width:1500px;
margin:0 auto;
box-sizing:border-box;
padding:0 clamp(24px,4vw,64px);
}
@media(max-width:1050px){
.lp-footer-main{
grid-template-columns:minmax(190px,.8fr) minmax(330px,1.4fr) minmax(180px,.7fr);
gap:40px;
}
}
@media(max-width:780px){
.lp-footer-main{
grid-template-columns:1fr;
gap:42px;
padding:55px 5vw 45px;
}
.lp-footer-contact{
max-width:none;
}
.lp-footer-contact-text{
white-space:normal;
overflow-wrap:anywhere;
}
.lp-footer-social{
justify-self:start;
}
.lp-footer-bottom-v82{
padding:0 5vw;
}
}
/* V8.6 — bottom footer information in one clean horizontal row */
.lp-footer-bottom-v82{
width:100%;
max-width:none;
min-height:72px;
margin:0;
padding:0 clamp(24px,4vw,64px);
box-sizing:border-box;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:32px;
white-space:nowrap;
}
.lp-footer-bottom-v82 span,
.lp-footer-bottom-v82 a{
flex:0 0 auto;
white-space:nowrap;
text-align:left !important;
}
.lp-footer-bottom-v82 span:nth-child(2){
margin-left:auto;
margin-right:auto;
}
.lp-footer-bottom-v82 a{
justify-self:auto;
}
@media(max-width:780px){
.lp-footer-bottom-v82{
min-height:62px;
padding:0 5vw;
gap:16px;
font-size:6px;
}
.lp-footer-bottom-v82 span:nth-child(2){
margin-left:0;
margin-right:0;
}
}
@media(max-width:520px){
.lp-footer-bottom-v82{
gap:10px;
overflow:hidden;
}
.lp-footer-bottom-v82 span,
.lp-footer-bottom-v82 a{
font-size:5.5px;
letter-spacing:.08em;
}
}
/* V8.7 — increase bottom footer typography */
.lp-footer-bottom-v82{
min-height:82px;
gap:42px;
}
.lp-footer-bottom-v82 span,
.lp-footer-bottom-v82 a{
font-size:9px !important;
line-height:1.4;
letter-spacing:.14em;
font-weight:700;
}
@media(max-width:780px){
.lp-footer-bottom-v82{
min-height:70px;
gap:20px;
}
.lp-footer-bottom-v82 span,
.lp-footer-bottom-v82 a{
font-size:8px !important;
letter-spacing:.10em;
}
}
@media(max-width:520px){
.lp-footer-bottom-v82{
gap:14px;
}
.lp-footer-bottom-v82 span,
.lp-footer-bottom-v82 a{
font-size:7px !important;
letter-spacing:.07em;
}
}