:root{--navy:#0d1b2a;--red:#d71935;--paper:#f4f6f8;--ink:#132338;--primary:#4b2718;--accent:#e9b872;--surface:#fff8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit}.hub-nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}.brand{font-family:'Syne';font-weight:800;text-decoration:none;letter-spacing:.08em}.brand span{color:var(--red)}.hub-nav nav{display:flex;align-items:center;gap:28px}.hub-nav nav a{text-decoration:none;font-size:.9rem}.nav-cta{background:var(--red);padding:11px 18px;border-radius:4px}.hub-hero{min-height:78vh;background:var(--navy);color:white;padding:12vh 7vw;position:relative;overflow:hidden}.hub-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,100% 70px}.eyebrow,.section-heading span{color:#ff6579;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:700}.hub-hero h1{font-family:'Syne';font-size:clamp(3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.055em;margin:28px 0;max-width:1000px;position:relative}.hub-hero h1 em{font-style:normal;color:#93a6b6}.hub-hero p{color:#b9c5cf;max-width:590px;font-size:1.15rem;line-height:1.7}.primary-link{display:inline-flex;gap:30px;text-decoration:none;border-bottom:1px solid #7b8b98;padding:16px 0;margin-top:15px}.hero-orbit{position:absolute;right:8vw;bottom:10vh;width:160px;height:160px;border:1px solid #536371;border-radius:50%;display:grid;place-content:center;text-align:center}.hero-orbit:after{content:'';position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;top:16px;left:20px}.hero-orbit span{font:800 3rem 'Syne'}.hero-orbit small{color:#9aabb8;text-transform:uppercase;letter-spacing:.2em}.models{padding:110px 5vw;background:#f2f5f7}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2{font:800 clamp(2.3rem,5vw,4.2rem) 'Syne';letter-spacing:-.05em;margin:0;max-width:700px}.sector-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.sector-card{min-height:260px;padding:22px;background:var(--card);color:white;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.3s}.sector-card:before{content:'';position:absolute;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent),transparent 45%);border-radius:50%;right:-60px;top:-40px}.sector-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #11223324}.sector-number{font-size:.75rem;opacity:.65}.sector-icon{font-size:2.6rem;color:var(--accent)}.sector-card h3{font:700 1.25rem 'Syne';margin:0 0 5px}.sector-card p{margin:0;opacity:.65}.card-arrow{position:absolute;right:20px;bottom:20px;font-size:1.3rem}.process{display:grid;grid-template-columns:repeat(3,1fr);padding:100px 7vw;gap:70px}.process>div{border-top:2px solid var(--navy);padding-top:20px}.step{color:var(--red);font-weight:700}.process h3{font:700 1.7rem 'Syne';margin:28px 0 8px}.process p{color:#647482;line-height:1.6}.hub-footer{padding:40px 5vw;background:var(--navy);color:#aab8c4;display:flex;align-items:center;gap:35px}.hub-footer span{font:800 1rem 'Syne';color:white}.hub-footer p{margin-right:auto}.hub-footer a{color:white}
.demo-bar{height:36px;background:#111;color:#ddd;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;font-size:.72rem;letter-spacing:.04em}.demo-bar a{color:white;text-decoration:none}.demo-nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--surface);color:var(--primary);position:sticky;top:0;z-index:15;border-bottom:1px solid color-mix(in srgb,var(--primary),transparent 82%)}.demo-logo{font-size:1.25rem;font-weight:800;text-decoration:none}.demo-nav nav{display:flex;gap:30px}.demo-nav nav a{text-decoration:none;font-size:.9rem;font-weight:600}.demo-menu{display:none}.business-hero{min-height:calc(100vh - 118px);background:var(--surface);color:var(--primary);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:8vh 6vw;gap:5vw;overflow:hidden}.business-kicker,.business-offer header>span,.business-story>div>span,.business-contact>span{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:700}.business-copy h1{font:700 clamp(3.5rem,7vw,7.5rem)/.92 'Playfair Display';letter-spacing:-.055em;margin:25px 0}.business-copy p{font-size:1.15rem;line-height:1.7;max-width:590px}.business-cta{display:inline-flex;gap:30px;margin-top:25px;padding:15px 22px;background:var(--primary);color:var(--surface);text-decoration:none;font-weight:700}.business-visual{aspect-ratio:4/5;background:var(--primary);color:var(--accent);display:grid;place-content:center;text-align:center;position:relative;box-shadow:30px 30px 0 var(--accent);transform:rotate(2deg)}.business-visual:before,.business-visual:after{content:'';position:absolute;border:1px solid currentColor;border-radius:50%;inset:12%}.business-visual:after{inset:22%}.business-visual span{font:800 clamp(2.5rem,6vw,6rem) 'Archivo Black';z-index:2}.business-visual i{font-style:normal;font-size:4rem;z-index:2}.business-offer{padding:110px 6vw;background:#fff}.business-offer header{display:flex;justify-content:space-between;align-items:start;margin-bottom:60px}.business-offer h2,.business-story h2,.business-contact h2{font:700 clamp(2.4rem,5vw,4.5rem)/1 'Playfair Display';letter-spacing:-.04em;margin:0}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd1d4}.offer-grid article{padding:35px 30px 50px 0;border-right:1px solid #ccd1d4}.offer-grid article+article{padding-left:30px}.offer-grid article>span{color:var(--accent);font-weight:800}.offer-grid h3{font-size:1.35rem;margin-top:55px}.offer-grid p{color:#68747c;line-height:1.7}.business-story{padding:110px 8vw;background:var(--primary);color:var(--surface);display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:8vw}.story-mark{font-size:8rem;color:var(--accent);text-align:center}.business-story h2{margin:20px 0}.business-story p{max-width:650px;line-height:1.75;color:color-mix(in srgb,var(--surface),transparent 28%)}.business-contact{padding:120px 6vw;background:var(--surface);color:var(--primary);text-align:center}.business-contact h2{margin:25px 0 40px}.business-contact a{display:inline-block;padding:17px 25px;background:var(--primary);color:var(--surface);text-decoration:none;font-weight:700}.business-contact small{display:block;margin-top:55px;opacity:.6}.floating-wa{position:fixed;right:22px;bottom:22px;background:#25d366;color:#071b0e;padding:14px 18px;border-radius:99px;font-weight:800;text-decoration:none;z-index:20;box-shadow:0 12px 30px #0003}
body[data-style="bold"] .business-copy h1,body[data-style="sport"] .business-copy h1,body[data-style="tech"] .business-copy h1{font-family:'Archivo Black';text-transform:uppercase}body[data-style="tech"] .business-visual{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);box-shadow:none}body[data-style="bold"] .business-visual{transform:rotate(-4deg);border-radius:35% 8% 30% 4%}body[data-style="fashion"] .business-hero{grid-template-columns:.8fr 1.2fr}body[data-style="fashion"] .business-copy h1{font-weight:400;font-style:italic}body[data-style="calm"] .business-visual{border-radius:50% 50% 8px 8px;box-shadow:none}body[data-style="legal"] .business-hero,body[data-style="estate"] .business-hero{background:linear-gradient(120deg,var(--surface) 68%,var(--accent) 68%)}body[data-style="beauty"] .business-visual{border-radius:50% 50% 0 0;box-shadow:20px 20px 0 var(--accent)}
@media(max-width:1000px){.sector-grid{grid-template-columns:repeat(2,1fr)}.business-hero{grid-template-columns:1fr}.business-visual{max-width:520px;width:86%;margin:auto}.hero-orbit{opacity:.35}.section-heading{display:block}.section-heading span{display:block;margin-bottom:18px}}
@media(max-width:680px){.hub-nav nav>a:not(.nav-cta){display:none}.hub-nav{padding:0 20px}.hub-hero{padding:90px 22px}.hub-hero h1{font-size:3.25rem}.hero-orbit{display:none}.models{padding:80px 18px}.sector-grid{grid-template-columns:1fr}.sector-card{min-height:210px}.process{grid-template-columns:1fr;padding:75px 25px}.hub-footer{display:block}.demo-bar span{display:none}.demo-nav{padding:0 20px}.demo-menu{display:block;border:0;background:none;font-weight:700}.demo-nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--surface);padding:25px;flex-direction:column}.demo-nav nav.open{display:flex}.business-hero{padding:65px 24px}.business-copy h1{font-size:3.5rem}.business-offer{padding:80px 24px}.business-offer header{display:block}.business-offer header>span{display:block;margin-bottom:20px}.offer-grid{grid-template-columns:1fr}.offer-grid article,.offer-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid #ccd1d4}.offer-grid h3{margin-top:25px}.business-story{grid-template-columns:1fr;padding:75px 24px}.story-mark{text-align:left;font-size:5rem}.business-contact{padding:80px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sector-card{transition:none}}
.special{padding:80px 6vw;background:var(--accent);color:var(--primary);display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:5vw}.special h2{font:700 clamp(2rem,4vw,4rem)/1 'Playfair Display';margin:0}.special-items{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);box-shadow:12px 12px 0 color-mix(in srgb,var(--primary),transparent 82%)}.special-items>*{padding:25px;border-right:1px solid color-mix(in srgb,var(--primary),transparent 80%);text-decoration:none;font-weight:700}.special-items a{background:var(--primary);color:var(--surface)}
body[data-style="editorial"] .business-hero{background:linear-gradient(135deg,var(--surface) 0 70%,var(--accent) 70%)}body[data-style="editorial"] .business-visual{border-radius:48% 48% 8px 8px;transform:rotate(-2deg)}
body[data-style="elegant"] .demo-nav{background:var(--primary);color:var(--surface)}body[data-style="elegant"] .business-hero{background:linear-gradient(90deg,var(--primary) 0 54%,var(--surface) 54%);color:var(--surface)}body[data-style="elegant"] .business-copy{padding-right:4vw}body[data-style="elegant"] .business-visual{box-shadow:none;border:1px solid var(--accent)}
body[data-style="bold"] .demo-nav{background:var(--accent);color:#111}body[data-style="bold"] .business-hero{background:var(--surface);color:#111}body[data-style="bold"] .business-visual{background:var(--accent);color:var(--surface);box-shadow:25px 25px 0 #111}body[data-style="bold"] .special{background:var(--primary);color:var(--surface)}body[data-style="bold"] .special-items{transform:rotate(-1deg)}
body[data-style="fashion"] .demo-bar{background:#eee;color:#111}body[data-style="fashion"] .demo-bar a{color:#111}body[data-style="fashion"] .business-visual{box-shadow:none;border-radius:0;background:linear-gradient(150deg,#d7cec5,#f4f1ed);color:#111}body[data-style="fashion"] .special{background:#fff;border-block:1px solid #ddd}
body[data-style="tech"] .demo-nav{background:#fff;color:#111;border-top:7px solid var(--primary)}body[data-style="tech"] .demo-logo{color:var(--primary)}body[data-style="tech"] .business-hero{background:#fff;color:#222}body[data-style="tech"] .business-visual{background:var(--primary);color:#fff;clip-path:none;border-radius:50%;aspect-ratio:1;box-shadow:none}body[data-style="tech"] .business-cta{background:var(--primary);border-radius:99px}body[data-style="tech"] .special{background:#f4f4f4}body[data-style="tech"] .special-items{border:1px solid #ccc;border-radius:99px;overflow:hidden;box-shadow:none}
body[data-style="calm"] .business-hero{background:linear-gradient(110deg,var(--surface) 68%,#dff5fb 68%)}body[data-style="calm"] .special-items>*{border-radius:6px}body[data-style="calm"] .special{background:#e9f8fc}
body[data-style="estate"] .business-visual{box-shadow:none;background:linear-gradient(145deg,var(--primary),#2e6b7b)}body[data-style="estate"] .special{background:#fff;margin:-30px 7vw 40px;position:relative;z-index:4;box-shadow:0 20px 60px #10273524;padding:28px}
body[data-style="sport"] .demo-nav{border-top:8px solid var(--accent)}body[data-style="sport"] .business-hero{background:var(--primary);color:#fff}body[data-style="sport"] .business-visual{background:var(--accent);color:var(--primary);box-shadow:30px 30px 0 #333;transform:skew(-4deg)}body[data-style="sport"] .special{background:var(--accent)}body[data-style="sport"] .special h2,body[data-style="sport"] .business-offer h2{font-family:'Archivo Black';text-transform:uppercase}
body[data-style="beauty"] .demo-nav{background:var(--primary);color:var(--surface)}body[data-style="beauty"] .business-hero{background:var(--primary);color:var(--surface)}body[data-style="beauty"] .business-visual{border:8px double var(--accent);box-shadow:none}body[data-style="beauty"] .special{background:var(--surface)}
@media(max-width:680px){.special{grid-template-columns:1fr;padding:60px 22px}.special-items{grid-template-columns:1fr}.special-items>*{border-right:0;border-bottom:1px solid #ccc}body[data-style="elegant"] .business-hero{background:var(--primary)}body[data-style="estate"] .special{margin:-20px 15px 35px}}
/* Distinct reference-led hero compositions */
.business-hero img{display:block;width:100%;height:100%;object-fit:cover}.hero-restaurant,.hero-estate,.hero-gym{position:relative;display:block;padding:0;min-height:calc(100vh - 118px);color:#fff}.hero-restaurant>img,.hero-estate>img,.hero-gym>img{position:absolute;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b 0,#0005 55%,#0001)}.hero-restaurant .business-copy,.hero-estate .business-copy,.hero-gym .business-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:700px}.hero-restaurant .business-copy h1,.hero-estate .business-copy h1{font-size:clamp(4rem,8vw,8.5rem)}.hero-note{position:absolute;right:5vw;bottom:5vw;border:1px solid #fff8;padding:20px;text-align:right;z-index:2;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}
.hero-cafe{grid-template-columns:.78fr 1.22fr;background:#fff9f5;position:relative}.cafe-photo{height:72vh;position:relative}.cafe-photo img{object-position:center 45%}.cafe-photo span{position:absolute;bottom:0;left:0;background:var(--primary);color:#fff;padding:15px 22px;letter-spacing:.08em}.cafe-script{position:absolute;right:4vw;bottom:2vh;font:italic 2rem 'Playfair Display';color:var(--primary);transform:rotate(-5deg)}
.hero-fast{background:var(--surface);color:#111;grid-template-columns:.85fr 1.15fr;position:relative}.hero-fast figure{margin:0;height:70vh;transform:rotate(2deg);border:10px solid #111;position:relative;z-index:2}.hero-fast figure img{filter:saturate(1.2) contrast(1.08)}.hero-fast figcaption{position:absolute;bottom:0;left:0;right:0;background:#111;color:var(--surface);padding:10px;text-align:center;font-weight:900}.fast-word{position:absolute;font:900 clamp(8rem,22vw,22rem)/.7 'Archivo Black';color:var(--accent);left:-2vw;bottom:-2vw;z-index:0}.hero-fast .business-copy{z-index:3}.hero-fast .business-copy h1{font-size:clamp(3.5rem,7vw,7rem)}
.hero-fashion{padding:0;display:grid;grid-template-columns:.7fr 1fr .7fr;background:#eee}.hero-fashion>img{height:calc(100vh - 118px);object-position:center top}.hero-fashion .campaign{padding:8vh 3vw;font:500 clamp(3rem,6vw,6rem)/.85 'DM Sans';letter-spacing:-.07em;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-fashion .campaign small{font-size:.75rem;letter-spacing:.2em}.hero-fashion .business-copy{padding:6vw 4vw;align-self:end}.hero-fashion .business-copy h1{font:500 clamp(3rem,5vw,5rem)/.92 'DM Sans';text-transform:uppercase}
.hero-retail{padding:11vh 6vw 6vh;grid-template-columns:.9fr 1.1fr;background:#fff!important;color:#222!important;position:relative}.retail-search{position:absolute;top:25px;left:6vw;right:6vw;border:1px solid #bbb;border-radius:99px;padding:14px 25px;color:#777}.deal-shot{height:58vh;position:relative;border-radius:18px;overflow:hidden}.deal-shot b{position:absolute;right:20px;top:20px;width:90px;height:90px;border-radius:50%;display:grid;place-content:center;background:var(--primary);color:#fff;font-size:1.6rem}.hero-retail .business-copy h1{font:800 clamp(3rem,6vw,6rem)/.9 'DM Sans';text-transform:none;color:#222}
.hero-clinic{background:linear-gradient(110deg,#fff 0 55%,#e8f8fc 55%);grid-template-columns:.9fr 1.1fr}.clinic-shot{height:68vh;position:relative;border-radius:4px 80px 4px 4px;overflow:hidden}.clinic-shot span{position:absolute;left:20px;bottom:20px;background:#fff;padding:18px 22px;color:var(--primary);box-shadow:0 10px 30px #0002}.hero-clinic .business-copy h1{font:700 clamp(3.3rem,6vw,6rem)/.95 'DM Sans'}
.property-search{position:absolute;z-index:3;left:7vw;right:7vw;bottom:30px;background:#fff;color:#263844;display:grid;grid-template-columns:repeat(3,1fr) auto;box-shadow:0 20px 50px #0004}.property-search span{padding:16px 22px;border-right:1px solid #ddd;font-size:.75rem;color:#7a858c}.property-search b{font-size:1rem;color:#263844}.property-search a{display:grid;place-content:center;background:var(--primary);color:#fff;padding:0 35px;text-decoration:none;font-weight:700}
.hero-legal{grid-template-columns:.8fr 1.2fr;padding:0;background:#f0ede5}.hero-legal>img{height:calc(100vh - 118px);grid-column:2;grid-row:1;filter:grayscale(1);object-position:center}.hero-legal .business-copy{grid-column:1;grid-row:1;padding:8vw 5vw}.hero-legal .business-copy h1{font-size:clamp(3.5rem,6vw,6rem)}.legal-index{position:absolute;z-index:3;left:5vw;top:28px;font-size:.7rem;letter-spacing:.16em}
.hero-gym .shade{background:linear-gradient(90deg,#000d,#0002)}.hero-gym .business-copy h1{font:900 clamp(4rem,9vw,9rem)/.82 'Archivo Black';text-transform:uppercase}.gym-stripe{position:absolute;z-index:2;right:-60px;top:44%;background:var(--accent);color:#111;font-weight:900;padding:13px 70px;transform:rotate(90deg);letter-spacing:.08em}
.hero-barber{padding:0;grid-template-columns:1.25fr .75fr;background:var(--primary);color:#fff;position:relative}.hero-barber>img{height:calc(100vh - 118px);filter:sepia(.25) contrast(1.1)}.hero-barber .business-copy{padding:6vw 5vw}.hero-barber .business-copy h1{font-size:clamp(3.4rem,6vw,6rem)}.barber-badge{position:absolute;left:55%;top:8%;width:120px;height:120px;border-radius:50%;background:var(--accent);color:var(--primary);border:5px double var(--primary);display:grid;place-content:center;text-align:center;font:800 2rem 'Playfair Display'}.barber-badge small{font:600 .55rem 'DM Sans';letter-spacing:.18em}
@media(max-width:780px){.hero-cafe,.hero-fast,.hero-fashion,.hero-retail,.hero-clinic,.hero-legal,.hero-barber{grid-template-columns:1fr}.hero-cafe .business-copy,.hero-fast .business-copy,.hero-retail .business-copy,.hero-clinic .business-copy,.hero-legal .business-copy,.hero-barber .business-copy{padding:55px 24px}.cafe-photo,.hero-fast figure,.clinic-shot,.deal-shot{height:55vh}.hero-fashion .campaign{display:none}.hero-fashion>img{height:58vh}.hero-fashion .business-copy{padding:45px 24px}.hero-legal>img{grid-column:1;grid-row:1;height:55vh}.hero-legal .business-copy{grid-column:1;grid-row:2}.hero-restaurant .business-copy,.hero-estate .business-copy,.hero-gym .business-copy{left:24px;right:24px}.property-search{left:15px;right:15px;grid-template-columns:1fr 1fr;bottom:18px}.property-search span:nth-child(3){display:none}.property-search a{padding:15px}.barber-badge{left:auto;right:18px;top:18px}.hero-barber>img{height:55vh}.hero-note,.gym-stripe{display:none}}
