:root{--ivory:#f5f1e9;--sand:#d8c8b2;--taupe:#877967;--ink:#242321;--muted:#716c64;--line:rgba(36,35,33,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 6.2%;display:flex;align-items:center;justify-content:space-between;background:var(--ivory);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:'Playfair Display',serif;font-size:39px;line-height:1;font-weight:400;border:1px solid var(--taupe);width:43px;height:43px;display:grid;place-items:center;color:var(--taupe)}.brand-name{font-size:12px;letter-spacing:.22em;font-weight:700}.brand-name i{font-style:normal;font-weight:400;letter-spacing:.18em;margin-left:3px}.site-header nav{display:flex;gap:35px;font-size:11px;letter-spacing:.06em}.site-header nav a:hover,.text-link:hover{opacity:.65}.language-toggle{border:1px solid var(--line);background:transparent;padding:8px 11px;font:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer}.hero{min-height:690px;height:calc(100vh - 86px);max-height:900px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.hero-image,.hero-shade,.statement-image,.statement-overlay{position:absolute;inset:0}.hero-image{background-image:url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2200&q=85');background-position:center 48%;background-size:cover;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,rgba(25,23,21,.65),rgba(25,23,21,.22) 58%,rgba(25,23,21,.08)),linear-gradient(0deg,rgba(25,23,21,.28),transparent 35%)}.hero-content{position:relative;z-index:1;margin-left:12%;max-width:660px;padding:70px 0}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:600;margin:0 0 28px;color:var(--taupe)}.hero .eyebrow{color:#e2d5c5}.hero h1,.intro h2,.section-heading h2,.statement h2,.process h2,.contact h2{font-family:'Playfair Display',serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}.hero h1{font-size:clamp(60px,7.4vw,106px);margin:0 0 24px}.hero-copy{font-size:14px;max-width:340px;color:rgba(255,255,255,.84);margin-bottom:38px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:9px;font-weight:700;letter-spacing:.14em;border-bottom:1px solid var(--taupe);padding-bottom:10px}.text-link b{font-size:17px;font-weight:400}.light-link{border-color:rgba(255,255,255,.55)}.hero-bottom{position:absolute;bottom:26px;left:6.2%;right:6.2%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.72)}.section-pad{padding:120px 12%}.intro-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:12%;align-items:end}.intro h2,.section-heading h2,.process h2{font-size:clamp(42px,5.2vw,68px);margin:0}.intro-text p{color:var(--muted);max-width:460px;margin:0 0 28px;font-size:13px}.work{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px;gap:30px}.section-heading .eyebrow{margin-bottom:20px}.heading-note{max-width:265px;color:var(--muted);font-size:12px;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-width:0}.service-img{height:410px;background-size:cover;background-position:center;transition:transform .4s}.service-card{overflow:hidden}.service-card:hover .service-img{transform:scale(1.025)}.wedding .service-img{background-image:url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=900&q=80')}.property .service-img{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=80')}.marine .service-img{background-image:url('https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=900&q=80')}.service-info{display:grid;grid-template-columns:35px 1fr 22px;gap:10px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.service-info>span{font-size:9px;color:var(--taupe);padding-top:5px}.service-info h3{font-family:'Playfair Display',serif;font-size:23px;font-weight:400;margin:0 0 2px}.service-info p{font-size:11px;color:var(--muted);margin:0}.service-info>a{font-size:18px;text-align:right}.statement{height:590px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.statement-image{background-image:url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=2200&q=85');background-size:cover;background-position:center 55%}.statement-overlay{background:rgba(30,29,25,.36)}.statement-content{position:relative;margin-left:17%;max-width:570px}.statement .eyebrow{color:#e2d5c5}.statement h2{font-size:clamp(54px,7vw,88px);margin:0 0 22px}.statement-content>p:last-child{font-size:13px;color:rgba(255,255,255,.86);max-width:320px}.process{padding-bottom:125px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:8px}.steps>div{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding:20px 0;border-top:1px solid var(--line)}.steps>div>span{grid-row:span 2;color:var(--taupe);font-size:10px;padding-top:6px}.steps h3{font-family:'Playfair Display',serif;font-weight:400;font-size:21px;margin:0 0 6px}.steps p{color:var(--muted);font-size:12px;margin:0;max-width:350px}.contact{background:#e9e1d5;display:grid;grid-template-columns:1.3fr .7fr;gap:10%;padding-top:100px;padding-bottom:95px}.contact h2{font-size:clamp(56px,6.7vw,86px);margin:0 0 20px}.contact-top>p:not(.eyebrow){color:var(--muted);font-size:12px}.contact-email{display:inline-flex;gap:35px;align-items:center;font-family:'Playfair Display',serif;font-size:21px;margin-top:20px;border-bottom:1px solid var(--taupe);padding-bottom:9px}.contact-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:55px 0 0}.big-mark{width:72px;height:72px;font-size:61px}.contact-side p{font-family:'Playfair Display',serif;font-size:20px;line-height:1.5;color:#5c554c}.back-top{font-size:9px;letter-spacing:.15em;border-bottom:1px solid var(--taupe);padding-bottom:8px}footer{padding:25px 6.2%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.13em;color:var(--muted)}.footer-brand{font-weight:700;color:var(--ink);letter-spacing:.2em}
@media(max-width:800px){.site-header{height:74px;padding:0 5%}.brand-mark{width:37px;height:37px;font-size:33px}.brand-name{font-size:10px}.site-header nav{gap:15px}.site-header nav a{font-size:10px}.hero{height:78vh;min-height:570px}.hero-content{margin-left:8%;padding-right:7%}.hero h1{font-size:clamp(56px,11vw,84px)}.section-pad{padding:85px 8%}.intro-grid,.process-grid{grid-template-columns:1fr;gap:35px}.intro h2,.section-heading h2,.process h2{font-size:52px}.work{padding-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:1/-1}.service-card:last-child .service-img{height:360px}.service-img{height:350px}.statement{height:520px}.statement-content{margin:0 8%}.contact{grid-template-columns:1fr;gap:20px}.contact-side{padding-top:25px;gap:28px}footer{flex-wrap:wrap}}
@media(max-width:520px){.site-header nav{gap:11px}.site-header nav a:nth-child(2){display:none}.brand{gap:8px}.brand-name{letter-spacing:.13em}.hero{min-height:590px;height:82vh}.hero-image{background-position:58% center}.hero-content{margin-left:7%;padding-top:45px}.hero h1{font-size:58px}.hero-copy{max-width:280px}.hero-bottom{font-size:7px}.section-pad{padding:70px 7%}.intro h2,.section-heading h2,.process h2{font-size:43px}.intro-grid{gap:25px}.section-heading{display:block}.heading-note{margin-top:22px}.service-grid{grid-template-columns:1fr;gap:35px}.service-card:last-child{grid-column:auto}.service-img,.service-card:last-child .service-img{height:400px}.statement{height:470px}.statement h2{font-size:62px}.contact h2{font-size:59px}.contact-email{font-size:18px;gap:15px}footer{align-items:flex-start;flex-direction:column;gap:8px}}

/* Updated MQ monogram logo */
.brand-logo{object-fit:contain;border:0;background:transparent;padding:0}.brand-mark.brand-logo{width:43px;height:43px}.big-mark.brand-logo{width:72px;height:72px}
@media(max-width:800px){.brand-mark.brand-logo{width:37px;height:37px}}

/* Complete original MAQI STUDIO logo from approved brand board */
.site-header{height:132px}.complete-brand-logo{height:120px;width:auto;display:block;mix-blend-mode:multiply}.contact-complete-logo{width:240px;max-width:100%;height:auto;mix-blend-mode:multiply}.hero{height:calc(100vh - 132px)}
@media(max-width:800px){.site-header{height:105px}.complete-brand-logo{height:96px}.hero{height:calc(100vh - 105px)}}
@media(max-width:520px){.site-header{height:88px}.complete-brand-logo{height:80px}.site-header nav{gap:8px}.site-header nav a{font-size:9px}.language-toggle{padding:6px}.hero{height:calc(100vh - 88px)}}

/* Final approved lettering-only transparent PNG logo */
.site-header{height:94px}
.complete-brand-logo{height:76px;width:auto;max-width:260px;object-fit:contain;mix-blend-mode:normal}
.contact-complete-logo{width:290px;max-width:100%;height:auto;mix-blend-mode:normal}
.hero{height:calc(100vh - 94px)}
@media(max-width:800px){.site-header{height:84px}.complete-brand-logo{height:65px;max-width:210px}.hero{height:calc(100vh - 84px)}}
@media(max-width:520px){.site-header{height:76px}.complete-brand-logo{height:53px;max-width:165px}.hero{height:calc(100vh - 76px)}}

/* Smaller logo in the website header; approved logo artwork unchanged */
.site-header{height:76px}
.complete-brand-logo{height:48px;max-width:170px}
.hero{height:calc(100vh - 76px)}
@media(max-width:800px){.site-header{height:70px}.complete-brand-logo{height:43px;max-width:150px}.hero{height:calc(100vh - 70px)}}
@media(max-width:520px){.site-header{height:66px}.complete-brand-logo{height:37px;max-width:130px}.hero{height:calc(100vh - 66px)}}


/* MAQI STUDIO — warm editorial palette (approved color direction) */
:root {
  --ivory:#F8F4ED;
  --sand:#EADFCC;
  --taupe:#A8927A;
  --ink:#624A37;
  --muted:#806B59;
  --line:rgba(110,88,70,.23);
  --cream:#F8F4ED;
  --latte:#D6C2A8;
  --mocha:#6E5846;
}
body{background:var(--ivory);color:var(--ink)}
.site-header{background:rgba(248,244,237,.97);border-bottom:1px solid rgba(110,88,70,.10)}
.site-header nav a,.language-toggle{color:var(--mocha)}
.language-toggle{border-color:rgba(110,88,70,.3)}
.language-toggle:hover{background:var(--sand)}
.intro{background:var(--ivory)}
.work{background:#F1E9DD}
.process{background:var(--ivory)}
.contact{background:linear-gradient(115deg,#D6C2A8,#EADFCC 75%)}
.contact-side p{color:var(--mocha)}
.eyebrow,.service-info>span,.steps>div>span{color:#95775C}
.text-link{border-bottom-color:var(--taupe)}
.service-info{border-bottom-color:rgba(110,88,70,.24)}
.service-info h3,.steps h3{color:var(--mocha)}
.hero-shade{background:linear-gradient(90deg,rgba(53,39,29,.63),rgba(65,47,35,.23) 65%,rgba(65,47,35,.06)),linear-gradient(0deg,rgba(53,39,29,.18),transparent 42%)}
.statement-overlay{background:rgba(69,46,29,.34)}
.contact-email{border-bottom-color:var(--mocha)}
footer{background:#F8F4ED;border-top:1px solid rgba(110,88,70,.12)}
::selection{background:#D6C2A8;color:#624A37}

/* Fourth homepage service */
.service-card.events .service-img{background-image:url('https://images.unsplash.com/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1100&q=85');background-size:cover;background-position:center}

/* Product photography service card */
.service-card.products .service-img{background-image:url('https://images.unsplash.com/photo-1541643600914-78b084683601?auto=format&fit=crop&w=1200&q=85');background-position:center;background-size:cover}