:root{
  color-scheme:dark;
  --bg:#080a0b;--bg-deep:#060708;--surface:#101314;--surface2:#141819;
  --text:#f4f5f3;--muted:#a1a7a5;--soft:#7b8180;
  --lime:#d9f33f;--lime-pale:#e7fa86;--line:rgba(237,240,236,.14);
  --frame:1300px;--radius:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
::selection{background:var(--lime);color:#080a0b}
.container{width:min(calc(100% - 112px),var(--frame));margin-inline:auto}
.skip-link{position:absolute;z-index:999;top:-60px;left:25px;background:var(--lime);color:var(--bg);padding:12px 18px}.skip-link:focus{top:12px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:30;background:rgba(8,10,11,.95);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.nav-inner{height:81px;display:flex;align-items:center;gap:24px}
.brand{display:block;flex:0 0 auto;width:226px}.brand img{width:100%;height:auto}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:31px}
.desktop-nav>a{font-size:12px;color:#d9ddda;font-weight:550;transition:color .2s}
.desktop-nav>a:hover,.footer a:hover{color:var(--lime)}
.header-end{display:flex;align-items:center;gap:22px;margin-left:14px}
.language-switch{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7372}
.lang-button{background:none;border:0;color:#7e8885;padding:6px 3px;font-size:11px;font-weight:700}
.lang-button.active,.lang-button:hover{color:var(--text)}
.header-cta{background:var(--lime);border:1px solid var(--lime);color:#090b0c;display:inline-flex;align-items:center;gap:16px;white-space:nowrap;text-transform:uppercase;font-size:10px;letter-spacing:.055em;font-weight:800;padding:12px 15px;transition:background .2s}
.header-cta:hover{background:var(--lime-pale)}
.menu-toggle,.mobile-nav{display:none}
/* Common */
.eyebrow,.section-index,.option-num,.service-top,.report-eyebrow,.option-top,.small-lime-square,.promise-label{font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.section{padding:99px 0 106px;border-bottom:1px solid var(--line)}
.section-heading{margin-bottom:42px}.split-heading{display:grid;grid-template-columns:1.55fr 1fr;gap:50px;align-items:end}
.section-index{font-size:10px;color:var(--lime);margin:0 0 24px;white-space:normal}
.section h2,.control h2{font-size:clamp(39px,4.05vw,59px);font-weight:640;letter-spacing:-.056em;line-height:1.075;margin:0}
.section-side{max-width:400px;justify-self:end;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 5px}
.button{border:1px solid transparent;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:0 21px;border-radius:2px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--lime);color:#111414}.button-primary:hover{background:var(--lime-pale)}
.button-outline{background:rgba(9,11,12,.64);border-color:rgba(255,255,255,.32);color:#e7ebe7}.button-outline:hover{border-color:var(--lime);color:var(--lime)}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 88% at 79% 39%,#1c2523 0%,#101717 41%,#080a0b 81%);border-bottom:1px solid var(--line)}
.hero-background{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,11,.72) 0%,transparent 67%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(255,255,255,.014) 97px,transparent 98px),radial-gradient(circle at 69% 59%,rgba(215,244,59,.09),transparent 32%)}
.hero-grid{min-height:655px;display:grid;grid-template-columns:54% 46%;align-items:center;position:relative;z-index:1;padding-top:38px;padding-bottom:33px}
.hero-content{padding-top:20px;position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:14px;color:var(--lime);font-size:10px;letter-spacing:.19em;margin:0 0 33px}
.eyebrow-line{height:1px;width:34px;background:var(--lime)}
.hero h1{font-size:clamp(60px,5.65vw,91px);line-height:1.03;letter-spacing:-.068em;font-weight:685;margin:0 0 26px;max-width:840px}
.hero-last{color:var(--lime)}
.hero-body{color:#bec4c1;max-width:515px;font-size:16px;line-height:1.7;margin:0}
.hero-buttons{display:flex;gap:13px;margin-top:33px;flex-wrap:wrap}
.hero-signals{display:flex;gap:27px;flex-wrap:wrap;margin-top:45px}
.hero-signals>span{display:inline-flex;align-items:center;gap:10px;color:#b6beb9;font-size:11px}
.hero-signals i{width:6px;height:6px;background:var(--lime);border-radius:50%}
.hero-art{min-height:555px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}
.hero-art::before{content:"";position:absolute;z-index:-1;inset:6% -18% -12% -6%;background:radial-gradient(ellipse 53% 52% at 51% 45%,rgba(217,243,63,.14),transparent 76%),linear-gradient(90deg,transparent 49.9%,rgba(239,246,239,.05) 50%,transparent 50.1%);opacity:.8}
.hero-art::after{content:"";position:absolute;z-index:-1;inset:3%;border:1px solid rgba(255,255,255,.035);border-radius:50%;transform:scaleX(.94);box-shadow:0 0 0 85px rgba(255,255,255,.006),0 0 0 185px rgba(255,255,255,.004)}
.art-vertical{position:absolute;right:-66px;top:30%;writing-mode:vertical-rl;transform:rotate(180deg);color:#6a7370;font-size:9px;letter-spacing:.24em}
.report-sheet{width:445px;min-height:483px;padding:27px 31px 22px;background:linear-gradient(158deg,rgba(38,46,44,.93),#14191a 40%,#0c1111 100%);border:1px solid rgba(229,241,222,.28);box-shadow:0 25px 90px rgba(0,0,0,.65),inset 0 0 1px 1px rgba(243,255,237,.02);transform:translate(22px,1px) rotate(2.4deg);position:relative;overflow:hidden}
.report-sheet::before{content:"";height:3px;width:100%;background:linear-gradient(90deg,var(--lime) 0 37%,transparent 37%);top:0;left:0;position:absolute}
.report-sheet::after{content:"";height:280px;width:170px;transform:rotate(-40deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);position:absolute;left:50%;top:-56px;pointer-events:none}
.report-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;gap:6px}
.report-logo{letter-spacing:.06em;font-size:16px;color:#f5f7f1;font-weight:900;white-space:nowrap}.report-logo b{font-size:9px;font-weight:700;letter-spacing:.15em;vertical-align:middle;margin-left:5px}
.sample-label{color:#aab0aa;font-size:8px;letter-spacing:.12em;white-space:nowrap;font-weight:750}
.report-heading{padding:31px 0 22px}
.report-eyebrow{font-size:9px;color:var(--lime);margin:0 0 15px;letter-spacing:.13em}
.report-heading strong{font-size:37px;font-weight:660;line-height:1.08;letter-spacing:-.04em;display:block}
.report-heading p:last-child{font-size:12px;line-height:1.6;color:#b5bcba;max-width:290px;margin:15px 0 0}
.report-items{border-top:1px solid var(--line)}
.report-row{height:46px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}
.report-number{font-size:10px;color:#7d8784;min-width:16px;font-weight:800}
.report-rule{height:3px;background:linear-gradient(90deg,rgba(232,241,227,.24),rgba(232,241,227,.03));flex:1;margin-right:12px}
.severity{min-width:87px;text-align:center;padding:6px 8px;border-radius:2px;font-size:8px;font-weight:850;letter-spacing:.045em;border:1px solid transparent}
.critical{background:rgba(203,118,95,.11);border-color:rgba(203,118,95,.24);color:#e7a795}
.important{background:rgba(209,171,90,.12);border-color:rgba(209,171,90,.2);color:#f0d38a}
.advisory{background:rgba(174,190,183,.1);border-color:rgba(174,190,183,.17);color:#cad2ce}
.no-action{background:rgba(217,243,63,.12);border-color:rgba(217,243,63,.28);color:var(--lime)}
.report-footer{display:flex;justify-content:space-between;align-items:center;margin-top:21px;color:#9ca6a2;font-size:8px;letter-spacing:.13em;font-weight:750}
.report-footer-mark{font-size:20px;color:var(--lime)}
.report-art-note{position:absolute;left:17px;bottom:4px;color:#9fa8a5;letter-spacing:.17em;font-size:8px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.lime-cross{color:var(--lime);font-size:17px}
.hero-tail{height:56px;display:flex;align-items:center;gap:26px;border-top:1px solid rgba(239,245,237,.12);color:#979f9b;font-size:9px;font-weight:750;letter-spacing:.19em;position:relative;z-index:1}
.hero-tail .hairline{height:1px;background:rgba(239,245,237,.16);flex:1}
/* Health check */
.health{background:#0b0e0f}
.health .section-heading{margin-bottom:43px}
.health .section-side{position:relative}
.side-accent{display:block;width:34px;height:2px;background:var(--lime);margin-top:24px}
.health-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.health-option{border:1px solid rgba(255,255,255,.18);background:linear-gradient(155deg,#13191a,#0e1112);padding:29px 34px;min-height:340px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s;position:relative}
.health-option:hover{border-color:rgba(217,243,63,.65);transform:translateY(-2px)}
.full-option{border-top:2px solid var(--lime);background:linear-gradient(160deg,#171d1b 0%,#0c1010 85%)}
.option-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px}
.option-num{color:#9caaa4;font-size:9px}
.price-type{font-size:9px;color:var(--lime);border:1px solid rgba(217,243,63,.3);padding:7px 9px;white-space:nowrap}
.price-free{color:#d7ddda;border-color:rgba(255,255,255,.23)}
.option-main{padding:45px 0 30px;flex:1}
.option-main h3{font-size:clamp(23px,2.3vw,34px);letter-spacing:-.039em;font-weight:640;line-height:1.16;margin:0 0 17px}
.option-main p{font-size:14px;line-height:1.7;color:#b2bab5;max-width:450px;margin:0}
.inline-action{color:var(--text);font-size:11px;font-weight:770;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.16);padding:19px 0 0;display:flex;align-items:center;justify-content:space-between}
.inline-action span:last-child{font-size:19px;color:var(--lime);transition:transform .2s}.inline-action:hover span:last-child{transform:translate(3px,-3px)}
.health-promise{display:grid;grid-template-columns:23% auto;gap:45px;padding:34px 0 0;margin-top:22px;border-top:1px solid rgba(255,255,255,.12);align-items:start}
.promise-label{display:flex;align-items:center;gap:11px;color:var(--lime);font-size:10px}
.small-lime-square{height:8px;width:8px;background:var(--lime)}
.health-promise p{color:#c5cac7;font-size:17px;line-height:1.65;margin:-6px 0 0;max-width:850px;letter-spacing:-.006em}
/* Service cards */
.services{background:#090b0c}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{display:flex;flex-direction:column;min-height:365px;border:1px solid rgba(239,245,237,.17);background:#111516;position:relative;overflow:hidden;transition:transform .23s,border-color .23s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(217,243,63,.6)}
.service-card::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(155deg,transparent 51%,rgba(217,243,63,.045));opacity:0;transition:opacity .2s}.service-card:hover::after{opacity:1}
.service-top{display:flex;justify-content:space-between;padding:23px 25px 0;font-size:10px;color:var(--lime);position:relative;z-index:1}
.service-arrow{font-size:18px;color:#e4e9e3;font-weight:400;transition:transform .2s}.service-card:hover .service-arrow{transform:translate(3px,-3px);color:var(--lime)}
.service-symbol{height:120px;position:relative;overflow:hidden;opacity:.72}
.fix-symbol{background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(245,250,242,.022) 36px,transparent 37px)}
.fix-symbol span{height:2px;background:#a6c65b;position:absolute;left:15%;right:17%;top:32%;transform-origin:left;box-shadow:0 0 26px rgba(217,243,63,.21)}
.fix-symbol span:nth-child(1){transform:rotate(-11deg)}.fix-symbol span:nth-child(2){top:59%;left:30%;right:20%;transform:rotate(12deg);background:#8d9b83}.fix-symbol span:nth-child(3){top:77%;left:13%;right:64%;background:var(--lime)}
.build-symbol span{position:absolute;border:1px solid rgba(218,239,185,.33);width:94px;height:68px;left:44%;top:10px;transform:skewY(-11deg)}
.build-symbol span:nth-child(2){left:52%;top:27px;border-color:rgba(217,243,63,.67)}.build-symbol span:nth-child(3){left:60%;top:44px;border-color:rgba(238,244,238,.26)}
.migrate-symbol{display:flex;align-items:center;gap:17px;padding-left:31%;color:var(--lime);font-size:85px;line-height:1;font-weight:200;letter-spacing:-.2em}
.migrate-symbol span:last-child{color:rgba(206,218,202,.4);transform:translateX(-8px)}
.service-bottom{margin-top:auto;position:relative;z-index:1;padding:22px 26px 23px}
.service-bottom h3{font-size:25px;letter-spacing:-.037em;line-height:1.16;font-weight:650;margin:0 0 11px}
.service-bottom p{font-size:13px;line-height:1.65;color:#afb6b1;max-width:300px;margin:0 0 22px;min-height:64px}
.service-bottom small{border-top:1px solid rgba(255,255,255,.11);padding-top:14px;display:block;color:#899690;letter-spacing:.15em;font-size:8px;font-weight:800}
.service-extra{border-top:1px solid rgba(255,255,255,.13);margin:31px 0 0;padding-top:20px;color:#9ba6a0;font-size:13px}
/* Personal */
.about{background:linear-gradient(140deg,#111716,#0a0d0d 65%)}
.about-grid{display:grid;grid-template-columns:57% 39%;gap:4%;align-items:center}
.about-secondary{padding-top:20px}
.about-years{display:flex;align-items:end;gap:25px;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:28px}
.years-number{color:var(--lime);font-size:91px;line-height:.85;letter-spacing:-.09em;font-weight:560}
.about-years>span:last-child{font-size:10px;line-height:1.5;color:#bdc7bf;font-weight:770;letter-spacing:.13em;max-width:110px}
.about-secondary p{font-size:15px;line-height:1.72;color:#b9c2bc;margin:0 0 15px}
.about-secondary .about-emphasis{color:#f2f4f0;font-weight:580}
/* Work */
.work{background:#080a0b}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.work-card{border:1px solid var(--line);background:#101314;transition:border-color .2s}
.work-card:hover{border-color:rgba(217,243,63,.4)}
.work-visual{height:245px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.work-marcel .work-visual{background:radial-gradient(ellipse at 37% 37%,#49433b,#24221f 55%,#121313 95%)}
.work-wheeler .work-visual{background:radial-gradient(ellipse at 72% 25%,#414740,#1b2424 55%,#0e1517 95%)}
.work-visual::before{content:"";position:absolute;inset:-22%;z-index:-1;transform:rotate(-19deg);background:repeating-linear-gradient(90deg,transparent,transparent 78px,rgba(255,255,255,.032) 79px,transparent 80px)}
.work-visual::after{content:"";position:absolute;top:28px;left:28px;width:33px;height:1px;background:var(--lime)}
.work-visual-initials{font-weight:600;font-size:102px;letter-spacing:-.15em;color:rgba(248,250,244,.21);line-height:1}
.thin-slash{color:rgba(217,243,63,.52);font-weight:200}
.work-visual-caption{position:absolute;right:21px;bottom:19px;color:#ccd2cc;font-size:9px;letter-spacing:.14em;font-weight:700}
.work-meta{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:23px 25px 28px}
.work-meta h3{font-size:22px;letter-spacing:-.03em;margin:0 0 10px;font-weight:620}
.work-meta p{color:#aeb8b1;font-size:13px;line-height:1.6;max-width:380px;margin:0}
.work-meta>span{font-size:21px;color:var(--lime)}
.work-note{font-size:11px;color:#88918d;margin:17px 0 0}
/* Accountability */
.control{padding:77px 0 82px;background:linear-gradient(110deg,#161d1b,#0e1514 71%);border-block:1px solid rgba(217,243,63,.2)}
.control-inner{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:60px}
.control h2{font-size:clamp(33px,3.7vw,52px)}.control h2 em{font-style:normal;color:var(--lime)}
.control-inner>p{color:#bbc4bc;font-size:14px;line-height:1.8;max-width:370px;margin:0 0 4px}
/* Process */
.process{background:#0a0c0c}
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:58px}
.process-step{min-height:110px;border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.1);padding:25px 19px 12px 0;position:relative}
.process-step:not(:first-child){padding-left:18px}
.process-step:last-child{border-right:0}
.process-step::before{content:"";height:5px;width:5px;background:var(--lime);position:absolute;top:-3px;left:0}
.process-step:not(:first-child)::before{left:18px}
.process-step>span{color:var(--lime);font-size:9px;font-weight:760;letter-spacing:.12em}
.process-step h3{font-size:22px;letter-spacing:-.035em;margin:18px 0 0;font-weight:600}
.process-note{color:#969f99;font-size:13px;line-height:1.7;max-width:820px;margin:29px 0 0}
/* Enquiry */
.contact{background:radial-gradient(ellipse at 5% 84%,rgba(217,243,63,.08),transparent 36%),#0b0e0e}
.contact-grid{display:grid;grid-template-columns:44% 52%;gap:4%;align-items:start}
.contact-copy{padding-top:14px}
.contact-copy h2{font-size:clamp(45px,4.2vw,61px)}
.contact-copy>p:not(.section-index){color:#b7c0b9;font-size:16px;line-height:1.75;max-width:370px;margin:27px 0}
.contact-side-note{display:flex;align-items:start;gap:17px;border-top:1px solid rgba(255,255,255,.16);padding-top:22px;margin-top:55px;max-width:320px}
.contact-side-note span{font-size:24px;color:var(--lime)}
.contact-side-note p{font-size:11px;letter-spacing:.04em;color:#b6c1b9;line-height:1.9;margin:0}
.contact-form{padding:33px 36px 29px;border:1px solid rgba(255,255,255,.18);background:rgba(17,22,22,.7)}
.form-group{display:flex;flex-direction:column;gap:9px;margin-bottom:19px}
.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group label{font-size:11px;font-weight:650;color:#d6dfd7}
.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid rgba(230,239,228,.24);background:#0b0e0e;border-radius:2px;color:#f4f5f3;padding:13px 13px;font-size:13px;outline:0;transition:border-color .2s}
.form-group input::placeholder,.form-group textarea::placeholder{color:#818d85}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--lime);outline:1px solid var(--lime);outline-offset:0}
.form-group textarea{resize:vertical;min-height:92px;line-height:1.6}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23b4bcb3' stroke-width='1.7'%3E%3Cpath d='m4 7 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.optional{color:#8f9891;font-weight:400}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}
.form-submit{min-width:192px;min-height:48px}
.form-caption{color:#9fab9f;line-height:1.5;font-size:10px;max-width:170px}
.form-preview{color:#9a9f89;font-size:10px;line-height:1.55;margin:20px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}
.form-status{font-size:12px;line-height:1.6;color:var(--lime);min-height:0;margin:10px 0 0}.form-status:empty{display:none}
/* Footer */
.footer{background:#070909}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:37px 0;border-bottom:1px solid var(--line)}
.footer-logo{width:205px;display:block;flex-shrink:0}.footer-logo img{height:auto}
.footer-top>p{font-size:11px;color:#a6afa7;margin:0}
.footer-address{display:block;margin-top:6px;color:#829089;font-size:10px;letter-spacing:.015em;line-height:1.6}
.footer-top>a:last-child{font-size:11px;color:#d9e0d8}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 26px;color:#727d74;font-size:10px}
/* Responsive */
@media(max-width:1180px){.container{width:min(calc(100% - 80px),var(--frame))}.brand{width:202px}.desktop-nav{gap:18px}.header-end{gap:16px;margin-left:0}.report-sheet{width:397px;min-height:472px;padding-left:26px;padding-right:26px;transform:translate(11px,0) rotate(2deg)}.hero h1{font-size:clamp(56px,5.7vw,80px)}.hero-art{min-height:530px}.service-bottom h3{font-size:22px}}
@media(max-width:970px){.desktop-nav{gap:14px}.desktop-nav>a{font-size:11px}.brand{width:175px}.header-cta{padding:11px}.hero-grid{grid-template-columns:52% 48%}.hero h1{font-size:clamp(50px,6vw,67px)}.hero-body{font-size:15px}.hero-buttons{align-items:flex-start;gap:10px}.hero-buttons .button{min-height:48px;padding-inline:15px;gap:12px;font-size:9px}.hero-signals{gap:12px}.hero-signals>span{font-size:10px}.report-sheet{width:350px;min-height:438px;transform:translate(18px,0) rotate(2deg)}.report-heading strong{font-size:29px}.report-heading{padding:22px 0 16px}.report-row{height:41px}.health-promise{grid-template-columns:28% auto}.health-option{padding:25px;min-height:360px}.service-grid{gap:10px}.service-bottom{padding:18px}.service-top{padding-left:18px;padding-right:18px}.service-bottom h3{font-size:21px}.service-bottom p{font-size:12px}}
@media(max-width:800px){.container{width:calc(100% - 50px)}.nav-inner{height:73px}.brand{width:196px}.desktop-nav,.header-cta{display:none}.header-end{margin-left:auto}.menu-toggle{border:1px solid var(--line);display:block;width:38px;height:38px;background:none;padding:8px 7px}.menu-toggle span{display:block;height:2px;background:#edf4ec;margin:5px 1px}.mobile-nav{display:flex;flex-direction:column;background:#0d1112;padding:0 25px;max-height:0;overflow:hidden;visibility:hidden;opacity:0;transition:max-height .24s,padding .24s,opacity .24s}.mobile-nav.open{max-height:390px;opacity:1;padding:13px 25px 18px;visibility:visible;border-top:1px solid var(--line)}.mobile-nav a{font-size:14px;padding:13px 0;border-bottom:1px solid var(--line)}.hero-grid{min-height:0;grid-template-columns:1fr;padding-top:74px;padding-bottom:50px}.hero h1{font-size:clamp(57px,9vw,79px)}.hero-body{max-width:620px}.hero-art{min-height:420px;margin-top:33px}.report-sheet{width:450px;max-width:calc(100% - 55px);min-height:440px;transform:rotate(1.5deg)}.hero-tail{font-size:8px}.split-heading,.about-grid,.contact-grid,.control-inner{grid-template-columns:1fr;gap:22px}.section-side{justify-self:start;max-width:620px}.about-secondary{display:grid;grid-template-columns:1fr 1.6fr;gap:25px}.about-years{align-self:start}.about-emphasis{grid-column:2}.health-option{min-height:315px}.service-grid{grid-template-columns:1fr}.service-card{min-height:210px;display:grid;grid-template-columns:38% 62%;grid-template-rows:auto 1fr}.service-top{grid-column:1/3}.service-symbol{height:155px;grid-column:1;grid-row:2}.service-bottom{grid-column:2;grid-row:2;align-self:end;padding:15px 20px 22px}.service-bottom h3{font-size:24px}.service-bottom p{min-height:0}.process-grid{grid-template-columns:repeat(5,1fr)}.process-step h3{font-size:18px}.contact-copy h2{font-size:53px}.contact-side-note{margin-top:17px}.contact-form{margin-top:10px}.section{padding:75px 0 85px}}
@media(max-width:600px){.container{width:calc(100% - 38px)}.brand{width:180px}.header-end{gap:11px}.hero-grid{padding-top:58px}.eyebrow{font-size:9px;gap:9px;letter-spacing:.13em;margin-bottom:27px}.eyebrow-line{width:20px}.hero h1{font-size:clamp(42px,9.2vw,58px);line-height:1.075;letter-spacing:-.062em}.hero-body{font-size:14px;line-height:1.65}.hero-buttons{display:flex;flex-direction:column;align-items:stretch;margin-top:27px}.hero-buttons .button{width:100%;justify-content:space-between;min-height:50px;padding:0 17px;font-size:10px}.hero-signals{margin-top:29px;gap:13px 17px}.hero-art{min-height:390px;margin-top:12px}.report-sheet{width:350px;max-width:calc(100% - 27px);min-height:380px;padding:20px 21px 18px;transform:rotate(1deg)}.report-top{padding-bottom:13px}.report-heading{padding:23px 0 15px}.report-heading strong{font-size:28px}.report-heading p:last-child{font-size:11px}.report-row{height:38px}.severity{font-size:7px;min-width:74px;padding:5px}.report-footer{font-size:7px}.report-art-note{bottom:0;left:11px;font-size:7px}.art-vertical{display:none}.hero-tail{height:auto;min-height:58px;gap:10px;font-size:7px;letter-spacing:.08em}.section{padding:68px 0 72px}.section h2{font-size:clamp(35px,8.1vw,46px)}.section-heading{margin-bottom:27px}.section-side{font-size:14px}.health-options{grid-template-columns:1fr;gap:12px}.health-option{min-height:280px;padding:22px}.option-main{padding:35px 0 22px}.option-main h3{font-size:26px}.health-promise{grid-template-columns:1fr;gap:14px;padding-top:26px}.health-promise p{font-size:15px;margin:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;display:flex}.service-top{padding:20px 21px 0}.service-symbol{height:85px}.service-bottom{padding:13px 21px 22px}.service-bottom h3{font-size:25px}.service-bottom p{font-size:13px;min-height:0}.service-bottom small{font-size:7px}.about-grid{gap:10px}.about-secondary{display:block;padding-top:20px}.about-years{gap:25px}.years-number{font-size:75px}.about-secondary p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:14px}.work-visual{height:210px}.work-meta h3{font-size:21px}.control{padding:65px 0}.control h2{font-size:clamp(32px,7.5vw,44px)}.control-inner>p{font-size:13px}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:26px}.process-step{min-height:86px}.process-step h3{font-size:20px}.contact-copy h2{font-size:clamp(43px,10vw,55px)}.contact-copy>p:not(.section-index){font-size:14px;margin:23px 0}.contact-form{padding:24px 19px}.form-cols{grid-template-columns:1fr;gap:0}.form-bottom{align-items:start;flex-direction:column;gap:13px}.form-submit{width:100%}.footer-top{flex-direction:column;align-items:start;gap:20px}.footer-bottom{flex-wrap:wrap;line-height:1.6}}
@media(max-width:350px){.brand{width:155px}.hero h1{font-size:38px}.eyebrow{font-size:8px}.hero-art{min-height:365px}.report-sheet{max-width:calc(100% - 5px)}.report-heading strong{font-size:25px}.sample-label{font-size:7px}.report-logo{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Preserve intentional editorial line breaks in bilingual page copy. */
.section h2,.control h2,.contact-side-note p,.report-heading strong{white-space:pre-line;text-wrap:balance}
[hidden]{display:none!important}



/* V4 — broad ecommerce positioning and independent team consultancy. */
.hero h1{font-size:clamp(59px,5.5vw,84px);letter-spacing:-.063em;line-height:1.035}
.hero-body{max-width:545px}
.hero-signals{gap:23px}
.report-sheet .system-tag{min-width:110px;border-color:rgba(217,243,63,.25);background:rgba(217,243,63,.065);color:#e1e9d7;font-size:8px;letter-spacing:.085em}
.report-sheet .report-heading strong{font-size:clamp(30px,2.8vw,38px)}
.report-sheet{min-height:460px}
.report-art-note{display:none}
/* A distinct advisory offer without turning Fix/Build/Migrate into a crowded four-card menu. */
.consult-section{padding:98px 0 101px;overflow:hidden;position:relative;background:linear-gradient(110deg,#111614 0%,#0c1010 48%,#070a0b 100%);border-top:1px solid rgba(217,243,63,.25);border-bottom:1px solid rgba(255,255,255,.13)}
.consult-section::before{content:"";position:absolute;inset:-20% 0 auto 49%;height:660px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(217,243,63,.055),transparent 65%)}
.consult-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,115px);align-items:center;position:relative}
.consult-main h2{font-size:clamp(49px,5.4vw,77px);line-height:1.05;letter-spacing:-.065em;font-weight:670;margin:0 0 26px}
.consult-lede{font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:#f0f3eb;max-width:630px;margin:0 0 14px;letter-spacing:-.025em}
.consult-body{font-size:15px;line-height:1.75;color:#a8b2aa;max-width:610px;margin:0 0 29px}
.consult-main .button{min-width:185px}
.consult-diagram{border:1px solid rgba(225,235,223,.23);background:linear-gradient(150deg,rgba(27,35,32,.96),rgba(11,16,17,.97));box-shadow:0 25px 80px rgba(0,0,0,.18);min-height:400px;padding:27px 34px 25px;position:relative}
.consult-diagram::before{content:"";position:absolute;height:3px;background:var(--lime);width:29%;left:0;top:0}
.consult-diagram-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:25px;color:var(--lime);font-size:9px;letter-spacing:.17em;font-weight:780}
.consult-diagram-mark{font-size:16px;color:#f1f5ee;font-weight:800;letter-spacing:.06em}
.consult-steps{list-style:none;padding:9px 0 5px;margin:0}
.consult-steps li{display:flex;gap:20px;align-items:center;min-height:64px;border-bottom:1px solid rgba(235,244,232,.12);font-size:16px;font-weight:560;letter-spacing:-.01em}
.consult-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime);font-size:11px;letter-spacing:0;font-weight:700}
.consult-tick{margin-left:auto;color:var(--lime);font-size:15px}
.consult-diagram-foot{color:#adb8ac;font-size:9px;font-weight:720;line-height:1.75;letter-spacing:.125em;padding-top:19px}
@media(max-width:1180px){.consult-grid{gap:55px}.consult-main h2{font-size:clamp(45px,5.5vw,65px)}.hero h1{font-size:clamp(55px,5.5vw,78px)}}
@media(max-width:970px){.hero h1{font-size:clamp(50px,5.4vw,70px)}.hero-body{font-size:14px}.consult-grid{gap:28px}.consult-diagram{padding:24px}.consult-steps li{font-size:14px}}
@media(max-width:800px){.hero h1{font-size:clamp(55px,8.2vw,76px)}.consult-grid{grid-template-columns:1fr;gap:38px}.consult-main h2{font-size:clamp(49px,8vw,74px)}.consult-diagram{max-width:610px}}
@media(max-width:600px){.hero h1{font-size:clamp(43px,9.15vw,56px)}.hero-body{font-size:14px}.hero-signals{gap:12px 17px}.report-sheet{min-height:360px}.report-sheet .report-heading strong{font-size:29px}.consult-section{padding:74px 0 78px}.consult-main h2{font-size:clamp(46px,9vw,60px)}.consult-lede{font-size:19px}.consult-body{font-size:14px}.consult-diagram{min-height:0;padding:21px}.consult-steps li{font-size:14px;min-height:58px}.consult-diagram-foot{font-size:8px}}


/* V5 precision and credibility refinements; same established black / white / lime theme. */
.health .section-heading h2{max-width:825px}
.service-extra-strip{border-top:1px solid rgba(255,255,255,.13);margin-top:31px;padding:22px 0 0;display:grid;grid-template-columns:25% minmax(0,1fr);gap:28px;align-items:start}
.service-extra-strip .promise-label{margin:0;color:var(--lime)}
.service-extra-strip>p{margin:0;color:#c0cbc2;font-size:16px;line-height:1.7;max-width:830px}
/* Company background is not represented as agency case-study endorsements. */
.experience-logos{padding-top:22px;padding-bottom:62px}
.experience-logos-intro{border-top:1px solid rgba(255,255,255,.12);padding-top:28px;display:grid;grid-template-columns:25% 1fr;gap:25px;align-items:start}
.experience-logos-label{font-size:10px;font-weight:790;letter-spacing:.16em;color:var(--lime)}
.experience-logos-intro p{color:#a2aea6;font-size:13px;line-height:1.6;max-width:790px;margin:0}
.logo-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.experience-logo{color:#adb4b0;height:98px;display:flex;justify-content:center;align-items:center;background:#101615;border:1px solid rgba(222,228,219,.12);font-size:27px;font-weight:690;letter-spacing:-.05em;filter:grayscale(1);position:relative}
.logo-track .experience-logo:first-child{font-weight:620;letter-spacing:-.045em}
.experience-logo-sainsbury{font-family:Georgia,serif;font-weight:650}
.logo-pending-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#59645f;right:12px;top:12px}
.logo-empty{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:#5d6b63;background:#0b1010;border-style:dashed}
.logos-disclaimer{display:block;color:#77847e;font-size:10px;line-height:1.55;padding-top:13px}
.work-visual{height:272px;background:#0d1012}
.work-visual .work-photo{width:100%;height:100%;object-fit:cover;object-position:center 52%;position:absolute;inset:0;z-index:-1;filter:saturate(.66) brightness(.8);transition:transform .45s ease, filter .45s ease}
.work-card:hover .work-photo{transform:scale(1.035);filter:saturate(.85) brightness(.87)}
.work-visual::before{inset:0;z-index:0;transform:none;background:linear-gradient(180deg,transparent 45%,rgba(2,6,8,.72))}
.work-visual::after{z-index:1}
.work-visual-caption{z-index:2;color:#f3f5f0;letter-spacing:.11em;text-shadow:0 1px 10px #000}
@media(max-width:800px){.service-extra-strip,.experience-logos-intro{grid-template-columns:1fr;gap:12px}.logo-track{grid-template-columns:repeat(2,1fr)}.experience-logo{height:82px}}
@media(max-width:600px){.service-extra-strip>p{font-size:14px}.experience-logos{padding-top:0;padding-bottom:51px}.experience-logo{height:68px;font-size:19px}.work-visual{height:223px}.work-visual .work-photo{object-position:center 46%}.logos-disclaimer{font-size:9px}}

/* Connected Ecommerce — keep existing systems, explore optional sales channels. */
.connected-section{padding:99px 0 112px;background:#080b0b;border-top:1px solid rgba(232,240,233,.12);border-bottom:1px solid rgba(232,240,233,.12)}
.connected-top{display:grid;grid-template-columns:1.25fr .8fr;align-items:end;gap:60px;margin-bottom:45px}
.connected-top h2{white-space:pre-line;text-wrap:balance;margin:0;font-size:clamp(45px,4.8vw,70px);line-height:1.055;letter-spacing:-.065em;font-weight:650}
.connected-lede{margin:0 0 6px;color:#b3bdb6;font-size:16px;line-height:1.8;max-width:480px}
.connected-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:clamp(45px,6.5vw,105px);align-items:center}
.connected-map{background:radial-gradient(ellipse at 58% 84%,rgba(217,243,63,.065),transparent 61%),linear-gradient(150deg,#171c1a,#0d1112 65%,#0b0e0f);border:1px solid rgba(243,246,235,.21);padding:26px 26px 20px;min-height:432px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.connected-map::before{content:"";position:absolute;left:0;top:0;width:36%;height:3px;background:var(--lime)}
.connected-map-top,.connected-map-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dce9d7;font-weight:740;font-size:9px;letter-spacing:.13em}
.connected-map-signature{color:#8e9c91;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.connected-existing{border:1px solid rgba(226,237,224,.26);padding:20px 17px;margin:40px 14px 0;background:#121a19}
.connected-existing-label{text-align:center;font-size:10px;letter-spacing:.16em;color:#d8e0d7;font-weight:800;margin-bottom:18px}
.existing-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.existing-system{display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;border:1px solid rgba(230,240,229,.18);font-size:8px;font-weight:750;letter-spacing:.09em;line-height:1.4;color:#a9baad;padding:6px;background:#101516}
.connected-path{height:62px;display:flex;justify-content:center;position:relative}
.connected-path::before{content:"";display:block;height:48px;border-left:1px solid rgba(217,243,63,.72);margin-top:0}
.connected-path i{position:absolute;bottom:12px;width:10px;height:10px;transform:rotate(45deg);border-bottom:1px solid var(--lime);border-right:1px solid var(--lime)}
.connected-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative;z-index:1}
.connected-channel{border:1px solid rgba(224,232,224,.23);min-height:107px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;background:#111617;transition:background .25s,border-color .25s,box-shadow .25s}
.connected-channel span{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#667b6c}
.connected-channel strong{font-size:11px;font-weight:770;letter-spacing:.08em;color:#c7d2c7}
.connected-channel small{align-self:flex-end;font-size:15px;color:#53615b}
.connected-channel.is-active{background:rgba(217,243,63,.12);border-color:var(--lime);box-shadow:0 0 32px rgba(217,243,63,.08)}
.connected-channel.is-active span,.connected-channel.is-active small{color:var(--lime)}
.connected-channel.is-active strong{color:#f5ffd1}
.connected-map-bottom{margin-top:auto;padding-top:25px;font-size:8px;color:#8f9f92}
.connected-map-bottom span:last-child{font-size:18px;color:var(--lime)}
.connected-choices{display:flex;flex-direction:column;justify-content:center}
.connected-choice{border-bottom:1px solid rgba(235,242,232,.23)}
.connected-choice:first-child{border-top:1px solid rgba(235,242,232,.23)}
.connected-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;border:0;color:#eef4ec;padding:27px 0;gap:15px;font-size:clamp(22px,2.4vw,30px);font-weight:480;letter-spacing:-.043em}
.connected-choice.is-active .connected-toggle{color:#f4f7f1}
.connected-icon{flex:none;border:1px solid rgba(233,245,231,.65);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:27px;font-weight:300;line-height:1;color:#fff}
.connected-choice.is-active .connected-icon{background:var(--lime);color:#0b0d0d;border-color:var(--lime)}
.connected-detail{padding:0 63px 29px 0;color:#b1bab2;font-size:15px;line-height:1.78}
.connected-detail p{margin:0 0 15px}
.connected-detail a{font-size:10px;font-weight:780;letter-spacing:.095em;text-transform:uppercase;color:var(--lime);text-decoration:none}
.connected-detail a:hover{text-decoration:underline}
.connected-reassurance{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-top:30px}
.connected-reassurance .small-lime-square{display:inline-block;width:9px;height:9px;background:var(--lime);margin-top:8px}
.connected-reassurance p{margin:0;color:#abb5ac;line-height:1.7;font-size:14px;max-width:450px}
@media(max-width:1030px){.connected-grid{gap:36px}.connected-map{padding:21px 20px}.connected-top{gap:36px}.connected-detail{padding-right:10px}}
@media(max-width:800px){.connected-section{padding:73px 0 79px}.connected-top,.connected-grid{grid-template-columns:1fr;gap:26px}.connected-lede{max-width:640px}.connected-top h2{font-size:clamp(43px,7.5vw,62px)}.connected-map{min-height:405px;max-width:650px;width:100%;margin:0 auto}.connected-choices{max-width:650px;width:100%;margin:0 auto}.connected-top{margin-bottom:29px}}
@media(max-width:600px){.connected-map{min-height:363px;padding:20px 16px}.connected-existing{margin:27px 0 0;padding:15px 9px}.existing-system{font-size:7px;min-height:51px}.connected-path{height:47px}.connected-path::before{height:33px}.connected-channel{min-height:87px;padding:10px 8px}.connected-channel strong{font-size:9px}.connected-map-bottom{padding-top:18px;font-size:7px}.connected-toggle{padding:20px 0;font-size:22px}.connected-icon{height:36px;width:36px;font-size:24px}.connected-detail{padding-right:0}.connected-lede{font-size:14px}}


/* V7 full homepage integration: cinematic video hero, accessible work slider, merged process. */
.hero-v7{min-height:680px;background:radial-gradient(circle at 72% 26%,#243332 0%,#10191a 40%,#080a0b 92%);display:flex;flex-direction:column;position:relative;isolation:isolate}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-3;filter:saturate(.62) brightness(.72);pointer-events:none}
.hero-film-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(4,7,9,.9) 0%,rgba(4,7,9,.72) 43%,rgba(4,7,9,.29) 100%),linear-gradient(0deg,rgba(4,7,9,.91),transparent 30%,transparent 75%,rgba(4,7,9,.17))}
.hero-v7::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 84% 33%,rgba(209,241,66,.04),transparent 35%)}
.hero-v7-inner{min-height:616px;display:flex;align-items:center;padding-top:74px;padding-bottom:75px}
.hero-v7-copy{max-width:990px}
.hero-v7-kicker{font-size:11px;letter-spacing:.16em;color:var(--lime);font-weight:760;margin:0 0 34px}
.hero-v7 h1{font-size:clamp(60px,6.9vw,106px);max-width:1100px;line-height:1.06;letter-spacing:-.065em;font-weight:510;color:#fff;white-space:pre-line;margin:0 0 28px;text-wrap:balance}
.hero-v7-description{font-size:clamp(16px,1.35vw,19px);line-height:1.65;max-width:650px;color:#e0e4e2;margin:0}
.hero-v7 .hero-buttons{margin-top:35px;gap:14px}
.button-video-outline{border-color:rgba(255,255,255,.75);background:rgba(0,0,0,.12);color:#fff;backdrop-filter:blur(5px)}
.button-video-outline:hover{background:rgba(255,255,255,.14)}
.hero-client-strip{margin-top:auto;z-index:2;background:rgba(7,9,10,.78);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px)}
.hero-strip-inner{display:grid;grid-template-columns:195px minmax(0,1fr);align-items:center;min-height:87px;gap:20px}
.hero-strip-label{font-size:9px;font-weight:780;letter-spacing:.16em;color:#e3e7e2}
.sector-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);white-space:nowrap}
.sector-track{display:flex;align-items:center;gap:46px;width:max-content;animation:sector-scroll 28s linear infinite}
.sector-track span{font-size:18px;color:#d5d9d4;font-weight:690;letter-spacing:.025em;opacity:.7}
.sector-track b{color:var(--lime);font-size:14px;opacity:.8;font-weight:400}
@keyframes sector-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Service and section readability */
.health .section-heading h2{max-width:none}
.health .section-side{max-width:470px}
.consult-section .section-index{color:var(--lime)}
.about .section-heading h2,.about h2{font-size:clamp(42px,4.8vw,73px);line-height:1.07;letter-spacing:-.06em;text-wrap:balance}
.about-secondary .about-emphasis{color:#d3ded6}
/* Work slider: no dependencies or fictitious case studies. */
.work-heading{margin-bottom:27px}
.work-carousel-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}
.work-counter{color:#8d9690;font-size:10px;letter-spacing:.14em;font-weight:720}
.work-carousel-actions{display:flex;gap:9px}
.work-carousel-button{height:42px;width:42px;border:1px solid rgba(255,255,255,.23);background:transparent;color:#f2f2ef;border-radius:50%;font-size:20px;transition:background .2s,color .2s}
.work-carousel-button:hover{background:var(--lime);color:#080a0b;border-color:var(--lime)}
.work-slider{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:4px}
.work-slider::-webkit-scrollbar{display:none}
.work-slider .work-card{flex:0 0 calc((100% - 16px)/2);scroll-snap-align:start;min-width:0}
.work-slider .work-visual{height:320px}
.work-placeholder{background:radial-gradient(ellipse at 66% 36%,#1c2926,#0d1414 58%,#080d0e)!important;isolation:isolate}
.work-placeholder-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(219,244,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(219,244,64,.045) 1px,transparent 1px);background-size:34px 34px;transform:perspective(560px) rotateX(22deg) scale(1.35);opacity:.45}
.work-placeholder-mark{position:relative;color:rgba(228,238,226,.3);font-size:clamp(80px,9vw,150px);letter-spacing:-.09em;font-weight:550}
.second-placeholder{background:radial-gradient(ellipse at 58% 35%,#262924,#0d1211 62%,#090b0c)!important}
.work-coming .work-meta p{color:#a3ada6}
/* Ownership and process are one narrative. */
.how{background:linear-gradient(125deg,#121917 0%,#080c0d 74%);border-block:1px solid rgba(217,243,63,.18)}
.how-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(40px,6vw,100px);align-items:end}
.how h2{font-size:clamp(41px,4.6vw,70px);line-height:1.09;letter-spacing:-.063em;max-width:830px;font-weight:650;margin:0;text-wrap:balance}
.how h2 em{font-style:normal;color:var(--lime)}
.how-summary p{font-size:16px;color:#b8c4bb;line-height:1.7;margin:0 0 16px}
.how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:70px}
.how-steps .process-step{min-height:100px}
.how .process-note{max-width:860px}
/* Slightly tighter footer navigation and structure. */
.desktop-nav{gap:24px}
@media(max-width:1100px){.desktop-nav{gap:15px}.brand{width:185px}.hero-v7 h1{font-size:clamp(58px,7vw,84px)}.work-slider .work-visual{height:275px}}
@media(max-width:970px){.hero-v7-inner{min-height:570px}.hero-v7 h1{font-size:clamp(52px,7.7vw,80px)}.hero-strip-inner{grid-template-columns:140px 1fr}.sector-track span{font-size:15px}.how-top{grid-template-columns:1fr;gap:24px}}
@media(max-width:800px){.hero-v7{min-height:690px}.hero-v7-inner{min-height:605px;padding-top:90px;padding-bottom:52px}.hero-v7 h1{font-size:clamp(54px,8.6vw,80px)}.hero-film{object-position:60% center}.hero-film-shade{background:linear-gradient(90deg,rgba(5,7,8,.91),rgba(5,7,8,.65) 72%),linear-gradient(0deg,rgba(5,7,8,.9),transparent 52%)}.hero-v7-description{max-width:560px}.hero-strip-inner{grid-template-columns:110px minmax(0,1fr)}.sector-track{gap:25px}.sector-track span{font-size:14px}.how-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.work-slider .work-visual{height:260px}}
@media(max-width:600px){.hero-v7{min-height:690px}.hero-v7-inner{padding-top:73px;padding-bottom:60px;min-height:600px}.hero-v7-kicker{font-size:9px;margin-bottom:30px}.hero-v7 h1{font-size:clamp(46px,10.8vw,68px);line-height:1.09;margin-bottom:23px;letter-spacing:-.052em}.hero-v7-description{font-size:15px;line-height:1.63}.hero-v7 .hero-buttons{gap:11px}.hero-v7 .hero-buttons .button{min-height:49px;justify-content:center;width:100%;white-space:normal;line-height:1.3}.hero-strip-inner{min-height:65px;grid-template-columns:1fr;gap:6px;padding-block:11px}.hero-strip-label{font-size:8px}.sector-track{gap:19px}.sector-track span{font-size:12px}.work-slider .work-card{flex-basis:calc(100% - 8px)}.work-slider .work-visual{height:235px}.work-heading{margin-bottom:19px}.work-counter{font-size:8px}.how-top{gap:10px}.how h2{font-size:clamp(40px,9vw,58px)}.how-summary p{font-size:14px}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;margin-top:44px}.how-steps .process-step:nth-child(2n){border-right:none}.work-carousel-button{height:39px;width:39px}}
@media(prefers-reduced-motion:reduce){.sector-track{animation:none}.hero-film{display:none}}

/* Small V7 visual refinements after live responsive review. */
@media(min-width:1051px){.hero-v7 h1{max-width:1280px;font-size:clamp(70px,5.85vw,90px);line-height:1.09}.hero-v7-copy{max-width:1280px}}
@media(min-width:801px) and (max-width:1050px){.hero-v7 h1{max-width:990px;font-size:clamp(58px,6.2vw,78px)}}
.work-slider .work-photo{z-index:0}
.work-slider .work-visual::before{z-index:1}
.work-slider .work-visual-caption{z-index:3}
.work-slider .work-placeholder-mark{z-index:2}

/* Version 8 refinements: concise confidence statements and Jacob Bek standing-desk visual. */
.work-jacob-visual{background:linear-gradient(135deg,#161d20,#0c1113 72%);isolation:isolate}
.work-jacob-visual .desk-art{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.work-jacob-visual::before{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));z-index:1;inset:0;transform:none}
.work-jacob-visual .work-visual-caption{z-index:2}
#process h2 em{color:var(--lime);font-style:normal}
#process .how-summary p:last-child{margin-bottom:0}
#process .how-steps{margin-top:48px}

/* Alicante Studios V10 — confirmed copy + company strip + ecommerce evolution timeline. */
.brand-marquee{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.brand-track{display:flex;align-items:center;width:max-content;animation:brand-flow 42s linear infinite;will-change:transform}
.brand-run{display:flex;align-items:center;gap:clamp(30px,3.5vw,62px);padding-right:clamp(30px,3.5vw,62px);flex:none}
.brand-name{display:inline-block;flex:none;white-space:nowrap;color:#aeb5b1;font-size:18px;line-height:1.2;letter-spacing:.012em;font-weight:620;opacity:.8;filter:grayscale(1);}
.brand-marcel{font-family:Georgia,serif;font-weight:400;letter-spacing:.02em}
.brand-wheeler{font-size:17px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.brand-jacob{letter-spacing:.21em;font-weight:500;text-transform:uppercase;font-size:17px}
.brand-mongodb{font-size:20px;font-weight:560;letter-spacing:-.035em}
.brand-sainsburys{font-size:20px;font-weight:780;letter-spacing:-.04em}
.brand-cortina{font-size:18px;font-weight:520;letter-spacing:.015em}
.brand-paintball{font-size:16px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.brand-retro{font-size:17px;font-weight:640;letter-spacing:.13em;text-transform:uppercase}
.brand-foh{font-size:21px;letter-spacing:.22em;font-weight:790}
.brand-marquee:hover .brand-track{animation-play-state:paused}
@keyframes brand-flow{to{transform:translateX(-50%)}}
.health-checklist{padding:0;margin:14px 0 0;list-style:none;display:grid;gap:15px;max-width:520px}
.health-checklist li{position:relative;color:#aeb9b2;line-height:1.6;font-size:15px;padding-left:23px}
.health-checklist li:before{content:'';display:block;width:6px;height:6px;position:absolute;left:2px;top:.65em;transform:rotate(45deg);background:var(--lime)}
.health-option .option-main{min-height:245px}
.connected-map-signature,.consult-diagram-mark{display:flex;align-items:center;justify-content:center;line-height:0}
.connected-map-signature .as-icon-mark{width:27px;height:auto;object-fit:contain;opacity:.88}
.consult-diagram-mark .as-icon-mark{width:60px;height:auto;object-fit:contain;opacity:.77}
.evolution-timeline{margin-top:72px;border-top:1px solid rgba(255,255,255,.12);padding-top:32px}
.timeline-upper{display:flex;justify-content:space-between;align-items:baseline;gap:36px;margin-bottom:43px}
.timeline-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:780;color:var(--lime);margin:0;text-transform:uppercase}
.timeline-intro{font-size:17px;line-height:1.5;color:#d9e2dd;font-weight:500;margin:0}
.timeline-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0 0 9px;position:relative}
.timeline-stages:before{content:'';position:absolute;left:3px;right:8%;height:2px;top:46px;background:linear-gradient(90deg,#3d5749 0%,#7da55b 65%,var(--lime) 100%);opacity:.95}
.timeline-stage{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:16px;position:relative;padding-right:16px}
.timeline-year{font-size:18px;letter-spacing:-.035em;font-weight:640;color:#fff;font-variant-numeric:tabular-nums}
.timeline-dot{width:12px;height:12px;background:#141b17;border:2px solid #708c6b;border-radius:50%;z-index:1;display:block;box-shadow:0 0 0 5px #0a0e0d;margin-top:4px}
.timeline-stage:last-child .timeline-dot{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px #0a0e0d,0 0 20px rgba(216,243,63,.2)}
.timeline-name{max-width:160px;font-size:14px;line-height:1.4;color:#aeb9b2;font-weight:500}
.timeline-stage:last-child .timeline-name{color:#edf6dd}
.work-jacob-visual .work-photo{object-position:center 52%}
@media(max-width:970px){.brand-name{font-size:16px}.timeline-upper{flex-direction:column;gap:12px}.timeline-stages:before{top:43px}}
@media(max-width:600px){
 .brand-name{font-size:14px}.brand-wheeler,.brand-jacob,.brand-paintball,.brand-retro{font-size:13px}.brand-foh{font-size:17px}
 .brand-run{gap:32px;padding-right:32px}
 .health-option .option-main{min-height:0}.health-checklist{gap:10px;margin-top:17px}.health-checklist li{font-size:14px;line-height:1.52;padding-left:19px}
 .evolution-timeline{margin-top:44px;padding-top:26px}.timeline-upper{gap:5px;margin-bottom:28px}.timeline-intro{font-size:15px}
 .timeline-stages{grid-template-columns:1fr;gap:0;padding-left:10px}.timeline-stages:before{left:15px;top:15px;bottom:16px;width:2px;height:auto;right:auto;background:linear-gradient(180deg,#3d5749 0%,#7da55b 65%,var(--lime) 100%)}
 .timeline-stage{display:grid;grid-template-columns:12px 54px minmax(0,1fr);align-items:center;gap:16px;padding:7px 0;min-height:59px}
 .timeline-dot{grid-column:1;grid-row:1;margin:0}.timeline-year{grid-column:2;grid-row:1;font-size:16px}.timeline-name{grid-column:3;grid-row:1;max-width:none;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

/* V11 — approved client wordmarks in one controlled monochrome strip */
.brand-track{animation-duration:64s}
.brand-run{gap:clamp(44px,5vw,78px);padding-right:clamp(44px,5vw,78px)}
.brand-asset{height:65px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}
.brand-asset img{display:block;max-width:212px;max-height:48px;width:auto;height:auto;object-fit:contain;opacity:.78;transition:opacity .2s}
.brand-asset:hover img{opacity:1}
.brand-asset-marcel img{max-height:53px;max-width:120px}
.brand-asset-wheeler img{max-height:52px;max-width:145px}
.brand-asset-jacob img{max-width:203px;max-height:43px}
.brand-asset-mongodb img{max-width:183px;max-height:40px}
.brand-asset-sainsburys img{max-width:190px;max-height:40px}
.brand-asset-cortina img{max-width:190px;max-height:43px}
.brand-asset-foh img{max-width:200px;max-height:40px}
.brand-asset-paintball img{max-width:206px;max-height:42px}

.brand-asset-guardamar img{max-width:167px;max-height:48px}
.brand-asset-autocheck img{max-width:185px;max-height:43px}
.brand-asset-retro img{max-width:179px;max-height:43px}
#contact-title{white-space:pre-line;max-width:620px;line-height:1.12}
@media(max-width:600px){.brand-run{gap:40px;padding-right:40px}.brand-asset{height:52px}.brand-asset img{max-height:38px;max-width:155px}.brand-asset-marcel img{max-width:90px;max-height:39px}.brand-asset-wheeler img{max-width:115px;max-height:41px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

/* V13 — About Us timeline spans the full content width on desktop and tablet. */
#about .evolution-timeline {
  grid-column: 1 / -1;
  grid-row: 2;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  margin-top: 76px;
}
#about .timeline-stages { width: 100%; }
@media (max-width: 900px) {
  #about .evolution-timeline { grid-column: 1 / -1; grid-row: auto; margin-top: 48px; }
}
@media (max-width: 600px) {
  #about .evolution-timeline { margin-top: 38px; }
}