:root{--studio-yellow:#ffe600;--studio-ink:#191a17;--studio-paper:#f8f8f2;--studio-muted:#66695d;--studio-line:#d9dbd1;--studio-ease:cubic-bezier(.23,1,.32,1)}
.studio-hero{background:var(--studio-ink);color:var(--studio-paper);padding:26px 5% 0;min-height:770px;isolation:isolate}.studio-hero:after{display:none}.hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;color:#c7c9bd}.hero-meta i{width:6px;height:6px;display:inline-block;background:var(--studio-yellow);border-radius:50%;margin-right:8px}.studio-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:35px;align-items:center;padding:65px 0 60px}.hero-overline{font-size:8px;letter-spacing:.12em;color:#b5b8a9}.studio-hero h1{font-size:clamp(64px,7.1vw,102px);letter-spacing:-.065em;line-height:.97;margin:24px 0 29px;font-weight:600}.studio-hero h1 em{font-style:normal;color:var(--studio-yellow);background:none}.studio-hero .hero-copy>p{font-size:16px;line-height:1.8;max-width:390px;color:#c7c9bd;margin-bottom:30px}.studio-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.studio-button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;border-radius:5px;background:var(--studio-yellow);color:var(--studio-ink);padding:18px 20px;font-size:12px;font-weight:700;text-decoration:none;min-height:48px;transition:background 160ms ease,transform 160ms var(--studio-ease)}.studio-button:hover{background:#e7d200}.studio-button:active{transform:scale(.98)}.studio-text-link{font-size:11px;text-decoration:none;padding:12px 0;border-bottom:1px solid #6d7160}.studio-text-link>span{margin-left:12px}.hero-disciplines{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px;color:#b5b8a9;font-size:9px}.hero-disciplines>span:not(:first-child):before{content:'/';margin-right:16px;color:#777c68}.hero-composition{min-height:520px;position:relative;min-width:0}.hero-grid-backdrop{position:absolute;inset:25px 0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 72%)}.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ffe60070;stroke-width:1.2}.connection-lines path{stroke-dasharray:780;stroke-dashoffset:0}.hero-system-label{position:absolute;top:9px;left:12px;display:grid;gap:9px}.hero-system-label>span{font-size:7px;letter-spacing:.17em;color:#b5b8a9}.hero-system-label>b{font-size:13px;font-weight:500}.hero-web-window{position:absolute;top:85px;left:0;width:87%;border:1px solid #676c58;border-radius:8px;overflow:hidden;background:var(--studio-paper);box-shadow:0 25px 60px #0003}.system-chrome{display:flex;justify-content:space-between;align-items:center;background:#e8eade;padding:13px 15px;color:#727763;font-size:6px}.system-chrome>span:first-child{letter-spacing:2px}.system-site{padding:25px;background:var(--studio-paper);color:var(--studio-ink)}.system-site-nav{display:flex;justify-content:space-between;align-items:center;gap:15px}.system-site-nav>strong{font-size:19px;letter-spacing:-1px}.system-site-nav>span{font-size:5px;letter-spacing:.3px}.system-site-title{font-size:clamp(25px,3.2vw,43px);letter-spacing:-1.8px;line-height:1.05;margin:32px 0 12px;font-weight:500}.system-site-title>i{font-family:Georgia,serif;font-weight:400}.system-site>p{font-size:8px;color:#696f5b;line-height:1.6;margin:0}.system-site-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.system-site-bottom>span{font-size:6px;font-weight:700;background:var(--studio-yellow);padding:12px;border-radius:18px}.system-site-bottom>b{font-size:30px;letter-spacing:-3px;font-weight:900}.hero-request{position:absolute;top:233px;right:-5px;display:flex;align-items:center;gap:12px;background:var(--studio-yellow);color:var(--studio-ink);padding:17px;border-radius:6px;box-shadow:0 15px 35px #0003;z-index:2}.request-icon{border:1px solid #191a1744;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.hero-request>div>span{font-size:6px;letter-spacing:.1em;display:block;margin-bottom:6px}.hero-request strong{font-size:11px;display:block}.hero-request>b{font-size:10px;font-weight:400;padding-left:10px}.hero-dashboard{position:absolute;bottom:5px;right:9px;width:68%;max-width:315px;background:#25271f;border:1px solid #62684e;color:#f8f8f2;border-radius:7px;padding:22px;box-shadow:0 22px 50px #0004}.dashboard-top{display:flex;justify-content:space-between;gap:12px;font-size:6px;letter-spacing:.07em;color:#b5b8a9}.connected-mark{color:var(--studio-yellow)}.hero-dashboard>strong{font-size:24px;font-weight:500;line-height:1.1;letter-spacing:-.8px;display:block;margin:23px 0}.dashboard-line{display:flex;justify-content:space-between;font-size:8px;border-top:1px solid #4e5540;padding:11px 0;color:#c7c9bd}.dashboard-line>b{font-weight:500;color:var(--studio-yellow)}.composition-caption{position:absolute;bottom:-22px;left:0;font-size:6px;letter-spacing:.16em;color:#969e85}.studio-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 0;border-top:1px solid #3c4131;color:#a9b298;font-size:8px;letter-spacing:.03em}.studio-hero-bottom>a{color:#e5eada;text-decoration:none;font-size:8px;letter-spacing:.08em}.service{min-height:300px}.service-enquiry{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;font-size:12px;text-decoration:none;font-weight:600}.service-enquiry:hover{text-decoration:underline;text-underline-offset:5px}
.solution-explorer{margin-top:48px;border:1px solid var(--studio-line);border-radius:8px;overflow:hidden;background:#fff}.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 28px;background:#f1f2e9;border-bottom:1px solid var(--studio-line)}.explorer-heading .kicker{font-size:8px}.explorer-heading>p{font-size:12px;color:#666c59;max-width:390px;line-height:1.7;margin:0}.explorer-layout{display:grid;grid-template-columns:1fr 1.12fr}.solution-choices{padding:22px;border-right:1px solid var(--studio-line)}.solution-choice{display:flex;align-items:center;text-align:left;width:100%;gap:15px;border:1px solid transparent;border-bottom-color:#e1e4d7;padding:26px 17px;background:#fff;color:#191a17;border-radius:5px;min-height:115px}.solution-choice>span{font-size:9px;color:#737b64}.solution-choice>div{flex:1}.solution-choice strong{display:block;font-weight:500;font-size:17px;line-height:1.45;letter-spacing:-.4px}.solution-choice small{display:block;font-size:11px;color:#666c59;line-height:1.7;margin-top:9px}.solution-choice>b{font-weight:400;font-size:19px}.solution-choice[aria-pressed=true]{background:#191a17;color:#ffe600;border-color:#191a17}.solution-choice[aria-pressed=true]>span,.solution-choice[aria-pressed=true] small{color:#c7c9bd}.solution-choices>p{font-size:10px;color:#757d66;line-height:1.8;margin:28px 17px 15px}.solution-stage{padding:28px;background:#fafbf5;min-width:0}.solution-preview{border-radius:6px;overflow:hidden}.explorer-browser{border:1px solid #c8ceba;border-radius:6px;overflow:hidden}.explorer-chrome{display:flex;justify-content:space-between;padding:12px 15px;background:#e9ecdf;font-size:7px;color:#727a62}.explorer-chrome>span:first-child{letter-spacing:2px}.explorer-web{background:#191a17;color:#f8f8f2;padding:27px}.explorer-web>span{font-size:6px;letter-spacing:.1em;color:#b6bea5}.explorer-web>strong{font-size:36px;letter-spacing:-1.5px;line-height:1.05;font-weight:500;display:block;margin:22px 0 28px}.explorer-web em{font-family:Georgia,serif;font-weight:400;color:#ffe600}.explorer-web>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.explorer-web b{font-size:7px;background:#ffe600;color:#191a17;border-radius:18px;padding:12px;font-weight:600}.explorer-web>div>span{font-size:6px;color:#b6bea5}.solution-explanation{padding:26px 0 0}.solution-explanation>span{font-size:8px;letter-spacing:.1em;color:#6b755b}.solution-explanation h3{font-size:23px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:15px 0}.solution-explanation>p{font-size:12px;line-height:1.8;color:#646f54}.solution-explanation ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:11px}.solution-explanation li{font-size:11px;color:#46523a;line-height:1.6;padding-left:16px;position:relative}.solution-explanation li:before{content:'✓';position:absolute;left:0;top:0}.solution-explanation>a{display:flex;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:600;padding-top:21px;border-top:1px solid #d9decc}.preview-system,.preview-automation{background:#191a17;color:#f8f8f2;padding:23px;min-height:275px}.preview-system-head{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.06em;color:#c7c9bd}.preview-system-head>b{font-size:16px;color:#ffe600}.preview-flow{display:grid;gap:5px;margin-top:18px}.preview-flow>div{border:1px solid #62694e;padding:14px;border-radius:5px;display:grid;gap:7px}.preview-flow small{font-size:6px;color:#c7c9bd;letter-spacing:.1em}.preview-flow strong{font-size:16px;font-weight:500}.preview-flow>div>span{font-size:8px;color:#b5bea4}.preview-flow>b{text-align:center;font-size:12px;color:#ffe600}.preview-flow .preview-confirmed{background:#ffe600;color:#191a17;border-color:#ffe600}.preview-confirmed small{color:#454d38}.preview-automation>span{font-size:6px;letter-spacing:.1em;color:#b5bea4}.preview-automation>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid #434b34;padding:21px 0}.preview-automation>div>b{color:#ffe600;font-size:11px;font-weight:400}.preview-automation p{margin:0;flex:1;display:grid;gap:8px}.preview-automation p>small{font-size:6px;letter-spacing:.1em;color:#b5bea4}.preview-automation strong{font-size:16px;font-weight:500}.preview-automation>div>span{font-size:18px;color:#ffe600}.preview-automation>small{font-size:6px;letter-spacing:.06em;color:#b5bea4;display:block;margin-top:21px}
.contact-studio{background:#ffe600;padding:90px 5%}.contact-studio-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:end;padding-bottom:50px;border-bottom:1px solid #191a1740}.contact-studio-heading .kicker{color:#555428;font-size:9px}.contact-studio h2{font-size:clamp(44px,5.7vw,80px);line-height:1.02;font-weight:500;letter-spacing:-.06em;margin:25px 0 0;max-width:none}.contact-studio h2 em{font-family:Georgia,serif;font-weight:400}.contact-studio-heading>p{font-size:15px;line-height:1.9;color:#454517;max-width:350px;margin-bottom:0}.contact-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:75px;padding-top:55px}.contact-label{font-size:8px;letter-spacing:.1em;color:#555428;display:block}.contact-channel{display:block;text-decoration:none;border-bottom:1px solid #191a1740;padding:29px 0}.contact-channel>span{font-size:9px;letter-spacing:.06em;color:#555428;display:block;margin-bottom:18px}.contact-channel>strong{font-size:26px;font-weight:500;letter-spacing:-1px;line-height:1.2}.contact-channel>div{font-size:11px;color:#454517;margin-top:16px;display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-channel b{font-size:21px;font-weight:400;transition:transform 180ms var(--studio-ease)}.contact-channel:hover b{transform:translate(3px,-3px)}.contact-local{margin-top:40px}.contact-local>span{font-size:8px;letter-spacing:.1em;color:#555428}.contact-local p{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-top:18px}.project-brief{background:#f8f8f2;border-radius:8px;padding:32px}.project-brief .contact-label{color:#6b745b}.project-brief>h3{font-size:30px;letter-spacing:-1px;font-weight:500;margin:22px 0 12px}.project-brief>p{font-size:12px;line-height:1.8;color:#656e57;margin-bottom:27px}.project-brief form{display:grid;gap:21px}.project-brief label{display:grid;gap:10px;font-size:11px;font-weight:500;line-height:1.4;position:relative}.project-brief label>span{display:inline;color:#7b836d;font-size:9px;position:absolute;right:0;top:1px}.brief-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-brief input,.project-brief select,.project-brief textarea{width:100%;min-width:0;border:1px solid #c4ccb7;background:#fff;border-radius:4px;padding:13px;color:#191a17;font-size:12px;min-height:46px}.project-brief textarea{resize:vertical;min-height:110px;line-height:1.7}.brief-submit{width:100%;background:#191a17;color:#ffe600;border:0;border-radius:5px;padding:17px 18px;font-size:12px;font-weight:500;display:flex;justify-content:space-between;min-height:48px}.brief-submit:hover{background:#33372a}.brief-note{font-size:10px;color:#6f7960;line-height:1.7;margin:0}#brief-result{border-top:1px solid #ccd5bd;padding-top:22px}#brief-result>span{font-size:8px;letter-spacing:.1em;color:#6b745b}#brief-preview{font-size:12px;color:#454f39;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#edeFE3;border-radius:4px;padding:17px;margin:15px 0}#brief-send{font-size:12px;font-weight:600;line-height:1.7;text-underline-offset:4px}.project-brief [hidden]{display:none!important}
.studio-footer{display:block;background:#191a17;padding:60px 5% 25px;color:#c7c9bd;font-size:12px}.footer-main{display:grid;grid-template-columns:1.45fr .8fr .9fr 1fr;gap:35px}.footer-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f8f8f2;font-size:20px;font-weight:700;letter-spacing:-1px}.footer-brand img{width:38px;height:38px}.footer-identity>p{font-size:15px;line-height:1.7;color:#d5dbc9;margin:20px 0}.footer-identity>span{font-size:8px;letter-spacing:.1em;color:#a9b494}.footer-col{display:flex;flex-direction:column;align-items:start;gap:13px;padding-top:12px}.footer-col>span{font-size:8px;letter-spacing:.12em;color:#a9b494;margin-bottom:13px}.footer-col>a{font-size:11px;color:#d5dbc9;text-decoration:none;line-height:1.7}.footer-col>a:hover{color:#ffe600;text-decoration:underline;text-underline-offset:4px}.footer-col>p{font-size:10px;color:#a9b494;margin:5px 0}.footer-wordmark{font-size:clamp(40px,12.3vw,175px);font-weight:700;letter-spacing:-.075em;line-height:1.15;color:#f8f8f2;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:55px 0 28px;margin-top:25px;overflow:hidden;border-bottom:1px solid #444c35}.footer-wordmark>span{font-size:.55em;color:#ffe600;letter-spacing:0;font-weight:400}.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:start;padding-top:24px;font-size:9px;color:#a9b494}.footer-bottom>a{text-decoration:none;white-space:nowrap}.footer-bottom details{max-width:410px;font-size:9px;line-height:1.9}.footer-bottom summary{cursor:pointer}.footer-bottom details p{font-size:10px;line-height:1.9;color:#c7c9bd}.studio-footer .footer-brand>span{color:#f8f8f2}.studio-button:focus-visible,.studio-text-link:focus-visible,.solution-choice:focus-visible,.solution-explanation>a:focus-visible,.contact-channel:focus-visible,.brief-submit:focus-visible,.studio-footer a:focus-visible,.studio-footer summary:focus-visible{outline:3px solid #9e8e00;outline-offset:5px}.solution-choice:active,.brief-submit:active{transform:scale(.99)}
@media(prefers-reduced-motion:no-preference){.hero-meta,.hero-overline,.hero-copy h1,.hero-copy>p,.studio-actions,.hero-disciplines{animation:hero-enter .85s var(--studio-ease) both}.hero-copy h1{animation-delay:.08s}.hero-copy>p{animation-delay:.16s}.studio-actions{animation-delay:.24s}.hero-disciplines{animation-delay:.32s}.hero-system-label,.hero-web-window,.hero-request,.hero-dashboard,.composition-caption{animation:hero-enter 1s var(--studio-ease) both}.hero-web-window{animation-delay:.18s}.hero-request{animation-delay:.48s}.hero-dashboard{animation-delay:.68s}.composition-caption{animation-delay:.8s}.connection-lines path{animation:draw-connection 1.4s var(--studio-ease) .3s both}@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-connection{from{stroke-dashoffset:780;opacity:0}to{stroke-dashoffset:0;opacity:1}}}
@media(max-width:1100px){.studio-hero-grid{gap:20px}.studio-hero h1{font-size:78px}.studio-hero .hero-copy>p{font-size:15px}.studio-hero-grid{padding:65px 0}.hero-composition{min-height:510px}.hero-dashboard{padding:18px;width:74%;right:0}.hero-request{right:-7px;padding:14px;gap:9px}.hero-request strong{font-size:10px}.hero-request>div>span{font-size:5px}.hero-web-window{width:94%}.system-site{padding:22px}.system-site-nav>span{font-size:4px}.hero-disciplines{gap:10px;font-size:8px}.hero-disciplines>span:not(:first-child):before{margin-right:10px}.contact-layout{gap:40px}.contact-studio-heading{gap:35px}.footer-main{grid-template-columns:1.3fr .7fr .8fr 1fr;gap:20px}.footer-brand{font-size:16px}.solution-choice{padding:23px 13px;gap:12px}.solution-choice strong{font-size:16px}.solution-stage{padding:24px}.explorer-web>div>span{display:none}}
@media(max-width:760px){.studio-hero{padding-top:25px;min-height:0}.hero-meta{font-size:7px;line-height:1.7}.hero-meta>span:last-child{max-width:95px;text-align:right}.studio-hero-grid{grid-template-columns:1fr;padding:43px 0 40px;gap:40px}.hero-overline{font-size:7px}.studio-hero h1{font-size:clamp(61px,14.5vw,92px);margin:24px 0}.studio-hero .hero-copy>p{max-width:440px;font-size:15px}.studio-actions{gap:20px}.studio-button{font-size:11px;padding:17px 18px;gap:20px}.studio-text-link{font-size:10px}.hero-disciplines{font-size:8px;margin-top:28px;gap:11px}.hero-composition{width:100%;max-width:480px;min-height:510px;margin:0 auto}.hero-web-window{top:76px;width:89%}.system-site-title{font-size:36px}.system-site{padding:24px}.hero-request{top:237px;right:-2px;padding:15px}.hero-dashboard{max-width:280px;bottom:0;width:74%;right:0}.hero-dashboard>strong{font-size:23px}.studio-hero-bottom{align-items:start;flex-wrap:wrap;padding:22px 0;gap:16px;font-size:8px}.studio-hero-bottom>span:last-child{display:none}.studio-hero-bottom>a{font-size:7px}.composition-caption{font-size:5px;bottom:-20px}.service{min-height:260px}.service-enquiry{font-size:12px}.explorer-heading{display:block;padding:23px}.explorer-heading>p{margin-top:14px;max-width:none;font-size:12px}.explorer-layout{grid-template-columns:1fr}.solution-choices{border-right:0;border-bottom:1px solid var(--studio-line);padding:14px}.solution-choice{min-height:95px;padding:20px 13px;gap:11px}.solution-choice strong{font-size:15px}.solution-choice small{font-size:10px}.solution-choices>p{margin:20px 13px 10px;font-size:10px}.solution-stage{padding:23px}.explorer-web{padding:25px}.explorer-web>strong{font-size:35px}.solution-explanation h3{font-size:24px}.solution-explanation>p{font-size:12px}.solution-explanation li{font-size:11px}.explorer-web>div>span{display:none}.contact-studio{padding:65px 6%}.contact-studio-heading{grid-template-columns:1fr;gap:24px;padding-bottom:35px}.contact-studio h2{font-size:clamp(41px,10.2vw,62px);letter-spacing:-.065em;margin-top:22px}.contact-studio-heading>p{font-size:14px;max-width:none}.contact-layout{grid-template-columns:1fr;gap:40px;padding-top:35px}.contact-channel{padding:26px 0}.contact-channel>strong{font-size:27px}.contact-local{margin-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-local>span{font-size:7px;max-width:100px;line-height:1.8}.contact-local p{font-size:17px;line-height:1.5;margin:0}.project-brief{padding:25px 20px}.project-brief>h3{font-size:27px}.brief-row{grid-template-columns:1fr;gap:21px}.project-brief form{gap:21px}.project-brief input,.project-brief select,.project-brief textarea{font-size:16px;min-height:48px}.brief-submit{font-size:12px}.studio-footer{padding:45px 6% 25px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-identity{grid-column:1/-1}.footer-brand{font-size:21px}.footer-identity>p{font-size:15px}.footer-col{padding-top:0;gap:13px}.footer-col>span{margin-bottom:8px;font-size:8px}.footer-col>a{font-size:11px;min-height:28px}.footer-connect{grid-column:1/-1;padding-top:10px}.footer-connect>a:first-of-type{font-size:22px;letter-spacing:-.6px;color:#f8f8f2}.footer-wordmark{font-size:12vw;padding:32px 0 25px;margin-top:15px;gap:10px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:9px}.footer-bottom details{order:3;width:100%;max-width:none}.footer-bottom>a{margin-left:auto}.studio-hero .hero-copy h1{max-width:none}}
@media(max-width:380px){.hero-composition{min-height:475px}.system-site-title{font-size:30px}.system-site{padding:21px}.hero-request{top:217px;gap:8px;padding:13px}.hero-dashboard{padding:17px;max-width:250px;width:76%}.hero-dashboard>strong{font-size:21px;margin:20px 0}.dashboard-line{font-size:7px;padding:10px 0}.hero-request>b{display:none}.hero-request strong{font-size:10px}.system-site-nav>span{font-size:4px}.hero-system-label>b{font-size:12px}.hero-disciplines{gap:8px;font-size:7px}.hero-disciplines>span:not(:first-child):before{margin-right:8px}.contact-studio h2{font-size:40px}.explorer-web{padding:21px}.solution-stage{padding:20px}}
@media(prefers-reduced-motion:reduce){.studio-hero *{animation:none!important;transition:none!important}.connection-lines path{stroke-dashoffset:0}.contact-channel b{transition:none}.studio-button:active,.solution-choice:active,.brief-submit:active{transform:none}}