:root{--bg:#050505;--bg2:#0a0a0a;--text:#f3f2ee;--muted:#92918d;--line:#242424;--soft:#151515;--orange:#9e1b23;--max:1460px;--pad:clamp(20px,4vw,72px)} *{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);font-weight:800}.stroke{color:transparent;-webkit-text-stroke:1px #686868}.orange{color:var(--orange)} #loader{position:fixed;inset:0;background:#050505;z-index:999;display:grid;place-items:center;transition:opacity .6s,visibility .6s;animation:loaderFailSafe .01s 2.4s forwards}.loader-inner{width:min(760px,80vw)}.loader-word{font-weight:900;font-size:clamp(48px,9vw,136px);letter-spacing:-.07em;line-height:.8}.loader-line{height:1px;background:#282828;margin-top:34px;overflow:hidden}.loader-line i{display:block;height:100%;width:0;background:var(--orange);animation:load 1.3s ease forwards}@keyframes load{to{width:100%}}body.loaded #loader{opacity:0;visibility:hidden}@keyframes loaderFailSafe{to{opacity:0;visibility:hidden;pointer-events:none}} .progress{position:fixed;left:0;top:0;width:0;height:2px;background:var(--orange);z-index:100} .site-head{height:76px;border-bottom:1px solid var(--line);position:fixed;top:0;left:0;right:0;background:rgba(5,5,5,.82);backdrop-filter:blur(16px);z-index:80}.site-head .wrap{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.04em}.brand img{width:28px;height:28px;object-fit:contain}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:10px;font-weight:800;text-transform:uppercase}.desktop-nav a{position:relative;color:#c1c0bc}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--orange);transition:.3s}.desktop-nav a:hover,.desktop-nav a.active{color:white}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:100%}.talk{border:1px solid #3b3b3b;border-radius:999px;padding:12px 19px!important}.talk:after{display:none}.menu-btn{width:42px;height:42px;border:1px solid #343434;border-radius:50%;background:none;color:white;margin-left:24px;cursor:pointer;display:grid;place-items:center}.menu-btn span{font-size:22px;transition:.35s} .menu-overlay{position:fixed;inset:0;background:#050505;z-index:90;transform:translateY(-105%);transition:transform .75s cubic-bezier(.77,0,.175,1)}body.menu-open .menu-overlay{transform:none}.menu-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.menu-left{padding:120px var(--pad) 60px;border-right:1px solid var(--line)}.menu-left nav{display:grid}.menu-left nav a{display:flex;align-items:center;gap:26px;border-bottom:1px solid #1f1f1f;padding:15px 0;font-size:clamp(34px,5vw,72px);line-height:1;font-weight:800;letter-spacing:-.045em}.menu-left nav a span{font-size:10px;color:var(--orange);letter-spacing:.1em}.menu-left nav a:hover{color:var(--orange);padding-left:14px}.menu-right{padding:140px var(--pad) 60px;display:flex;flex-direction:column;justify-content:space-between}.menu-right .giant{font-size:clamp(58px,7vw,130px);font-weight:900;line-height:.8;color:#111;text-align:right}.menu-right p{color:#777;max-width:360px;line-height:1.7}.menu-close{position:absolute;right:var(--pad);top:18px;width:42px;height:42px;border:1px solid #333;border-radius:50%;background:none;color:white;font-size:25px;cursor:pointer} .side-rail{position:fixed;left:0;top:76px;bottom:0;width:48px;border-right:1px solid var(--line);z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}.side-rail span{transform:rotate(-90deg);white-space:nowrap;font-size:9px;color:#5f5f5f;letter-spacing:.22em;text-transform:uppercase}.page{padding-left:48px}.hero{min-height:860px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#141414 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#141414 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#141414 75%,transparent calc(75% + 1px));pointer-events:none}.hero .wrap{min-height:860px;padding-top:76px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:3;padding-right:30px}.hero h1{font-size:clamp(62px,7.5vw,128px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;margin:20px 0 30px}.hero p{max-width:470px;color:#a7a6a2;line-height:1.75;font-size:14px}.hero-stats{display:flex;gap:40px;margin-top:40px}.hero-stats b{display:block;font-size:21px;color:var(--orange)}.hero-stats small{display:block;font-size:9px;text-transform:uppercase;color:#777;margin-top:5px;letter-spacing:.1em}.hero-art{position:relative;height:680px;display:grid;place-items:center}.hero-circle{width:min(610px,82%);aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative;border:1px solid #272727;box-shadow:0 0 0 18px #090909}.hero-circle:after{content:'';position:absolute;inset:0;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.65) 100%)}.hero-circle img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1)}.hero-cut{position:absolute;inset:16% 6% 10% 31%;background:url('/assets/teamwear.webp') center/cover;clip-path:polygon(15% 0,100% 10%,87% 100%,0 87%);mix-blend-mode:screen;opacity:.28}.spark{position:absolute;width:14px;height:14px}.spark:before,.spark:after{content:'';position:absolute;background:#444}.spark:before{width:1px;height:14px;left:6px}.spark:after{width:14px;height:1px;top:6px}.spark.a{top:14%;left:2%}.spark.b{right:8%;bottom:16%}.play-orb{position:absolute;right:2%;bottom:7%;width:120px;height:120px;border-radius:50%;border:1px dashed #444;display:grid;place-items:center;font-size:19px}.play-orb:before{content:'EXPLORE PORTFOLIO • EXPLORE PORTFOLIO • ';position:absolute;inset:-18px;font-size:8px;color:#777;letter-spacing:.12em;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play-orb i{width:48px;height:48px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-style:normal;color:#050505}.floating-tag{position:absolute;right:0;top:55%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background:#0f0f0f;border:1px solid #2b2b2b;border-radius:999px;padding:5px 11px 5px 5px;font-size:9px;color:#aaa}.floating-tag img{width:34px;height:34px;border-radius:50%;object-fit:cover}.floating-tag b{color:var(--orange);font-weight:700} .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;background:#070707}.marquee-track{display:inline-block;white-space:nowrap;font-size:clamp(40px,5vw,78px);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #3e3e3e;animation:marquee 28s linear infinite}.marquee-track em{font-style:normal;color:var(--orange);-webkit-text-stroke:0}@keyframes marquee{to{transform:translateX(-50%)}} .section{padding:120px 0;border-bottom:1px solid var(--line)}.section.alt{background:#0a0a0a}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:70px}.section-head h2{font-size:clamp(46px,5.6vw,90px);line-height:.9;letter-spacing:-.055em;margin:8px 0}.section-head p{color:#92918d;line-height:1.8;max-width:620px}.section-head .action{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3a3a3a;border-radius:999px;padding:13px 18px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:.3s}.button:hover{background:var(--orange);border-color:var(--orange);color:#050505} .service-stage{display:grid;grid-template-columns:.86fr 1.14fr;border-top:1px solid var(--line);min-height:620px}.service-copy{padding:54px 50px 40px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.service-copy h3{font-size:clamp(34px,4vw,66px);line-height:.95;margin:8px 0 20px;letter-spacing:-.045em}.service-copy p{color:#8c8b87;line-height:1.8;max-width:480px}.service-preview{height:300px;overflow:hidden;margin-top:35px}.service-preview img{width:100%;height:100%;object-fit:cover;transition:.5s;filter:saturate(.55)}.service-list{padding-left:50px}.service-item{display:grid;grid-template-columns:48px 1fr 40px;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;cursor:pointer}.service-item:first-child{border-top:0}.service-item .num{font-size:10px;color:var(--orange)}.service-item h4{font-size:clamp(24px,2.3vw,38px);margin:0;letter-spacing:-.035em;color:#696969;transition:.25s}.service-item:hover h4,.service-item.active h4{color:white}.service-item .arrow{font-size:20px;color:#555;transition:.3s}.service-item:hover .arrow,.service-item.active .arrow{color:var(--orange);transform:translate(3px,-3px)} .project-strip{display:grid;grid-template-columns:repeat(5,1fr);height:620px;border:1px solid var(--line);overflow:hidden}.project-card{position:relative;border-right:1px solid var(--line);overflow:hidden;min-width:0}.project-card:last-child{border-right:0}.project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.78);transition:.7s}.project-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 60%);z-index:1}.project-card .vertical{position:absolute;left:17px;bottom:22px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);font-size:22px;font-weight:800;letter-spacing:-.03em}.project-card .meta{position:absolute;right:18px;top:18px;z-index:2;font-size:9px;color:#aaa;text-transform:uppercase}.project-card .proj-arrow{position:absolute;right:17px;bottom:18px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #555;display:grid;place-items:center;color:var(--orange);opacity:0;transition:.3s}.project-card:hover img{transform:scale(1.05);filter:saturate(.9) brightness(.85)}.project-card:hover .proj-arrow{opacity:1} .story{display:grid;grid-template-columns:.85fr 1.15fr;min-height:650px;border-top:1px solid var(--line)}.story-media{border-right:1px solid var(--line);position:relative;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.story-copy{padding:70px}.story-copy h2{font-size:clamp(42px,5vw,80px);line-height:.92;letter-spacing:-.055em;margin:10px 0 28px}.story-copy p{color:#999;line-height:1.8}.bar{margin-top:30px}.bar-top{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;color:#bbb}.bar-line{height:2px;background:#222;margin-top:10px}.bar-line i{display:block;height:100%;background:var(--orange);width:var(--w)} .roadmap{border-top:1px solid var(--line)}.road-row{border-bottom:1px solid var(--line)}.road-head{display:grid;grid-template-columns:54px 1fr 44px;gap:22px;align-items:center;padding:24px 0;cursor:pointer}.road-head .num{font-size:10px;color:var(--orange)}.road-head h3{font-size:clamp(22px,2vw,34px);margin:0;letter-spacing:-.025em}.road-head button{border:1px solid #333;background:none;color:white;width:34px;height:34px;border-radius:50%;cursor:pointer}.road-body{display:grid;grid-template-columns:54px 1fr 44px;max-height:0;overflow:hidden;transition:max-height .5s ease}.road-body>div{grid-column:2;padding:0 0 28px;color:#8f8e8a;line-height:1.8;max-width:760px}.road-row.open .road-body{max-height:220px}.road-row.open .road-head button{background:var(--orange);border-color:var(--orange);color:#050505;transform:rotate(45deg)} .logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-cell{height:120px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;color:#565656;font-weight:800;font-size:13px;text-transform:uppercase;transition:.25s}.logo-cell:hover{color:white;background:#0e0e0e} .faq details{border-top:1px solid var(--line);padding:23px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:20px;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:#8d8c88;max-width:900px;line-height:1.8} .cta{padding:115px 0;background:#0c0c0c}.cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.cta h2{font-size:clamp(54px,7vw,112px);line-height:.84;letter-spacing:-.065em;margin:14px 0}.cta .email{color:var(--orange);font-size:clamp(20px,2.7vw,44px);letter-spacing:-.03em}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form select,.form textarea{background:#0f0f0f;border:1px solid #292929;color:white;padding:15px 16px;outline:none}.form textarea{grid-column:1/-1;min-height:140px;resize:vertical}.form .button{grid-column:1/-1;background:transparent;color:white;cursor:pointer}.form .button:hover{color:#050505} .footer{padding:60px 0 26px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:55px}.footer p,.footer a{color:#868581;font-size:12px;line-height:1.9}.footer h4{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.copy{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;color:#565656;font-size:10px} .page-hero{padding:170px 0 90px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-140px;top:-160px;width:520px;height:520px;border-radius:50%;border:1px solid #181818;box-shadow:0 0 0 90px #080808,0 0 0 180px #060606}.page-hero .wrap{position:relative;z-index:2}.crumb{font-size:9px;color:#686868;text-transform:uppercase;letter-spacing:.14em}.page-title{font-size:clamp(56px,8vw,132px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:28px 0}.page-lead{color:#969591;line-height:1.8;max-width:680px}.media-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;background:var(--line);border:1px solid var(--line)}.media-grid>*{background:#050505}.media-grid img,.media-grid video{width:100%;height:520px;object-fit:cover}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cap-card{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px}.cap-card .num{font-size:10px;color:var(--orange)}.cap-card h3{font-size:30px;letter-spacing:-.04em}.cap-card p{color:#888;line-height:1.7} .page-transition{position:fixed;inset:0;background:var(--orange);z-index:500;transform:translateY(100%);pointer-events:none}.page-transition.go{animation:pageGo .65s cubic-bezier(.77,0,.175,1)}@keyframes pageGo{0%{transform:translateY(100%)}45%{transform:translateY(0)}55%{transform:translateY(0)}100%{transform:translateY(-100%)}} .has-js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.has-js .reveal.in{opacity:1;transform:none}.cursor{position:fixed;z-index:200;width:10px;height:10px;background:var(--orange);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-ring{position:fixed;z-index:199;width:38px;height:38px;border:1px solid #777;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s}.cursor-ring.big{width:72px;height:72px;border-color:var(--orange)} @media(max-width:1100px){.desktop-nav{display:none}.menu-btn{margin-left:auto}.hero .wrap{grid-template-columns:1fr}.hero{min-height:auto}.hero .wrap{padding-top:140px}.hero-copy{padding-bottom:30px}.hero-art{height:560px}.service-stage,.story,.section-head,.cta-grid,.media-grid{grid-template-columns:1fr}.service-copy{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.service-list{padding-left:0}.project-strip{grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto}.logos{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.page{padding-left:0}.side-rail{display:none}} @media(max-width:720px){:root{--pad:20px}.site-head{height:66px}.page-title{font-size:56px}.hero .wrap{padding-top:110px}.hero h1{font-size:54px}.hero-art{height:420px}.hero-circle{width:92%}.hero-stats{gap:20px;flex-wrap:wrap}.section{padding:82px 0}.section-head{gap:20px;margin-bottom:40px}.service-copy{padding-top:35px}.service-list .service-item{padding:20px 0}.project-strip{height:500px}.story-copy{padding:35px 0}.story-media{height:420px;border-right:0}.logos{grid-template-columns:repeat(2,1fr)}.cta{padding:82px 0}.form{grid-template-columns:1fr}.form textarea,.form .button{grid-column:1}.footer-grid{grid-template-columns:1fr}.copy{flex-direction:column;gap:8px}.menu-grid{grid-template-columns:1fr}.menu-right{display:none}.menu-left{border-right:0;padding-top:100px}.menu-left nav a{font-size:40px}.cursor,.cursor-ring{display:none}.cap-grid{grid-template-columns:1fr}.media-grid img,.media-grid video{height:360px}} /* ===== Liberty Edge V5 refinements ===== */ .site-head{height:92px}.site-head .wrap{height:100%}.side-rail{top:92px}.brand{gap:0;min-width:210px}.brand img{width:210px;height:auto;max-height:62px;object-fit:contain;object-position:left center}.desktop-nav{font-family:"Trebuchet MS","Helvetica Neue",Arial,sans-serif;font-size:10.5px;letter-spacing:.065em;font-weight:700;gap:24px}.desktop-nav a{color:#d2d1cc}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.footer .brand{min-width:0;display:inline-flex}.footer .brand img{width:265px;max-height:86px}.footer-grid>div:first-child p{max-width:430px}.page-hero{padding-top:188px} .hero .wrap{padding-top:92px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button-primary{background:var(--orange);border-color:var(--orange);color:#050505}.button-primary:hover{background:#ff7849} .quote-float{position:fixed;right:28px;bottom:28px;z-index:86;background:var(--orange);color:#050505;border-radius:999px;padding:14px 18px;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 14px 40px rgba(0,0,0,.38);transition:.25s}.quote-float:hover{transform:translateY(-3px);background:#ff7447} .process-film{position:relative;aspect-ratio:16/9;max-height:760px;overflow:hidden;border:1px solid var(--line);margin:0 0 68px;background:#090909}.process-film video{width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.77) 0%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 44%);pointer-events:none}.film-copy{position:absolute;left:clamp(26px,4vw,68px);bottom:clamp(28px,5vw,72px);z-index:2;max-width:620px}.film-copy span{display:block;color:var(--orange);font-size:10px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;margin-bottom:12px}.film-copy h3{font-size:clamp(42px,5vw,80px);line-height:.9;letter-spacing:-.055em;margin:0 0 14px;text-transform:uppercase}.film-copy p{margin:0;color:#d0cfca;font-size:13px}.film-quote{position:absolute;right:32px;bottom:32px;z-index:2;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:13px 18px;font-size:10px;font-weight:900;letter-spacing:.09em;background:rgba(5,5,5,.45);backdrop-filter:blur(8px);transition:.25s}.film-quote:hover{background:var(--orange);border-color:var(--orange);color:#050505}.process-section .process-film{margin-bottom:0} .project-card{appearance:none;border:0;background:#050505;color:inherit;text-align:left;padding:0;font:inherit;cursor:pointer}.featured-projects .project-card img{filter:saturate(.78) brightness(.82)}.featured-projects .project-card:hover img{filter:saturate(1) brightness(.9)} .insta-archive{margin-top:56px;border-top:1px solid var(--line);padding-top:32px}.insta-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.insta-top h3{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em;margin:7px 0 0}.reel-controls{display:flex;gap:8px}.reel-controls button{width:44px;height:44px;border:1px solid #373737;border-radius:50%;background:#0a0a0a;color:white;cursor:pointer;font-size:19px;transition:.25s}.reel-controls button:hover{background:var(--orange);border-color:var(--orange);color:#050505}.instagram-reel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,24%);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.instagram-reel::-webkit-scrollbar{display:none}.insta-card{scroll-snap-align:start;position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);background:#0a0a0a;color:white;padding:0;cursor:pointer}.insta-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .4s;filter:saturate(.82)}.insta-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 45%);opacity:.55;transition:.3s}.insta-card:hover img{transform:scale(1.045);filter:saturate(1)}.insta-card:hover:after{opacity:.85}.insta-hover{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;display:flex;justify-content:space-between;align-items:end;opacity:.9}.insta-hover b{font-size:9px;letter-spacing:.13em}.insta-hover small{color:var(--orange);font-size:10px;font-weight:900} .lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:700;display:grid;place-items:center;padding:50px;opacity:0;visibility:hidden;transition:.3s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:min(1080px,92vw);max-height:88vh;object-fit:contain;box-shadow:0 30px 90px rgba(0,0,0,.45)}.lightbox-close{position:absolute;right:32px;top:25px;width:46px;height:46px;border:1px solid #555;border-radius:50%;background:#0c0c0c;color:white;font-size:26px;cursor:pointer}.lightbox-close:hover{background:var(--orange);border-color:var(--orange);color:#050505} @media(max-width:1180px){.brand img{width:185px}.desktop-nav{gap:18px;font-size:9.7px}.film-copy h3{font-size:54px}.instagram-reel{grid-auto-columns:minmax(245px,32%)}} @media(max-width:1100px){.site-head{height:82px}.side-rail{top:82px}.hero .wrap{padding-top:82px}.page-hero{padding-top:160px}.brand img{width:205px;max-height:58px}.footer .brand img{width:235px}.process-film{margin-bottom:48px}.instagram-reel{grid-auto-columns:minmax(230px,44%)}} @media(max-width:720px){.site-head{height:72px}.brand img{width:170px;max-height:50px}.footer .brand img{width:220px}.hero .wrap{padding-top:90px}.page-hero{padding-top:135px}.quote-float{right:14px;bottom:14px;padding:12px 14px}.process-film{aspect-ratio:4/5}.process-film video{object-fit:cover}.film-copy{left:22px;right:22px;bottom:25px}.film-copy h3{font-size:41px}.film-copy p{max-width:80%}.film-quote{top:18px;right:18px;bottom:auto}.instagram-reel{grid-auto-columns:82%}.insta-top{align-items:center}.lightbox{padding:20px}.lightbox-close{right:16px;top:14px}} /* ========================================================= V8 — STABLE BRAND + PORTFOLIO REFINEMENT Built on the proven V5 layout. No structural overlays. ========================================================= */ :root{--orange:#9e1b23;--liberty-red:#9e1b23;--liberty-red-bright:#bd252e;--liberty-red-glow:rgba(158,27,35,.22)} /* Header: official logo, readable but never oversized */ .site-head{height:88px;background:rgba(4,4,4,.94);border-bottom:1px solid #231819} .site-head .wrap{height:88px;position:relative;z-index:2;overflow:visible} .site-head .brand{flex:0 0 auto;min-width:270px;height:70px;display:flex;align-items:center;position:relative;z-index:4} .site-head .brand img{width:270px!important;height:auto!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important;filter:none!important} .desktop-nav{margin-left:auto;gap:18px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:9.5px;font-weight:750;letter-spacing:.08em;position:relative;z-index:5} .desktop-nav a{padding:10px 0;color:#d0cfcb;white-space:nowrap;position:relative;z-index:6;pointer-events:auto} .desktop-nav a:after{background:var(--liberty-red);height:2px;bottom:1px} .desktop-nav a:hover,.desktop-nav a.active{color:#fff} .talk{border:1px solid #5d262a;border-radius:999px;padding:12px 18px!important;transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease!important} .talk:hover{background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important;box-shadow:0 0 0 5px var(--liberty-red-glow);transform:translateY(-2px)} .talk:hover:after{display:none!important} .menu-btn{position:relative;z-index:6} .side-rail{top:88px} .hero .wrap{padding-top:88px} .page-hero{padding-top:182px} /* Footer official logo */ .footer .brand{display:inline-flex;min-width:0;height:auto;margin-bottom:22px} .footer .brand img{width:430px!important;height:auto!important;max-height:124px!important;object-fit:contain!important;object-position:left center!important;filter:none!important} .footer-brand-block p{max-width:420px} /* Dark red brand language */ .orange,.eyebrow,.hero-stats b,.service-item .num,.service-item:hover .arrow,.service-item.active .arrow, .road-row .num,.email,.menu-left nav a span{color:var(--liberty-red)!important} .progress,.loader-line i,.page-transition{background:var(--liberty-red)!important} .button-primary,.play-orb i{background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important} .button:hover,.reel-controls button:hover,.lightbox-close:hover{background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important} .menu-left nav a:hover{color:var(--liberty-red)!important} .stroke{-webkit-text-stroke-color:#777} /* Keep removed floating quote removed */ .quote-float{display:none!important} /* Editorial portfolio — premium, controlled sizes */ .portfolio-showcase{background:#070606} .portfolio-editorial{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:230px; grid-auto-flow:dense; gap:12px; } .portfolio-feature-card{ grid-column:span 4; grid-row:span 1; position:relative; overflow:hidden; border:1px solid #282020; background:#0a0909; color:white; padding:0; cursor:pointer; text-align:left; isolation:isolate; } .portfolio-feature-card.wide{grid-column:span 7;grid-row:span 2} .portfolio-feature-card.tall{grid-column:span 5;grid-row:span 1} .portfolio-feature-card.standard{grid-column:span 5;grid-row:span 1} .portfolio-feature-card img{ width:100%;height:100%;object-fit:cover; filter:saturate(.76) contrast(1.05) brightness(.86); transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s ease; } .portfolio-feature-card:before{content:"";position:absolute;inset:0;border:1px solid transparent;z-index:3;transition:.35s;pointer-events:none} .portfolio-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.85) 100%);transition:.45s} .portfolio-no{position:absolute;left:18px;top:18px;z-index:2;font-size:9px;letter-spacing:.18em;color:#ddd} .portfolio-caption{position:absolute;left:20px;bottom:19px;z-index:2;display:flex;flex-direction:column;gap:6px} .portfolio-caption small{font-size:9px;color:#bbb;letter-spacing:.11em;text-transform:uppercase} .portfolio-caption b{font-size:clamp(18px,1.55vw,28px);line-height:1;text-transform:uppercase;letter-spacing:-.035em} .portfolio-open{position:absolute;right:18px;bottom:18px;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;transition:.35s} .portfolio-feature-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.04) brightness(.94)} .portfolio-feature-card:hover .portfolio-shade{background:linear-gradient(180deg,rgba(158,27,35,.02) 25%,rgba(62,3,7,.88) 100%)} .portfolio-feature-card:hover:before{border-color:rgba(158,27,35,.72);inset:7px} .portfolio-feature-card:hover .portfolio-open{background:var(--liberty-red);border-color:var(--liberty-red);transform:rotate(45deg)} .portfolio-archive{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)} .portfolio-archive-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px} .portfolio-archive-head h3{margin:7px 0 0;font-size:clamp(28px,3vw,48px);letter-spacing:-.04em} .portfolio-archive-head>a{font-size:10px;font-weight:800;letter-spacing:.1em;color:#ddd;text-transform:uppercase;transition:.25s} .portfolio-archive-head>a:hover{color:var(--liberty-red)} .portfolio-mini-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px} .portfolio-mini{position:relative;aspect-ratio:1/1;overflow:hidden;border:1px solid #252020;background:#0a0909;padding:0;cursor:pointer} .portfolio-mini img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.88);transition:.55s cubic-bezier(.16,1,.3,1)} .portfolio-mini:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%);opacity:.55;transition:.3s} .portfolio-mini span{position:absolute;left:12px;bottom:10px;z-index:2;color:#fff;font-size:8px;font-weight:800;letter-spacing:.12em;opacity:0;transform:translateY(6px);transition:.28s} .portfolio-mini:hover img{transform:scale(1.06);filter:saturate(1) brightness(.95)} .portfolio-mini:hover:after{background:linear-gradient(0deg,rgba(94,8,13,.88),transparent 65%);opacity:1} .portfolio-mini:hover span{opacity:1;transform:none} /* Dedicated portfolio keeps the same visual language */ .portfolio-page-grid{grid-auto-rows:255px} /* Catalogues */ .catalogue-grid-v8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .catalogue-card-v8{display:grid;grid-template-columns:.8fr 1fr;border:1px solid var(--line);background:#090909;min-height:520px;overflow:hidden} .catalogue-cover-v8{background:#111;display:grid;place-items:center;padding:22px} .catalogue-cover-v8 img{width:100%;height:100%;max-height:490px;object-fit:contain;box-shadow:0 18px 48px rgba(0,0,0,.45)} .catalogue-copy-v8{padding:40px 34px;display:flex;flex-direction:column;justify-content:center} .catalogue-copy-v8 h2{font-size:clamp(32px,3vw,54px);line-height:.95;letter-spacing:-.045em;margin:10px 0 18px} .catalogue-copy-v8 p{color:#92918d;line-height:1.75} .catalogue-actions-v8{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} .catalogue-note-v8{margin-top:22px;border:1px solid #3b1b1e;background:linear-gradient(125deg,#0a0909,#120708);padding:42px} .catalogue-note-v8 h2{font-size:clamp(32px,3vw,52px);letter-spacing:-.04em;margin:10px 0 16px} .catalogue-note-v8 p{max-width:820px;color:#92918d;line-height:1.75} @media(max-width:1520px){ .desktop-nav{gap:14px;font-size:9px} .site-head .brand{min-width:220px}.site-head .brand img{width:220px!important} } @media(max-width:1370px){.desktop-nav{display:none}.menu-btn{margin-left:auto}.site-head .brand{min-width:270px}.site-head .brand img{width:270px!important}} @media(max-width:1100px){ .portfolio-editorial{grid-auto-rows:210px} .portfolio-feature-card.wide,.portfolio-feature-card.tall,.portfolio-feature-card.standard{grid-column:span 6} .portfolio-mini-grid{grid-template-columns:repeat(4,1fr)} .catalogue-grid-v8{grid-template-columns:1fr} } @media(max-width:900px){ .site-head{height:82px}.site-head .wrap{height:82px}.side-rail{top:82px}.hero .wrap{padding-top:82px}.page-hero{padding-top:160px} .site-head .brand{min-width:0}.site-head .brand img{width:220px!important;max-height:62px!important} .footer .brand img{width:min(360px,88vw)!important} .portfolio-editorial{grid-template-columns:repeat(2,1fr);grid-auto-rows:270px} .portfolio-feature-card,.portfolio-feature-card.wide,.portfolio-feature-card.tall,.portfolio-feature-card.standard{grid-column:span 1;grid-row:span 1} .portfolio-archive-head{align-items:flex-start;flex-direction:column} } @media(max-width:620px){ .site-head{height:76px}.site-head .wrap{height:76px}.site-head .brand img{width:195px!important;max-height:56px!important} .hero .wrap{padding-top:76px}.page-hero{padding-top:145px} .portfolio-editorial{grid-template-columns:1fr;grid-auto-rows:300px} .portfolio-mini-grid{grid-template-columns:repeat(2,1fr)} .catalogue-card-v8{grid-template-columns:1fr;min-height:0} .catalogue-copy-v8{padding:30px 24px}.catalogue-note-v8{padding:30px 24px} } /* ========================================================= V9 — BUGFIX + PREMIUM PORTFOLIO REFINEMENT Stable navigation, no blocking loader, no page interception. Brand palette from official Liberty Edge logo. ========================================================= */ :root{ --orange:#b6282d; --liberty-red:#b6282d; --liberty-red-dark:#8e161d; --liberty-red-bright:#cf3036; --liberty-red-glow:rgba(182,40,45,.24); --line:#252122; } /* No blocking intro / transition layers — content is immediately usable. */ /* V11.1 — branded page-load / page-change animation restored. */ .page-transition{display:none!important} #loader{display:grid!important;pointer-events:auto} body.loaded #loader{pointer-events:none} .loader-inner{position:relative} .loader-kicker{font-size:10px;letter-spacing:.34em;font-weight:800;color:var(--liberty-red);margin-bottom:22px;opacity:0;transform:translateY(12px);animation:leKicker .65s .08s cubic-bezier(.22,1,.36,1) forwards} .loader-word{position:relative;overflow:visible;transform:translateY(28px);opacity:0;animation:leWord .82s .12s cubic-bezier(.16,1,.3,1) forwards} .loader-word>span:first-child{color:#f5f2ef} .loader-word .stroke{-webkit-text-stroke:1px #777} .loader-line{position:relative;margin-top:38px} .loader-line i{background:var(--liberty-red)!important;box-shadow:0 0 20px rgba(182,40,45,.28)} .loader-meta{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:8px;letter-spacing:.19em;color:#666;text-transform:uppercase;opacity:0;animation:leMeta .6s .55s ease forwards} @keyframes leKicker{to{opacity:1;transform:none}} @keyframes leWord{to{opacity:1;transform:none}} @keyframes leMeta{to{opacity:1}} body.leaving #loader{opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:none!important} body.leaving #loader .loader-kicker{opacity:0;animation:leKicker .4s .05s cubic-bezier(.22,1,.36,1) forwards} body.leaving #loader .loader-word{opacity:0;transform:translateY(24px) scale(.985);animation:leWord .55s .08s cubic-bezier(.16,1,.3,1) forwards} body.leaving #loader .loader-meta{opacity:0;animation:leMeta .4s .2s ease forwards} body.leaving #loader .loader-line i{width:0;animation:load .55s .06s cubic-bezier(.77,0,.175,1) forwards} @media(max-width:720px){.loader-inner{width:min(86vw,620px)}.loader-word{font-size:clamp(54px,19vw,90px)}.loader-meta{font-size:7px;letter-spacing:.13em}} .has-js .reveal{opacity:1!important;transform:none!important} .reveal{opacity:1!important;transform:none!important} /* Header */ .site-head{height:96px!important;background:rgba(4,4,4,.96)!important;border-bottom:1px solid #2a2223!important;z-index:200!important} .site-head .wrap{height:96px!important;display:flex!important;align-items:center!important;overflow:visible!important} .site-head .brand{ min-width:315px!important;width:315px!important;height:78px!important; display:flex!important;align-items:center!important;position:relative!important;z-index:205!important; flex:0 0 315px!important; } .site-head .brand img{ width:305px!important;height:auto!important;max-height:76px!important; object-fit:contain!important;object-position:left center!important;filter:none!important } .desktop-nav{ margin-left:auto!important;gap:20px!important; font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important; font-size:10.4px!important;font-weight:750!important;letter-spacing:.075em!important; position:relative!important;z-index:205!important } .desktop-nav a{padding:14px 0!important;color:#d5d2d0!important;white-space:nowrap!important;pointer-events:auto!important} .desktop-nav a:hover,.desktop-nav a.active{color:#fff!important} .desktop-nav a:after{background:var(--liberty-red)!important;height:2px!important;bottom:4px!important} .talk{ margin-left:5px!important;border:1px solid rgba(182,40,45,.72)!important; border-radius:999px!important;padding:12px 20px!important;color:#fff!important; transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease!important } .talk:hover{ background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important; box-shadow:0 0 0 5px var(--liberty-red-glow)!important;transform:translateY(-2px)!important } .menu-btn{z-index:205!important;border-color:#493235!important} .side-rail{top:96px!important} .hero .wrap{padding-top:96px!important} .page-hero{padding-top:190px!important} /* closed overlay can never block the real navigation */ .menu-overlay{visibility:hidden!important;pointer-events:none!important} body.menu-open .menu-overlay{visibility:visible!important;pointer-events:auto!important} /* Footer logo must read clearly */ .footer .brand{display:inline-flex!important;width:auto!important;min-width:0!important;height:auto!important;margin-bottom:26px!important} .footer .brand img{ width:min(520px,38vw)!important;max-width:100%!important;height:auto!important;max-height:none!important; object-fit:contain!important;object-position:left center!important;filter:none!important } .footer-brand-block p{max-width:500px!important} /* Brand palette */ .orange,.eyebrow,.hero-stats b,.service-item .num,.service-item:hover .arrow,.service-item.active .arrow, .road-row .num,.email,.menu-left nav a span,.film-copy span{color:var(--liberty-red)!important} .progress,.loader-line i{background:var(--liberty-red)!important} .button-primary,.play-orb i{background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important} .button:hover,.reel-controls button:hover,.lightbox-close:hover,.road-head button:hover{ background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important } .menu-left nav a:hover{color:var(--liberty-red)!important} .marquee-track em{color:var(--liberty-red)!important} .stroke{-webkit-text-stroke-color:#6f696a!important} .quote-float{display:none!important} /* Film: professional background media, never foreground audio controls */ .process-film{border-color:#2b2626!important;background:#050505!important} .process-film video{width:100%!important;height:100%!important;object-fit:cover!important} /* -------- PREMIUM PREVIOUS WORK / PORTFOLIO -------- */ .portfolio-showcase{background:#070606!important} .portfolio-v9{ display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px; margin-top:10px } .pv9-card{ position:relative;overflow:hidden;border:1px solid #2a2525;background:#0a0909; padding:0;color:#fff;text-align:left;cursor:pointer;min-height:340px;isolation:isolate } .pv9-card.large{grid-column:span 6;min-height:470px} .pv9-card.medium{grid-column:span 4;min-height:350px} .pv9-card img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover; filter:saturate(.82) contrast(1.04) brightness(.83); transition:transform .75s cubic-bezier(.16,1,.3,1),filter .5s ease } .pv9-card:after{ content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.88) 100%); transition:.4s } .pv9-index{ position:absolute;z-index:2;top:20px;left:20px;font-size:9px;font-weight:800; letter-spacing:.18em;color:#e5dede } .pv9-copy{position:absolute;z-index:2;left:22px;right:70px;bottom:22px} .pv9-copy small{display:block;font-size:9px;letter-spacing:.16em;color:#c8c1c1;text-transform:uppercase;margin-bottom:7px} .pv9-copy b{font-size:clamp(24px,2vw,36px);line-height:.94;letter-spacing:-.04em;text-transform:uppercase} .pv9-open{ position:absolute;z-index:2;right:20px;bottom:20px;width:44px;height:44px; border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center; color:#fff;transition:.35s } .pv9-card:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.05) brightness(.9)} .pv9-card:hover:after{background:linear-gradient(180deg,rgba(110,10,16,.04) 18%,rgba(72,4,8,.9) 100%)} .pv9-card:hover .pv9-open{background:var(--liberty-red);border-color:var(--liberty-red);transform:rotate(45deg)} .portfolio-v9-footer{ display:flex;align-items:center;justify-content:space-between;gap:25px; border-top:1px solid #2a2525;margin-top:26px;padding-top:24px } .portfolio-v9-footer p{margin:0;color:#8f8988;max-width:760px;line-height:1.7;font-size:13px} .portfolio-v9-actions{display:flex;gap:10px;flex-wrap:wrap} /* Dedicated portfolio: consistent, gallery-grade images */ .portfolio-page-v9{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px } .portfolio-page-v9 .pv9-card{min-height:390px;grid-column:auto!important} .portfolio-page-v9 .pv9-card:nth-child(5n+1){grid-column:span 2!important} .portfolio-page-v9 .pv9-card:nth-child(5n+1){min-height:455px} /* Prevent old gallery rules from showing if stale markup remains */ .portfolio-editorial,.portfolio-archive,.instagram-reel,.insta-archive{display:none!important} /* video and content loading */ img[loading="lazy"]{content-visibility:auto} /* Responsive */ @media(max-width:1500px){ .site-head .brand{min-width:270px!important;width:270px!important;flex-basis:270px!important} .site-head .brand img{width:260px!important} .desktop-nav{gap:15px!important;font-size:9.7px!important} } @media(max-width:1370px){ .desktop-nav{display:none!important} .menu-btn{margin-left:auto!important} .site-head .brand{min-width:300px!important;width:300px!important;flex-basis:300px!important} .site-head .brand img{width:290px!important} } @media(max-width:980px){ .portfolio-v9{grid-template-columns:repeat(2,1fr)} .pv9-card.large,.pv9-card.medium{grid-column:span 1;min-height:360px} .portfolio-page-v9{grid-template-columns:repeat(2,1fr)} .portfolio-page-v9 .pv9-card,.portfolio-page-v9 .pv9-card:nth-child(5n+1){grid-column:span 1!important;min-height:360px} .footer .brand img{width:min(480px,76vw)!important} } @media(max-width:720px){ .site-head{height:78px!important}.site-head .wrap{height:78px!important} .site-head .brand{min-width:0!important;width:230px!important;flex-basis:230px!important;height:64px!important} .site-head .brand img{width:225px!important;max-height:60px!important} .side-rail{top:78px!important}.hero .wrap{padding-top:86px!important}.page-hero{padding-top:140px!important} .portfolio-v9,.portfolio-page-v9{grid-template-columns:1fr} .pv9-card.large,.pv9-card.medium,.portfolio-page-v9 .pv9-card,.portfolio-page-v9 .pv9-card:nth-child(5n+1){ grid-column:1!important;min-height:330px } .portfolio-v9-footer{align-items:flex-start;flex-direction:column} .footer .brand img{width:min(430px,90vw)!important} } /* ========================================================= PREMIUM V10 — FINAL SMALL REFINEMENTS Normalized logo sizing, reliable menu close/scroll, footer social actions, portfolio Instagram arrows. ========================================================= */ /* Normal website-scale official logo */ .site-head{height:82px!important;z-index:230!important} .site-head .wrap{height:82px!important} .site-head .brand{ min-width:185px!important;width:185px!important;flex:0 0 185px!important; height:58px!important;margin:0!important;overflow:visible!important } .site-head .brand img{ width:185px!important;height:auto!important;max-height:54px!important; object-fit:contain!important;object-position:left center!important } .side-rail{top:82px!important} .footer .brand{width:auto!important;min-width:0!important;height:auto!important;margin-bottom:18px!important} .footer .brand img{ width:255px!important;height:auto!important;max-height:80px!important; object-fit:contain!important;object-position:left center!important } /* Header menu button stays usable while overlay is open */ .menu-btn{z-index:245!important;position:relative!important;transition:.3s ease!important} .menu-btn:hover{border-color:var(--liberty-red)!important;background:var(--liberty-red)!important;color:#fff!important;transform:rotate(90deg)} .menu-btn span{display:block;line-height:1;transition:.3s ease} body.menu-open .desktop-nav{opacity:0!important;pointer-events:none!important} body.menu-open .site-head{background:#050505!important;border-bottom-color:#242020!important} /* Overlay can always be closed and independently scrolled */ .menu-overlay{ z-index:220!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; max-height:100vh!important; min-height:100vh!important; } body.menu-open .menu-overlay{visibility:visible!important;pointer-events:auto!important;transform:none!important} .menu-grid{min-height:100%;height:auto!important} .menu-left{padding-top:112px!important;padding-bottom:42px!important} .menu-right{padding-top:118px!important;padding-bottom:42px!important} .menu-left nav a{font-size:clamp(30px,4.35vw,62px)!important;padding:12px 0!important;min-height:0!important} .menu-close{position:fixed!important;top:20px!important;right:calc(var(--pad) + 58px)!important;z-index:246!important} /* Portfolio arrow = official Instagram destination */ .pv9-card{cursor:default!important} .pv9-open{ text-decoration:none!important;cursor:pointer!important; color:#fff!important;pointer-events:auto!important } .pv9-open:hover{background:var(--liberty-red)!important;border-color:var(--liberty-red)!important;color:#fff!important;transform:translate(2px,-2px)!important} /* Footer links — same direct-action language as Request a Quote */ .footer-social-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:10px} .footer-action-link{ display:inline-flex!important;align-items:center;gap:8px!important; color:#d6d1cf!important;font-size:11px!important;font-weight:800!important; line-height:1.2!important;letter-spacing:.055em!important;text-transform:uppercase!important; padding:6px 0!important;position:relative!important;transition:.25s ease!important } .footer-action-link:after{content:'';position:absolute;left:0;bottom:1px;width:0;height:1px;background:var(--liberty-red);transition:.28s ease} .footer-action-link:hover{color:#fff!important;transform:translateX(3px)} .footer-action-link:hover:after{width:100%} @media(max-height:760px) and (min-width:721px){ .menu-left{padding-top:94px!important;padding-bottom:24px!important} .menu-right{padding-top:98px!important;padding-bottom:24px!important} .menu-left nav a{font-size:clamp(25px,3.6vw,48px)!important;padding:8px 0!important} .menu-right .giant{font-size:clamp(48px,6vw,92px)!important} } @media(max-width:1370px){ .site-head .brand{min-width:190px!important;width:190px!important;flex-basis:190px!important} .site-head .brand img{width:190px!important;max-height:54px!important} } @media(max-width:720px){ .site-head{height:72px!important}.site-head .wrap{height:72px!important} .site-head .brand{min-width:0!important;width:170px!important;flex-basis:170px!important;height:52px!important} .site-head .brand img{width:170px!important;max-height:48px!important} .footer .brand img{width:min(235px,76vw)!important;max-height:76px!important} .menu-overlay{padding-top:0!important} .menu-left{padding-top:94px!important;padding-bottom:34px!important} .menu-left nav a{font-size:34px!important;padding:10px 0!important} .menu-close{right:76px!important;top:15px!important;width:40px!important;height:40px!important} } /* ========================================================= V11 — XPOVIO-STYLE MOTION + SCROLL-LED PRODUCTION ROADMAP Visual design remains V10; only motion/roadmap behavior is elevated. ========================================================= */ html{scroll-behavior:auto} body{overscroll-behavior-y:none} /* More cinematic, soft reveal behavior inspired by the supplied reference video */ html.has-js .reveal, html.has-js .motion-title, html.has-js .motion-kicker{will-change:transform,opacity,filter} html.has-js .reveal{opacity:0;transform:translate3d(0,38px,0);filter:blur(7px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1),filter .9s ease} html.has-js .reveal.in{opacity:1;transform:none;filter:none} html.has-js .motion-title{opacity:0;transform:translate3d(0,52px,0);filter:blur(8px);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .9s ease} html.has-js .motion-title.in{opacity:1;transform:none;filter:none} html.has-js .motion-kicker{opacity:0;transform:translate3d(-22px,0,0);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)} html.has-js .motion-kicker.in{opacity:1;transform:none} /* Xpovio-like image drift without changing card geometry */ .motion-media{overflow:hidden} .motion-media>img,.motion-media>video{transform:translate3d(0,var(--motion-y,0px),0) scale(1.045);will-change:transform} /* Production roadmap: keep the existing Liberty grid, but turn it into a scroll narrative */ .production-roadmap-v11{position:relative;isolation:isolate;padding:0!important;background:#050505;overflow:clip} .road-grid-bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background: linear-gradient(90deg,transparent calc(25% - 1px),#141414 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#141414 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#141414 75%,transparent calc(75% + 1px));opacity:.95} .production-roadmap-v11:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 68% 18%,rgba(158,27,35,.12),transparent 26%),linear-gradient(180deg,rgba(5,5,5,.05),#050505 96%)} .roadmap-v11-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(54px,7vw,120px);align-items:start} .roadmap-v11-intro{position:sticky;top:118px;height:calc(100vh - 150px);min-height:620px;padding:92px 0 60px;display:flex;flex-direction:column;justify-content:space-between;align-self:start} .roadmap-v11-title{font-size:clamp(48px,5.6vw,92px);line-height:.88;letter-spacing:-.06em;margin:12px 0 26px;text-transform:uppercase;max-width:670px} .roadmap-v11-intro>div>p{max-width:510px;color:#92918d;line-height:1.82;font-size:14px} .roadmap-v11-status{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:9px;color:#777;font-size:13px;font-weight:800;letter-spacing:.08em;max-width:470px} .roadmap-v11-current{color:#fff;font-size:30px;line-height:1;letter-spacing:-.04em;min-width:38px} .roadmap-v11-slash{color:var(--liberty-red)} .roadmap-v11-meter{height:1px;background:#2b2b2b;overflow:hidden;margin-left:9px} .roadmap-v11-meter i{display:block;width:100%;height:100%;background:var(--liberty-red);transform:scaleX(.1);transform-origin:left center;transition:transform .65s cubic-bezier(.16,1,.3,1)} .roadmap-v11-status small{grid-column:1/-1;color:#5f5f5f;font-size:8px;letter-spacing:.18em;margin-top:8px} .roadmap-v11-track{position:relative;padding:96px 0 110px 74px} .roadmap-v11-line{position:absolute;left:25px;top:110px;bottom:130px;width:1px;background:#262626} .roadmap-v11-line i{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--liberty-red),#6b1117);transform:scaleY(.1);transform-origin:top center;transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 16px rgba(158,27,35,.3)} .road-step-v11{position:relative;min-height:min(78vh,760px);display:flex;align-items:center;opacity:.28;transform:translate3d(0,38px,0) scale(.985);transition:opacity .8s ease,transform .95s cubic-bezier(.16,1,.3,1)} .road-step-v11+.road-step-v11{margin-top:2vh} .road-step-dot{position:absolute;left:-55px;top:50%;width:13px;height:13px;border-radius:50%;border:1px solid #505050;background:#050505;transform:translateY(-50%);transition:.45s ease;box-shadow:0 0 0 0 rgba(158,27,35,0)} .road-step-v11-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr);min-height:410px;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;background:rgba(8,8,8,.78);backdrop-filter:blur(9px);overflow:hidden;transition:border-color .45s ease,background .45s ease,box-shadow .45s ease} .road-step-v11-copy{padding:clamp(34px,4.2vw,66px);display:flex;flex-direction:column;justify-content:center} .road-step-label{font-size:9px;letter-spacing:.17em;color:var(--liberty-red);font-weight:900;margin-bottom:18px} .road-step-v11 h3{font-size:clamp(34px,4vw,64px);line-height:.92;letter-spacing:-.055em;margin:0 0 20px;text-transform:uppercase;max-width:690px} .road-step-v11 p{max-width:640px;color:#8f8e89;line-height:1.82;margin:0;font-size:13px} .road-step-v11 figure{margin:0;position:relative;overflow:hidden;min-height:340px;background:#0a0a0a} .road-step-v11 figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.2),transparent 34%),linear-gradient(0deg,rgba(5,5,5,.35),transparent 60%);pointer-events:none} .road-step-v11 figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.05) brightness(.82);transform:scale(1.08);transition:transform 1.25s cubic-bezier(.16,1,.3,1),filter .75s ease} .road-step-v11.is-active{opacity:1;transform:none} .road-step-v11.is-active .road-step-dot{background:var(--liberty-red);border-color:var(--liberty-red);box-shadow:0 0 0 8px rgba(158,27,35,.11),0 0 30px rgba(158,27,35,.32)} .road-step-v11.is-active .road-step-v11-card{border-color:#4a2023;background:rgba(11,8,8,.9);box-shadow:0 24px 80px rgba(0,0,0,.24)} .road-step-v11.is-active figure img{transform:scale(1);filter:saturate(.82) contrast(1.04) brightness(.9)} /* Film and editorial imagery receive a restrained Xpovio-style scale/fade entrance */ html.has-js .process-film,html.has-js .portfolio-feature-card,html.has-js .catalogue-card-v8{transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1);transform-origin:center bottom} html.has-js .process-film:not(.in),html.has-js .catalogue-card-v8:not(.in){opacity:.15;transform:translateY(34px) scale(.985)} html.has-js .process-film.in,html.has-js .catalogue-card-v8.in{opacity:1;transform:none} @media(max-width:1100px){ .roadmap-v11-layout{grid-template-columns:1fr;gap:0} .roadmap-v11-intro{position:relative;top:auto;height:auto;min-height:0;padding:80px 0 15px} .roadmap-v11-status{margin-top:34px} .roadmap-v11-track{padding-top:36px} .road-step-v11{min-height:610px} } @media(max-width:760px){ .roadmap-v11-track{padding-left:36px;padding-bottom:70px} .roadmap-v11-line{left:7px;top:50px;bottom:90px} .road-step-dot{left:-35px} .road-step-v11{min-height:auto;padding:30px 0;opacity:.5} .road-step-v11-card{grid-template-columns:1fr;min-height:0} .road-step-v11-copy{padding:31px 25px} .road-step-v11 figure{height:255px;min-height:0;order:-1} .road-step-v11 h3{font-size:38px} .roadmap-v11-title{font-size:49px} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important} .reveal,.motion-title,.motion-kicker,.road-step-v11,.road-step-v11 figure img,.roadmap-v11-meter i,.roadmap-v11-line i{transition:none!important;transform:none!important;filter:none!important;opacity:1!important} } /* Staggered editorial entrances for the rest of the V10 sections */ html.has-js .motion-card{opacity:0;transform:translate3d(0,30px,0);filter:blur(5px);transition:opacity .72s ease,transform .92s cubic-bezier(.16,1,.3,1),filter .72s ease,border-color .3s ease,background .3s ease} html.has-js .motion-card.in{opacity:1;transform:none;filter:none} html.has-js .motion-copy{opacity:0;transform:translate3d(0,24px,0);transition:opacity .68s ease,transform .86s cubic-bezier(.16,1,.3,1)} html.has-js .motion-copy.in{opacity:1;transform:none} .hero-art{transform:translate3d(0,var(--section-drift,0px),0);transition:transform .12s linear} @media(prefers-reduced-motion:reduce){.motion-card,.motion-copy,.hero-art{opacity:1!important;transform:none!important;filter:none!important}} /* ===== Liberty Edge V12.2 focused additions: cursor, history, services, portfolio clients ===== */ /* Professional header CTA */ .desktop-nav .talk.talk-pro{height:42px;padding:4px 5px 4px 17px!important;border:1px solid rgba(255,255,255,.18);background:#f2f0eb;color:#080808!important;gap:11px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.22);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,color .35s,border-color .35s} .desktop-nav .talk.talk-pro span{position:relative;z-index:2;letter-spacing:.11em} .desktop-nav .talk.talk-pro i{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:white;font-style:normal;font-size:14px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .35s,color .35s} .desktop-nav .talk.talk-pro:before{content:"";position:absolute;inset:0;background:var(--orange);transform:translateX(-102%);transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:1} .desktop-nav .talk.talk-pro:after{display:none!important} .desktop-nav .talk.talk-pro:hover{color:white!important;border-color:var(--orange);transform:translateY(-2px)} .desktop-nav .talk.talk-pro:hover:before{transform:none} .desktop-nav .talk.talk-pro:hover i{background:white;color:#090909;transform:rotate(45deg)} /* Services dropdown — desktop header only */ .nav-services{position:relative;display:flex;align-items:center;height:92px} .nav-services>.active:after,.nav-services>a:hover:after{width:100%} .nav-chevron{font-size:12px;margin-left:4px;display:inline-block;transition:transform .3s} .nav-services:hover .nav-chevron,.nav-services:focus-within .nav-chevron{transform:rotate(180deg)} .services-dropdown{position:absolute;top:76px;left:-34px;width:690px;padding:18px;background:rgba(9,9,9,.985);border:1px solid #2e2b2b;box-shadow:0 30px 80px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .28s ease,transform .4s cubic-bezier(.16,1,.3,1),visibility .28s;z-index:120;border-radius:4px} .services-dropdown:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px} .nav-services:hover .services-dropdown,.nav-services:focus-within .services-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:none} .services-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:6px 7px 15px;border-bottom:1px solid #242121;color:#ece9e5} .services-dropdown-head span{font-size:10px;font-weight:900;letter-spacing:.16em}.services-dropdown-head small{font-size:9px;color:#777;letter-spacing:.12em;text-transform:uppercase} .services-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding-top:7px} .services-dropdown-grid a{display:grid!important;grid-template-columns:28px 1fr 18px;gap:8px;align-items:center;padding:11px 7px!important;border-bottom:1px solid #1e1d1d;color:#aaa!important;min-width:0} .services-dropdown-grid a:after{display:none!important}.services-dropdown-grid a span{font-size:8px;color:var(--orange);letter-spacing:.12em}.services-dropdown-grid a b{font-size:10px;letter-spacing:.035em;white-space:normal;line-height:1.3}.services-dropdown-grid a i{font-style:normal;color:#555;transition:.3s} .services-dropdown-grid a:hover{color:white!important;background:#111}.services-dropdown-grid a:hover i{color:var(--orange);transform:translate(2px,-2px)} .services-dropdown-all{margin-top:12px;padding:12px 9px!important;display:flex!important;justify-content:space-between;color:#eee!important;background:#121010;border:1px solid #292525} .services-dropdown-all:after{display:none!important}.services-dropdown-all b{color:var(--orange)} /* Davies-inspired inertial custom cursor: follower + reactive labels. */ @media (pointer:fine){body.le-cursor-ready,body.le-cursor-ready a,body.le-cursor-ready button,body.le-cursor-ready .service-item,body.le-cursor-ready .pv9-card,body.le-cursor-ready .client-mark{cursor:none!important}} .le-cursor-dot,.le-cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;opacity:0;will-change:transform,width,height,opacity} .le-cursor-dot{width:7px;height:7px;border-radius:50%;background:#fff;mix-blend-mode:difference;transform:translate3d(-50%,-50%,0)} .le-cursor-ring{width:38px;height:38px;border:1px solid rgba(255,255,255,.58);border-radius:50%;display:grid;place-items:center;transform:translate3d(-50%,-50%,0);transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),background .28s,border-color .28s,opacity .2s} .le-cursor-ring span{font-size:0;font-weight:900;letter-spacing:.14em;color:#fff;transition:font-size .2s;white-space:nowrap}.le-cursor-ring.is-active{width:58px;height:58px;border-color:rgba(182,40,45,.9);background:rgba(182,40,45,.12);backdrop-filter:blur(2px)}.le-cursor-ring.has-label{width:82px;height:82px;background:var(--orange);border-color:var(--orange)}.le-cursor-ring.has-label span{font-size:8px}.le-cursor-ring.is-down{width:28px;height:28px}.le-cursor-visible .le-cursor-dot,.le-cursor-visible .le-cursor-ring{opacity:1} /* Winding About history roadmap — visually distinct from production roadmap. */ .journey-section{overflow:hidden}.journey-intro{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:end;margin-bottom:70px}.journey-intro h2{font-size:clamp(54px,7vw,118px);line-height:.84;letter-spacing:-.065em;margin:13px 0 0}.journey-intro p{color:#8f8d89;line-height:1.85;max-width:620px;margin:0 0 7px} .journey-roadmap{position:relative;padding:20px 0 10px;--journey-red:#9e1b23}.journey-path{position:absolute;left:8%;right:8%;top:0;width:84%;height:calc(100% - 210px);z-index:0;overflow:visible}.journey-line-base,.journey-line-progress{fill:none;vector-effect:non-scaling-stroke}.journey-line-base{stroke:#262323;stroke-width:2}.journey-line-progress{stroke:var(--journey-red);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 9px rgba(158,27,35,.2))} .journey-stop{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:235px;margin:0 0 20px;opacity:.35;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1)}.journey-stop.journey-seen{opacity:1;transform:none}.journey-stop.left .journey-card{grid-column:1;margin-right:13%}.journey-stop.right .journey-card{grid-column:2;margin-left:13%}.journey-card{position:relative;display:grid;grid-template-columns:58px 1fr 150px;gap:22px;padding:24px;border:1px solid #292626;background:linear-gradient(145deg,rgba(15,14,14,.97),rgba(7,7,7,.96));box-shadow:0 24px 60px rgba(0,0,0,.18);overflow:hidden}.journey-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 76%,rgba(158,27,35,.08));pointer-events:none}.journey-num{font-size:11px;letter-spacing:.15em;color:var(--orange);font-weight:900;padding-top:3px}.journey-card-copy span{font-size:9px;letter-spacing:.16em;color:#76706f;font-weight:800}.journey-card-copy h3{font-size:clamp(24px,2.1vw,38px);line-height:.98;letter-spacing:-.045em;margin:9px 0 13px}.journey-card-copy p{color:#8d8987;line-height:1.72;font-size:13px;margin:0}.journey-card figure{margin:0;height:150px;overflow:hidden;align-self:center;border:1px solid #2b2828}.journey-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05);transition:.7s}.journey-card:hover figure img{transform:scale(1.06);filter:saturate(.85)}.journey-stop.today .journey-card{border-color:#4b292b}.journey-finale{position:relative;z-index:3;margin-top:85px;padding:70px 0 15px;border-top:1px solid #2b2727;text-align:center}.journey-finale>span{font-size:10px;letter-spacing:.22em;color:var(--orange);font-weight:900}.journey-finale h3{font-size:clamp(52px,7vw,118px);line-height:.83;letter-spacing:-.065em;margin:18px 0 34px}.journey-finale h3 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #6f6968} /* Expanded reactive portfolio */ .portfolio-page-v9{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.portfolio-page-v9 .pv9-card{min-height:380px}.reactive-project{--spot-x:50%;--spot-y:50%;transform:translateZ(0);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s}.reactive-project:before{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.14),transparent 28%);opacity:0;transition:opacity .35s}.reactive-project:hover:before{opacity:1}.reactive-project:hover{border-color:#4a3031;transform:translateY(-5px)}.reactive-project:hover .pv9-copy{transform:translateY(-4px)}.reactive-project .pv9-copy{transition:transform .4s cubic-bezier(.16,1,.3,1)} .client-portfolio-section{border-top:1px solid var(--line)}.client-mark-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292626;border-left:1px solid #292626}.client-mark{position:relative;height:190px;border-right:1px solid #292626;border-bottom:1px solid #292626;background:#0b0b0b;display:grid;place-items:center;padding:28px;overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s}.client-mark:before,.client-mark:after{content:"";position:absolute;pointer-events:none;transition:.45s cubic-bezier(.16,1,.3,1)}.client-mark:before{inset:0;background:radial-gradient(circle at 50% 50%,rgba(158,27,35,.19),transparent 62%);opacity:0}.client-mark:after{left:0;bottom:0;width:0;height:2px;background:var(--orange)}.client-mark img{max-width:82%;max-height:88px;object-fit:contain;filter:grayscale(1) contrast(.9);opacity:.62;transition:filter .45s,opacity .45s,transform .55s cubic-bezier(.16,1,.3,1)}.client-mark span{position:absolute;left:15px;bottom:12px;font-size:8px;letter-spacing:.16em;color:#555;opacity:0;transform:translateY(8px);transition:.35s}.client-mark:hover{background:#111;transform:translateY(-6px);border-color:#3d292a}.client-mark:hover:before{opacity:1}.client-mark:hover:after{width:100%}.client-mark:hover img{filter:none;opacity:1;transform:scale(1.07)}.client-mark:hover span{opacity:1;transform:none}.client-mark-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px}.client-mark-note>span{font-size:9px;letter-spacing:.14em;color:#6e6a68;line-height:1.6} /* Certification document request */ .cert-docs-cta{margin-top:36px;padding:34px 36px;border:1px solid #34292a;background:linear-gradient(120deg,#0b0b0b,#12090a);display:flex;justify-content:space-between;align-items:center;gap:40px}.cert-docs-cta h3{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;margin:9px 0}.cert-docs-cta p{color:#8d8986;line-height:1.7;max-width:760px;margin:0} /* Individual manufacturing service pages */ .service-detail-hero{padding-bottom:65px}.service-detail-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.service-detail-cover{margin:0;height:520px;overflow:hidden;border:1px solid #2b2828;position:relative}.service-detail-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.36))}.service-detail-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.03)}.service-detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.service-detail-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;border-top:1px solid var(--line);padding-top:45px}.service-detail-intro h2{font-size:clamp(42px,5vw,76px);line-height:.9;letter-spacing:-.055em;margin:10px 0}.service-detail-intro p{color:#aaa;line-height:1.85;font-size:15px;margin-top:0}.service-detail-intro ul{list-style:none;padding:0;margin:25px 0 0}.service-detail-intro li{position:relative;padding:13px 0 13px 24px;border-top:1px solid #242222;color:#d1ceca;font-size:13px}.service-detail-intro li:last-child{border-bottom:1px solid #242222}.service-detail-intro li:before{content:"↗";position:absolute;left:0;color:var(--orange)}.service-detail-steps{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-detail-steps article{padding:28px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.service-detail-steps article:hover{background:#101010;transform:translateY(-4px)}.service-detail-steps span{font-size:9px;letter-spacing:.14em;color:var(--orange)}.service-detail-steps h3{font-size:28px;letter-spacing:-.04em;margin:50px 0 12px}.service-detail-steps p{color:#85817e;line-height:1.7;font-size:13px}.service-detail-next{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-detail-next .wrap{display:grid;grid-template-columns:1fr 1fr}.service-detail-next a{padding:35px 0;display:flex;flex-direction:column;gap:8px}.service-detail-next a+ a{border-left:1px solid var(--line);padding-left:40px;text-align:right;align-items:flex-end}.service-detail-next span{font-size:9px;letter-spacing:.16em;color:var(--orange)}.service-detail-next b{font-size:clamp(20px,2vw,30px);letter-spacing:-.035em;transition:.3s}.service-detail-next a:hover b{color:var(--orange)} @media(max-width:1370px){.nav-services{display:none!important}} @media(max-width:1100px){.journey-intro,.service-detail-hero-grid,.service-detail-intro{grid-template-columns:1fr}.journey-path{left:20px;width:2px}.journey-stop{display:block;padding-left:54px;min-height:auto;margin-bottom:26px}.journey-stop.left .journey-card,.journey-stop.right .journey-card{margin:0}.service-detail-steps{grid-template-columns:1fr 1fr}.client-mark-grid{grid-template-columns:repeat(3,1fr)}.service-detail-cover{height:430px}} @media(max-width:720px){.journey-intro{gap:25px;margin-bottom:40px}.journey-path{display:none}.journey-stop{padding-left:0}.journey-card{grid-template-columns:38px 1fr}.journey-card figure{grid-column:1/-1;height:210px}.journey-finale{margin-top:55px}.client-mark-grid{grid-template-columns:1fr 1fr}.client-mark{height:145px;padding:20px}.client-mark-note,.cert-docs-cta{align-items:flex-start;flex-direction:column}.service-detail-steps{grid-template-columns:1fr}.service-detail-cover{height:330px}.service-detail-next .wrap{grid-template-columns:1fr}.service-detail-next a+ a{border-left:0;border-top:1px solid var(--line);padding-left:0;text-align:left;align-items:flex-start}.portfolio-page-v9{grid-template-columns:1fr 1fr}.portfolio-page-v9 .pv9-card,.portfolio-page-v9 .pv9-card:nth-child(5n+1){grid-column:auto!important;min-height:330px}} @media(max-width:520px){.portfolio-page-v9,.client-mark-grid{grid-template-columns:1fr}.client-mark{height:165px}} /* ===== V12.3 — requested portfolio reliability + Davies cursor trail + flat header CTA ===== */ /* Flat outlined LET'S TALK — rectangular by request; fills Liberty red on hover. */ .desktop-nav .talk.talk-pro{ height:40px!important;min-width:116px!important;padding:0 18px!important; border:1px solid rgba(255,255,255,.72)!important;border-radius:0!important; background:transparent!important;color:#f3f2ee!important;box-shadow:none!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important; overflow:hidden!important;transform:none!important; transition:border-color .28s ease,color .28s ease,transform .28s cubic-bezier(.16,1,.3,1)!important; } .desktop-nav .talk.talk-pro span{position:relative;z-index:2;letter-spacing:.115em} .desktop-nav .talk.talk-pro i{display:none!important} .desktop-nav .talk.talk-pro:before{ content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important; background:var(--liberty-red)!important;transform:scaleX(0)!important;transform-origin:left center!important; transition:transform .38s cubic-bezier(.16,1,.3,1)!important; } .desktop-nav .talk.talk-pro:after{display:none!important} .desktop-nav .talk.talk-pro:hover{border-color:var(--liberty-red)!important;color:#fff!important;transform:translateY(-1px)!important} .desktop-nav .talk.talk-pro:hover:before{transform:scaleX(1)!important} /* V12.3.4 — Cursor restored to the V12.2 reactive follower system. */ /* Portfolio: locally hosted covers + controlled framing. */ .portfolio-page-v9{gap:12px!important} .portfolio-page-v9 .pv9-card{background:#080808;cursor:pointer!important} .portfolio-page-v9 .pv9-card img{background:#090909} .portfolio-page-v9 .pv9-card.pv9-contain img{object-fit:contain!important;padding:4%;background:#0b0b0b;filter:saturate(.9) contrast(1.02) brightness(.9)} .portfolio-page-v9 .pv9-card.pv9-contain:hover img{transform:scale(1.02)} .portfolio-page-v9 .pv9-open{cursor:pointer!important} .portfolio-page-v9 .pv9-card:focus-visible{outline:1px solid var(--liberty-red);outline-offset:3px} /* ===== V12.3.2 — About: achievements, Pakistan roots and future vision ===== */ .about-vision-hero{position:relative;overflow:hidden} .about-vision-hero:after{content:"";position:absolute;right:-10vw;top:-14vw;width:54vw;height:54vw;border-radius:50%;background:radial-gradient(circle,rgba(158,27,35,.16),transparent 68%);pointer-events:none} .origin-section{padding-top:72px} .origin-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,120px);align-items:center} .origin-flag-panel{position:relative;min-height:560px;border:1px solid #2b2828;background:#080808;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:space-between} .origin-flag-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.2)),radial-gradient(circle at 70% 18%,rgba(255,255,255,.08),transparent 32%);pointer-events:none} .origin-flag-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.16em;color:#8f8b88;font-weight:800}.origin-flag-top b{color:#fff;font-size:10px} .pakistan-flag{position:relative;z-index:1;width:88%;max-width:520px;align-self:center;box-shadow:0 28px 80px rgba(0,0,0,.36);transform:rotate(-1.5deg)} .origin-country-word{position:relative;z-index:2;font-size:clamp(58px,7vw,118px);font-weight:900;line-height:.78;letter-spacing:-.07em;color:#f1f0ec;opacity:.96;margin-bottom:-4px} .origin-copy h2{font-size:clamp(52px,6vw,94px);line-height:.86;letter-spacing:-.06em;margin:14px 0 34px;text-transform:uppercase}.origin-copy>p{max-width:780px;color:#9a9692;line-height:1.85;font-size:14px}.origin-copy .origin-emphasis{color:#dedbd5;font-size:17px;line-height:1.65;border-left:2px solid var(--liberty-red);padding-left:22px;margin-top:30px} .achievement-section{border-top:1px solid var(--line)}.achievement-head{margin-bottom:52px}.achievement-wall{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2a2828;border-left:1px solid #2a2828}.achievement-card{position:relative;min-height:430px;padding:42px 42px 38px;border-right:1px solid #2a2828;border-bottom:1px solid #2a2828;background:#090909;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:background .4s ease,transform .45s cubic-bezier(.16,1,.3,1),border-color .4s ease}.achievement-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(158,27,35,.17),transparent 38%);opacity:0;transition:.4s}.achievement-card:hover{background:#0f0b0c;border-color:#45272a;transform:translateY(-5px)}.achievement-card:hover:before{opacity:1}.achievement-index{position:relative;z-index:1;font-size:66px;line-height:1;font-weight:900;letter-spacing:-.06em;color:#232020}.achievement-card:hover .achievement-index{color:#4a2428}.achievement-card>div{position:relative;z-index:1}.achievement-card small{font-size:9px;letter-spacing:.17em;color:var(--liberty-red);font-weight:900}.achievement-card h3{font-size:clamp(34px,3.8vw,61px);line-height:.9;letter-spacing:-.055em;margin:18px 0 22px}.achievement-card p{max-width:610px;color:#8c8884;line-height:1.75;font-size:13px;margin:0} .empire-section{position:relative;overflow:hidden;background:#050505;border-top:1px solid #241f20;border-bottom:1px solid #241f20}.empire-section:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(158,27,35,.08),transparent 46%),radial-gradient(circle at 82% 32%,rgba(158,27,35,.2),transparent 30%);pointer-events:none}.empire-shell{position:relative;padding:clamp(68px,8vw,125px) 0}.empire-kicker{font-size:10px;letter-spacing:.22em;color:var(--liberty-red);font-weight:900}.empire-shell h2{font-size:clamp(58px,8.4vw,142px);line-height:.78;letter-spacing:-.075em;margin:24px 0 58px;max-width:1300px}.empire-shell h2 span{color:transparent;-webkit-text-stroke:1px #746e6d}.empire-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1050px;margin-left:auto}.empire-grid p{color:#aaa5a1;line-height:1.85;font-size:15px;margin:0}.empire-statement{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #30292a;border-bottom:1px solid #30292a;margin-top:72px}.empire-statement span{padding:26px 20px;text-align:center;font-size:12px;letter-spacing:.16em;font-weight:900;color:#eee}.empire-statement span+span{border-left:1px solid #30292a} .future-section{padding-bottom:110px}.future-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292626;border-left:1px solid #292626;margin-top:55px}.future-card{min-height:300px;padding:28px;border-right:1px solid #292626;border-bottom:1px solid #292626;background:#080808;transition:.4s cubic-bezier(.16,1,.3,1)}.future-card:hover{background:#100b0c;transform:translateY(-4px)}.future-card span{font-size:9px;letter-spacing:.17em;color:var(--liberty-red);font-weight:900}.future-card h3{font-size:29px;line-height:.95;letter-spacing:-.045em;margin:72px 0 18px}.future-card p{font-size:13px;color:#827f7b;line-height:1.7;margin:0}.vision-finale{margin-top:85px;padding-top:66px;border-top:1px solid #31292a;text-align:center}.vision-finale>span{font-size:10px;letter-spacing:.2em;color:var(--liberty-red);font-weight:900}.vision-finale h3{font-size:clamp(42px,6vw,96px);line-height:.9;letter-spacing:-.06em;margin:20px auto 35px;max-width:1250px}.vision-finale h3 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #736d6b} @media(max-width:1050px){.origin-grid{grid-template-columns:1fr}.origin-flag-panel{min-height:480px}.achievement-wall{grid-template-columns:1fr}.empire-grid{grid-template-columns:1fr;gap:24px;margin-left:0}.future-grid{grid-template-columns:1fr 1fr}} @media(max-width:720px){.origin-section{padding-top:35px}.origin-flag-panel{min-height:360px;padding:23px}.pakistan-flag{width:94%}.origin-country-word{font-size:56px}.origin-copy h2{font-size:48px}.achievement-card{min-height:330px;padding:29px 25px}.achievement-index{font-size:48px}.achievement-card h3{font-size:37px}.empire-shell h2{font-size:58px}.empire-statement{grid-template-columns:1fr}.empire-statement span+span{border-left:0;border-top:1px solid #30292a}.future-grid{grid-template-columns:1fr}.future-card{min-height:220px}.future-card h3{margin-top:48px}.vision-finale{margin-top:55px;padding-top:48px}} /* V12.3.6 testimonial carousel — centered editorial treatment */ .testimonials-section{border-top:1px solid var(--line);overflow:hidden} .testimonial-viewport{width:100%;overflow:hidden;margin-top:24px} .testimonial-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:18px max(6vw,calc((100vw - min(760px,62vw))/2)) 28px;scrollbar-width:none;-ms-overflow-style:none} .testimonial-track::-webkit-scrollbar{display:none} .testimonial-slide{flex:0 0 min(760px,62vw);scroll-snap-align:center;background:#090909;border:1px solid #272727;opacity:.42;transform:scale(.92);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;overflow:hidden} .testimonial-slide.is-active{opacity:1;transform:scale(1);border-color:#363030;box-shadow:0 30px 80px rgba(0,0,0,.34)} .testimonial-photo{position:relative;aspect-ratio:16/9;overflow:hidden;background:#060606} .testimonial-photo:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to bottom,transparent,#090909)} .testimonial-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transform:scale(1.005);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s ease} .testimonial-slide.is-active .testimonial-photo img{transform:scale(1.025)} .testimonial-body{padding:24px 30px 30px;text-align:center} .testimonial-person{display:grid;gap:4px;margin-bottom:20px} .testimonial-person strong{font-size:18px;line-height:1.1;font-weight:600;color:#fff} .testimonial-person span{font-size:12px;color:#aaa;letter-spacing:.01em} .testimonial-body p{max-width:630px;margin:0 auto;padding-top:20px;border-top:1px solid #333;font-size:18px;line-height:1.55;color:#e7e7e7} .testimonial-slide.is-active .testimonial-body p{border-top-color:#9e1b23} .testimonial-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:2px} .testimonial-arrow{width:42px;height:42px;border:1px solid #333;border-radius:50%;background:transparent;color:#fff;font-size:17px;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .25s;cursor:pointer} .testimonial-arrow:hover{background:#9e1b23;border-color:#9e1b23;transform:scale(1.06)} .testimonial-dots{display:flex;align-items:center;gap:8px} .testimonial-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#4c4c4c;cursor:pointer;transition:transform .25s,background .25s} .testimonial-dots button.is-active{background:#b6282d;transform:scale(1.45)} .testimonial-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:28px} .testimonial-cta>span{font-size:9px;letter-spacing:.14em;color:#6e6a68;line-height:1.6} @media(max-width:900px){.testimonial-track{gap:18px;padding-inline:7vw}.testimonial-slide{flex-basis:86vw}.testimonial-body{padding:20px 22px 24px}.testimonial-body p{font-size:16px}.testimonial-photo{aspect-ratio:4/3}} @media(max-width:560px){.testimonial-track{padding-inline:6vw}.testimonial-slide{flex-basis:88vw}.testimonial-body{padding:18px 18px 22px}.testimonial-person strong{font-size:17px}.testimonial-person span{font-size:11px}.testimonial-body p{font-size:15px;line-height:1.5}.testimonial-controls{gap:14px}.testimonial-arrow{width:38px;height:38px}.testimonial-cta{align-items:flex-start;flex-direction:column}} /* ========================================================= LIBERTY EDGE — MOTOCROSS SPECIAL CATEGORY ========================================================= */ .le-motocross-special{ position:relative; overflow:hidden; } .le-moto-banner{ position:relative; min-height:680px; overflow:hidden; background:#050505; border:1px solid rgba(255,255,255,.12); } /* IMAGE */ .le-moto-banner-media{ position:absolute; inset:0; display:block; z-index:1; } .le-moto-banner-media img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; transform:scale(1.015); transition: transform 1.4s cubic-bezier(.16,1,.3,1), filter .8s ease; } .le-moto-banner:hover .le-moto-banner-media img{ transform:scale(1.05); } /* DARK CINEMATIC OVERLAY */ .le-moto-banner-overlay{ position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.86) 30%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.18) 100% ), linear-gradient( 0deg, rgba(0,0,0,.78) 0%, transparent 55% ); } /* RED EDGE */ .le-moto-edge{ position:absolute; z-index:4; left:0; top:0; width:6px; height:100%; background:#b6282d; } /* CONTENT */ .le-moto-banner-content{ position:relative; z-index:5; min-height:680px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:min(820px,70%); padding: clamp(55px,7vw,105px) clamp(32px,6vw,95px); } /* HUGE TITLE */ .le-moto-title{ margin:18px 0 24px; display:flex; flex-direction:column; font-size:clamp(64px,8.6vw,138px); font-weight:900; line-height:.78; letter-spacing:-.07em; text-transform:uppercase; } .le-moto-title span{ display:block; } .le-moto-title-white{ color:#fff; } .le-moto-title-red{ color:#b6282d; } /* DESCRIPTION */ .le-moto-description{ max-width:660px; margin:0 0 28px; color:rgba(255,255,255,.82); font-size:clamp(15px,1.25vw,20px); line-height:1.6; } /* TAGS */ .le-moto-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; } .le-moto-tags span{ padding:8px 11px; border: 1px solid rgba(255,255,255,.20); color: rgba(255,255,255,.72); font-size:9px; font-weight:700; letter-spacing:.13em; backdrop-filter:blur(5px); } /* BUTTONS */ .le-moto-actions{ display:flex; flex-wrap:wrap; gap:12px; } /* META */ .le-moto-meta{ width:100%; display:flex; justify-content:space-between; gap:20px; margin-top:34px; padding-top:20px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.55); font-size:9px; font-weight:700; letter-spacing:.15em; } /* SIDE LABEL */ .le-moto-side-label{ position:absolute; z-index:5; right:26px; top:50%; transform: translateY(-50%) rotate(90deg); transform-origin:center; color: rgba(255,255,255,.38); font-size:9px; font-weight:700; letter-spacing:.20em; white-space:nowrap; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:900px){ .le-moto-banner{ min-height:650px; } .le-moto-banner-content{ width:100%; min-height:650px; justify-content:flex-end; padding: 50px 28px 60px; } .le-moto-banner-overlay{ background: linear-gradient( 0deg, rgba(0,0,0,.97) 0%, rgba(0,0,0,.88) 42%, rgba(0,0,0,.30) 100% ); } .le-moto-title{ font-size: clamp(58px,16vw,94px); line-height:.82; } .le-moto-meta{ flex-direction:column; gap:8px; } .le-moto-side-label{ display:none; } } @media(max-width:560px){ .le-moto-banner, .le-moto-banner-content{ min-height:620px; } .le-moto-banner-content{ padding: 40px 22px 48px; } .le-moto-title{ font-size: clamp(52px,17vw,76px); } .le-moto-description{ font-size:15px; } .le-moto-actions{ flex-direction:column; align-items:flex-start; } } /* MOTOCROSS BANNER FINAL POSITIONING */ .le-moto-banner-content{ position:relative !important; z-index:10 !important; } .le-moto-title{ position:relative; z-index:11; } .le-moto-title-white, .le-moto-title-red{ display:block; } .le-moto-title-white{ color:#fff !important; } .le-moto-title-red{ color:#b6282d !important; } .le-moto-banner-overlay{ z-index:2 !important; } .le-moto-banner-media{ z-index:1 !important; }