/*
Theme Name: ARQU Atelier
Author: ARQU Design
Description: Bespoke editorial portfolio theme for ARQU Design Dubai.
Version: 1.0.0
Text Domain: arqu
*/
@font-face{font-family:Reem;src:url('assets/ReemKufi-Regular.ttf')}@font-face{font-family:Reem;src:url('assets/ReemKufi-SemiBold.ttf');font-weight:600}
:root{--olive:#495535;--ink:#1d211a;--paper:#f2efe7;--sand:#d6cbb9;--line:rgba(29,33,26,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Reem,Arial,sans-serif;font-size:16px;line-height:1.65}.wrap{width:min(92%,1440px);margin:auto}.site-header{position:fixed;z-index:20;inset:0 0 auto;padding:22px 0;transition:.4s;color:#fff}.site-header.scrolled{background:rgba(242,239,231,.95);color:var(--ink);padding:12px 0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between}.logo{width:118px;filter:brightness(0) invert(1)}.scrolled .logo{filter:none}.menu{display:flex;gap:35px;align-items:center}.menu a{color:inherit;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.14em}.menu-toggle{display:none;background:none;border:0;color:inherit;font-size:24px}.hero{min-height:100svh;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(18,22,15,.62),rgba(18,22,15,.08)),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2200&q=88') center/cover}.hero-inner{padding:180px 0 8vh}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px}.hero h1,.display{font-weight:400;line-height:.96;letter-spacing:-.045em}.hero h1{font-size:clamp(58px,9vw,138px);max-width:1100px;margin:25px 0}.hero-foot{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.45);padding-top:20px}.hero-foot p{max-width:560px;font-size:18px}.arrow{font-size:34px}.section{padding:130px 0}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.display{font-size:clamp(45px,6vw,92px);margin:0}.lead{font-size:clamp(22px,2.2vw,34px);line-height:1.45;margin:0}.button{display:inline-flex;margin-top:35px;border-bottom:1px solid;padding:8px 0;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.olive{background:var(--olive);color:#fff}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid rgba(255,255,255,.35)}.service{padding:35px 30px 35px 0;border-bottom:1px solid rgba(255,255,255,.35)}.service:nth-child(2),.service:nth-child(3){padding-left:30px;border-left:1px solid rgba(255,255,255,.35)}.service h3{font-size:24px;font-weight:400}.num{opacity:.6}.projects-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;margin-top:55px}.project{position:relative;overflow:hidden;color:#fff;min-height:720px}.project.small{min-height:480px}.project img{width:100%;height:100%;object-fit:cover;position:absolute;transition:.8s}.project:hover img{transform:scale(1.035)}.project:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.project-info{position:absolute;z-index:2;bottom:30px;left:30px}.project-info h3{font-size:30px;margin:0;font-weight:400}.project-info span{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.process{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:60px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.step h3{margin:0;font-weight:400;font-size:22px}.step p{margin:8px 0 0;opacity:.72}.cta{text-align:center;padding:150px 5%;background:var(--ink);color:#fff}.cta h2{font-size:clamp(48px,8vw,120px);line-height:1;margin:0 auto;max-width:1100px;font-weight:400}.footer{padding:65px 0 30px;background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.2)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer a{color:inherit;text-decoration:none}.footer-logo{width:180px;filter:brightness(0) invert(1)}.page-hero{padding:210px 0 100px;background:var(--olive);color:#fff}.page-hero h1{font-size:clamp(60px,10vw,140px);font-weight:400;margin:0;line-height:1}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-form input,.contact-form textarea{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 0;font:inherit}.contact-form textarea{height:130px}.contact-form button{background:var(--olive);color:#fff;border:0;padding:17px 28px;margin-top:25px;font:inherit}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:70px;left:4%;right:4%;background:var(--paper);color:var(--ink);padding:30px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero-foot,.intro-grid,.process,.contact-grid,.footer-grid{grid-template-columns:1fr;display:grid}.services,.projects-grid{grid-template-columns:1fr}.service:nth-child(2),.service:nth-child(3){padding-left:0;border-left:0}.project,.project.small{min-height:520px}.section{padding:85px 0}}