@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--bg:#f4f0e7;--surface:#fffdf7;--text:#123532;--muted:#5d6e69;--accent:#16a58f;--accent2:#d46f45;--highlight:#d9f2eb;--line:rgba(18,53,50,.18);--dark:#123532;--display:'DM Serif Display',Georgia,serif;--body:'DM Sans','Segoe UI',sans-serif;--radius:0px;--shadow:0 24px 70px rgba(8,14,28,.12)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;overflow-x:hidden;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{text-wrap:balance}p{margin:0 0 1.2em}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.utility{border-bottom:1px solid var(--line)}.utility .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.utility .wrap>div{display:flex;gap:22px}.utility a:hover{color:var(--accent)}
.nav{min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px}.logo{display:inline-flex;align-items:center;gap:12px;width:max-content;font-weight:800;letter-spacing:-.035em;font-size:1.08rem}.logo-mark{width:42px;height:42px;position:relative;display:grid;place-items:center;background:var(--text);color:var(--bg);overflow:hidden;border-radius:var(--radius)}.logo-mark i{position:absolute;width:25px;height:8px;background:var(--accent);transform:rotate(-36deg)}.logo-mark i:nth-child(2){transform:rotate(36deg);background:var(--accent2)}.logo-mark b{position:relative;z-index:2;font-size:.68rem}.nav>nav{display:flex;gap:30px;font-size:.88rem;font-weight:650}.nav>nav a{padding:12px 0;position:relative}.nav>nav a::after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--accent);transition:.25s}.nav>nav a:hover::after{right:0}.nav-cta{justify-self:end;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 17px;background:var(--text);color:var(--bg);font-size:.78rem;font-weight:750;border-radius:var(--radius)}.nav-cta:hover{background:var(--accent);color:#fff}.mobile{display:none}
.hero{position:relative}.hero-grid{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center;padding:78px 0}.hero h1,.page-hero h1,.detail-hero h1,.contact h1,.legal-hero h1{font-family:var(--display);font-size:clamp(3.7rem,7vw,7.4rem);line-height:.93;letter-spacing:-.055em;margin:26px 0 30px}.hero-grid>div:first-child>p:not(.label){font-size:1.14rem;line-height:1.75;max-width:650px;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.actions a,.button{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:205px;padding:16px 18px;border:1px solid var(--text);font-size:.83rem;font-weight:750;border-radius:var(--radius)}.actions a:first-child,.button{background:var(--text);color:var(--bg)}.actions a:hover,.button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.proof{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px;color:var(--muted);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.proof span::before{content:'•';color:var(--accent);margin-right:8px}
.hero-art{height:540px;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-art .grid,.service-visual::before,.case-visual::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12.5% 12.5%}.art-code{position:absolute;top:22px;left:24px;z-index:3;font-size:.64rem;font-weight:700;letter-spacing:.14em}.shape{position:absolute;display:block}.shape.one{width:270px;height:270px;border:44px solid var(--accent);border-right-color:transparent;border-radius:50%;right:-25px;top:48px;transform:rotate(-20deg)}.shape.two{width:170px;height:170px;background:var(--accent2);left:50px;top:170px;transform:rotate(-7deg)}.shape.three{width:110px;height:110px;background:var(--highlight);right:95px;bottom:55px;transform:rotate(12deg)}.hero-art>b{position:absolute;left:25px;bottom:24px;font-size:.74rem;letter-spacing:.12em}
.cap-band{border-block:1px solid var(--line);background:var(--surface)}.cap-band .wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cap-band span{font-size:.98rem;font-weight:650}.cap-band b{font-size:.67rem;letter-spacing:.12em}
.services-preview,.selected-work,.process,.faq,.enquiry,.about-grid,.detail-body,.contact,.next,.legal{padding:112px 0}.section-head{display:grid;grid-template-columns:.55fr 1.25fr .8fr;gap:48px;align-items:start;margin-bottom:58px}.section-head h2,.faq h2,.process h2,.cta h2,.enquiry h2,.detail-body h2,.fit h2,.about-grid h2{font-family:var(--display);font-size:clamp(2.8rem,5.7vw,5.8rem);line-height:.96;letter-spacing:-.05em;margin:0}.section-head>p:last-child{color:var(--muted);line-height:1.75}
.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-card{grid-column:span 4;min-height:350px;padding:25px;border:1px solid var(--line);background:var(--surface);position:relative;display:flex;flex-direction:column;border-radius:var(--radius);transition:transform .25s,box-shadow .25s,background .25s}.service-card:nth-child(1),.service-card:nth-child(6){grid-column:span 7}.service-card:nth-child(2),.service-card:nth-child(5){grid-column:span 5}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.service-card>span{font-size:.68rem;font-weight:800;color:var(--accent)}.service-card>i{position:absolute;right:24px;top:21px;font-style:normal;font-size:1.25rem}.service-card h3{font-family:var(--display);font-size:clamp(2rem,3.1vw,3.1rem);line-height:1;letter-spacing:-.045em;margin:82px 0 18px}.service-card p{color:var(--muted);line-height:1.65}.service-card b{margin-top:auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.selected-work{background:var(--surface)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-grid article>p:last-child{color:var(--muted);line-height:1.7}.work-grid h3{font-size:1.45rem;letter-spacing:-.035em;margin:15px 0}.work-art,.case-visual{height:480px;position:relative;overflow:hidden;padding:26px;margin-bottom:22px;background:var(--dark);color:#fff;border-radius:var(--radius)}.work-art::before{content:'';position:absolute;width:330px;height:330px;border:52px solid var(--accent);border-radius:50%;right:-50px;top:-70px}.work-art>b,.case-visual>b{position:absolute;left:7%;top:24%;z-index:2;font-family:var(--display);font-size:clamp(3.2rem,6vw,6rem);line-height:.86;letter-spacing:-.065em}.work-art>i{position:absolute;right:10%;bottom:15%;font-size:7rem;color:var(--highlight);font-style:normal}.work-art>em,.case-visual>em{position:absolute;left:7%;bottom:8%;font-size:1.22rem;font-weight:700;font-style:normal}.work-art>span,.case-visual>span{position:relative;z-index:2;font-size:.64rem;font-weight:700;letter-spacing:.1em}.art-2{background:color-mix(in srgb,var(--dark) 75%,var(--accent2))}.text-link{display:inline-flex;border-bottom:1px solid;padding:8px 0;margin-top:30px;font-weight:750}
.process{background:var(--dark);color:#fff}.process .section-head{grid-template-columns:.55fr 1.45fr}.process .label{color:var(--highlight)}.process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.process li{min-height:270px;padding:26px 24px 18px 0;border-right:1px solid rgba(255,255,255,.18)}.process li+li{padding-left:24px}.process li span{font-size:.68rem;color:var(--highlight);font-weight:800}.process li h3{font-size:1.45rem;margin:72px 0 12px}.process li p{color:rgba(255,255,255,.66);font-size:.88rem;line-height:1.65}
.faq{background:var(--surface)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:86px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:25px;font-weight:700;font-size:1.05rem}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent);font-size:1.4rem}.faq details p{max-width:720px;padding-right:35px;color:var(--muted);line-height:1.75}
.cta{padding:105px 0;background:var(--highlight);color:#101824}.cta h2{margin:25px 0 55px;font-size:clamp(3.3rem,7vw,7.4rem)}.cta a{display:flex;justify-content:space-between;border-block:1px solid;padding:21px 0;font-weight:800}.cta>div>p:last-child{text-align:right;margin:14px 0 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
footer{padding:74px 0 28px;background:var(--dark);color:#fff;border-top:1px solid rgba(255,255,255,.14)}footer .logo-mark{background:#fff;color:var(--dark)}.footer-grid{display:grid;grid-template-columns:.65fr 1.35fr 1fr;gap:60px;padding-bottom:58px}.footer-tag{font-family:var(--display);font-size:1.55rem;line-height:1.25}.footer-grid p:last-child{color:rgba(255,255,255,.6);line-height:1.7}.footer-grid>div:last-child{justify-self:end;display:grid;gap:8px}.footer-grid>div:last-child span,.address span{font-size:.66rem;color:var(--highlight);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.address{display:grid;grid-template-columns:.65fr 2.35fr;gap:50px;border-top:1px solid rgba(255,255,255,.18);padding:24px 0}.address address{font-style:normal;color:rgba(255,255,255,.68);line-height:1.6}.footer-links{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid rgba(255,255,255,.18);padding-top:22px;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}.push{margin-left:auto}
.page-hero,.legal-hero,.detail-hero{padding:100px 0;background:var(--dark);color:#fff}.page-hero .wrap,.legal-hero .wrap{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px}.page-hero h1,.legal-hero h1{grid-column:2;margin-top:0}.page-hero .wrap>p:last-child,.legal-hero .wrap>p:last-child{grid-column:2;max-width:760px;color:rgba(255,255,255,.68);font-size:1.08rem;line-height:1.75}.service-page-hero{padding:68px 0}.service-page-hero>.wrap{grid-template-columns:1.05fr .95fr;align-items:center}.service-page-hero h1{grid-column:auto}.service-page-hero .hero-art{height:470px}.jump{position:sticky;top:116px;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}.jump .wrap{display:grid;grid-template-columns:repeat(6,1fr)}.jump a{padding:17px 12px;border-right:1px solid var(--line);font-size:.72rem;font-weight:700}.jump a span{display:block;margin-bottom:8px;color:var(--accent);font-size:.62rem}.service-list article{padding:100px 0;border-bottom:1px solid var(--line)}.service-list article:nth-child(even){background:var(--surface)}.service-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.service-list article:nth-child(even) .service-visual{order:2}.service-visual{height:520px;position:relative;overflow:hidden;padding:26px;background:var(--accent);color:#fff;border-radius:var(--radius)}.service-visual>span{position:relative;z-index:2;font-size:.7rem}.service-visual>b{position:absolute;left:12%;top:18%;z-index:2;font-size:13rem}.service-visual>em{position:absolute;left:26px;bottom:25px;font-size:.68rem;text-transform:uppercase;font-style:normal;letter-spacing:.1em}.service-row h2{font-family:var(--display);font-size:clamp(3rem,5.5vw,5.3rem);line-height:.94;letter-spacing:-.055em;margin:25px 0}.service-row .lead{font-size:1.08rem;color:var(--muted);line-height:1.75}.service-row h3{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.service-row ul,.detail-body ul{list-style:none;padding:0}.service-row li{padding:10px 0;border-bottom:1px solid var(--line)}.service-row li::before{content:'+';color:var(--accent);margin-right:12px}
.enquiry{background:var(--accent);color:#fff}.enquiry-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}.enquiry h2{margin:28px 0}.direct{display:grid;margin:30px 0;border-top:1px solid currentColor}.direct a{padding:13px 0;border-bottom:1px solid currentColor;font-weight:700}.legal-links{display:flex;gap:20px;font-size:.7rem;text-transform:uppercase}.enquiry-form{background:var(--surface);color:var(--text);padding:34px;display:grid;gap:18px;border-radius:var(--radius);box-shadow:var(--shadow)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-form label{display:grid;gap:8px;min-width:0;font-size:.76rem;font-weight:700}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{display:block;width:100%;max-width:100%;min-width:0;padding:14px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:calc(var(--radius) / 2)}.enquiry-form textarea{resize:vertical}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{outline:3px solid var(--highlight);outline-offset:2px}.consent{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5;font-weight:500!important}.consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px}.consent a{text-decoration:underline}.enquiry-form button{border:0;background:var(--dark);color:#fff;padding:17px 18px;display:flex;justify-content:space-between;font-weight:800;cursor:pointer;border-radius:calc(var(--radius) / 2)}.enquiry-form>p{font-size:.72rem;color:var(--muted);line-height:1.6}.enquiry-form>p.error{color:#b21836}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.detail-hero .wrap{position:relative}.detail-hero p:not(.label){max-width:740px;color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.75}.detail-no{position:absolute;right:0;top:-55px;color:rgba(255,255,255,.08);font-family:var(--display);font-size:11rem}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:82px}.detail-body p{color:var(--muted);line-height:1.8}.detail-body li{padding:20px 0;border-bottom:1px solid var(--line);font-weight:700}.detail-body li span{margin-right:14px;color:var(--accent)}.fit{padding:95px 0;background:var(--highlight);color:#102033}.fit>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px}.fit p{font-size:1.05rem;line-height:1.75}
.cases article{padding:100px 0;border-bottom:1px solid var(--line)}.cases article:nth-child(even){background:var(--surface)}.case-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.cases article:nth-child(even) .case-visual{order:2}.case-visual{height:570px;margin:0}.case-visual>i{position:absolute;right:-8%;top:4%;color:var(--accent);font-family:var(--display);font-style:normal;font-size:10rem;transform:rotate(-12deg)}.case-row h2{font-family:var(--display);font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:.97;letter-spacing:-.05em}.case-row dl>div{display:grid;grid-template-columns:.35fr 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.case-row dl>div:last-child{border-bottom:1px solid var(--line)}.case-row dt{font-size:.68rem;font-weight:800;text-transform:uppercase}.case-row dd{margin:0;color:var(--muted);line-height:1.7}.transparency{padding:72px 0;background:var(--dark);color:#fff}.transparency p:last-child{max-width:920px;font-size:1.18rem;line-height:1.7}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:86px}.about-grid p{color:var(--muted);font-size:1.03rem;line-height:1.8}.values{padding:90px 0;background:var(--accent);color:#fff}.values>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}.values article{min-height:260px;padding:25px;border-right:1px solid rgba(255,255,255,.25)}.values article span{font-size:.68rem}.values article h3{margin-top:76px;font-size:1.35rem}.values article p{font-size:.86rem;line-height:1.7;color:rgba(255,255,255,.75)}
.contact{background:var(--dark);color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-grid>div:first-child>p:not(.label){max-width:600px;color:rgba(255,255,255,.67);font-size:1.02rem;line-height:1.75}.contact address{max-width:500px;margin-top:28px;color:rgba(255,255,255,.65);font-style:normal;line-height:1.7}.form-panel>.label{margin-bottom:20px}.next{display:grid;grid-template-columns:repeat(3,1fr)}.next article{padding:25px;border-right:1px solid var(--line)}.next span{font-size:.68rem;color:var(--accent);font-weight:800}.next h3{margin-top:58px;font-size:1.3rem}.next p{color:var(--muted);line-height:1.7}
.legal-hero{padding:82px 0}.legal{max-width:900px}.legal h2{margin:46px 0 12px;font-family:var(--display);font-size:1.75rem}.legal p{color:var(--muted);line-height:1.85}.legal a{text-decoration:underline}.thanks{padding:105px 0;background:var(--accent)}.thanks section{width:min(850px,calc(100% - 40px));margin:auto;padding:68px;background:var(--surface);border-radius:var(--radius)}.thanks h1,.not-found h1{font-family:var(--display);font-size:clamp(4rem,10vw,8rem);line-height:.9;letter-spacing:-.06em}.thanks p{max-width:650px;color:var(--muted);font-size:1.05rem;line-height:1.75}.not-found{padding:110px 0;background:var(--highlight);color:#101824}.not-found h1{font-size:clamp(8rem,22vw,17rem);margin:25px 0}.not-found h2{font-size:2.5rem}

/* PatternTech: light editorial geometry */
.pattern .site-header{background:rgba(244,240,231,.94)}.pattern .hero-grid{grid-template-columns:1.18fr .82fr}.pattern .hero h1{max-width:820px}.pattern .hero-art{box-shadow:none;border-width:2px}.pattern .shape.two{clip-path:polygon(50% 0,100% 100%,0 100%)}.pattern .shape.three{border-radius:50% 50% 0 50%}.pattern .service-card:nth-child(3n+1){background:var(--highlight)}.pattern .service-card:hover{background:#fff}.pattern .selected-work{border-block:1px solid var(--line)}.pattern .work-art{border-radius:0}.pattern .work-art>b{font-family:var(--display);font-weight:400}.pattern footer{background:#123532}.pattern .page-hero,.pattern .legal-hero,.pattern .detail-hero,.pattern .contact{background:#123532}

/* Vivid Current: dark campaign posters and electric colour */
.vivid .site-header{background:rgba(13,8,32,.9)}.vivid .utility{display:none}.vivid .nav{min-height:94px}.vivid .logo-mark{background:var(--accent);color:#fff}.vivid .nav-cta{background:var(--highlight);color:#111}.vivid .hero{background:radial-gradient(circle at 85% 15%,rgba(185,156,255,.25),transparent 28%),var(--bg)}.vivid .hero-grid{min-height:780px;grid-template-columns:.9fr 1.1fr}.vivid .hero h1{font-size:clamp(3.7rem,7.4vw,7.8rem);text-transform:uppercase}.vivid .hero-art{height:610px;transform:rotate(2deg);border:0;background:linear-gradient(135deg,var(--accent),#ff9e35 48%,var(--accent2));box-shadow:0 35px 100px rgba(0,0,0,.4)}.vivid .hero-art .grid{background-size:20% 20%}.vivid .shape.one{border-color:var(--highlight);border-right-color:transparent}.vivid .shape.two{background:#140a2b;transform:rotate(12deg)}.vivid .shape.three{background:#fff;border-radius:50%}.vivid .cap-band{background:var(--highlight);color:#171321;border:0}.vivid .services-preview{background:var(--bg)}.vivid .service-card{background:var(--surface)}.vivid .service-card:nth-child(odd){transform:translateY(26px)}.vivid .service-card:hover{transform:translateY(-5px);background:var(--accent);color:#fff}.vivid .service-card:hover p{color:#fff}.vivid .selected-work{background:var(--accent);color:#fff}.vivid .selected-work .label{color:var(--highlight)}.vivid .selected-work .section-head>p:last-child,.vivid .work-grid article>p:last-child{color:rgba(255,255,255,.75)}.vivid .work-art{border:2px solid rgba(255,255,255,.35)}.vivid .faq{background:#151028}.vivid .cta{background:var(--highlight)}.vivid footer{background:#07040d}.vivid .page-hero,.vivid .legal-hero,.vivid .detail-hero,.vivid .contact{background:linear-gradient(135deg,#12072d,#281252)}.vivid .jump{background:#17102b}.vivid .service-list article:nth-child(even){background:#18102e}.vivid .service-visual{background:linear-gradient(145deg,var(--accent),#ffb03a)}.vivid .enquiry{background:#4722a2}.vivid .legal{background:var(--surface);max-width:none;padding-inline:max(32px,calc((100% - 900px)/2))}.vivid .next p,.vivid .legal p,.vivid .service-row .lead,.vivid .case-row dd,.vivid .about-grid p{color:var(--muted)}

/* FramePilot: light enterprise precision */
.frame .utility{background:var(--dark);color:#fff}.frame .site-header{background:rgba(255,255,255,.94)}.frame .logo-mark{background:var(--accent);color:#fff;border-radius:10px}.frame .nav-cta{background:var(--accent);color:#fff;border-radius:10px}.frame .hero{background:linear-gradient(180deg,#fff 0%,#f4f7fb 100%)}.frame .hero-grid{grid-template-columns:1fr 1fr}.frame .hero h1{font-weight:600}.frame .hero-art{border-radius:22px;background:#071423;color:#fff;box-shadow:0 30px 80px rgba(36,107,253,.18)}.frame .shape.two{border-radius:24px;background:var(--accent)}.frame .shape.three{border-radius:18px;background:var(--highlight)}.frame .service-card{border-radius:18px;box-shadow:0 10px 35px rgba(15,39,75,.06)}.frame .service-card:hover{border-color:var(--accent)}.frame .selected-work{background:#eaf0ff}.frame .work-art,.frame .case-visual{border-radius:18px}.frame .process{background:#0b2d5c}.frame .cta{background:#c7ff4a}.frame footer{background:#071423}.frame .page-hero,.frame .legal-hero,.frame .detail-hero,.frame .contact{background:#071423}.frame .service-visual{border-radius:22px;background:linear-gradient(145deg,#246bfd,#0b3eaa)}.frame .enquiry{background:#0d4dcc}.frame .values{background:#246bfd}.frame .legal{background:#fff;border-radius:18px;margin-block:70px;padding:65px;box-shadow:0 20px 70px rgba(16,36,62,.08)}

/* Tapline: dark product-led interface language */
.tap .site-header{top:12px;width:min(1240px,calc(100% - 32px));margin:auto;border:1px solid var(--line);border-radius:22px;background:rgba(16,18,22,.88)}.tap .utility{display:none}.tap .nav{width:100%;padding-inline:20px;min-height:78px}.tap .logo-mark{background:var(--accent);color:#fff;border-radius:14px}.tap .nav-cta{background:var(--accent);color:#fff;border-radius:14px}.tap .hero{background:radial-gradient(circle at 85% 25%,rgba(25,211,197,.17),transparent 30%),var(--bg)}.tap .hero-grid{min-height:790px}.tap .hero h1{font-weight:800}.tap .hero-art{height:590px;border-radius:42px;background:#171a20;box-shadow:0 40px 100px rgba(0,0,0,.45)}.tap .shape.one{border-color:var(--accent2);border-right-color:transparent}.tap .shape.two{border-radius:32px;background:var(--accent);transform:rotate(8deg)}.tap .shape.three{border-radius:50%;background:var(--highlight)}.tap .cap-band{background:var(--surface)}.tap .service-card{border-radius:28px;background:var(--surface)}.tap .service-card:hover{background:#242830;border-color:var(--accent2)}.tap .selected-work{background:#15181e}.tap .work-art,.tap .case-visual{border-radius:34px;border:1px solid var(--line)}.tap .process{background:#08090c}.tap .faq{background:#171a20}.tap .cta{background:var(--accent);color:#fff}.tap footer{background:#f4e44d;color:#15171b}.tap footer .logo-mark{background:#15171b;color:#fff}.tap footer .footer-grid p:last-child,.tap footer .address address{color:rgba(15,17,20,.67)}.tap footer .footer-grid>div:last-child span,.tap footer .address span{color:#9b1753}.tap footer .address,.tap footer .footer-links{border-color:rgba(15,17,20,.25)}.tap .page-hero,.tap .legal-hero,.tap .detail-hero,.tap .contact{background:#08090c}.tap .jump{background:#171a20}.tap .service-list article:nth-child(even){background:#171a20}.tap .service-visual{background:linear-gradient(145deg,var(--accent),#98255a);border-radius:34px}.tap .enquiry{background:#9e2259}.tap .legal{background:#191c22;max-width:none;padding-inline:max(32px,calc((100% - 900px)/2))}.tap .next p,.tap .legal p,.tap .service-row .lead,.tap .case-row dd,.tap .about-grid p{color:var(--muted)}

.services-menu{position:relative}.services-menu summary{list-style:none;cursor:pointer;padding:12px 0 17px;display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:650}.services-menu summary::-webkit-details-marker{display:none}.services-menu summary span{color:var(--accent);font-size:1rem;transition:transform .2s}.services-menu[open] summary span{transform:rotate(180deg)}.services-dropdown{position:absolute;top:54px;left:-48px;width:660px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 28px 80px rgba(4,10,24,.24)}.services-dropdown a{min-height:68px;padding:13px 15px!important;display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid transparent;border-radius:calc(var(--radius) / 2)}.services-dropdown a::after{display:none!important}.services-dropdown a:hover,.services-dropdown a:focus-visible{background:var(--bg);border-color:var(--line)}.services-dropdown a span{font-size:.63rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.services-dropdown a strong{font-size:.82rem;line-height:1.25}.services-dropdown .service-overview{grid-column:1/-1;grid-template-columns:100px 1fr;background:var(--text);color:var(--bg)}.services-dropdown .service-overview:hover,.services-dropdown .service-overview:focus-visible{background:var(--accent);color:#fff}.services-dropdown .service-overview span{color:var(--highlight)}
.footer-enquiry{padding:105px 0;background:var(--surface);border-top:1px solid var(--line)}.footer-enquiry-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:82px;align-items:start}.footer-enquiry h2{font-family:var(--display);font-size:clamp(3rem,5.6vw,5.8rem);line-height:.94;letter-spacing:-.05em;margin:24px 0}.footer-enquiry-grid>div>p:not(.label){max-width:520px;color:var(--muted);line-height:1.75}.footer-enquiry .direct{max-width:520px}.quick-form{border:1px solid var(--line);box-shadow:0 24px 70px rgba(8,14,28,.14)}.quick-form textarea{min-height:118px}.pattern .footer-enquiry{background:var(--highlight)}.vivid .footer-enquiry{background:linear-gradient(135deg,#231048,#120a2a)}.frame .footer-enquiry{background:#eaf0ff}.tap .footer-enquiry{background:#15181e}.vivid .footer-enquiry-grid>div>p:not(.label),.tap .footer-enquiry-grid>div>p:not(.label){color:var(--muted)}
h1,h2,h3{overflow-wrap:normal;word-break:normal}.vivid .hero h1{font-size:clamp(3.5rem,5.5vw,5.8rem);line-height:.9}
@media(max-width:1000px){.hero-grid,.section-head,.service-row,.enquiry-grid,.case-row,.contact-grid,.about-grid,.detail-body,.fit>.wrap,.page-hero .wrap,.legal-hero .wrap,.service-page-hero>.wrap,.footer-enquiry-grid{grid-template-columns:1fr}.page-hero h1,.page-hero .wrap>p:last-child,.legal-hero h1,.legal-hero .wrap>p:last-child{grid-column:1}.service-list article:nth-child(even) .service-visual,.cases article:nth-child(even) .case-visual{order:0}.service-grid .service-card{grid-column:span 6}.process ol,.values>.wrap{grid-template-columns:1fr 1fr}.jump{position:relative;top:auto}.jump .wrap{overflow-x:auto;grid-template-columns:repeat(6,190px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .logo{grid-column:1/3}.footer-grid>div:last-child{justify-self:start}.hero-art{height:480px}.vivid .hero-grid,.frame .hero-grid,.tap .hero-grid,.pattern .hero-grid{grid-template-columns:1fr}.vivid .service-card:nth-child(odd){transform:none}.frame .legal{margin-block:40px}}
@media(max-width:720px){.wrap{width:min(100% - 36px,1240px)}.utility{display:none}.site-header,.tap .site-header{top:0;width:100%;border-radius:0;border-left:0;border-right:0}.nav,.tap .nav{min-height:70px;padding-inline:0;grid-template-columns:1fr auto}.nav>nav,.nav-cta{display:none}.mobile{display:block;position:relative}.mobile summary{cursor:pointer;font-size:.72rem;font-weight:800;text-transform:uppercase}.mobile div{position:absolute;right:0;top:34px;width:min(290px,calc(100vw - 36px));padding:16px;display:grid;background:var(--dark);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow);border-radius:14px}.mobile div a{padding:12px;border-bottom:1px solid rgba(255,255,255,.15)}.hero-grid{min-height:auto;padding:64px 0;gap:44px}.hero h1,.page-hero h1,.detail-hero h1,.contact h1,.legal-hero h1,.vivid .hero h1{font-size:clamp(3.1rem,14vw,4.5rem)}.hero-grid>div:first-child>p:not(.label){font-size:1rem}.hero-art,.vivid .hero-art,.tap .hero-art{height:390px;transform:none}.shape.one{width:200px;height:200px}.shape.two{width:125px;height:125px}.actions{display:grid}.actions a{width:100%}.proof{display:grid}.cap-band .wrap{min-height:110px;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}.services-preview,.selected-work,.process,.faq,.enquiry,.about-grid,.detail-body,.contact,.next,.legal{padding:74px 0}.section-head{gap:24px;margin-bottom:42px}.section-head h2,.faq h2,.process h2,.cta h2,.enquiry h2,.detail-body h2,.fit h2,.about-grid h2{font-size:clamp(2.7rem,12vw,4rem)}.service-grid{grid-template-columns:1fr}.service-grid .service-card{grid-column:1;min-height:310px}.work-grid{grid-template-columns:1fr}.work-art{height:390px}.process ol,.values>.wrap{grid-template-columns:1fr}.process li{min-height:200px;padding:24px 0!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.process li h3{margin-top:48px}.faq-grid{grid-template-columns:1fr;gap:42px}.cta{padding:75px 0}.footer-grid{grid-template-columns:1fr}.footer-grid .logo{grid-column:auto}.address{grid-template-columns:1fr;gap:12px}.footer-links{display:grid}.push{margin-left:0}.pair{grid-template-columns:1fr}.enquiry-form{padding:23px 17px}.service-row{gap:42px}.service-visual{height:400px}.service-visual>b{font-size:10rem}.case-visual{height:420px}.case-row{gap:44px}.case-row dl>div{grid-template-columns:1fr;gap:7px}.next{grid-template-columns:1fr}.values article,.next article{border-right:0;border-bottom:1px solid var(--line)}.thanks section{padding:42px 24px}.detail-no{font-size:7rem;top:-25px}.frame .legal{margin-block:25px;padding:36px 24px}.vivid .legal,.tap .legal{padding-inline:18px}.page-hero,.legal-hero,.detail-hero{padding:75px 0}}
@media(max-width:720px){.mobile>div{max-height:calc(100vh - 82px);overflow-y:auto}.mobile .mobile-services{position:static!important;inset:auto!important;width:auto!important;padding:0 0 12px!important;display:grid!important;gap:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.mobile .mobile-services>span{padding:8px 13px;color:var(--highlight);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mobile .mobile-services>a{display:grid;grid-template-columns:40px 1fr;align-items:center}.mobile .mobile-services>.service-overview{grid-template-columns:70px 1fr}.mobile .mobile-services>a span{color:var(--accent);font-size:.62rem}.mobile .mobile-services>a strong{font-size:.78rem}.footer-enquiry{padding:74px 0}.footer-enquiry-grid{gap:35px}.footer-enquiry h2{font-size:clamp(3rem,13vw,4.2rem)}.quick-form{padding:23px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


/* Fresh identity layer — shared standards, deliberately different personalities. */
.nav>nav>.nav-legal{font-size:.72rem;opacity:.72}
.utility .privacy-choice-link{padding:4px 8px;border:1px solid currentColor;font-weight:800;opacity:1}
.privacy-choice{padding:70px 0;background:var(--highlight);color:var(--text)}
.privacy-choice-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}
.privacy-choice h2{font-family:var(--display);font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.045em;margin:0}
.privacy-choice p{max-width:730px;font-size:1.05rem;line-height:1.75;color:color-mix(in srgb,var(--text) 74%,transparent)}
.privacy-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:16px 18px;background:var(--accent);color:#fff!important;font-weight:800;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent)}
.privacy-action:hover{transform:translateY(-2px);background:var(--dark)}
.operator-note{padding:16px 0;border-block:1px solid var(--line);font-size:.82rem;font-weight:700;color:var(--muted)}

/* Motif Harbor — warm editorial modernism, quiet confidence, ocean/coral accents. */
.pattern{--bg:#f5efe4;--surface:#fffdf8;--text:#15313b;--muted:#647077;--accent:#f06449;--accent2:#087d7a;--highlight:#f5d58c;--line:rgba(21,49,59,.18);--dark:#102a35;--radius:0px}
.pattern .site-header{background:rgba(245,239,228,.96);color:var(--text)}
.pattern .utility{background:var(--dark);color:#fff}
.pattern .logo-mark{background:var(--accent);color:#fff;border:0;transform:rotate(-4deg)}
.pattern .logo-mark i:first-child{background:#fff}.pattern .logo-mark i:nth-child(2){background:var(--highlight)}
.pattern .nav-cta{background:var(--text);color:#fff}
.pattern .hero{background:linear-gradient(105deg,#f5efe4 0 68%,#eadbc5 68%);color:var(--text)}
.pattern .hero-grid{grid-template-columns:1.28fr .72fr;min-height:760px}
.pattern .hero h1{max-width:920px;font-weight:400;font-size:clamp(4rem,7.4vw,7.7rem);line-height:.88}
.pattern .hero p:not(.label){color:var(--muted)}
.pattern .actions a:first-child{background:var(--accent);color:#fff}.pattern .actions a:nth-child(2){color:var(--text);border-color:var(--text)}
.pattern .proof{color:var(--muted)}
.pattern .hero-art{height:520px;background:#fffaf0;color:var(--text);border:2px solid var(--text);box-shadow:24px 24px 0 var(--highlight)}
.pattern .hero-art .grid{background-image:linear-gradient(rgba(21,49,59,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(21,49,59,.1) 1px,transparent 1px)}
.pattern .shape.one{border-color:var(--accent);border-right-color:transparent}.pattern .shape.two{background:var(--accent2);clip-path:polygon(50% 0,100% 100%,0 100%)}.pattern .shape.three{background:var(--highlight);border-radius:100% 0 0}
.pattern .cap-band{background:var(--accent2);color:#fff}
.pattern .service-card{background:transparent;border-width:1px}.pattern .service-card:nth-child(2n){background:var(--surface)}.pattern .service-card:hover{background:var(--highlight);color:var(--text);box-shadow:12px 12px 0 var(--accent2)}
.pattern .selected-work{background:#d8e9e4;color:var(--text)}
.pattern .work-art,.pattern .case-visual{border:2px solid var(--text);box-shadow:14px 14px 0 var(--accent)}
.pattern .process{background:var(--dark)}.pattern .cta{background:var(--highlight)}
.pattern .page-hero,.pattern .legal-hero,.pattern .detail-hero,.pattern .contact{background:var(--dark)}
.pattern .footer-enquiry{background:#d8e9e4}.pattern footer{background:#102a35}
.pattern .privacy-choice{background:var(--highlight)}

/* Chromatic Bureau — nocturnal gallery, theatrical colour and poster-like scale. */
.vivid{--bg:#110815;--surface:#1c1022;--text:#fff7ef;--muted:#cbbbcf;--accent:#ff4f7b;--accent2:#7b5cff;--highlight:#b9ff47;--line:rgba(255,255,255,.18);--dark:#09050c;--radius:34px}
.vivid .site-header{background:rgba(9,5,12,.92);border-bottom:0}.vivid .utility{display:block;background:#140916;color:#fff}.vivid .nav{min-height:96px}
.vivid .logo-mark{border-radius:50%;background:conic-gradient(var(--accent),#ffb13d,var(--highlight),#2de1da,var(--accent2),var(--accent));border:0;color:#09050c}
.vivid .nav-cta{background:var(--highlight);color:#09050c;border-radius:99px}
.vivid .hero{background:radial-gradient(circle at 76% 10%,rgba(123,92,255,.34),transparent 28rem),radial-gradient(circle at 10% 85%,rgba(255,79,123,.25),transparent 25rem),var(--dark)}
.vivid .hero-grid{grid-template-columns:.82fr 1.18fr;min-height:820px}
.vivid .hero h1{text-transform:uppercase;font-size:clamp(3.8rem,6.7vw,7rem);line-height:.84;letter-spacing:-.065em}
.vivid .hero-art{height:630px;border:0;border-radius:46% 54% 38% 62%/46% 35% 65% 54%;background:linear-gradient(145deg,var(--accent) 0 35%,#ffb13d 35% 56%,var(--accent2) 56%);transform:rotate(2deg);box-shadow:0 45px 110px rgba(0,0,0,.5)}
.vivid .hero-art .grid{transform:rotate(-9deg);background-size:13% 13%}.vivid .shape.one{border-color:var(--highlight);border-right-color:transparent}.vivid .shape.two{background:#08050c;border-radius:50%}.vivid .shape.three{background:#fff;border-radius:50%}
.vivid .cap-band{background:var(--highlight);color:#0b0810}
.vivid .services-preview{background:var(--bg)}.vivid .service-card{background:var(--surface);border-radius:34px}.vivid .service-card:nth-child(odd){transform:translateY(24px)}.vivid .service-card:hover{background:var(--accent);color:#fff;transform:translateY(-5px) rotate(-.5deg)}
.vivid .selected-work{background:var(--accent2);color:#fff}.vivid .work-art,.vivid .case-visual{border-radius:38px;border:2px solid rgba(255,255,255,.35)}
.vivid .process{background:#08050c}.vivid .faq{background:#160b1b}.vivid .cta{background:var(--highlight);color:#0b0810}
.vivid .page-hero,.vivid .legal-hero,.vivid .detail-hero,.vivid .contact{background:linear-gradient(135deg,#0a050d,#2c0d38)}
.vivid .footer-enquiry{background:linear-gradient(145deg,#25102d,#100713)}.vivid footer{background:#060308}
.vivid .privacy-choice{background:var(--highlight);color:#0b0810}.vivid .privacy-choice h2,.vivid .privacy-choice p{color:#0b0810}.vivid .legal p{color:var(--muted)}

/* Relaymint Labs — bright modular product UI, calm mint and decisive orange. */
.frame{--bg:#edf4f2;--surface:#ffffff;--text:#102c35;--muted:#607178;--accent:#0b9b82;--accent2:#ff7849;--highlight:#c8f36a;--line:rgba(16,44,53,.15);--dark:#0c2a34;--radius:22px}
.frame .utility{background:var(--dark);color:#fff}.frame .site-header{background:rgba(255,255,255,.94);color:var(--text)}
.frame .logo-mark{background:var(--accent);color:#fff;border-radius:12px;border:0}.frame .nav-cta{background:var(--accent2);color:#fff;border-radius:12px}
.frame .hero{background:linear-gradient(180deg,#fff 0,#edf4f2 100%);color:var(--text)}
.frame .hero-grid{grid-template-columns:1fr 1fr;min-height:760px}.frame .hero h1{font-weight:600}.frame .hero p:not(.label){color:var(--muted)}.frame .actions a:first-child{background:var(--accent);color:#fff}.frame .actions a:nth-child(2){color:var(--text);border-color:var(--line)}.frame .proof{color:var(--muted)}
.frame .hero-art{height:560px;border-radius:28px;background:#0c2a34;box-shadow:0 32px 80px rgba(12,42,52,.22)}.frame .hero-art::after{content:"LIVE WORKFLOW";position:absolute;right:26px;bottom:24px;padding:8px 12px;border-radius:99px;background:var(--highlight);color:var(--dark);font:800 .62rem var(--body);letter-spacing:.08em}.frame .shape.two{border-radius:22px;background:var(--accent2)}.frame .shape.three{border-radius:18px;background:var(--highlight)}
.frame .cap-band{background:var(--dark);color:#fff}
.frame .service-card{background:var(--surface);border-radius:22px;box-shadow:0 10px 35px rgba(12,42,52,.07)}.frame .service-card:hover{background:var(--accent);color:#fff}
.frame .selected-work{background:#cfe7e1;color:var(--text)}.frame .work-art,.frame .case-visual{border-radius:24px}
.frame .process{background:var(--dark)}.frame .cta{background:var(--highlight)}
.frame .page-hero,.frame .legal-hero,.frame .detail-hero,.frame .contact{background:var(--dark)}
.frame .service-visual{border-radius:28px;background:linear-gradient(145deg,var(--accent),#086958)}.frame .enquiry{background:var(--accent)}
.frame .footer-enquiry{background:#d9ebe7}.frame footer{background:#071c23}.frame .legal{background:#fff;border-radius:24px;margin-block:70px;padding:65px;box-shadow:0 20px 70px rgba(12,42,52,.08)}
.frame .privacy-choice{background:var(--highlight)}

/* Kernel House Systems — dark industrial architecture, precise green and amber. */
.tap{--bg:#0d1110;--surface:#171c1a;--text:#f3f5ef;--muted:#aeb8b2;--accent:#8ee84f;--accent2:#f0a23b;--highlight:#dbe3dc;--line:rgba(255,255,255,.16);--dark:#070a09;--radius:4px}
.tap .site-header{top:0;width:100%;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(7,10,9,.94)}.tap .utility{display:block;background:#111714}.tap .nav{width:min(1240px,calc(100% - 64px));padding:0;min-height:82px}
.tap .logo-mark{background:var(--accent);color:#071009;border-radius:2px;border:0}.tap .nav-cta{background:var(--accent);color:#071009;border-radius:2px;text-transform:uppercase;letter-spacing:.06em}
.tap .hero{background:linear-gradient(90deg,transparent 49.9%,rgba(142,232,79,.08) 50%,transparent 50.1%),radial-gradient(circle at 82% 24%,rgba(142,232,79,.15),transparent 25rem),var(--bg)}
.tap .hero-grid{grid-template-columns:1.2fr .8fr;min-height:800px}.tap .hero h1{font-weight:700;max-width:900px}.tap .hero-art{height:530px;border-radius:3px;background:#101613;border:1px solid rgba(142,232,79,.4);box-shadow:18px 18px 0 #202820}.tap .shape.one{border-color:var(--accent);border-right-color:transparent}.tap .shape.two{background:var(--accent2);border-radius:2px}.tap .shape.three{background:#dbe3dc;border-radius:0}
.tap .cap-band{background:var(--accent);color:#071009}
.tap .service-card{border-radius:3px;background:var(--surface)}.tap .service-card:hover{background:#202821;border-color:var(--accent);color:#fff;box-shadow:8px 8px 0 var(--accent2)}
.tap .selected-work{background:#151b18;color:#fff}.tap .work-art,.tap .case-visual{border-radius:3px;border:1px solid var(--line)}
.tap .process{background:#050706}.tap .faq{background:#121714}.tap .cta{background:var(--accent);color:#071009}
.tap .page-hero,.tap .legal-hero,.tap .detail-hero,.tap .contact{background:#070a09}.tap .service-visual{border-radius:3px;background:linear-gradient(145deg,#263427,#0d120f)}.tap .enquiry{background:#263427}
.tap .footer-enquiry{background:#121714}.tap footer{background:#dbe3dc;color:#0b100d}.tap footer .logo-mark{background:#0b100d;color:#fff}.tap footer .footer-grid p:last-child,.tap footer .address address{color:rgba(11,16,13,.68)}.tap footer .address,.tap footer .footer-links{border-color:rgba(11,16,13,.25)}
.tap .privacy-choice{background:var(--accent);color:#071009}.tap .privacy-choice h2,.tap .privacy-choice p{color:#071009}.tap .legal p{color:var(--muted)}

@media(min-width:721px) and (max-width:1120px){.nav{gap:15px}.nav>nav{gap:14px;font-size:.74rem}.nav-cta{gap:10px;padding:12px}.logo{font-size:.92rem}}
@media(max-width:1000px){.privacy-choice-grid{grid-template-columns:1fr;gap:28px}.pattern .hero-grid,.vivid .hero-grid,.frame .hero-grid,.tap .hero-grid{grid-template-columns:1fr}.vivid .service-card:nth-child(odd){transform:none}.frame .legal{margin-block:35px}.tap .nav{width:min(1240px,calc(100% - 36px))}}
@media(max-width:720px){.privacy-choice{padding:55px 0}.privacy-action{width:100%;font-size:.78rem}.pattern .hero,.frame .hero{background:var(--bg)}.pattern .hero-art{box-shadow:12px 12px 0 var(--highlight)}.vivid .hero-art{border-radius:30px}.tap .utility{display:none}.tap .nav{width:min(100% - 36px,1240px)}}