@import url('/assets/fonts.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;object-fit:cover}svg{height:20px;width:20px;flex:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--d-accent);outline-offset:5px}.demo-body{background:var(--d-bg);color:var(--d-ink);font-family:Manrope,Arial,sans-serif;line-height:1.6}.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:#192420;color:white;padding:12px}.skip-link:focus{top:10px}.demo-mode{position:sticky;top:0;z-index:50;background:#1a2420;color:#f4f5ed;display:flex;align-items:center;justify-content:space-between;padding:11px 32px;font:10px/1.3 Manrope,Arial,sans-serif;gap:15px}.demo-mode>span{color:#abb6aa;font-size:9px}.demo-mode>a:last-child{color:#d4e6aa}.demo-shell{overflow:hidden}.demo-header{height:115px;width:min(1300px,calc(100% - 120px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20}.demo-brand{font:32px/1 Georgia,serif;letter-spacing:4px}.demo-brand small{display:block;font:7px/1.6 Manrope,Arial,sans-serif;letter-spacing:2px;margin-top:9px}.primary-nav{display:flex;align-items:center;gap:30px;font-size:11px}.demo-nav-cta{border-bottom:1px solid currentColor;padding:8px 0}.menu-toggle{display:none;background:transparent;color:inherit;border:0;padding:12px}.menu-toggle span{height:2px;width:24px;display:block;background:currentColor;margin:5px 0}.demo-hero{min-height:585px;display:grid;grid-template-columns:1fr 1fr;width:min(1300px,calc(100% - 120px));margin:auto;align-items:center;gap:60px}.demo-hero-copy{padding:40px 0;position:relative;z-index:2}.demo-eyebrow{display:block;font-size:8px;letter-spacing:2.2px;font-weight:650;color:var(--d-accent)}.demo-hero h1{font:clamp(55px,5.8vw,84px)/1.05 Georgia,serif;letter-spacing:-2.4px;margin:24px 0 30px}.demo-hero-copy>p{font-size:14px;line-height:1.9;max-width:390px;opacity:.75}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--d-ink);color:var(--d-bg);border:0;padding:17px 24px;font-size:11px;font-weight:700;margin-top:25px;transition:transform .2s}.demo-button:hover{transform:translateY(-3px)}.demo-hero-image{height:575px;position:relative;align-self:stretch;overflow:hidden}.demo-hero-photo{width:100%;height:100%;object-fit:cover}.hero-image-label{position:absolute;bottom:20px;right:20px;color:white;font-size:8px;letter-spacing:1.5px;text-shadow:0 2px 5px #000}.demo-section{width:min(1300px,calc(100% - 120px));margin:auto;padding-block:95px}.demo-section-heading{max-width:620px;margin-bottom:45px}.demo-section h2{font:46px/1.14 Georgia,serif;letter-spacing:-1.4px;margin:19px 0}.demo-section-heading>p{font-size:13px;opacity:.7;max-width:420px;line-height:1.9}.demo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.demo-service{border-top:1px solid color-mix(in srgb,var(--d-ink) 22%,transparent);padding-top:25px}.demo-service>span{font-size:10px;color:var(--d-accent)}.demo-service h3{font:24px Georgia,serif;margin:22px 0 14px}.demo-service>p{font-size:12px;line-height:1.9;opacity:.67;max-width:310px}.demo-service>a{font-size:10px;display:inline-block;margin-top:16px;border-bottom:1px solid var(--d-accent);padding-bottom:5px}.demo-gallery{border-top:1px solid color-mix(in srgb,var(--d-ink) 12%,transparent)}.demo-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.demo-project>div{height:330px;position:relative;overflow:hidden}.demo-project img{width:100%;height:100%;transition:transform .6s}.demo-project:hover img{transform:scale(1.04)}.demo-project.crop-0 img{object-position:15% center}.demo-project.crop-1 img{object-position:60% center;transform:scale(1.2)}.demo-project.crop-2 img{object-position:85% center;transform:scale(1.5)}.demo-project>div>span{position:absolute;bottom:18px;left:18px;background:#fff;color:#2b342f;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-size:8px}.demo-project h3{font:23px Georgia,serif;margin:19px 0 7px}.demo-project p{font-size:10px;opacity:.55;margin:0}.demo-photo-note{font-size:9px;opacity:.5;margin-top:28px;max-width:670px}.demo-about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid color-mix(in srgb,var(--d-ink) 12%,transparent)}.demo-about-image{height:500px;overflow:hidden}.demo-about-image img{width:100%;height:100%;object-position:25% center;transform:scale(1.05)}.demo-about h2{font-size:49px}.demo-about>div>p{font-size:13px;line-height:2;opacity:.72;max-width:410px}.demo-about-list{display:flex;flex-direction:column;gap:12px;margin-top:28px;font-size:11px}.demo-about-list span{display:flex;align-items:center;gap:10px}.demo-about-list svg{height:15px;width:15px;color:var(--d-accent)}.demo-text-link{display:inline-block;font-size:11px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:27px}.demo-contact{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;background:color-mix(in srgb,var(--d-accent) 10%,var(--d-bg));padding:65px;margin-bottom:70px}.demo-contact h2{font-size:43px}.demo-contact>div>p{font-size:12px;opacity:.7;line-height:1.9;max-width:420px}.demo-enquiry-form{padding:24px;background:color-mix(in srgb,var(--d-bg) 80%,white);border:1px solid color-mix(in srgb,var(--d-ink) 10%,transparent);align-self:center}.demo-enquiry-form label{display:block;font-size:10px;margin-bottom:18px}.demo-enquiry-form input,.demo-enquiry-form select{display:block;width:100%;border:1px solid color-mix(in srgb,var(--d-ink) 20%,transparent);background:var(--d-bg);color:var(--d-ink);padding:13px 12px;margin-top:7px;font-size:12px;border-radius:0}.demo-enquiry-form .demo-button{width:100%;margin-top:0}.demo-enquiry-form p{font-size:8px;opacity:.6;line-height:1.8;margin-bottom:0}.demo-footer{width:min(1300px,calc(100% - 120px));margin:auto;padding:35px 0 40px;border-top:1px solid color-mix(in srgb,var(--d-ink) 15%,transparent);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px}.demo-footer>div{display:flex;gap:20px;align-items:center}.demo-footer b{font:25px Georgia;letter-spacing:2px}.demo-footer span{opacity:.6;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#192420;color:#fff;padding:15px 22px;font-size:12px;z-index:90;border-radius:9px;max-width:90vw;text-align:center;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Architecture: cinematic full-width, quiet editorial typography. */
.layout-architect .demo-header{height:105px}.layout-architect .demo-hero{width:100%;position:relative;display:block;min-height:680px;color:white}.layout-architect .demo-hero-image{position:absolute;inset:0;height:100%}.layout-architect .demo-hero-photo{filter:brightness(.63);object-position:60% center}.layout-architect .demo-hero-copy{padding:180px max(60px,calc((100% - 1300px)/2)) 95px;max-width:none}.layout-architect .demo-hero h1{font-size:90px}.layout-architect .demo-hero-copy .demo-eyebrow{color:#eee0ca}.layout-architect .demo-button{background:white;color:#263128}.layout-architect .demo-gallery-grid{grid-template-columns:1.4fr 1fr 1fr}.layout-architect .demo-project:nth-child(2){padding-top:55px}.layout-architect .demo-project:nth-child(3){padding-top:110px}.layout-architect .demo-services{padding-top:105px}
/* Furniture: composed catalog with wide image and a floating editorial panel. */
.layout-catalog .demo-hero{grid-template-columns:.8fr 1.4fr;gap:0}.layout-catalog .demo-hero-copy{background:var(--d-bg);padding:45px 45px 45px 0;margin-right:-70px}.layout-catalog .demo-hero h1{font-size:76px}.layout-catalog .demo-hero-image{height:560px;background:#ded7ca}.layout-catalog .demo-hero-photo{object-position:60% center}.layout-catalog .demo-service{background:#e9dfd0;padding:30px;border:0}.layout-catalog .demo-gallery-grid{gap:40px}.layout-catalog .demo-project>div{height:290px}
/* Hotel: immersive scenery, centered headline and reservation-style discovery bar. */
.layout-hotel .demo-header{height:95px}.layout-hotel .demo-brand{font-size:31px}.layout-hotel .demo-hero{width:100%;position:relative;display:flex;justify-content:center;text-align:center;min-height:650px;color:white}.layout-hotel .demo-hero-image{position:absolute;inset:0;height:100%}.layout-hotel .demo-hero-photo{filter:brightness(.65);object-position:center}.layout-hotel .demo-hero-copy{padding:100px 25px 120px}.layout-hotel .demo-hero h1{font-size:87px}.layout-hotel .demo-hero-copy p{margin-inline:auto}.layout-hotel .demo-eyebrow{color:#d1b477}.layout-hotel .demo-button{background:var(--d-accent);color:#193d34}.hotel-strip{position:relative;z-index:3;display:flex;justify-content:space-around;align-items:center;gap:25px;width:min(940px,calc(100% - 100px));margin:-40px auto 0;background:#fffdf7;padding:27px 35px;box-shadow:0 12px 40px #183e3411}.hotel-strip div span{display:block;font-size:8px;letter-spacing:1px;opacity:.6}.hotel-strip strong{display:block;font-size:12px;margin-top:5px;font-weight:500}.hotel-strip>a{font-size:11px;border-bottom:1px solid #c8ad77;padding-bottom:5px}.layout-hotel .demo-section-heading{text-align:center;margin-inline:auto}.layout-hotel .demo-section-heading p{margin-inline:auto}.layout-hotel .demo-project>div{height:290px}.layout-hotel .demo-service{text-align:center}
/* Restaurant: earthy tones, a bold serif title and an arch-shaped photograph. */
.layout-restaurant .demo-hero{gap:55px}.layout-restaurant .demo-hero h1{font-size:84px}.layout-restaurant .demo-hero-image{border-radius:50% 50% 0 0;height:590px}.layout-restaurant .demo-brand{font-size:37px}.layout-restaurant .demo-button{border-radius:100px;background:var(--d-accent);color:#fff}.restaurant-strip{display:flex;gap:25px;justify-content:space-between;padding:27px 60px;background:#2d4030;color:#f1eddf;font-size:10px;margin-top:35px}.restaurant-strip>span:first-child{letter-spacing:1px;font-size:8px;color:#c1d0b0}.restaurant-strip>a{color:#edb99d}.layout-restaurant .demo-service{border:0;background:#e8e4d6;padding:30px;border-radius:10px}.layout-restaurant .demo-project>div{border-radius:120px 120px 8px 8px;height:380px}
/* Beauty: soft portrait arches and generously spaced quiet copy. */
.layout-beauty .demo-header{height:130px}.layout-beauty .demo-brand{font-size:40px;letter-spacing:7px}.layout-beauty .demo-hero{grid-template-columns:1.1fr 1fr;gap:85px;padding-bottom:30px}.layout-beauty .demo-hero-image{border-radius:48% 48% 9px 9px;height:610px}.layout-beauty .demo-hero h1{font-size:92px}.layout-beauty .demo-hero-copy p{max-width:330px}.layout-beauty .demo-button{border-radius:100px;background:transparent;border:1px solid var(--d-accent);color:var(--d-accent)}.layout-beauty .demo-services{border-top:1px solid #deccc7}.layout-beauty .demo-service{background:#f4e6e2;border:0;padding:35px;border-radius:18px}.layout-beauty .demo-gallery-grid{gap:40px}.layout-beauty .demo-project>div{border-radius:150px 150px 8px 8px;height:400px}.layout-beauty .demo-about-image{border-radius:180px 180px 5px 5px}.layout-beauty .demo-contact{border-radius:20px}
/* Hair: strong typographic contrast, asymmetric image and lime accents. */
.layout-fashion .demo-brand,.layout-fashion h1,.layout-fashion h2,.layout-fashion h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-2px}.layout-fashion .demo-hero h1{font-size:80px;line-height:1.02}.layout-fashion .demo-hero{grid-template-columns:1fr 1.1fr;gap:50px}.layout-fashion .demo-hero-image{transform:rotate(3deg);border:10px solid #fff;height:570px;box-shadow:15px 15px 0 #d9ea84}.layout-fashion .demo-button{background:var(--d-accent);color:var(--d-ink)}.layout-fashion .demo-section h2{font-size:44px}.layout-fashion .demo-service h3{font-size:20px;letter-spacing:-.7px}.layout-fashion .demo-service{border-top:4px solid var(--d-ink)}.layout-fashion .demo-gallery-grid{grid-template-columns:1fr 1.3fr 1fr}
/* Movement: full-bleed action photograph and a distinctive graphic strip. */
.layout-sport .demo-brand,.layout-sport h1,.layout-sport h2,.layout-sport h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-2px}.layout-sport .demo-hero{display:block;position:relative;width:100%;min-height:640px;color:#f4f8e9}.layout-sport .demo-hero-image{position:absolute;inset:0;height:100%}.layout-sport .demo-hero-photo{filter:brightness(.45);object-position:70% center}.layout-sport .demo-hero-copy{padding:115px max(60px,calc((100% - 1300px)/2)) 100px}.layout-sport .demo-hero h1{font-size:86px}.layout-sport .demo-button{background:var(--d-accent);color:#203529;border-radius:100px}.sport-strip{background:var(--d-accent);display:flex;align-items:center;justify-content:space-between;padding:25px 60px}.sport-strip b{font-size:30px;letter-spacing:-1px}.sport-strip span{font-size:11px}.layout-sport .demo-service{padding:30px;border:1px solid #c7d3b9;border-radius:15px}.layout-sport .demo-service h3{font-size:23px;letter-spacing:-.7px}.layout-sport .demo-section h2{font-size:43px}
/* Events: romantic centered composition and staggered photo cards. */
.layout-event .demo-hero{width:100%;position:relative;display:flex;justify-content:center;text-align:center;min-height:670px;color:#fff8ef}.layout-event .demo-hero-image{position:absolute;inset:0;height:100%}.layout-event .demo-hero-photo{filter:brightness(.65);object-position:center}.layout-event .demo-hero-copy{padding:115px 20px;max-width:800px}.layout-event .demo-hero-copy p{margin-inline:auto}.layout-event .demo-eyebrow{color:#e3c4b2}.layout-event .demo-hero h1{font-size:88px;font-style:italic}.layout-event .demo-button{background:#f9f1e7;color:#664a3e;border-radius:100px}.layout-event .demo-section-heading{margin-inline:auto;text-align:center}.layout-event .demo-section-heading p{margin-inline:auto}.layout-event .demo-gallery-grid{gap:35px}.layout-event .demo-project:nth-child(2){padding-top:50px}.layout-event .demo-project>div{border-radius:180px 180px 5px 5px;height:400px}.layout-event .demo-service{text-align:center}
/* Photographer: dark visual portfolio with asymmetric gallery rhythm. */
.layout-photographer .demo-brand{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-photographer .demo-hero{display:block;width:100%;position:relative;min-height:640px}.layout-photographer .demo-hero-image{position:absolute;inset:0;height:100%}.layout-photographer .demo-hero-photo{filter:brightness(.45)}.layout-photographer .demo-hero-copy{padding:105px max(60px,calc((100% - 1300px)/2))}.layout-photographer .demo-hero h1{font-family:Manrope,Arial,sans-serif;font-size:108px;font-weight:800;letter-spacing:-6px}.layout-photographer .demo-button{color:#181c20;background:var(--d-accent)}.layout-photographer .demo-gallery-grid{grid-template-columns:1.4fr 1fr 1fr}.layout-photographer .demo-project:nth-child(2){padding-top:85px}.layout-photographer .demo-project:nth-child(3){padding-top:40px}.layout-photographer .demo-enquiry-form{background:#22282b}
/* Bridal: airy fashion editorial, round portrait and fine rules. */
.layout-bridal .demo-header{height:130px}.layout-bridal .demo-brand{font-size:42px;letter-spacing:8px}.layout-bridal .demo-hero{grid-template-columns:1fr 1fr;gap:110px}.layout-bridal .demo-hero h1{font-size:96px;font-style:italic}.layout-bridal .demo-hero-image{border-radius:48% 48% 0 0;height:650px}.layout-bridal .demo-button{background:transparent;border-bottom:1px solid var(--d-accent);color:var(--d-ink);padding-inline:0}.layout-bridal .demo-service{text-align:center}.layout-bridal .demo-project>div{height:450px}.layout-bridal .demo-section-heading{text-align:center;margin-inline:auto}.layout-bridal .demo-section-heading p{margin-inline:auto}.layout-bridal .demo-about-image{border-radius:45% 45% 0 0}
/* Auto: graphite surface, orange signal and panoramic photography. */
.layout-auto .demo-brand,.layout-auto h1,.layout-auto h2,.layout-auto h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-auto .demo-hero{position:relative;width:100%;display:block;min-height:635px}.layout-auto .demo-hero-image{position:absolute;inset:0;height:100%}.layout-auto .demo-hero-photo{filter:brightness(.48);object-position:center}.layout-auto .demo-hero-copy{padding:120px max(60px,calc((100% - 1300px)/2))}.layout-auto .demo-hero h1{font-size:91px;letter-spacing:-4px}.layout-auto .demo-button{background:var(--d-accent);color:#fff}.layout-auto .demo-section h2{font-size:43px;letter-spacing:-2px}.layout-auto .demo-service{background:#252a31;padding:30px;border:0}.layout-auto .demo-service h3{font-size:21px}.layout-auto .demo-enquiry-form{background:#24292f}
/* Construction: boxed technical layout and clear numbered process. */
.layout-construction .demo-brand,.layout-construction h1,.layout-construction h2,.layout-construction h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-construction .demo-hero{gap:0;grid-template-columns:1.1fr 1fr;border-top:1px solid #d9dfd6}.layout-construction .demo-hero-copy{padding:50px 50px 50px 0}.layout-construction .demo-hero h1{font-size:76px;letter-spacing:-3px}.layout-construction .demo-button{background:var(--d-accent);color:#29332e}.technical-strip{display:flex;justify-content:space-between;gap:20px;width:min(1300px,calc(100% - 120px));margin:auto;padding:25px 0;border-bottom:1px solid color-mix(in srgb,var(--d-ink) 15%,transparent);font-size:9px;font-weight:600;letter-spacing:1px}.layout-construction .demo-section h2{font-size:42px}.layout-construction .demo-service h3{font-size:21px}.layout-construction .demo-service{border-top:3px solid var(--d-accent)}
/* Learning: rounded cards, playful blue accents and clear program selection. */
.layout-education .demo-brand,.layout-education h1,.layout-education h2,.layout-education h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-education .demo-hero{gap:60px}.layout-education .demo-hero h1{font-size:76px;letter-spacing:-3px}.layout-education .demo-hero-image{height:530px;border-radius:20px 120px 20px 20px;box-shadow:16px 16px 0 #dce5ff}.layout-education .demo-button{background:var(--d-accent);color:white;border-radius:10px}.education-strip{display:flex;justify-content:center;gap:50px;margin:55px auto 0;padding:25px;background:#dfe7fc;font-size:12px;font-weight:700}.layout-education .demo-service{background:#fff;border:1px solid #dde2f1;padding:30px;border-radius:20px}.layout-education .demo-service h3{font-size:23px}.layout-education .demo-section h2{font-size:43px}.layout-education .demo-project>div{border-radius:15px}.layout-education .demo-about-image{border-radius:20px}.layout-education .demo-contact{border-radius:20px}
/* Production: split technical grid and narrow photographic gallery. */
.layout-industry .demo-brand,.layout-industry h1,.layout-industry h2,.layout-industry h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-industry .demo-hero{background:#dfe9e6;gap:0;width:100%;grid-template-columns:1fr 1fr}.layout-industry .demo-hero-copy{padding:70px max(60px,calc((100vw - 1300px)/2))}.layout-industry .demo-hero h1{font-size:76px;letter-spacing:-3px}.layout-industry .demo-hero-image{height:590px}.layout-industry .demo-button{background:#163d3c;color:#f2f6eb}.layout-industry .demo-section h2{font-size:42px}.layout-industry .demo-service h3{font-size:21px}.layout-industry .demo-service{border-top:4px solid var(--d-accent)}.layout-industry .demo-contact{background:#dce8e4}
/* Logistics: clean navy hero, orange direction and structured service tiles. */
.layout-logistics .demo-brand,.layout-logistics h1,.layout-logistics h2,.layout-logistics h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-logistics .demo-hero{grid-template-columns:1.1fr 1fr;gap:50px}.layout-logistics .demo-hero h1{font-size:80px;letter-spacing:-3px}.layout-logistics .demo-hero-image{height:575px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.layout-logistics .demo-button{background:var(--d-accent);color:#1e2f45}.layout-logistics .demo-service{padding:30px;background:#e5ebf0;border:0;border-radius:5px}.layout-logistics .demo-service h3{font-size:22px}.layout-logistics .demo-section h2{font-size:43px}
/* Shoes: editorial collection, warm split composition and product-style cards. */
.layout-shoes .demo-brand,.layout-shoes h1,.layout-shoes h2,.layout-shoes h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-shoes .demo-hero{grid-template-columns:1fr 1.1fr;gap:0}.layout-shoes .demo-hero h1{font-size:86px;letter-spacing:-4px}.layout-shoes .demo-hero-image{height:580px;border-radius:50% 50% 8px 8px}.layout-shoes .demo-button{background:var(--d-accent);color:white;border-radius:100px}.layout-shoes .demo-service{background:#eadfd4;padding:30px;border:0;border-radius:14px}.layout-shoes .demo-service h3{font-size:23px;letter-spacing:-.6px}.layout-shoes .demo-project>div{height:320px;border-radius:15px}.layout-shoes .demo-section h2{font-size:44px}
/* Sneakers: acid-green streetwear composition, oversized type and wide photo. */
.layout-sneakers .demo-brand,.layout-sneakers h1,.layout-sneakers h2,.layout-sneakers h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.layout-sneakers .demo-hero{grid-template-columns:1fr 1.15fr;gap:0;background:#d8f25c;width:100%;padding-left:max(60px,calc((100% - 1300px)/2))}.layout-sneakers .demo-hero h1{font-size:94px;letter-spacing:-5px;line-height:1.02}.layout-sneakers .demo-hero-copy{padding-right:25px}.layout-sneakers .demo-hero .demo-eyebrow{color:#3f572c}.layout-sneakers .demo-hero-image{height:610px;transform:rotate(3deg);margin:25px 30px 25px 10px;box-shadow:15px 15px 0 #192420}.layout-sneakers .demo-button{background:#192420;color:#d8f25c}.layout-sneakers .demo-section h2{font-size:45px}.layout-sneakers .demo-service h3{font-size:23px}.layout-sneakers .demo-service{border-top:4px solid #192420}.layout-sneakers .demo-project>div{height:340px}
@media(max-width:1100px){.demo-header,.demo-section,.demo-footer{width:calc(100% - 80px)}.demo-hero{width:calc(100% - 80px);gap:40px}.demo-header{height:100px}.primary-nav{gap:23px;font-size:10px}.demo-hero h1{font-size:65px!important;letter-spacing:-2px!important}.demo-hero-image{height:530px!important}.demo-hero-copy>p{font-size:12px}.demo-about{gap:55px}.demo-about h2{font-size:42px}.demo-contact{padding:40px;gap:50px}.demo-section{padding-block:75px}.demo-project>div{height:290px!important}.technical-strip{width:calc(100% - 80px)}.layout-architect .demo-hero-copy,.layout-sport .demo-hero-copy,.layout-auto .demo-hero-copy,.layout-photographer .demo-hero-copy{padding-left:40px}.layout-architect .demo-hero-image,.layout-hotel .demo-hero-image,.layout-event .demo-hero-image,.layout-sport .demo-hero-image,.layout-photographer .demo-hero-image,.layout-auto .demo-hero-image{height:100%!important}.layout-industry .demo-hero-copy{padding:55px 40px}.layout-sneakers .demo-hero{padding-left:40px}.layout-beauty .demo-hero{gap:45px}.layout-bridal .demo-hero{gap:60px}.demo-section h2{font-size:39px!important}.sport-strip{padding-inline:40px}.restaurant-strip{padding-inline:40px}}
@media(max-width:800px){.demo-header,.demo-section,.demo-footer{width:calc(100% - 50px)}.demo-header{height:90px!important}.demo-brand{font-size:28px!important}.demo-brand small{font-size:6px}.primary-nav{gap:18px;font-size:9px}.demo-mode{padding:11px 20px;font-size:9px}.demo-mode>span{font-size:8px}.demo-hero{width:calc(100% - 50px);gap:30px;min-height:480px}.demo-hero h1{font-size:50px!important}.demo-hero-image{height:450px!important}.demo-hero-copy>p{font-size:11px}.demo-hero .demo-eyebrow{font-size:6px;letter-spacing:1.5px}.demo-button{font-size:10px;padding:15px 18px;gap:20px}.demo-section{padding-block:60px}.demo-section h2{font-size:33px!important}.demo-service-grid{gap:20px}.demo-service h3{font-size:20px!important;letter-spacing:-.5px!important}.demo-service p{font-size:10px}.demo-service{padding-inline:20px!important}.demo-gallery-grid{gap:20px!important}.demo-project>div{height:235px!important}.demo-project h3{font-size:20px}.demo-project p{font-size:9px}.demo-about{gap:35px}.demo-about-image{height:400px}.demo-about>div>p{font-size:11px}.demo-about-list{font-size:10px}.demo-contact{padding:30px;gap:35px}.demo-contact>div>p{font-size:11px}.demo-contact .demo-text-link{font-size:10px}.demo-enquiry-form{padding:20px}.demo-footer{font-size:9px;flex-wrap:wrap}.demo-footer>div{gap:12px}.demo-footer span{font-size:8px}.technical-strip{width:calc(100% - 50px);font-size:7px;letter-spacing:.5px}.hotel-strip{width:calc(100% - 80px);padding:22px;gap:18px}.hotel-strip strong{font-size:10px}.hotel-strip>a{font-size:9px}.sport-strip b{font-size:24px}.sport-strip span{font-size:9px}.education-strip{gap:25px;font-size:11px}.restaurant-strip{font-size:9px;padding-inline:25px;gap:18px}.layout-architect .demo-hero,.layout-hotel .demo-hero,.layout-sport .demo-hero,.layout-event .demo-hero,.layout-photographer .demo-hero,.layout-auto .demo-hero{min-height:550px}.layout-industry .demo-hero-copy{padding:40px 25px}.layout-construction .demo-hero-copy{padding-right:25px}.layout-beauty .demo-hero{gap:30px}.layout-bridal .demo-hero{gap:35px}.layout-catalog .demo-hero-copy{padding-right:25px;margin-right:-45px}.layout-sneakers .demo-hero{padding-left:25px}.layout-sneakers .demo-hero-image{margin-right:20px}.layout-sneakers .demo-hero-copy{padding-right:10px}}
@media(max-width:600px){html{scroll-padding-top:52px}.demo-mode{padding:10px 15px;font-size:9px;gap:10px}.demo-mode>span{display:none}.demo-header{width:calc(100% - 40px);height:85px!important;gap:15px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:85px;left:-20px;right:-20px;background:var(--d-bg);border-block:1px solid color-mix(in srgb,var(--d-ink) 15%,transparent);padding:15px 20px;gap:0;flex-direction:column;align-items:stretch;box-shadow:0 18px 25px #0001}.primary-nav.open{display:flex}.primary-nav>a{padding:12px 8px;font-size:13px}.demo-nav-cta{border:0}.demo-hero{width:calc(100% - 40px);display:flex!important;flex-direction:column;gap:25px!important;align-items:stretch;min-height:0!important}.demo-hero-copy{padding:30px 0 10px!important;margin:0!important}.demo-hero h1{font-size:clamp(45px,12vw,64px)!important;letter-spacing:-1.5px!important;margin:20px 0}.demo-hero-copy>p{font-size:12px;max-width:100%;line-height:1.9}.demo-hero .demo-eyebrow{font-size:7px;letter-spacing:1.3px}.demo-button{font-size:11px;padding:16px 22px;margin-top:18px}.demo-hero-image{height:390px!important;align-self:auto;position:relative}.hero-image-label{font-size:7px;right:15px;bottom:15px}.demo-section{width:calc(100% - 40px);padding-block:50px}.demo-section h2{font-size:34px!important;letter-spacing:-1px}.demo-section-heading{margin-bottom:30px}.demo-section-heading>p{font-size:12px}.demo-service-grid{grid-template-columns:1fr;gap:22px}.demo-service{padding:24px!important}.demo-service h3{font-size:25px!important;margin:14px 0}.demo-service p{font-size:12px;max-width:100%}.demo-service>a{font-size:11px;margin-top:10px}.demo-gallery-grid{grid-template-columns:1fr!important;gap:30px!important}.demo-project{padding-top:0!important}.demo-project>div{height:370px!important;border-radius:12px}.demo-project h3{font-size:26px}.demo-project p{font-size:10px}.demo-photo-note{font-size:9px;line-height:1.9}.demo-about{grid-template-columns:1fr;gap:35px}.demo-about-image{height:420px}.demo-about>div>p{font-size:12px;max-width:100%}.demo-about-list{font-size:11px}.demo-contact{grid-template-columns:1fr;padding:30px 22px!important;gap:28px;margin-bottom:40px}.demo-contact h2{font-size:33px!important}.demo-contact>div>p{font-size:12px}.demo-enquiry-form{padding:22px 18px}.demo-enquiry-form label{font-size:11px}.demo-enquiry-form input,.demo-enquiry-form select{font-size:16px;padding:12px}.demo-enquiry-form .demo-button{font-size:11px;gap:10px;padding:16px}.demo-enquiry-form p{font-size:9px}.demo-footer{width:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start;padding:28px 0;font-size:10px;gap:20px}.demo-footer>div{display:block}.demo-footer b{display:block;font-size:27px}.demo-footer span{display:block;font-size:9px;margin-top:10px}.demo-hero-image{transform:none!important;box-shadow:none!important;border-width:5px!important}.layout-architect .demo-hero,.layout-hotel .demo-hero,.layout-sport .demo-hero,.layout-event .demo-hero,.layout-photographer .demo-hero,.layout-auto .demo-hero{width:100%;display:block!important;min-height:560px!important;position:relative}.layout-architect .demo-hero-image,.layout-hotel .demo-hero-image,.layout-sport .demo-hero-image,.layout-event .demo-hero-image,.layout-photographer .demo-hero-image,.layout-auto .demo-hero-image{position:absolute;inset:0;height:100%!important;border:0!important;border-radius:0!important}.layout-architect .demo-hero-copy,.layout-sport .demo-hero-copy,.layout-auto .demo-hero-copy,.layout-photographer .demo-hero-copy{padding:120px 22px 65px!important;min-height:560px}.layout-hotel .demo-hero-copy,.layout-event .demo-hero-copy{padding:115px 22px 85px!important;min-height:560px}.layout-hotel .demo-hero h1,.layout-event .demo-hero h1{font-size:55px!important}.layout-photographer .demo-hero h1{font-size:76px!important}.layout-architect .demo-hero h1{font-size:55px!important}.layout-hotel .demo-hero-copy p,.layout-event .demo-hero-copy p{max-width:330px}.hotel-strip{width:calc(100% - 40px);display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:-30px;padding:22px}.hotel-strip>a{grid-column:1/-1;font-size:11px;width:max-content}.hotel-strip strong{font-size:10px}.layout-hotel .demo-services{padding-top:60px}.restaurant-strip{padding:22px;display:flex;flex-direction:column;gap:10px;margin-top:30px;font-size:11px}.restaurant-strip>span:first-child{font-size:8px}.restaurant-strip>a{margin-top:6px}.layout-restaurant .demo-hero-image{border-radius:48% 48% 0 0;height:400px!important}.layout-beauty .demo-hero-image,.layout-bridal .demo-hero-image{width:85%;margin-inline:auto;border-radius:48% 48% 0 0;height:460px!important}.layout-beauty .demo-hero-copy,.layout-bridal .demo-hero-copy{text-align:center;padding-top:20px!important}.layout-beauty .demo-hero-copy p,.layout-bridal .demo-hero-copy p{max-width:320px;margin-inline:auto}.layout-beauty .demo-hero h1,.layout-bridal .demo-hero h1{font-size:66px!important}.layout-beauty .demo-hero{padding-bottom:30px}.layout-fashion .demo-hero-image{margin:15px 10px 10px 0;transform:rotate(2deg)!important;box-shadow:10px 10px 0 #d9ea84!important}.sport-strip{padding:22px;display:block}.sport-strip b{display:block;font-size:23px}.sport-strip span{display:block;font-size:10px;margin-top:10px}.technical-strip{width:calc(100% - 40px);display:flex;flex-direction:column;padding-block:23px;gap:13px;font-size:8px}.education-strip{margin-top:30px;display:flex;flex-direction:column;gap:12px;padding:25px;font-size:12px}.layout-education .demo-hero-image{border-radius:15px 70px 15px 15px;height:370px!important}.layout-industry .demo-hero{padding:0 20px 20px!important;width:100%}.layout-industry .demo-hero-copy{padding-top:35px!important}.layout-industry .demo-hero-image{height:360px!important}.layout-logistics .demo-hero-image{clip-path:none;border-radius:12px;height:370px!important}.layout-sneakers .demo-hero{padding:0 20px 30px!important;width:100%}.layout-sneakers .demo-hero-image{margin:0;height:360px!important;transform:rotate(2deg)!important;border:6px solid #eef1e9!important}.layout-sneakers .demo-hero h1{font-size:70px!important}.layout-catalog .demo-hero{gap:15px!important}.layout-catalog .demo-hero-copy{padding:25px 0 0!important}.layout-shoes .demo-hero-image{height:420px!important}.layout-shoes .demo-hero h1{font-size:66px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}