:root{--white:#fff;--harbour:#16394e;--harbour-deep:#0f2a3a;--night:#0a1d29;--bright:#3fb5b0;--paprika:#dc5a35;--paprika-btn:#c94e2b;--muted:#b3c3cc;--line:#ffffff1f;--glass:#0a1d2999;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(1.25rem, .5rem + 3vw, 3.5rem);--shadow:0 2px 28px #0a1d29d9}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--night)}body{background:var(--night);color:var(--white);-webkit-font-smoothing:antialiased;font-family:Barlow,Helvetica Neue,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}:focus-visible{outline:2px solid var(--paprika);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}body:after{content:"";z-index:20;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}#gl{z-index:0;opacity:0;width:100%;height:100%;transition:opacity 1.2s;display:block;position:fixed;inset:0}#gl.ready{opacity:1}#home .reveal{animation:home-in .9s var(--ease) both;transition:none}#home .d1{animation-delay:80ms}#home .d2{animation-delay:.16s}#home .d3{animation-delay:.24s}@keyframes home-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#home .reveal{opacity:1;animation:none;transform:none}}#loader{z-index:30;background:var(--night);place-items:center;transition:opacity 1s,visibility 1s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}#loader img{opacity:.8;width:120px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.anton{text-transform:uppercase;letter-spacing:.005em;font-family:Anton,Impact,Arial Narrow,sans-serif;font-weight:400;line-height:.95}.bright{color:var(--bright)}.label{letter-spacing:.22em;text-transform:uppercase;color:var(--bright);font-size:.75rem;font-weight:600}nav{z-index:10;padding:22px var(--gutter);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}nav .logo img{width:auto;height:22px}.pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#0a1d29a6;border-radius:999px;gap:4px;padding:5px;display:flex}.pill a{letter-spacing:.18em;text-transform:uppercase;border-radius:999px;padding:9px 15px;font-size:.72rem;font-weight:600;transition:background .3s,color .3s}.pill a:hover{background:#ffffff1a}.pill a.active{background:var(--paprika-btn);color:var(--white)}main{z-index:1;position:relative}section{padding:16vh var(--gutter) 10vh;position:relative}h1,h2,.display{text-shadow:var(--shadow)}h1.label{text-shadow:none;font-family:Barlow,Helvetica Neue,Arial,sans-serif;line-height:1.4}h2{text-transform:uppercase;max-width:14ch;font-family:Anton,Impact,sans-serif;font-size:min(clamp(2.6rem,6vw,6rem),13vh);font-weight:400;line-height:.95}.label+h1,.label+h2,.label+.display{margin-top:20px}.lead{max-width:40ch;color:var(--muted);text-shadow:var(--shadow);margin-top:24px;font-size:clamp(1.05rem,.9rem + .5vw,1.35rem);line-height:1.5}.col-right{width:min(600px,52%);margin-left:auto}.col-left{width:min(620px,50%)}.btns{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:var(--white);border:0;border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:.78rem;font-weight:600;transition:box-shadow .3s,transform .3s,background .3s,color .3s;display:inline-flex}.btn.primary{background:var(--paprika-btn)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #dc5a3580}.btn.ghost{border:1px solid var(--line);backdrop-filter:blur(10px);background:#0a1d2980}.btn.ghost:hover{background:var(--white);color:var(--harbour)}#home{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:6.5rem;padding-bottom:10vh;display:flex}#home .display{max-width:48vw;font-size:min(clamp(3.2rem,1rem + 6.2vw,7.6rem),12vh)}#home .lead{max-width:34ch}.scroll-cue{right:var(--gutter);letter-spacing:.3em;color:var(--muted);writing-mode:vertical-rl;font-size:.7rem;font-weight:600;position:absolute;bottom:10vh}.scroll-cue:after{content:"";background:linear-gradient(var(--bright), transparent);transform-origin:top;width:1px;height:60px;margin:14px auto 0;animation:2s ease-in-out infinite drip;display:block}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.nlist{margin-top:36px}.nlist li{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:6px 14px;padding:20px 0;display:grid}.nlist li:last-child{border-bottom:1px solid var(--line)}.nlist small{letter-spacing:.2em;color:var(--bright);padding-top:7px;font-size:.75rem;font-weight:600}.nlist b{text-transform:uppercase;letter-spacing:.01em;font-family:Anton,Impact,sans-serif;font-size:1.65rem;font-weight:400;line-height:1.1}.nlist p{color:var(--muted);grid-column:2;font-size:.98rem}.lg{height:calc(22px * var(--s,1));object-fit:contain;filter:brightness(0)invert();opacity:.8;width:auto;max-width:120px}.lg.detail{filter:grayscale();opacity:1;box-sizing:content-box;height:calc(18px * var(--s,1));background:#fff;border-radius:7px;padding:5px 9px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:48px;display:grid}.card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);transition:border-color .4s, transform .5s var(--ease), background .4s;border-radius:20px;padding:30px}.card:hover{background:#3fb5b012;border-color:#3fb5b099;transform:translateY(-6px)}.card small{letter-spacing:.22em;color:var(--bright);font-size:.75rem;font-weight:600}.card h3{text-transform:uppercase;margin:16px 0 10px;font-family:Anton,Impact,sans-serif;font-size:2.3rem;font-weight:400;line-height:1}.card p{font-size:1.05rem}.card .muted{color:var(--muted);font-size:.98rem}.card ul{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.card li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.78rem}.card li:has(a){padding:0}.card li a{border-radius:999px;padding:6px 12px;transition:color .25s,background .25s;display:block}.card li a:hover{color:var(--white);background:#3fb5b026}.more{letter-spacing:.18em;text-transform:uppercase;color:var(--bright);border-bottom:1px solid #0000;margin-top:10px;padding:10px 0;font-size:.75rem;font-weight:600;transition:border-color .25s,color .25s;display:inline-block}.more:hover,a.card:hover .more{color:var(--white);border-color:var(--paprika)}#work{padding-right:0}#work .lead{padding-right:var(--gutter)}.rail{scroll-snap-type:x mandatory;padding:4px var(--gutter) 24px 0;scrollbar-width:none;cursor:grab;gap:18px;margin-top:44px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail.dragging{cursor:grabbing;scroll-snap-type:none}.proj{scroll-snap-align:start;border:1px solid var(--line);transition:transform .5s var(--ease), border-color .4s;background:#0a1d29a6;border-radius:20px;flex:0 0 clamp(260px,28vw,380px);overflow:hidden}.proj:hover{border-color:#3fb5b08c;transform:translateY(-6px)}.proj figure{aspect-ratio:4/3;position:relative;overflow:hidden}.proj img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);-webkit-user-drag:none}.proj img.top{object-position:top}.proj:hover img{transform:scale(1.06)}.proj img{filter:grayscale(.6)contrast(1.06)brightness(.9);transition:transform 1s var(--ease), filter .8s var(--ease)}.proj figure:before,.proj figure:after{content:"";pointer-events:none;transition:opacity .8s var(--ease);z-index:1;position:absolute;inset:0}.proj figure:before{background:linear-gradient(160deg, var(--bright), var(--harbour) 70%);mix-blend-mode:color;opacity:.6}.proj figure:after{background:linear-gradient(#0a1d290d 30%,#0a1d298c)}.proj:hover img{filter:grayscale(.15)contrast(1.03)brightness(.97)}.proj:hover figure:before{opacity:.22}.proj .badge{z-index:2}.ph{background:radial-gradient(120% 90% at 25% 15%, #3fb5b047, transparent 60%), linear-gradient(160deg, var(--harbour), var(--night));place-items:center;display:grid;position:absolute;inset:0}.ph b{letter-spacing:.04em;color:#ffffff29;font-family:Anton,Impact,sans-serif;font-size:4.2rem;font-weight:400}.badge{letter-spacing:.14em;text-transform:uppercase;color:var(--bright);backdrop-filter:blur(6px);background:#0a1d29c7;border:1px solid #3fb5b099;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:600;position:absolute;top:14px;left:14px}.proj .meta{padding:20px 22px 24px}.proj .meta span{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.proj .meta b{margin-top:8px;font-size:1.12rem;font-weight:500;line-height:1.35;display:block}.rail-foot{padding-right:var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.hint{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.marquee-wrap{padding-right:var(--gutter);margin-top:9vh}.logo-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:22px;display:grid}.logo-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a1d298c;place-items:center;height:108px;padding:0 18px;transition:background .3s;display:grid}.logo-grid li:hover{background:#3fb5b014}.logo-grid li:hover .lg:not(.detail){opacity:1}.lg-named{align-items:center;gap:12px;display:inline-flex}.lg-named span{letter-spacing:.22em;text-transform:uppercase;opacity:.85;font-size:.95rem;font-weight:600}.ai-cards{gap:14px;margin-top:40px;display:grid}.why-head{width:min(620px,50%);min-height:52vh}.ai-cards .card{grid-template-columns:52px 1fr;gap:4px 18px;padding:24px;display:grid}.ai-cards .ic{width:52px;height:52px;color:var(--bright);background:#3fb5b01f;border:1px solid #3fb5b059;border-radius:14px;grid-row:span 2;place-items:center;display:grid}.ai-cards h3{text-transform:none;margin:0;font-family:Barlow,sans-serif;font-size:1.15rem;font-weight:600}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 28px;margin-top:48px;display:grid}.stats div{border-top:1px solid var(--line);padding-top:14px}.stats b{text-shadow:var(--shadow);font-family:Anton,Impact,sans-serif;font-size:clamp(2.4rem,4.4vw,4.4rem);font-weight:400;line-height:1;display:block}.stats span{color:var(--muted);font-size:.85rem}.reasons{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px;display:grid}.reasons .card{padding:24px}.reasons h3{text-transform:none;margin:0 0 8px;font-family:Barlow,sans-serif;font-size:1.12rem;font-weight:600}#contact{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100svh;padding-bottom:8vh;display:flex}#contact h2{margin:0 auto;font-size:min(clamp(2.6rem,5vw,5.2rem),9.5vh)}#contact .lead{margin:22px auto 0}#contact .btns{justify-content:center}#enquiry{padding-top:4vh;padding-bottom:0}.cform-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:3rem;max-width:96rem;margin:0 auto;display:grid}.cinfo dl>div{border-top:1px solid var(--line);padding:1.1rem 0}.cinfo dd{margin-top:.3rem;font-size:1.08rem}.cinfo dd a{border-bottom:1px solid var(--bright)}.cform,.cdone{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#0a1d29c7;border-radius:22px;padding:clamp(1.6rem,1rem + 2vw,2.8rem)}.steps-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.6rem;display:flex}.stepbar{gap:6px;display:flex}.stepbar i{background:var(--line);border-radius:2px;width:44px;height:3px}.stepbar i.done{background:var(--bright)}.fstep{display:none}.fstep.on{animation:rise .5s var(--ease);display:block}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.fstep h3{margin-bottom:1.4rem;font-size:clamp(2rem,1.4rem + 2vw,3rem)}.fstep fieldset{border:0}.row{flex-wrap:wrap;gap:10px;display:flex}.row label{cursor:pointer}.row input{opacity:0;pointer-events:none;position:absolute}.row span{border:1px solid #ffffff4d;border-radius:999px;padding:12px 18px;font-weight:500;transition:background .25s,color .25s,border-color .25s;display:inline-block}.row label:hover span{border-color:var(--bright)}.row input:checked+span{background:var(--bright);color:var(--night);border-color:var(--bright)}.row input:focus-visible+span{outline:2px solid var(--paprika);outline-offset:3px}.navrow,.csend{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.8rem;display:flex}.back{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;font-weight:600}.back:hover{color:var(--white);border-color:var(--white)}.two{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.fld{margin-bottom:1.2rem;position:relative}.fld input,.fld textarea{width:100%;color:var(--white);font:inherit;resize:vertical;background:0 0;border:0;border-bottom:1px solid #ffffff4d;outline:none;padding:1.4rem 0 .5rem;font-size:1.05rem}.fld label{color:var(--muted);pointer-events:none;transition:transform .25s var(--ease), font-size .25s, color .25s;transform-origin:0;position:absolute;top:1.3rem;left:0}.fld input:focus+label,.fld input:not(:placeholder-shown)+label,.fld textarea:focus+label,.fld textarea:not(:placeholder-shown)+label{color:var(--bright);font-size:.78rem;transform:translateY(-1.15rem)}.fld .line{background:var(--bright);transform-origin:0;width:100%;height:2px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.fld input:focus~.line,.fld textarea:focus~.line{transform:scaleX(1)}.fld.err input{border-bottom-color:var(--paprika)}.cstatus{color:var(--paprika);flex-basis:100%;min-height:1.5em;font-weight:500}.cdone h3{margin-bottom:1rem;font-size:clamp(2rem,1.4rem + 2vw,3rem)}.cdone p{color:var(--muted)}footer{border-top:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12vh;padding:2rem 0 2.4rem;font-size:.72rem;font-weight:600;display:flex}.social{gap:6px;display:flex}.social a{border:1px solid var(--line);width:40px;height:40px;color:var(--muted);transition:color .3s, border-color .3s, transform .3s var(--ease);border-radius:50%;place-items:center;display:grid}.social a:hover{color:var(--white);border-color:var(--paprika);transform:translateY(-2px)}.social svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.social svg.fill{fill:currentColor;stroke:none}.reveal{opacity:0;transition:opacity 1.1s var(--ease), transform 1.1s var(--ease);transform:translateY(36px)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}@media (width<=1100px){.stats,.reasons{grid-template-columns:1fr 1fr}.why-head{min-height:0}}@media (width<=860px){nav{padding:16px}nav .logo img{height:15px}.pill{gap:0;padding:3px}.pill a{letter-spacing:.06em;padding:13px 10px;font-size:.68rem;line-height:1}nav .logo{padding:12px 0}.scroll-cue{display:none}#home .display{max-width:none}.col-right,.col-left,.why-head{width:100%}.cform-grid{grid-template-columns:1fr}.cform-grid>.cinfo{order:2}.two{grid-template-columns:1fr;gap:0}}@media (width<=360px){.pill a{letter-spacing:.03em;padding:13px 7px}nav{gap:6px}}@media (width<=560px){.stats{gap:18px}.reasons{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}body:after{animation:none}}#voices{padding-left:0;padding-right:0}#voices>.label,#voices>h2{margin-left:var(--gutter)}.tst-wrap{margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tst-track{gap:18px;width:max-content;padding:6px 0 10px;animation:70s linear infinite tst-scroll;display:flex}.tst-wrap:hover .tst-track,.tst-wrap:focus-within .tst-track{animation-play-state:paused}@keyframes tst-scroll{to{transform:translate(calc(-50% - 9px))}}.tst{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(12px);width:clamp(280px,28vw,400px);height:100%;transition:border-color .4s, background .4s, transform .5s var(--ease);border-radius:20px;flex-direction:column;justify-content:space-between;gap:22px;padding:30px 30px 26px;display:flex}.tst:hover,.tst:focus-visible{background:#3fb5b012;border-color:#3fb5b099;transform:translateY(-4px)}.tst-track li{display:flex}.tst blockquote{color:var(--white);font-size:1.2rem;line-height:1.5}.tst .who{letter-spacing:.14em;text-transform:uppercase;color:var(--bright);flex-direction:column;gap:3px;font-size:.78rem;font-weight:600;display:flex}.tst .who b{letter-spacing:0;text-transform:none;color:var(--white);font-size:.95rem;font-weight:600}@media (width<=860px){.tst-wrap{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.tst-wrap::-webkit-scrollbar{display:none}.tst-track{padding:6px var(--gutter) 10px;gap:12px;animation:none}.tst-track li{scroll-snap-align:center}.tst-track li[aria-hidden]{display:none}.tst{width:82vw;padding:24px 22px 22px}.tst blockquote{font-size:1.08rem}}@media (prefers-reduced-motion:reduce){.tst-wrap{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.tst-track{padding-left:var(--gutter);animation:none}.tst-track li[aria-hidden]{display:none}}