@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap";
:root{--navy:#10113f;--dark:#07081d;--ink:#15182a;--gold:#d7a052;--paper:#f5f3ed;--line:#10113f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Plus Jakarta Sans,DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:10;color:#fff;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;height:112px;padding:0 clamp(24px,5vw,78px);display:flex;position:absolute}.brand{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:96px;height:96px;display:block}.desktop-nav{gap:clamp(24px,3vw,48px);font-size:13px;display:flex}.desktop-nav a{color:#fffc;position:relative}.desktop-nav a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .25s;position:absolute;bottom:-8px;left:0}.desktop-nav a:hover:after{width:100%}.header-cta{border:1px solid #fff6;padding:12px 18px;font-size:12px;transition:all .25s}.header-cta:hover{color:var(--navy);background:#fff}.header-cta span{color:var(--gold);margin-left:8px}.hero{color:#fff;background:var(--dark);height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-image{transform:translate3d(0,var(--parallax-y,0),0) scale(1.035);will-change:transform;background:url(/quiro-hero.png) 50%/cover no-repeat;animation:1.4s ease-out both revealImage;position:absolute;inset:-100px 0 0}.hero-shade{background:linear-gradient(90deg,#05061cf2,#07081fc9 35%,#07081f1a 70%),linear-gradient(#0000 45%,#05061994);position:absolute;inset:0}.hero-content{z-index:2;max-width:950px;padding:clamp(155px,20vh,205px) clamp(24px,8vw,130px) 80px;position:relative}.eyebrow,.section-label{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font:600 10px/1 Plus Jakarta Sans}.eyebrow{align-items:center;gap:12px;margin-bottom:28px;display:flex}.eyebrow span{background:var(--gold);width:38px;height:1px}h1,h2{letter-spacing:-3.2px;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-weight:400}h1{font-size:clamp(48px,6.4vw,96px);line-height:.98}h1 em,h2 em{color:var(--gold);font-family:Instrument Serif,Georgia,serif;font-weight:400}.hero-copy{color:#ffffffba;max-width:520px;margin:30px 0 34px;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.hero-actions{align-items:center;gap:32px;display:flex}.button{justify-content:space-between;align-items:center;gap:30px;padding:17px 22px;font-size:12px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--dark)}.button-gold:hover{background:#e5b36e}.text-link{border-bottom:1px solid #ffffff59;padding-bottom:7px;font-size:12px}.text-link span{color:var(--gold);margin-left:8px}.hero-footer{z-index:2;letter-spacing:1px;color:#fff9;text-transform:uppercase;justify-content:space-between;align-items:end;font-size:10px;line-height:1.5;display:flex;position:absolute;bottom:30px;left:clamp(24px,5vw,78px);right:clamp(24px,5vw,78px)}.hero-footer span{color:var(--gold)}.hero-note{letter-spacing:2px}.intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:90px;max-width:1240px;margin:auto;padding:140px 40px;display:grid}.section-label{margin:0 0 26px}h2{font-size:clamp(42px,5vw,71px);line-height:1.08}.intro-copy{max-width:510px;padding-top:42px}.intro-copy>p{color:#606273;margin:0 0 19px;font-size:15px;line-height:1.9}.intro-copy>p:first-child{color:var(--ink);font-size:20px;line-height:1.65}.signature{align-items:center;gap:17px;margin-top:36px;display:flex}.signature>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-style:italic;display:grid}.signature p{flex-direction:column;margin:0;font-size:12px;display:flex}.signature small{color:#7c7e8a;margin-top:5px}.services{background:var(--navy);color:#fff;padding:130px max(28px,50vw - 620px);overflow:hidden}.services-heading{justify-content:space-between;align-items:end;margin-bottom:70px;display:flex}.light{color:var(--gold)}.services-heading h2{max-width:790px}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service-card{background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;min-height:330px;padding:26px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #0304192e}.service-card:before{content:"";filter:blur(2px);background:#d7a0521c;border-radius:50%;width:150px;height:150px;transition:transform .35s,background .35s;position:absolute;top:-85px;right:-85px}.service-card:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border-color:#d7a05273;transform:translateY(-7px);box-shadow:0 25px 55px #0304194d}.service-card:hover:before{background:#d7a0522b;transform:scale(1.3)}.service-number{z-index:1;color:#efbb70;letter-spacing:1.5px;background:#d7a05221;border-radius:999px;width:max-content;padding:7px 10px;font:600 10px/1 Plus Jakarta Sans;position:relative}.service-card-copy{margin-top:62px}.service-card h3{letter-spacing:-.45px;margin:0 0 14px;font:500 20px/1.35 Plus Jakarta Sans}.service-card p{color:#fff9;margin:0;font-size:12px;line-height:1.75}.service-card a{color:#ffffffdb;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;font-size:11px;font-weight:600;display:flex}.service-card a b{background:var(--gold);width:34px;height:34px;color:var(--navy);border-radius:50%;place-items:center;font-size:13px;transition:transform .25s,background .25s;display:grid}.service-card a:hover b{background:#efbb70;transform:translate(2px,-2px)}.process{grid-template-columns:.9fr 1.1fr;gap:110px;max-width:1240px;margin:auto;padding:140px 40px;display:grid}.process-aside>p:last-child{color:#6d6f7c;max-width:410px;margin-top:30px;line-height:1.75}.steps{border-top:1px solid var(--line)}.step{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr 30px;align-items:center;gap:18px;padding:33px 10px;display:grid}.step>span{color:var(--gold);font:600 11px Manrope}.step h3{margin:0 0 8px;font:500 21px Manrope}.step p{color:#777986;margin:0;font-size:12px}.step b{color:var(--gold);transition:transform .2s}.step:hover b{transform:translate(6px)}.quote{background:var(--dark);color:#fff;text-align:center;padding:125px 28px 0;position:relative;overflow:hidden}.quote:before{content:"Q";color:#ffffff05;font:500 620px/.8 Georgia;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.quote>*{z-index:1;position:relative}.quote h2{font-size:clamp(50px,6vw,83px)}.quote>p:not(.section-label){color:#ffffff94;max-width:580px;margin:28px auto 35px;line-height:1.7}.contact-row{text-align:left;border-top:1px solid #ffffff21;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:100px auto 0;display:grid}.contact-row>*{border-right:1px solid #ffffff21;margin:0;padding:28px 40px;font-size:12px}.contact-row>:last-child{border:0}.contact-row small{color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:9px;font-size:8px;display:block}footer{color:#ffffff7a;background:#050617;grid-template-columns:1.4fr 1fr 1fr .8fr;align-items:start;gap:45px;padding:60px clamp(28px,6vw,90px);font-size:10px;line-height:1.6;display:grid}.footer-brand{color:#fff}.footer-brand .brand-logo{width:132px;height:132px}.footer-address{margin:24px 0 0}.footer-links{flex-direction:column;gap:9px;display:flex}.footer-links strong{color:#fff;margin-bottom:6px;font-size:11px}.footer-links a:hover{color:var(--gold)}.footer-links i{color:var(--gold);margin-left:5px;font-size:8px}.copyright{text-align:right}.whatsapp-float{z-index:15;color:var(--navy);background:#fff;border-radius:30px;align-items:center;gap:10px;padding:7px 18px 7px 7px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #05061740}.whatsapp-float span{color:#fff;background:#25d366;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;font-weight:600;display:grid}.fact-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:32px;display:grid}.fact-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:7px;padding:18px;display:flex}.fact-grid strong{text-transform:uppercase;letter-spacing:1px;color:var(--navy);font-size:10px}.fact-grid span{color:#6c6e7c;font-size:11px}.fact-grid i,.business-contact-grid i{color:#a66a24;text-transform:uppercase;letter-spacing:.5px;background:#f2e2ca;margin-left:5px;padding:3px 6px;font-size:7px;font-style:normal;display:inline-block}.draft-note{color:#ffffff9e;background:#d7a05214;border:1px solid #d7a05247;border-radius:999px;padding:8px 12px;font-size:9px;display:inline-block}.service-grid-eight{grid-template-columns:repeat(4,1fr)}.projects{max-width:1240px;margin:auto;padding:140px 40px}.projects-head{justify-content:space-between;align-items:end;margin-bottom:65px;display:flex}.projects-head>p{color:#70727f;max-width:420px;font-size:13px;line-height:1.8}.project-grid{grid-template-rows:repeat(2,300px);grid-template-columns:1.25fr .85fr;gap:18px;display:grid}.project-card{background:#dedbd2;position:relative;overflow:hidden}.project-card:first-child{grid-row:span 2}.project-placeholder{color:#6b6a66;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#d9d5ca,#bab7ae);flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 86px);font-size:11px;display:flex}.project-2 .project-placeholder{background:linear-gradient(135deg,#c9c4b8,#e0ddd4)}.project-3 .project-placeholder{background:linear-gradient(135deg,#aeb2b2,#d3d6d3)}.project-placeholder small{letter-spacing:1px;color:#9a5f2e;margin-top:9px;font-size:8px}.project-info{background:#fff;align-items:center;gap:18px;height:86px;padding:20px;display:flex}.project-info>span{color:var(--gold);font-size:10px}.project-info h3{margin:0 0 6px;font:500 16px Plus Jakarta Sans}.project-info p{color:#777986;margin:0;font-size:9px}.quote-form{text-align:left;grid-template-columns:.85fr 1.15fr;gap:100px;padding:120px max(28px,50vw - 590px);display:grid}.quote-form:before{left:20%}.form-intro h2{font-size:clamp(45px,5vw,72px)}.form-intro>p:not(.section-label){color:#ffffff94;margin:26px 0 50px;line-height:1.8}.contact-mini{border-top:1px solid #ffffff26}.contact-mini>*{border-bottom:1px solid #ffffff26;margin:0;padding:17px 0;font-size:12px;display:block}.contact-mini small{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:5px;font-size:8px;display:block}.quote-form-fields{color:var(--ink);background:#fff;flex-direction:column;gap:22px;padding:42px;display:flex}.quote-form-fields label{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.quote-form-fields input,.quote-form-fields select,.quote-form-fields textarea{width:100%;color:var(--ink);background:#f8f7f3;border:0;border-bottom:1px solid #d7d5cf;border-radius:0;margin-top:8px;padding:13px;font:400 13px Plus Jakarta Sans}.quote-form-fields textarea{resize:vertical}.form-pair{grid-template-columns:1fr 1fr;gap:18px;display:grid}.consent{color:#686a75;align-items:flex-start;gap:10px;line-height:1.6;display:flex;text-transform:none!important;letter-spacing:0!important;font-weight:400!important}.consent input{width:16px;margin:3px 0 0}.consent a{color:var(--navy);text-decoration:underline}.quote-form-fields .button{cursor:pointer;border:0}.form-warning{color:#a25f27;text-align:center;margin:0;font-size:9px}.business-contact{max-width:1240px;margin:auto;padding:120px 40px}.business-contact-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.business-contact-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:120px;padding:26px}.business-contact-grid small{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;display:block}.business-contact-grid p{margin:0;font-size:12px}.legal-page{background:var(--paper);min-height:100vh;padding:70px max(28px,50vw - 450px) 120px}.legal-back{color:#666978;margin-bottom:80px;font-size:12px;display:inline-block}.legal-page>h1{letter-spacing:-4px;color:var(--navy);max-width:800px;font:400 clamp(48px,7vw,82px)/1.05 Plus Jakarta Sans}.legal-updated{color:#858792;margin:22px 0 60px;font-size:10px}.legal-content{border-top:1px solid var(--line)}.legal-content section{border-bottom:1px solid var(--line);padding:35px 0}.legal-content h2{letter-spacing:-.5px;margin-bottom:12px;font:500 19px Plus Jakarta Sans}.legal-content p{color:#626472;max-width:720px;font-size:13px;line-height:1.8}.legal-content a{color:var(--navy);text-decoration:underline}.legal-content aside{color:#875524;background:#f0dfc7;margin-top:40px;padding:20px;font-size:11px}.contact-details em{color:#9a602d;margin-left:6px;font-size:9px;display:inline-block}@keyframes revealImage{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}.scroll-reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform;transform:translateY(34px)}.scroll-reveal.is-visible{opacity:1;transform:translate(0,0)}@media (max-width:900px){.desktop-nav{display:none}.hero{min-height:730px}.hero-shade{background:linear-gradient(90deg,#05061cf0,#07081f73),linear-gradient(#0000,#050619a6)}.intro,.process{grid-template-columns:1fr;gap:40px;padding:100px 28px}.intro-copy{padding-top:0}.services{padding-top:100px;padding-bottom:100px}.services-heading{display:block}.services-heading h2{margin-top:38px}.services-heading .section-label{margin-bottom:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.process{gap:65px}}@media (max-width:600px){.site-header{height:84px;padding:0 20px}.site-header .brand-logo{width:72px;height:72px}.header-cta{padding:11px 12px;font-size:10px}.header-cta span{display:none}.hero-content{padding:145px 22px 120px}h1,h2{letter-spacing:-2px}.hero-copy{line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch;gap:22px;max-width:280px}.text-link{width:max-content}.hero-footer{bottom:22px;left:22px;right:22px}.hero-note{display:none}.intro{padding-top:90px;padding-bottom:90px}.services-heading{margin-bottom:48px}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;padding:24px}.service-card-copy{margin-top:48px}.contact-row{grid-template-columns:1fr;margin-top:75px}.contact-row>*{text-align:center;border-bottom:1px solid #ffffff21;border-right:0;padding:20px 10px}footer{text-align:center;grid-template-columns:1fr;gap:28px}.footer-brand{justify-content:center}.footer-brand .brand-logo{width:148px;height:148px}.copyright{text-align:center}.whatsapp-float b{display:none}.whatsapp-float{padding:7px;bottom:15px;right:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.scroll-reveal{opacity:1!important;transform:none!important}.hero-image{transform:none!important}}@media (max-width:1100px){.site-header .brand small{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.desktop-nav{gap:18px}.quote-form{gap:50px}footer{grid-template-columns:1.2fr 1fr 1fr}.copyright{text-align:left}}@media (max-width:900px){.projects-head{display:block}.projects-head>p{margin-top:28px}.project-grid{grid-template-rows:500px 320px 320px;grid-template-columns:1fr}.project-card:first-child{grid-row:auto}.quote-form{grid-template-columns:1fr;gap:60px}.business-contact-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.service-grid-eight{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.site-header .brand small{max-width:135px}.site-header .brand strong{font-size:14px}.projects{padding:90px 22px}.project-grid{grid-template-rows:410px 300px 300px}.quote-form{padding:90px 22px}.quote-form-fields{padding:26px 20px}.form-pair{grid-template-columns:1fr}.business-contact{padding:90px 22px}.business-contact-grid,.fact-grid,.service-grid-eight{grid-template-columns:1fr}.legal-page>h1{letter-spacing:-2px}.legal-back{margin-bottom:55px}}html,body{font-size:16px}.desktop-nav{font-size:14px}.header-cta{font-size:13px}.eyebrow,.section-label{font-size:11px}.hero-copy{max-width:560px;font-size:clamp(17px,1.3vw,20px)}.button,.text-link{font-size:14px}.hero-footer{font-size:12px}.intro-copy{max-width:540px}.intro-copy>p{font-size:17px}.intro-copy>p:first-child{font-size:21px}.signature p{font-size:14px}.signature small{font-size:12px}.service-number{font-size:11px}.service-card h3{font-size:21px}.service-card p{font-size:14px}.service-card a{font-size:13px}.draft-note{font-size:11px}.projects-head>p{font-size:15px}.project-placeholder{font-size:13px}.project-placeholder small{font-size:10px}.project-info h3{font-size:18px}.project-info p{font-size:11px}.project-info>span{font-size:12px}.form-intro>p:not(.section-label){font-size:16px}.contact-mini>*{font-size:14px}.contact-mini small{font-size:10px}.quote-form-fields label{font-size:12px}.quote-form-fields input,.quote-form-fields select,.quote-form-fields textarea{font-size:15px}.consent{font-size:13px}.form-warning{font-size:11px}.fact-grid strong{font-size:12px}.fact-grid span{font-size:13px}.fact-grid i,.business-contact-grid i{font-size:9px}.business-contact-grid{font-size:14px}.business-contact-grid small{font-size:11px}.business-contact-grid p,.legal-back{font-size:14px}.legal-updated{font-size:12px}.legal-content h2{font-size:22px}.legal-content p{font-size:15px}.legal-content aside{font-size:13px}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}footer{font-size:13px;line-height:1.75}.footer-links{gap:12px}.footer-links strong{margin-bottom:8px;font-size:15px}.footer-links i{font-size:10px}.footer-address{font-size:14px}.copyright{font-size:12px}.whatsapp-float{font-size:13px}.developer-credit{color:var(--gold);margin-top:12px;transition:color .2s;display:inline-block}.developer-credit:hover{color:#efbb70}@media (max-width:900px){.site-header{padding:0 28px}.header-cta{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07081d40;border:1px solid #ffffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:flex}.mobile-menu summary span{background:#fff;width:19px;height:1px;transition:transform .25s,opacity .25s}.mobile-menu[open] summary span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu[open] summary span:nth-child(2){opacity:0}.mobile-menu[open] summary span:last-child{transform:translateY(-6px)rotate(-45deg)}.mobile-menu nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07081df7;border:1px solid #ffffff21;border-radius:18px;flex-direction:column;width:min(310px,100vw - 40px);padding:12px;display:flex;position:absolute;top:60px;right:0;box-shadow:0 24px 55px #00000059}.mobile-menu nav a{border-bottom:1px solid #ffffff17;padding:15px 16px;font-size:15px}.mobile-menu nav a:last-child{border-bottom:0}.mobile-menu .mobile-menu-cta{background:var(--gold);color:var(--dark);border-radius:10px;justify-content:space-between;margin-top:8px;font-weight:600;display:flex}.services,.projects,.business-contact,.quote-form{padding-left:28px;padding-right:28px}footer{font-size:14px}.footer-links strong{font-size:16px}.footer-address{font-size:15px}.copyright{font-size:13px}}@media (max-width:600px){.site-header{padding:0 18px}.site-header .brand-logo{width:68px;height:68px}.mobile-menu summary{width:44px;height:44px}.hero{min-height:700px}.hero-content{padding-left:20px;padding-right:20px}.hero-copy{font-size:17px}.hero-footer{font-size:11px}.intro,.process,.projects,.business-contact,.services,.quote-form{padding-left:22px;padding-right:22px}.intro-copy>p{font-size:16px}.intro-copy>p:first-child{font-size:19px}.fact-grid span{font-size:14px}.service-card h3{font-size:22px}.service-card p{font-size:15px}.service-card a{font-size:14px}.quote-form-fields label{font-size:12px}.quote-form-fields input,.quote-form-fields select,.quote-form-fields textarea{font-size:16px}.business-contact-grid{font-size:15px}footer{grid-template-columns:1fr;padding-left:24px;padding-right:24px;font-size:15px}.footer-address{font-size:16px}.footer-links strong{font-size:17px}.footer-links i{width:max-content;margin:4px auto 0;display:block}.copyright{font-size:14px}}