@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--yellow:#f7d322;--black:#10120f;--white:#f1f1e9;--muted:#a4a69c;--line:#ffffff23}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,.showcase h3{font-family:'Arial Narrow','Barlow Condensed',Impact,Arial,sans-serif;font-weight:900;line-height:.99;letter-spacing:-.055em}h2{font-size:clamp(38px,5.5vw,84px)}h2 span{color:var(--yellow)}.section{padding:100px 6%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.muted{color:var(--muted);font-size:10px;letter-spacing:1.6px}.header{height:88px;position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff30;background:linear-gradient(#10120f88,transparent)}.brand{width:248px}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--yellow);transition:.3s}.header nav a:hover:after{right:0}.header-contact{font-size:15px;font-weight:800}.header-contact span{color:var(--yellow);margin-left:15px}.menu-toggle{display:none}.hero{position:relative;height: min(950px,100svh);min-height:720px;overflow:hidden;background:#36424b}.hero-image{position:absolute;inset:-12% 0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081015a6,#08101515),linear-gradient(0deg,#10120fe8 0%,#10120f36 65%,#10120f44)}.hero-content{position:absolute;left:6%;right:6%;top:31%}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#eee}.dot{width:7px;height:7px;border-radius:50%;background:var(--yellow)}h1{font-size:clamp(60px,8.3vw,132px);margin:26px 0 34px;max-width:1240px;text-shadow:0 4px 36px #0003}h1 span{color:var(--yellow)}.hero-bottom{display:flex;align-items:center;gap:65px}.hero-bottom p{font-size:13px;line-height:1.8;color:#d6d9d8}.button{min-height:58px;padding:17px 24px;background:var(--yellow);color:var(--black);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--yellow);transition:background .2s,transform .2s}.button:hover{background:#ffe775;transform:translateY(-3px)}.button span{font-size:23px;line-height:1}.hero-foot{position:absolute;bottom:30px;left:6%;right:6%;border-top:1px solid #ffffff40;padding-top:23px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.hero-foot a span{display:inline-block;margin-left:25px;color:var(--yellow);font-size:19px}.hero-coordinate{position:absolute;right:25px;top:44%;writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;color:#ddd}.ticker{overflow:hidden;background:var(--yellow);color:var(--black);padding:17px 0;font-weight:900;font-size:18px;letter-spacing:-.4px}.ticker div{width:max-content;animation:marquee 42s linear infinite}.ticker b{padding:0 34px;font-size:24px}@keyframes marquee{to{transform:translateX(-50%)}}.intro{background:var(--white);color:var(--black)}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;margin-top:40px}.intro h2 span{color:#7d8174}.intro-copy{font-size:14px;color:#51554c}.intro-copy p+p{margin-top:15px}.text-link{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #10120f55;margin-top:30px;color:var(--black);font-weight:800}.text-link span{font-size:23px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;padding-top:25px;border-top:1px solid #10120f33;font-size:12px;font-weight:800}.principles b{color:#7d8174;font-size:10px;margin-right:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:40px}.service-row{border-top:1px solid var(--line);display:grid;grid-template-columns:55px 1fr 270px 55px;align-items:center;gap:20px;padding:28px 0;transition:.3s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-left:15px;padding-right:15px;background:#f7d32208}.service-row .number{font-size:11px;color:var(--yellow)}.service-row h3{font-size:clamp(19px,2.4vw,32px);letter-spacing:-1.2px;font-weight:800;line-height:1.2}.service-row p{font-size:12px;color:var(--muted);max-width:265px}.service-row .arrow{border:1px solid #ffffff3a;border-radius:50%;height:45px;width:45px;display:grid;place-items:center;font-size:24px}.service-row:hover .arrow{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.project-heading{padding-top:30px;padding-bottom:70px}.project-heading h2{margin-top:28px}.project-heading p{color:var(--muted);font-size:13px;margin-top:25px}.showcase{position:relative;min-height:720px;height:90svh;overflow:hidden;border-bottom:4px solid var(--black)}.showcase-photo{position:absolute;inset:-13% 0}.showcase-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.showcase:first-of-type .showcase-photo img{object-position:50% 52%}.showcase-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#070b0bf5,#080c0c00 80%),linear-gradient(90deg,#080c0c60,transparent)}.showcase-info{position:absolute;bottom:65px;left:6%;z-index:1}.showcase-info .eyebrow{color:var(--yellow)}.showcase h3{font-size:clamp(43px,5.5vw,80px);margin-top:20px;max-width:1000px}.showcase-info p{margin:20px 0;color:#d1d2ca;font-size:13px}.round-link{display:flex;align-items:center;gap:30px;background:transparent;border:0;padding:0;color:var(--white);font-size:11px;font-weight:700}.round-link span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff77;border-radius:50%;font-size:21px;transition:.2s}.round-link:hover span{background:var(--yellow);color:var(--black)}.big-index{position:absolute;right:6%;bottom:25px;font-size:200px;line-height:1;font-weight:800;color:#ffffff0d;letter-spacing:-15px;-webkit-text-stroke:1px #ffffff35}.gallery-section h2{margin-top:25px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:transparent;border:1px solid #ffffff33;color:var(--muted);padding:10px 17px;font-size:11px}.filters button.active,.filters button:hover{background:var(--yellow);color:var(--black);border-color:var(--yellow)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.photo{position:relative;padding:0;border:0;background:#242722;aspect-ratio:4/3;overflow:hidden;color:#fff;text-align:left}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .65s}.photo:hover img{transform:scale(1.07);filter:brightness(.7)}.photo .photo-label{position:absolute;bottom:0;left:0;right:0;padding:35px 16px 14px;background:linear-gradient(transparent,#000b);font-size:10px;display:flex;justify-content:space-between;gap:10px}.photo .photo-label b{color:var(--yellow);font-size:19px;line-height:1}.gallery-more{display:flex;margin:32px auto 0;min-width:270px}.gallery-more[hidden]{display:none}.approach{background:#1a1d18}.approach-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:45px}.steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:25px 0}.steps article>span{font-size:11px;color:var(--yellow);padding-top:5px}.steps h3{font-size:20px;letter-spacing:-.7px}.steps p{font-size:12px;color:var(--muted);margin-top:10px}.faq{max-width:1200px;margin:auto}.faq h2{margin:25px 0 40px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:30px;cursor:pointer;font-size:16px;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:var(--yellow);font-size:24px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{max-width:800px;font-size:13px;color:var(--muted);margin-top:20px;line-height:1.9}.contact{background:var(--yellow);color:var(--black);position:relative;overflow:hidden}.contact h2{font-size:clamp(90px,15vw,220px);margin:40px 0;letter-spacing:-.065em}.contact h2>span{color:var(--black)}.contact-arrow{position:absolute;right:6%;top:17%;font-family:Arial,sans-serif;font-size:200px;font-weight:400}.contact-bottom{border-top:1px solid #10120f55;padding-top:32px;display:flex;justify-content:space-between;gap:40px}.contact-bottom p{font-size:13px}.phone{display:block;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:-1.5px;margin-top:15px}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:290px}.button.dark{background:var(--black);color:var(--yellow);border-color:var(--black)}.button.outlined{background:transparent;border-color:#10120f66}.footer{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;align-items:center;padding:40px 6%}.footer>span,.footer>a:last-of-type{font-size:9px;letter-spacing:1px;color:var(--muted)}.footer small{flex-basis:100%;border-top:1px solid var(--line);padding-top:20px;color:#7e8376;font-size:10px}.floating-contact{position:fixed;right:25px;bottom:20px;z-index:9;background:var(--yellow);color:var(--black);padding:13px 18px;font-size:11px;font-weight:800;box-shadow:0 4px 30px #0005;border:1px solid #10120f20;display:flex;gap:25px;align-items:center;transition:opacity .3s}.floating-contact.hidden{opacity:0;pointer-events:none}.skip{position:fixed;top:-90px;background:var(--yellow);color:#111;padding:15px;z-index:100}.skip:focus{top:0}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.parallax{will-change:transform}dialog{max-width:100vw;max-height:100svh;width:100vw;height:100svh;padding:60px 65px 30px;border:0;background:#0a0c0af5;color:#fff;overflow:hidden}dialog::backdrop{background:#080908f5}dialog[open]{display:flex;align-items:center;justify-content:center}dialog figure{margin:0;max-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}dialog figure img{max-height:calc(100svh - 140px);max-width:100%;object-fit:contain}dialog figcaption{font-size:12px;margin-top:14px;color:#ccc;text-align:center}dialog button{position:absolute;color:#fff;background:#ffffff13;border:1px solid #ffffff50;width:45px;height:45px;font-size:24px;z-index:2}.lightbox-close{right:20px;top:14px}.lightbox-prev{left:12px;top:48%}.lightbox-next{right:12px;top:48%}
@media(min-width:1600px){.hero-content{top:32%}}@media(max-width:1000px){.header nav{gap:18px}.header-contact{font-size:12px}.brand{width:210px}.intro-grid,.approach-grid{gap:6%}.service-row{grid-template-columns:40px 1fr 210px 45px;gap:12px}.service-row p{font-size:11px}.hero-bottom{gap:35px}.showcase{min-height:620px}.contact-arrow{font-size:150px;top:23%}}
@media(max-width:700px){.header{height:76px;padding:0 6%}.brand{width:205px}.header-contact{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff45;color:var(--yellow);font-size:22px;width:40px;height:40px;padding:0}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#10120ff5;padding:25px 6%;font-size:15px;flex-direction:column;gap:20px;border-bottom:1px solid var(--line)}.header.menu-open nav{display:flex}.hero{height:94svh;min-height:650px;max-height:1000px}.hero-content{top:32%;left:6%;right:6%}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:clamp(45px,10.2vw,74px);letter-spacing:-.06em;line-height:1.04;margin:25px 0}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}.hero-bottom p{font-size:11px}.button{min-height:53px;padding:15px 20px;font-size:11px}.hero-image img{object-position:47% center}.hero-foot{bottom:25px;padding-top:17px;font-size:7px;letter-spacing:.8px}.hero-foot>span:last-child{display:none}.hero-coordinate{display:none}.ticker{padding:11px 0;font-size:14px}.ticker b{font-size:19px;padding:0 20px}.section{padding:65px 6%}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro-grid,.approach-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}h2{font-size:clamp(34px,8.6vw,57px);letter-spacing:-.055em}.intro-copy{font-size:12px}.principles{gap:18px;margin-top:35px;font-size:9px}.principles b{display:block;margin-bottom:8px}.section-head{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:30px}.section-head>.muted{font-size:8px}.service-row{grid-template-columns:25px 1fr 35px;gap:10px;padding:23px 0}.service-row h3{font-size:20px;letter-spacing:-.7px}.service-row p{grid-column:2;grid-row:2;font-size:11px;max-width:100%}.service-row .arrow{grid-column:3;grid-row:1/3;width:34px;height:34px;font-size:20px}.service-row .number{font-size:9px}.service-row:hover{padding-left:0;padding-right:0}.project-heading{padding-top:20px}.project-heading p{font-size:11px}.showcase{height:80svh;min-height:530px;max-height:900px}.showcase-info{bottom:40px;right:6%}.showcase h3{font-size:clamp(35px,8.4vw,58px);line-height:1.04}.showcase-info p{font-size:11px;max-width:240px}.showcase-info .eyebrow{font-size:8px}.big-index{font-size:130px;bottom:35px;opacity:.65}.round-link{font-size:10px;gap:20px}.round-link span{width:36px;height:36px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters{gap:6px}.filters button{font-size:9px;padding:8px 10px}.photo .photo-label{font-size:8px;padding:30px 9px 10px;line-height:1.3}.photo .photo-label b{font-size:16px}.steps article{gap:20px}.steps h3{font-size:18px}.faq summary{font-size:13px;gap:16px}.faq details p{font-size:12px}.contact h2{font-size:21vw;margin:35px 0}.contact-arrow{right:5%;top:25%;font-size:80px}.contact-bottom{flex-direction:column;gap:25px}.contact-actions{min-width:0}.phone{font-size:30px}.footer{padding:30px 6% 85px;gap:20px}.footer img{width:195px}.footer>span{display:none}.footer>a:last-of-type{font-size:9px}.floating-contact{bottom:14px;right:14px;padding:11px 15px;font-size:10px}dialog{padding:65px 12px 65px}.lightbox-prev,.lightbox-next{top:auto;bottom:14px}.lightbox-prev{left:calc(50% - 55px)}.lightbox-next{right:calc(50% - 55px)}dialog figure img{max-height:calc(100svh - 175px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.parallax{transform:none!important;will-change:auto}}
/* Readability refinement */
body{font-size:17px}.brand{width:280px}.header nav{font-size:15px}.header-contact{font-size:17px}.eyebrow{font-size:13px;letter-spacing:1.7px}.muted{font-size:12px}.hero-bottom p{font-size:17px}.button{font-size:15px;min-height:62px}.hero-foot{font-size:11px}.hero-coordinate{font-size:10px}.intro-copy{font-size:17px;line-height:1.8}.principles{font-size:16px}.principles b{font-size:13px}.service-row{grid-template-columns:50px 1fr 310px 55px}.service-row .number{font-size:14px}.service-row p{font-size:15px;max-width:310px}.project-heading p{font-size:17px}.showcase-info p{font-size:17px}.round-link{font-size:15px}.filters button{font-size:14px;padding:12px 18px}.photo .photo-label{font-size:13px}.steps h3{font-size:24px}.steps p{font-size:16px}.steps article>span{font-size:14px}summary{font-size:19px}details p{font-size:16px}.contact-bottom p{font-size:17px}.footer>span,.footer>a:last-of-type{font-size:12px}.footer small{font-size:13px}.floating-contact{font-size:14px}.lightbox-caption{font-size:15px}
@media(max-width:1000px) and (min-width:701px){.brand{width:225px}.header nav{font-size:13px;gap:16px}.header-contact{font-size:14px}.service-row{grid-template-columns:35px 1fr 220px 45px}.service-row p{font-size:14px}}
@media(max-width:700px){.brand{width:235px}.header nav{font-size:18px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-bottom p{font-size:14px;line-height:1.8}.button{font-size:14px;min-height:58px}.hero-foot{font-size:9px}.eyebrow{font-size:11px;letter-spacing:1px}.muted,.section-head>.muted{font-size:11px}.intro-copy{font-size:16px;line-height:1.8}.principles{font-size:12px;gap:12px}.principles b{font-size:12px}.service-row{grid-template-columns:25px 1fr 35px}.service-row h3{font-size:23px}.service-row p{font-size:15px;line-height:1.65}.service-row .number{font-size:12px}.project-heading p{font-size:15px}.showcase-info .eyebrow{font-size:11px}.showcase-info p{font-size:15px;max-width:300px}.round-link{font-size:14px}.filters button{font-size:12px;padding:10px 12px}.photo .photo-label{font-size:11px}.steps h3{font-size:22px}.steps p{font-size:16px}.steps article>span{font-size:13px}.faq summary{font-size:17px;line-height:1.5}.faq details p{font-size:15px}.contact-bottom p{font-size:16px}.floating-contact{font-size:12px}.footer img{width:225px}.footer>a:last-of-type{font-size:11px}.footer small{font-size:12px}.hero-content{top:29%}}
.videos{padding-top:30px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.video-grid video{width:100%;height:360px;object-fit:contain;background:#1a1d18}.video-grid figure{margin:0}.video-grid figcaption{font-size:14px;color:var(--muted);padding:12px 0}@media(max-width:700px){.video-grid{grid-template-columns:1fr}.video-grid video{height:330px}.video-grid figcaption{font-size:14px}}
@media(max-width:700px){.service-row{grid-template-columns:25px minmax(0,1fr) 35px}.service-row h3{overflow-wrap:anywhere}.brand{max-width:calc(100vw - 110px)}}
@media(max-width:350px){h1{font-size:10.3vw}.phone{font-size:26px}.hero .eyebrow{font-size:9px}.service-row h3{font-size:21px}.hero-bottom p{font-size:13px}}
