@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#15161a;--soft:#f4f4f1;--yellow:#ffd21e;--blue:#1976f3;--green:#39c64b;--red:#f12920;--line:#d8d8d2;--pad:max(22px,calc((100vw - 1240px)/2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--soft);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}img{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(21,22,26,.94);color:#fff;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:baseline;gap:10px;font-family:Manrope,sans-serif;font-weight:800}.logo{display:flex;gap:1px;font-size:1.5rem}.logo i{font-style:normal}.logo i:nth-child(1),.logo i:nth-child(5){color:var(--red)}.logo i:nth-child(2){color:var(--yellow)}.logo i:nth-child(3){color:var(--blue)}.logo i:nth-child(4){color:var(--green)}.brand strong{color:var(--yellow);font-size:1.2rem}.site-header nav{display:flex;gap:34px;font-weight:600}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1;color:var(--yellow)}.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{height:min(880px,95vh);min-height:680px;position:relative;background:#111;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.87) 0%,rgba(8,9,12,.36) 58%,rgba(8,9,12,.14)),linear-gradient(0deg,rgba(8,9,12,.62),transparent 44%)}.hero-content{position:absolute;left:var(--pad);top:50%;transform:translateY(-44%);max-width:680px}.eyebrow,.section-no{display:block;font-weight:700;letter-spacing:.17em;font-size:.78rem;text-transform:uppercase}.eyebrow{color:var(--yellow);margin-bottom:22px}.hero h1{font:800 clamp(3.8rem,8vw,7.7rem)/.87 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-content p{font-size:1.16rem;max-width:600px;margin:30px 0;color:#ececec}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 22px;border-radius:4px;font-weight:700}.btn.primary{background:var(--yellow);color:#141414}.btn.glass{background:#ffffff13;border:1px solid #ffffff55}.brand-strip{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-around;gap:36px;padding:19px var(--pad);background:var(--yellow);color:#111;font:800 .83rem Manrope,sans-serif;letter-spacing:.08em;overflow:hidden}.intro,.catalog-head,.contact{padding-left:var(--pad);padding-right:var(--pad)}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;padding-top:110px;padding-bottom:80px}.section-no{color:#7c7d7f;margin-bottom:18px}.intro h2,.catalog h2,.contact h2{font:800 clamp(2.5rem,5vw,5rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.intro p,.catalog-head>p{font-size:1.15rem;margin-top:42px;color:#555;max-width:530px}.feature-grid{padding:0 var(--pad) 120px;display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:310px 310px;gap:18px}.feature{position:relative;overflow:hidden;background:#222}.feature-wide{grid-row:1/3}.feature img{height:100%;object-fit:cover;transition:transform .6s}.feature:hover img{transform:scale(1.025)}.feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.feature div{position:absolute;left:28px;bottom:25px;color:#fff;z-index:1}.feature span{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.feature h3{margin:3px 0;font:700 1.6rem Manrope,sans-serif}.catalog{background:#17181c;color:#fff;padding:110px 0 125px}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.catalog-head .section-no{color:#92949a}.catalog-head>p{color:#aaa;margin:0}.filters{padding:40px var(--pad) 30px;display:flex;gap:9px;overflow:auto;scrollbar-width:none}.filters button{border:1px solid #484950;background:transparent;color:#d7d7d8;border-radius:30px;padding:11px 18px;font:600 .92rem 'DM Sans';white-space:nowrap;cursor:pointer}.filters button.active,.filters button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.gallery{padding:0 var(--pad);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;background:#24252a;position:relative;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}.gallery figure.hide{display:none}.gallery img{height:100%;object-fit:cover;transition:transform .45s,filter .45s}.gallery figure:hover img{transform:scale(1.025);filter:brightness(.8)}.gallery figcaption{position:absolute;left:18px;bottom:15px;font-weight:700;opacity:0;transform:translateY(8px);transition:.3s}.gallery figure:hover figcaption{opacity:1;transform:none}.promise{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.promise div{padding:70px 6vw;border-right:1px solid var(--line)}.promise div:last-child{border:0}.promise strong,.promise span{display:block}.promise strong{font:800 clamp(2.1rem,4vw,4rem) Manrope,sans-serif;letter-spacing:-.05em}.promise span{color:#666}.contact{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1.1fr .9fr;gap:100px}.contact-copy p{font-size:1.08rem;color:#555;margin-top:28px}.contact-actions a{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:24px 0}.contact-actions a:last-child{border-bottom:1px solid var(--line)}.contact-actions span{color:#777}.contact-actions strong{font-family:Manrope,sans-serif}.contact-actions a:hover strong{color:#155fd2}footer{background:#15161a;color:#fff;padding:42px var(--pad);display:flex;align-items:center;justify-content:space-between}footer p{color:#8f9094;font-size:.85rem}.lightbox{width:min(1100px,92vw);max-height:92vh;background:#111;border:0;padding:0;color:#fff}.lightbox::backdrop{background:#000d}.lightbox img{max-height:82vh;object-fit:contain}.lightbox button{position:absolute;right:8px;top:5px;border:0;background:#0009;color:#fff;width:42px;height:42px;font-size:1.6rem;cursor:pointer}.lightbox p{margin:12px 18px 17px;font-weight:600}
@media(max-width:800px){.site-header{height:68px}.site-header nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;background:#15161a;padding:20px 24px;gap:20px}.site-header.open nav{display:flex}.menu{display:block}.hero{min-height:720px}.hero>img{object-position:58% center}.hero-shade{background:linear-gradient(0deg,rgba(8,9,12,.9) 12%,rgba(8,9,12,.3) 80%)}.hero-content{top:auto;bottom:100px;transform:none;right:22px}.hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}.hero-content p{font-size:1rem;margin:22px 0}.brand-strip{justify-content:flex-start}.intro{grid-template-columns:1fr;gap:0;padding-top:75px;padding-bottom:60px}.intro p{margin-top:26px}.feature-grid{grid-template-columns:1fr;grid-template-rows:390px 290px 290px;padding-bottom:80px}.feature-wide{grid-row:auto}.catalog{padding-top:75px;padding-bottom:85px}.catalog-head{align-items:flex-start;flex-direction:column;gap:24px}.gallery{grid-template-columns:1fr 1fr;gap:8px}.gallery figure{aspect-ratio:3/4}.gallery figcaption{opacity:1;transform:none;background:#0009;left:8px;bottom:8px;padding:5px 8px;font-size:.75rem}.promise{grid-template-columns:1fr}.promise div{padding:38px var(--pad);border-right:0;border-bottom:1px solid var(--line)}.contact{grid-template-columns:1fr;gap:55px;padding-top:75px;padding-bottom:75px}footer{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:420px){.gallery{grid-template-columns:1fr}.gallery figure{aspect-ratio:4/3}.btn{width:100%;text-align:center}.logo{font-size:1.22rem}.brand strong{font-size:1rem}}

/* Premium colour and motion layer */
:root{--purple:#8d45e8}.btn,.filters button,.contact-actions a{position:relative;overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,background .24s,border-color .24s}.btn:before,.filters button:before{content:"";position:absolute;top:-80%;left:-55%;width:36%;height:250%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(22deg);transition:left .55s ease}.btn:hover:before,.filters button:hover:before{left:125%}.btn:hover,.filters button:hover{transform:translateY(-4px)}.btn:active,.filters button:active,.contact-actions a:active{transform:translateY(1px) scale(.97)}.btn.primary{border-radius:7px;box-shadow:0 8px 0 #c99d00,0 16px 25px #0005}.btn.primary:hover{box-shadow:0 11px 0 #c99d00,0 20px 32px #0007}.btn.glass:hover{background:#1976f3;border-color:#1976f3}.filters button.active{box-shadow:0 8px 20px #ffd21e36}.filters button:nth-child(3).active{background:#1976f3;border-color:#1976f3;color:#fff;box-shadow:0 8px 20px #1976f344}.filters button:nth-child(4).active{background:#f04b9b;border-color:#f04b9b;color:#fff;box-shadow:0 8px 20px #f04b9b44}.filters button:nth-child(5).active{background:#39c64b;border-color:#39c64b;color:#07170a;box-shadow:0 8px 20px #39c64b44}.filters button:nth-child(6).active{background:#f12920;border-color:#f12920;color:#fff;box-shadow:0 8px 20px #f1292044}.filters button:nth-child(7).active{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 8px 20px #8d45e844}.gallery figure.reveal{animation:gallery-reveal .52s cubic-bezier(.2,.75,.2,1) both}@keyframes gallery-reveal{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}.promise div{transition:transform .3s,filter .3s}.promise div:nth-child(1){background:#fff1a8}.promise div:nth-child(2){background:#dbe9ff}.promise div:nth-child(3){background:#dcf4d5}.promise div:hover{transform:translateY(-7px);filter:saturate(1.18)}.contact-actions a:hover{color:#1976f3;transform:translateX(7px)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}