/* DQuadrat: immersive brand and portfolio experience. */
:root{--electric:#1677ff;--neon:#71b5ff;--glass:rgba(21,25,32,.56)}
body{background:#0c0e12}::selection{background:#026dff;color:white}.site-header{position:fixed;height:94px;background:linear-gradient(#0a0c10b8,#0a0c1020);border-color:#ffffff22;transition:background .35s,height .35s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.site-header.is-scrolled{height:80px;background:#0c101abc;backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45);box-shadow:0 8px 35px #0002}.site-header .brand{height:88px}.primary-nav{gap:27px}.header-actions .nav-cta{padding:11px 19px;border:1px solid #ffffff4a;border-radius:28px;background:#ffffff0d;transition:.25s}.nav-cta:hover{background:#fff;color:#0c0e12}.menu-button{border:0;padding:12px 0 12px 5px;font-size:14px}.menu-icon{width:22px;gap:6px}.site-menu{background:rgba(10,14,21,.79);backdrop-filter:blur(32px) saturate(1.45);-webkit-backdrop-filter:blur(32px) saturate(1.45);padding:34px var(--pad);isolation:isolate}.site-menu:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#407fb226,transparent 55%);pointer-events:none}.site-menu .menu-top{padding-bottom:26px;border-color:#ffffff26}.site-menu .menu-grid{padding:50px 0 30px}.site-menu .menu-links{gap:13px}.site-menu .menu-links>a{font-size:clamp(36px,4.3vw,67px);font-weight:400;letter-spacing:-.04em}.site-menu .menu-links>a:hover{color:#a4cfff;opacity:1}.site-menu .menu-side a{color:#c8d1e0}.site-menu .menu-side .eyebrow{color:#a4b6ce}.close-menu{background:#ffffff0b;border:1px solid #ffffff35;backdrop-filter:blur(12px)}.site-menu .menu-bottom{border-color:#ffffff22;color:#aebbcf}
.hero{height:100svh;min-height:800px;max-height:1250px;padding:150px var(--pad) 90px;display:flex;flex-direction:column;justify-content:center;background:#080d15;overflow:hidden}.hero .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2;background:#15202c}.hero-visual img{object-fit:cover;object-position:68% 55%;filter:brightness(.66) saturate(.82);transform:scale(1.035);width:100%;height:100%;transition:none}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,15,.82) 0%,rgba(4,8,15,.55) 38%,rgba(4,8,15,.02) 77%),linear-gradient(0deg,#070b13d9,transparent 45%,#070b1370);z-index:1}.hero-top{position:absolute;left:var(--pad);right:var(--pad);top:146px;justify-content:space-between;color:#c7d4e6}.hero-top>.eyebrow:nth-child(2){display:none}.hero-edition{font-size:11px;letter-spacing:.14em;color:#afbccc}.hero h1{font-size:clamp(96px,12vw,185px);line-height:.88;margin:20px 0 0;letter-spacing:-.067em;max-width:1000px;text-shadow:0 8px 50px #0003}.hero h1 .blue{color:#69a7ff;text-shadow:0 0 90px #2a76ff45}.hero-bottom{margin-top:34px;max-width:540px}.hero-bottom p{font-size:18px;line-height:1.6;color:#d5dce6}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:25px}.hero-actions .button{margin:0;border-radius:5px;padding:18px 24px}.hero-whatsapp{display:flex;align-items:center;gap:10px;font-size:14px;color:#d8e2ef}.hero-whatsapp .wa-icon{width:18px;height:18px}.hero-footer{bottom:35px;border-top:1px solid #ffffff29;padding-top:22px}.hero-footer>.eyebrow{color:#c3ccd9;font-size:11px}.scroll-line{display:inline-block;width:37px;height:1px;background:#bbd4f5;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:var(--blue);transform:translateX(-100%);animation:scan 2.4s ease-in-out infinite}@keyframes scan{50%{transform:translateX(0)}to{transform:translateX(100%)}}.hero-caption{position:absolute;right:var(--pad);left:auto;bottom:115px;z-index:3;line-height:1.8;font-size:12px;color:#d4dfef;text-align:right}.hero-caption b{font-size:12px;font-weight:400;color:#9fafc3}.ticker{background:#10151f;border-top:1px solid #394966;border-bottom:1px solid #394966;padding:22px 0}.ticker-track span{color:#a8bddc;font-size:16px;font-weight:400;letter-spacing:0}.ticker-track i{height:4px;width:4px;background:#4d9bff}.intro{padding-top:115px;padding-bottom:115px}.intro h2>span{color:#777f8d}.stats strong{color:#88b5ff}
.motion-section{height:460svh;margin:0;background:#06080b}.motion-pin{min-height:650px;isolation:isolate}.motion-images{position:absolute;inset:0;z-index:-2}.motion-layer{position:absolute;inset:0;opacity:0;overflow:hidden;will-change:opacity}.motion-layer:first-child{opacity:1}.motion-layer img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:brightness(.72) saturate(.9);transform:scale(1.07);will-change:transform}.motion-layer[data-scene="1"] img{object-position:center 62%}.motion-layer[data-scene="2"] img{object-position:50% 57%}.motion-layer[data-scene="3"] img{object-position:50% 43%}.motion-layer[data-scene="5"] img{object-position:center;background:#101010}.motion-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05090ce6,transparent 83%),linear-gradient(0deg,#05090cf0,transparent 38%,#05090c70)}.motion-text{padding-top:125px;padding-bottom:130px;width:100%}.motion-text>.eyebrow{color:#b4c9e6;letter-spacing:.13em}.motion-text h2{font-size:clamp(60px,8vw,125px);max-width:1190px;line-height:.95;letter-spacing:-.058em;margin:28px 0 40px}.motion-text h2:first-line{font-size:1em}.motion-text h2 span{color:#ffffffa6;display:block}.motion-project{display:flex;flex-direction:column;gap:4px;line-height:1.5}.motion-project b{font-size:19px;font-weight:400}.motion-project>span{font-size:12px;color:#d7e0eb}.motion-bottom{bottom:32px;display:block}.motion-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.scene-tab{position:relative;text-align:left;border:0;border-top:1px solid #ffffff36;background:transparent;color:#9baabd;padding:15px 0;line-height:1.5;overflow:hidden;min-width:0}.scene-tab>span{font-size:11px;display:block}.scene-tab b{font-size:13px;font-weight:400;display:block;white-space:nowrap}.scene-tab i{position:absolute;top:0;left:0;width:100%;height:2px;background:#86baff;transform:scaleX(0);transform-origin:left}.scene-tab.active{color:white}.scene-tab:hover{color:#c9e0ff}.motion-skip{display:inline-block;margin-top:12px;padding:0;border:0;color:#a4b2c5;font-size:12px}.motion-skip:hover{color:white}.work-section .section-heading>div:last-child{max-width:310px}.work-section .section-heading>div:last-child .text-link{margin-top:20px;color:#14171c}.project-open{border-radius:40px;width:auto;height:auto;padding:12px 18px;font-size:12px;font-weight:600;background:#ffffffe3;backdrop-filter:blur(10px);right:17px;bottom:17px}.project-card button:hover .project-open{transform:none;background:#101b2d;color:white}.photo-badge{position:absolute;left:18px;bottom:18px;background:#111a27cc;color:white;font-size:11px;padding:5px 10px;backdrop-filter:blur(8px)}.digital-card .project-image{background:#101216}.digital-card .project-image img{object-fit:contain}.project-card:nth-child(4n+2) .project-image img{object-position:center 40%}.project-info{gap:12px}.project-info>span{font-size:11px}.work-more>.button{min-width:250px;justify-content:center}.services .services-intro{top:120px}.service-body .text-link{border-color:#5b718e;color:#a9c8f7}.showreel{padding-top:10px}.reel-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.reel-heading h2{font-size:clamp(32px,4.5vw,63px);max-width:750px}.showreel .reel-frame{border:1px solid #ffffff21}.about{background:#080f1d;position:relative;isolation:isolate;min-height:720px;border-top:1px solid #194073;border-bottom:1px solid #194073;overflow:hidden}.about-glow{position:absolute;z-index:-2;inset:-15%;background:radial-gradient(ellipse at 20% 45%,#0068ff32,transparent 50%),radial-gradient(ellipse at 80% 5%,#069fd12a,transparent 48%);filter:blur(25px);pointer-events:none;animation:neon-breathe 9s ease-in-out infinite alternate}.about:before{content:'';position:absolute;top:0;left:15%;width:70%;height:1px;background:#60b1ff;box-shadow:0 0 18px 6px #1687ff80,0 0 95px 20px #0068ff30;z-index:-1}.about .eyebrow{color:#8fc8ff}.about h2{color:#f7fbff;font-size:clamp(48px,6.2vw,99px);text-shadow:0 0 45px #2e7bff25}.about-right>p{color:#c7d9ef}.signature{border-color:#4e8ccb5c}.signature-mark{color:#7bb7ff;text-shadow:0 0 24px #087aff80}.signature small{color:#8ca7c5}.about-history{border-color:#4e8ccb5c;position:relative;z-index:2}.about-history b{color:#8bc8ff}.about-history p{color:#a8c1db}.about-outline{position:absolute;right:-10px;bottom:40px;font-size:clamp(130px,23vw,330px);color:transparent;-webkit-text-stroke:1px #9aceff13;font-weight:700;line-height:.8;letter-spacing:-.07em;white-space:nowrap;pointer-events:none;z-index:-1}@keyframes neon-breathe{to{transform:translate(4%,-3%);opacity:.55}}
.brand-family{padding-bottom:60px}.family-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px 9%;align-items:end}.family-heading>.eyebrow{grid-column:1/-1;color:#8eabcf}.family-heading h2{font-size:clamp(55px,6vw,93px);line-height:1.04}.family-heading h2 span{color:#717c8d}.family-heading p{font-size:18px;max-width:420px;margin-bottom:7px}.family-line{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px;border-top:1px solid #ffffff24;padding-top:25px}.family-line>a{font-size:20px;letter-spacing:.03em;font-weight:600;line-height:1.3}.family-line a>span{display:block;font-size:12px;color:#8998ac;letter-spacing:0;font-weight:400;margin-top:9px}.family-line a:hover{color:#97c6ff}.light-brand{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:11%;overflow:hidden;isolation:isolate;padding-top:70px}.light-brand:before{content:'';position:absolute;inset:10% -20% -20% 35%;background:radial-gradient(ellipse at center,#ea00d120,transparent 62%);z-index:-1;pointer-events:none}.brand-label{display:block;font-size:22px;letter-spacing:-.04em;font-weight:600;margin-bottom:7px}.light-copy>.eyebrow{color:#b79ab7;font-size:11px}.light-copy h2{font-size:clamp(54px,6vw,91px);line-height:.99;margin:36px 0 26px;font-weight:600}.light-copy h2 em{font-style:normal;color:#ff7fe8;text-shadow:0 0 32px #fc37d529}.light-copy>p{max-width:440px;font-size:16px;color:#aba2b1}.light-facts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:27px 0 32px;font-size:11px;letter-spacing:.02em;color:#c8afc8}.light-facts span{padding-bottom:5px;border-bottom:1px solid #ffffff24}.light-button{background:#e962d3;color:#0c0710;padding:17px 24px;border-radius:4px}.brand-secondary{font-size:13px;color:#c3a7c1;border-bottom:1px solid #ffffff26;padding-bottom:5px;display:table;margin-top:22px}.light-art{position:relative;padding:10px 0 90px;min-width:0}.light-main{width:100%;height:600px;object-fit:cover;object-position:58% 45%;border-radius:3px}.light-inset{position:absolute;left:-18%;bottom:15px;width:75%;background:#0e0b10;border:1px solid #ffffff33;padding:9px;box-shadow:0 30px 60px #0008}.light-inset img{aspect-ratio:1.8;object-fit:cover}.light-inset span{display:block;font-size:9px;letter-spacing:.15em;text-align:center;padding:10px 0 3px;color:#cdaec9}.media-brand{position:relative;isolation:isolate;background:#101014;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding-bottom:60px;overflow:hidden}.media-brand:before{content:'';position:absolute;inset:25% 20% 20%;background:radial-gradient(ellipse at 45% 55%,#e8752920,transparent 70%);z-index:-1;pointer-events:none}.media-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end}.media-heading .brand-label{color:#edac83}.media-heading .eyebrow{color:#8b8686;font-size:11px}.media-heading h2{font-size:clamp(45px,4.7vw,73px);line-height:1.08;margin-top:32px}.media-heading h2 em{font-style:normal;color:#aa8672}.media-heading p{max-width:470px;font-size:16px;margin-bottom:25px;color:#a5a3a6}.media-heading .brand-secondary{color:#b7aca6}.media-showcase{position:relative;display:block;margin-top:45px;width:100%;overflow:hidden;border:1px solid #ffffff13;border-radius:4px;background:#101113}.media-showcase>img{width:100%;height:auto;max-height:720px;object-fit:cover;transition:transform .7s}.media-showcase:hover>img{transform:scale(1.025)}.media-glass-label{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;border:1px solid #ffffff29;border-radius:7px;background:#17171b8a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px;color:#cbcad1}.media-glass-label b{font-size:13px;font-weight:400;color:white}.media-services{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:35px;color:#b9b4b3;font-size:14px}.journal{background:#eceef2}.region-section{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;background:#101722;border-top:1px solid #ffffff1f}.region-section h2{font-size:clamp(38px,4.8vw,74px);margin:25px 0;line-height:1.07}.region-section p{max-width:480px;color:#9faebe}.region-cities{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-self:center}.region-cities a{display:block;padding:17px 0;border-bottom:1px solid #ffffff25;font-size:17px;color:#d5dfee;transition:.2s}.region-cities a:hover{color:#70b1ff;border-color:#5c9be2}.region-page-intro{max-width:800px;margin:0 0 55px}.region-page-intro h2{font-size:45px;line-height:1.1;margin:22px 0}.region-page-intro p{font-size:18px}.contact{background:#eceef2}.map-section{background:#101722;padding:85px var(--pad) 50px}.map-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.map-heading h2{font-size:clamp(38px,4.8vw,72px);margin-top:25px;line-height:1.05}.map-heading>p{font-size:15px;line-height:1.8;color:#a9bacd;max-width:380px}.map-frame{height:520px;position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:4px;background:#24344a}.map-frame iframe{border:0;width:100%;height:100%;filter:saturate(.35) contrast(.94);display:block}.map-address{position:absolute;left:28px;bottom:28px;width:310px;padding:27px;background:#0c1423e3;border:1px solid #b6d2ff40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 55px #00122a50;border-radius:7px}.map-address .eyebrow{color:#99b3d7;font-size:10px}.map-address strong{font-size:30px;line-height:1.15;letter-spacing:-.04em;display:block;font-weight:400;margin:15px 0 22px}.map-address a{font-size:12px;display:table;margin-top:12px;border-bottom:1px solid #8cadde60;padding-bottom:3px}.map-note{font-size:11px;color:#7f8e9f;margin-top:15px}.map-note a{border-bottom:1px solid currentColor}.location .text-link{margin-top:16px}.footer{background:#080b10;padding-top:45px}.footer-family{display:flex;gap:40px;align-items:center;border-bottom:1px solid #ffffff20;padding-bottom:35px;margin-bottom:45px;font-size:19px;letter-spacing:-.03em}.footer-family span{font-size:12px;letter-spacing:0;color:#78879c;margin-right:auto}.footer-family a:hover{color:#86baff}.footer-links{grid-template-columns:1.05fr 1fr 1.15fr;gap:45px}.footer-links a{font-size:12px}.footer-catalog{margin-bottom:15px;color:#94bfff}.footer-links>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;align-content:start}.footer-links>div:last-child h3{grid-column:1/-1}.footer-word{font-size:13.5vw;color:#172231;letter-spacing:-.07em}.floating-whatsapp{position:fixed;right:28px;bottom:27px;z-index:65;height:62px;width:62px;background:#0877ff;border:1px solid #87b8ff99;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 25px #0061ff70;isolation:isolate;transition:background .2s,transform .2s}.floating-whatsapp .wa-icon{width:31px;height:31px;color:white}.floating-whatsapp:hover{background:#2488ff;transform:translateY(-3px)}.wa-ring{position:absolute;inset:-1px;border:1px solid #5fa8ff;border-radius:50%;z-index:-1;animation:whatsapp-pulse 3s ease-out infinite}.wa-tooltip{position:absolute;right:77px;white-space:nowrap;font-size:12px;opacity:0;transform:translateX(8px);transition:.25s;padding:11px 15px;background:#142238ed;border:1px solid #accfff30;border-radius:7px;pointer-events:none;backdrop-filter:blur(12px)}.floating-whatsapp:hover .wa-tooltip,.floating-whatsapp:focus-visible .wa-tooltip{opacity:1;transform:translateX(0)}@keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.65}75%,100%{transform:scale(1.52);opacity:0}}.motion-toggle{z-index:55;left:18px;bottom:20px;background:#0a121fbd;backdrop-filter:blur(12px);border-color:#8ba8d14d}
/* A dedicated portfolio, with un-cropped digital work and grouped extra views. */
.catalog-page{background:#0c1018}.catalog-hero{padding:75px var(--pad) 60px}.catalog-hero>.eyebrow{color:#a0b2cb}.catalog-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:35px 0}.catalog-title h1{font-size:clamp(65px,10.3vw,155px);line-height:.9;font-weight:600;letter-spacing:-.065em}.catalog-title h1 span{color:#659eea}.catalog-number{display:flex;flex-direction:column;align-items:end}.catalog-number b{font-size:130px;letter-spacing:-.08em;font-weight:400;line-height:1;color:#40628c}.catalog-number span{font-size:13px;color:#9aabbd;text-align:right;line-height:1.7}.catalog-hero>p{max-width:680px;font-size:18px;color:#9babbe}.catalog-section{padding-top:35px;--muted:#929fab}.catalog-controls{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;padding:25px 0 30px;border-top:1px solid #ffffff25}.catalog-controls label{font-size:12px;color:#879bb6;display:flex;flex-direction:column;gap:10px}.catalog-controls input,.catalog-controls select{font:inherit;font-size:16px;line-height:1.5;background:#111b29;border:1px solid #ffffff20;border-radius:5px;padding:13px 16px;color:#eff4fa;width:100%;min-width:0}.catalog-controls input::placeholder{color:#748499}.catalog-section .filter{color:#a9bbd2;border-color:#ffffff25;background:transparent}.catalog-section .filter:hover,.catalog-section .filter.active{color:#0b1420;background:#c0d8f8;border-color:#c0d8f8}.catalog-section .filters{margin-bottom:20px}.catalog-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin-bottom:30px}.catalog-meta p{color:#7a90ab}.reset-filters{border:0;border-bottom:1px solid #ffffff55;background:none;padding:3px 0;color:#d0e0f5;font-size:12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 25px}.catalog-grid .project-card:nth-child(n){padding-top:0}.catalog-grid .project-image,.catalog-grid .project-card:nth-child(2n) .project-image{aspect-ratio:1.14;border-radius:4px}.catalog-grid .project-info{flex-direction:column;gap:3px}.catalog-grid .project-info h3{font-size:24px;color:#ebf2fa;letter-spacing:-.04em}.catalog-grid .project-info p{font-size:12px;color:#9fb1c8}.catalog-grid .project-info>span{font-size:10px;color:#6983a6;text-transform:uppercase;letter-spacing:.08em}.catalog-grid .project-no{background:#101721cc;color:#c3d4ed;border:1px solid #8da8ce40;border-radius:3px;font-size:9px;backdrop-filter:blur(10px);top:12px;left:12px}.catalog-grid .project-open{background:#edf5ffdc;color:#102138;font-size:11px;padding:10px 14px;bottom:12px;right:12px}.catalog-section .work-more .button{color:#cfdef2;border-color:#5c7391}.empty-projects{text-align:center;padding:75px 20px}.empty-projects h2{font-size:35px;margin-bottom:20px}.catalog-cta{border-top:1px solid #4272ac;background:radial-gradient(ellipse at 50% 115%,#066fff40,transparent 70%),#0d1625;text-align:center}.catalog-cta>.eyebrow{color:#87b7ee}.catalog-cta h2{font-size:clamp(64px,10vw,145px);margin:30px 0 45px}.catalog-cta>.button{display:table;margin:auto}.catalog-whatsapp{display:flex;gap:12px;align-items:center;justify-content:center;font-size:14px;margin-top:24px;color:#a6c5ed}.catalog-whatsapp .wa-icon{width:18px;height:18px}.project-dialog{border:1px solid #ffffff25;border-radius:10px;background:#0c1420}.dialog-layout{grid-template-columns:1.4fr 1fr}.dialog-visual{min-width:0;position:relative;min-height:550px;background:#080c13;display:flex;align-items:center;justify-content:center}.dialog-image{max-height:84svh;height:auto;width:100%;object-fit:contain;background:none}.dialog-copy{padding:65px 35px 35px}.dialog-copy h2{font-size:38px}.dialog-brand{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#71a1dd;margin-bottom:25px}.dialog-copy p{font-size:15px}.dialog-enquiry{font-size:13px;color:#a9c8ee;border-bottom:1px solid #577291;display:table;margin-top:22px;padding-bottom:5px}.photo-controls{position:absolute;bottom:14px;left:14px;right:14px;padding:10px 14px;background:#0b172ad6;border:1px solid #ffffff30;backdrop-filter:blur(16px);border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:15px}.photo-controls[hidden]{display:none}.photo-controls button{border:0;background:none;padding:7px 0;font-size:11px;color:#cfdef2}.photo-count{font-size:11px;color:#82a6d4;white-space:nowrap}.dialog-counter{font-size:11px}.dialog-nav{gap:14px}.dialog-nav button{font-size:12px;padding:9px 16px;border-color:#6e88ad77;border-radius:4px}.dialog-close{background:#0e1b2bcf;backdrop-filter:blur(12px)}.button.blue{border-radius:4px;background:#0869eb}.inner-cta{background:#111d31;border-top:1px solid #264777}.inner-cta .button{border-radius:4px}.page-content .cta{background:#111f34;border:1px solid #2c4a71}
@media(min-width:1600px){.hero{padding-top:170px;min-height:940px}.hero h1{margin-top:20px}.hero-top{top:160px}}
@media(max-width:1100px){.primary-nav{gap:20px}.primary-nav a:nth-child(4){display:none}.hero{min-height:800px}.hero h1{font-size:13.5vw;max-width:950px}.hero-bottom{max-width:450px}.hero-bottom p{font-size:17px}.hero-visual img{object-position:65% 55%}.hero-top{top:135px}.hero-caption{bottom:115px}.brand-family{padding-bottom:40px}.family-heading{gap:25px 7%}.family-heading h2{font-size:60px}.family-heading p{font-size:16px}.light-brand{gap:8%;grid-template-columns:1fr 1fr}.light-copy h2{font-size:59px}.light-main{height:550px}.light-facts{font-size:10px}.light-inset{left:-13%}.media-heading{gap:6%}.media-heading h2{font-size:48px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links{gap:27px}.motion-tabs{gap:12px}.scene-tab b{font-size:11px}.dialog-copy h2{font-size:32px}.dialog-copy{padding:65px 28px 28px}.map-heading{gap:30px}.map-heading>p{font-size:14px}.region-section{gap:8%}.region-cities a{font-size:15px}.footer-family{gap:28px}}
@media(max-width:760px){.site-header,.site-header.is-scrolled{height:78px;padding-left:16px;padding-right:20px}.site-header .brand{height:78px;width:95px}.site-header .brand img{width:95px;height:95px}.header-actions{gap:20px}.header-actions .nav-cta{font-size:12px;padding:10px 15px}.menu-button{padding:10px 0}.site-menu{padding:24px var(--pad)}.site-menu .menu-grid{padding:30px 0;gap:30px}.site-menu .menu-links{gap:13px}.site-menu .menu-links>a{font-size:35px;line-height:1.15}.site-menu .menu-side{font-size:14px;gap:9px}.site-menu .menu-side .eyebrow{margin:10px 0}.site-menu .menu-top .eyebrow{font-size:10px;max-width:230px}.close-menu{width:41px;height:41px}.menu-bottom{font-size:12px}.hero{height:100svh;min-height:740px;max-height:1080px;padding:145px var(--pad) 150px;display:flex;justify-content:center}.hero .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0}.hero-visual img{object-position:58% 53%;filter:brightness(.64) saturate(.85)}.hero-visual:after{background:linear-gradient(90deg,#050a13b8,#050a1340),linear-gradient(0deg,#040a14e8,transparent 85%)}.hero-top{position:absolute;top:114px;left:var(--pad);right:var(--pad)}.hero-top .eyebrow{font-size:9px;letter-spacing:.11em}.hero-edition{display:none}.hero h1{font-size:17vw;line-height:.92;margin:10px 0 0;max-width:100%;letter-spacing:-.06em}.hero h1 .blue{margin-top:5px;color:#77b1ff}.hero-bottom{margin-top:26px;max-width:100%;display:block}.hero-bottom p{font-size:15px;line-height:1.8;color:#d3e1f2}.hero-actions{margin-top:24px;gap:18px;align-items:start;flex-direction:column}.hero-actions .button{padding:16px 21px;font-size:13px;white-space:nowrap}.hero-whatsapp{font-size:12px;gap:9px}.hero-whatsapp .wa-icon{width:16px;height:16px}.hero-footer{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);margin:0;padding-top:18px;gap:15px}.hero-footer .scroll-link{font-size:9px;letter-spacing:.08em;gap:9px}.hero-footer .eyebrow{font-size:8px;max-width:100px;text-align:right;line-height:1.8;padding-right:0}.hero-caption{left:var(--pad);right:auto;bottom:93px;text-align:left;font-size:10px;line-height:1.6}.hero-caption b{font-size:10px}.scroll-line{width:22px}.ticker{padding:17px 0}.ticker-track span{font-size:13px}.intro{padding-top:65px;padding-bottom:65px}.intro h2{font-size:32px;line-height:1.2}.intro-bottom p{font-size:15px}.stats strong{font-size:38px}.motion-section{height:370svh}.motion-pin{min-height:650px}.motion-text{padding:115px var(--pad) 170px}.motion-text>.eyebrow{font-size:9px}.motion-text h2{font-size:clamp(32px,8.4vw,64px);line-height:1.1;letter-spacing:-.045em;margin:24px 0 30px;max-width:100%}.motion-text h2:first-line{font-size:1em}.motion-project b{font-size:18px}.motion-project>span{font-size:11px;max-width:260px}.motion-bottom{left:var(--pad);right:var(--pad);bottom:30px;display:block}.motion-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px}.scene-tab{padding:9px 0}.scene-tab>span{font-size:9px}.scene-tab b{font-size:10px;white-space:normal;min-height:30px}.motion-skip{font-size:10px;margin-top:12px}.motion-layer img{object-position:center 55%;filter:brightness(.64)}.motion-layer[data-scene="5"] img{object-fit:contain;transform:none!important}.motion-shade{background:linear-gradient(90deg,#040911aa,#04091140),linear-gradient(0deg,#030a14f2,transparent 90%)}.work-section .section-heading>div:last-child{max-width:100%}.work-section .section-heading>div:last-child p{font-size:15px}.work-section .section-heading>div:last-child .text-link{margin-top:14px;font-size:12px}.work-section .section-heading h2{font-size:45px}.filters{gap:7px}.filter{font-size:11px;padding:8px 11px}.project-card:nth-child(n){padding-top:0}.project-image{aspect-ratio:1.1!important}.project-info h3{font-size:24px}.project-info p{font-size:12px}.project-info>span{font-size:9px}.project-no{font-size:9px}.project-open{font-size:11px;padding:10px 15px}.services-intro h2{font-size:45px}.reel-heading{display:block;margin-bottom:25px}.reel-heading h2{font-size:33px;line-height:1.12;margin-top:22px}.reel-heading .eyebrow{font-size:10px}.about{min-height:0;grid-template-columns:1fr;padding-top:75px;padding-bottom:70px}.about .about-glow{position:absolute}.about h2{font-size:clamp(33px,10.4vw,63px);line-height:1.05}.about-right>p{font-size:18px}.about-outline{font-size:38vw;bottom:70px;right:-10px}.about-history{margin-top:10px}.brand-family{padding-top:65px;padding-bottom:40px}.family-heading{grid-template-columns:1fr;gap:25px}.family-heading>.eyebrow{font-size:10px}.family-heading h2{font-size:54px;line-height:1.05}.family-heading p{font-size:16px;max-width:100%;margin:0}.family-line{gap:15px;margin-top:35px;padding-top:22px}.family-line>a{font-size:11px;letter-spacing:0}.family-line a>span{font-size:9px;line-height:1.6}.light-brand{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:65px}.brand-label{font-size:23px}.light-copy h2{font-size:61px;margin:28px 0 24px;line-height:.99}.light-copy>p{font-size:15px;max-width:100%}.light-copy>.eyebrow{font-size:10px}.light-facts{font-size:10px;gap:9px 18px}.brand-secondary{font-size:12px}.light-art{padding:0 0 65px 27px}.light-main{height:440px;object-position:55% 45%}.light-inset{left:0;bottom:0;width:85%;padding:7px}.light-inset img{aspect-ratio:1.7}.light-inset span{font-size:8px}.media-brand{padding-top:65px;padding-bottom:45px}.media-heading{grid-template-columns:1fr;gap:28px}.media-heading h2{font-size:43px;margin-top:25px}.media-heading p{font-size:15px}.media-showcase{margin-top:30px;overflow:visible}.media-showcase>img{aspect-ratio:1.5;object-fit:contain;max-height:none}.media-glass-label{position:relative;left:auto;right:auto;bottom:auto;flex-direction:column;align-items:start;gap:10px;padding:17px;font-size:12px;border-radius:0;background:#202025a1;border-top:1px solid #ffffff24}.media-glass-label b{font-size:12px}.media-services{gap:15px 10px;margin-top:24px;font-size:11px;display:grid;grid-template-columns:1fr 1fr}.region-section{grid-template-columns:1fr;gap:25px}.region-section h2{font-size:42px}.region-section p{font-size:15px}.region-cities{gap:0 18px}.region-cities a{font-size:14px;padding:16px 0;line-height:1.5}.map-section{padding:65px var(--pad) 35px}.map-heading{flex-direction:column;align-items:start;gap:25px;margin-bottom:30px}.map-heading h2{font-size:42px;margin-top:22px}.map-heading>p{font-size:14px}.map-frame{height:auto;overflow:visible;border:0}.map-frame iframe{height:330px;border-radius:4px;border:1px solid #ffffff29}.map-address{position:relative;left:auto;bottom:auto;width:100%;margin-top:15px;padding:24px;border-radius:5px}.map-address strong{font-size:28px}.map-address a{font-size:12px}.map-note{font-size:10px;margin-top:20px}.contact-phone{font-size:29px}.footer{padding-bottom:90px;padding-top:30px}.footer-family{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;font-size:14px;margin-bottom:35px;padding-bottom:28px}.footer-family span{grid-column:1/-1;margin:0;font-size:11px}.footer-links{grid-template-columns:1fr 1fr;gap:30px}.footer-links>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 20px}.footer-links>div:last-child a{display:block;margin:0;line-height:2.5}.footer-word{font-size:12.6vw}.footer-links a{font-size:12px}.floating-whatsapp{height:56px;width:56px;right:19px;bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 5px 28px #0465ff88}.floating-whatsapp .wa-icon{height:28px;width:28px}.wa-tooltip{display:none}.motion-toggle{left:10px;bottom:calc(20px + env(safe-area-inset-bottom));height:29px;width:29px}.catalog-hero{padding:45px var(--pad) 35px}.catalog-hero>.eyebrow{font-size:10px;line-height:1.8;max-width:300px;display:block}.catalog-title{margin:30px 0;gap:12px;align-items:start}.catalog-title h1{font-size:13vw;line-height:.95}.catalog-number{padding-top:3px;min-width:44px}.catalog-number b{font-size:48px}.catalog-number span{display:none}.catalog-hero>p{font-size:15px}.catalog-section{padding-top:15px;padding-bottom:60px}.catalog-controls{grid-template-columns:1fr;gap:20px;padding:25px 0}.catalog-controls label{font-size:11px;gap:8px}.catalog-controls input,.catalog-controls select{font-size:16px;padding:12px 14px}.catalog-grid{grid-template-columns:1fr;gap:32px}.catalog-grid .project-image{aspect-ratio:1.25!important}.catalog-grid .project-info h3{font-size:24px}.catalog-section .filter{font-size:11px}.catalog-meta{margin-bottom:24px;font-size:11px}.catalog-meta button{font-size:11px}.catalog-cta h2{font-size:17vw;margin:27px 0 35px}.catalog-whatsapp{font-size:12px;gap:8px}.project-dialog{width:calc(100vw - 24px);max-height:91svh;border-radius:8px}.dialog-layout{grid-template-columns:1fr}.dialog-visual{min-height:0;max-height:none;height:36svh}.dialog-image{height:100%;max-height:100%;width:100%;object-fit:contain}.dialog-copy{padding:25px 24px 30px}.dialog-copy h2{font-size:30px;margin:17px 0 10px}.dialog-brand{font-size:10px;margin-bottom:18px}.dialog-copy p{font-size:14px;margin-bottom:25px}.dialog-copy .button{font-size:12px;padding:14px 18px}.dialog-enquiry{font-size:12px}.dialog-counter{font-size:10px;margin-top:22px}.dialog-nav button{font-size:12px}.photo-controls{bottom:8px;left:8px;right:8px;padding:7px 10px;gap:8px}.photo-controls button{font-size:9px}.photo-count{font-size:9px}.region-page-intro h2{font-size:35px}.region-page-intro p{font-size:16px}}
@media(max-width:360px){.header-actions{gap:14px}.header-actions .nav-cta{padding:9px 12px;font-size:11px}.hero{min-height:740px}.hero h1{font-size:17vw}.hero-bottom p{font-size:14px}.light-copy h2{font-size:53px}.family-heading h2{font-size:48px}.family-line{gap:9px}.family-line a{font-size:10px}.media-heading h2{font-size:38px}.contact-phone{font-size:26px}}
@media(prefers-reduced-motion:reduce){.motion-section{height:100svh}.motion-layer,.motion-layer img{will-change:auto}.hero-visual img{transform:none!important}.wa-ring,.about-glow,.scroll-line:after{animation:none!important}}body.motion-off .motion-section{height:100svh}body.motion-off .motion-layer img{transform:none!important}
/* Preserve the intrinsic layouts while keeping UI states and crops consistent. */
[hidden]{display:none!important}.light-inset img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.hero-footer>.eyebrow{padding-right:82px}.menu-open .floating-whatsapp{visibility:hidden}
@media(min-width:761px){.site-header.is-scrolled .brand{height:78px}.site-header.is-scrolled .brand img{height:103px;width:103px}}
@media(max-width:760px){.hero-footer>.eyebrow{display:none}.light-inset img{aspect-ratio:1.7}}
@media(max-width:760px){.motion-bottom{bottom:88px}}
@media(max-width:760px){.motion-text h2{font-size:clamp(24px,8.1vw,64px)}}