*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F4ED;color:#624D3F;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.p-header{height:98px;display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;padding:0 5%}.p-back,.p-header nav,.p-kicker,.p-mini,.p-hero-link,figcaption,footer{font-size:10px;letter-spacing:.2em}.p-logo{text-align:center}.p-logo img{height:73px;max-width:175px;object-fit:contain}.p-header nav{display:flex;align-items:center;justify-content:flex-end;gap:22px}.p-header button{border:1px solid #C4B3A0;background:transparent;color:#624D3F;padding:8px 12px;cursor:pointer}.p-hero{height:690px;position:relative;color:white;overflow:hidden}.p-hero-image{position:absolute;inset:0;background:url('assets/products/dscvr-me.webp') center/cover}.p-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,16,13,.85),rgba(25,16,13,.28) 74%)}.p-hero-copy{position:absolute;top:21%;left:9%;max-width:680px}.p-kicker{margin:0 0 25px;font-weight:500}.p-hero h1,.p-intro h2,.p-work h2,.p-services h2,.p-banner h2,.p-contact h2{font:400 clamp(45px,5.7vw,90px)/1.12 'Playfair Display',serif;letter-spacing:-.035em;margin:0}.p-hero h1 em,.p-intro h2 em,.p-banner h2 em{font-weight:400}.p-hero-copy>p:not(.p-kicker){font-size:15px;line-height:1.9;max-width:450px;margin:30px 0 35px}.p-hero-link{display:inline-block;border-bottom:1px solid #fff;padding-bottom:13px}.p-number{position:absolute;right:6%;bottom:35px;font-size:11px;letter-spacing:.2em}.p-intro{padding:110px 10%;display:grid;grid-template-columns:1fr 1fr;gap:13%}.p-intro h2,.p-services h2,.p-contact h2{font-size:clamp(42px,4.5vw,68px)}.p-intro-copy{padding-top:40px}.p-intro-copy>p:first-child{font:400 19px/1.85 'Playfair Display',serif}.p-rule{display:block;width:50px;height:1px;background:#A8927A;margin:30px 0}.p-work{padding:100px 6% 80px;background:#EADFCC}.p-section-heading{text-align:center;margin-bottom:50px}.p-work h2{font-size:clamp(42px,4.7vw,70px)}.p-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.p-shot{height:480px;margin:0;position:relative;overflow:hidden;background:#B7A18D}.p-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.p-shot:hover img{transform:scale(1.04)}figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 22px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:white}.p-disclaimer{text-align:center;font-size:11px;opacity:.65;margin-top:30px}.p-services{padding:115px 10%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.p-service-list article{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #CBB8A3}.p-service-list article:first-child{border-top:1px solid #CBB8A3}.p-service-list article>span{font-size:11px}.p-service-list h3{font:400 25px 'Playfair Display',serif;margin:0 0 12px}.p-service-list p{font-size:13px;line-height:1.8;margin:0}.p-banner{height:430px;background:linear-gradient(90deg,rgba(28,18,15,.72),rgba(28,18,15,.12)),url('assets/products/gentleman-jack.webp') center/cover;display:flex;flex-direction:column;justify-content:center;padding:8%;color:white}.p-banner h2{font-size:clamp(43px,5vw,76px)}.p-contact{padding:110px 10%;background:#D6C2A8;display:grid;grid-template-columns:1.2fr .8fr;gap:10%}.p-contact-side{align-self:end}.p-contact-side p{font-size:15px;line-height:1.9;max-width:360px}.p-contact-side a{display:inline-block;background:#6E5846;color:white;padding:19px 25px;margin-top:20px;font-size:11px;letter-spacing:.16em}footer{padding:32px 6%;display:flex;justify-content:space-between}@media(max-width:850px){.p-header nav{gap:12px}.p-header nav a{display:none}.p-header{grid-template-columns:1fr 150px 1fr}.p-logo img{max-width:145px}.p-hero{height:630px}.p-intro,.p-services,.p-contact{grid-template-columns:1fr;gap:30px;padding:80px 7%}.p-intro-copy{padding:0}.p-work{padding:70px 5%}.p-shot{height:350px}}@media(max-width:520px){.p-header{height:78px;grid-template-columns:1fr 125px 1fr;padding:0 4%}.p-back{font-size:8px;max-width:90px;line-height:1.6}.p-logo img{max-width:125px;height:58px}.p-hero{height:600px}.p-hero-copy{left:7%;right:6%;top:18%}.p-hero h1{font-size:49px}.p-grid{gap:8px}.p-shot{height:235px}.p-services h2,.p-contact h2{font-size:47px}.p-service-list h3{font-size:22px}footer{font-size:8px}}
/* MAQI original product portfolio */
.p-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.p-shot{grid-column:span 6;height:clamp(330px,48vw,680px)}.p-shot:nth-child(4n+1){grid-column:span 7}.p-shot:nth-child(4n+2){grid-column:span 5}.p-shot:nth-child(4n+3){grid-column:span 5}.p-shot:nth-child(4n+4){grid-column:span 7}.p-shot img{object-position:center center}.p-shot:nth-child(4) img,.p-shot:nth-child(9) img{object-position:center 56%}.p-hero-image{background-position:center 48%}.p-disclaimer{max-width:690px;margin:35px auto 0;line-height:1.7}@media(max-width:650px){.p-grid{gap:10px}.p-shot,.p-shot:nth-child(n){grid-column:span 6;height:clamp(225px,65vw,380px)}.p-shot:nth-child(3n+1){grid-column:span 12;height:420px}.p-shot figcaption{padding:24px 12px 13px;font-size:8px;letter-spacing:.1em}}