@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#142333;--orange:#ef743e;--paper:#f8f6f1;--muted:#69717a;--line:#d9dcd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--navy);font:15px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{max-width:1440px;padding:28px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;gap:11px;align-items:center;font:800 29px/1 Manrope,sans-serif;letter-spacing:-1.3px}.brand-sub{display:block;letter-spacing:2.1px;font:600 8px/1.6 'DM Sans';margin-top:5px}nav{display:flex;gap:30px;font-size:12px}nav a:hover,.text-link:hover{color:#bd4a19}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;background:var(--orange);color:var(--navy);font-weight:700;font-size:12px;border:0;border-radius:5px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#f38a5b;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:12px 18px}.button.dark{background:var(--navy);color:white}.button.dark:hover{background:#2b4057}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:30px;padding:78px 5% 55px;overflow:hidden}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(48px,5.65vw,79px)/1.055 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0}h1>span{color:#cd5728}.hero-copy>p{max-width:420px;color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:15px}.hero-foot{display:flex;gap:19px;color:var(--muted);font-size:9px;margin-top:48px}.hero-foot span+span:before{content:'·';margin-right:19px}.hero-art{position:relative;min-height:515px;background:#edece5;border-radius:150px 150px 12px 12px;margin-top:8px}.art-label{position:absolute;top:43px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.8px}.orbit{position:absolute;border:1px solid #dad9cf;border-radius:50%;width:90%;height:85%;left:5%;top:8%}.web-card{position:absolute;left:9%;top:98px;width:84%;background:#fff;box-shadow:0 20px 45px #14233315;border:1px solid #deddd5;border-radius:7px;transform:rotate(-7deg);overflow:hidden}.browserbar{display:flex;align-items:center;gap:5px;padding:13px;background:#f8f7f2;border-bottom:1px solid #eee}.browserbar i{width:5px;height:5px;background:#d0d2cc;border-radius:50%}.browserbar span{font-size:7px;margin:auto;color:#8c908b}.web-content{padding:22px 22px 30px;position:relative;overflow:hidden;min-height:265px}.tinybrand{font-size:7px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between}.mock-head{font:800 40px/1.08 Manrope;letter-spacing:-2px;margin:21px 0 15px}.mock-head>span{color:var(--orange)}.mock-line{height:4px;background:#e5e6e2;width:40%;margin:7px 0}.mock-line.short{width:31%}.mock-button{background:var(--navy);color:white;font-size:6px;padding:8px 12px;display:inline-block;margin-top:9px}.abstract{position:absolute;right:-2%;top:75px;width:45%;height:170px;display:flex;gap:5px;transform:rotate(-14deg)}.abstract span{background:#ef743e;width:31%;border-radius:50px}.abstract span:nth-child(2){background:#e5bca4;transform:translateY(-22px)}.abstract span:nth-child(3){background:#233b4e;transform:translateY(17px)}.brand-card{position:absolute;right:0;top:286px;transform:rotate(9deg);width:54%;background:var(--navy);color:#f7f2e9;padding:20px;border-radius:5px;box-shadow:0 20px 45px #14233325}.card-top{font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between}.card-top span{color:var(--orange);font-size:20px;line-height:1}.big-c{font:600 70px/1.2 Manrope;letter-spacing:-7px}.swatches{display:flex;gap:6px;margin:10px 0}.swatches i{height:18px;width:25px;background:#ef743e}.swatches i:nth-child(2){background:#f3ede2}.swatches i:nth-child(3){background:#9aa792}.swatches i:nth-child(4){background:#c4a591}.card-bottom{font-size:7px;line-height:1.6;color:#c7cdd0}.note-card{position:absolute;left:-8px;bottom:49px;transform:rotate(-10deg);padding:17px 23px;background:#ef743e;font:600 18px/1.25 Manrope;border-radius:3px;box-shadow:0 10px 25px #14233310}.note-card span{display:block;font-size:26px;margin-bottom:8px}.art-caption{position:absolute;bottom:14px;left:35px;font-size:6px;letter-spacing:1.5px;color:#858b86}.service-strip{background:var(--navy);color:#f4f0e8;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 5%;font-size:10px;letter-spacing:2px}.service-strip i{font-size:21px;color:var(--orange);font-style:normal}.section{max-width:1440px;margin:auto;padding:87px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.muted{color:var(--muted)}h2{font:600 clamp(32px,3.5vw,47px)/1.18 Manrope;letter-spacing:-1.7px;margin:18px 0 0}.section-heading>p{font-size:13px;color:var(--muted);margin:0 30px 5px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-grid article{padding:30px;display:flex;flex-direction:column}.service-grid article+article{border-left:1px solid var(--line)}.service-top{display:flex;align-items:center;justify-content:space-between;color:#90988e;font-size:10px;margin-bottom:30px}.service-icon{font-size:25px;color:var(--navy)}.service-grid h3{font:600 25px/1.3 Manrope;letter-spacing:-.8px;margin-bottom:17px}.service-grid p{font-size:12px;color:var(--muted);max-width:260px}.service-grid ul{padding:15px 0;list-style:none;font-size:11px;line-height:2.3;margin:0 0 25px}.service-grid li:before{content:'—';color:var(--orange);margin-right:10px}.service-grid article>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:11px;font-weight:700;margin-top:auto}.service-grid article>a:hover{color:#bd4a19}.work{padding-top:10px}.outline-tag{font-size:8px;letter-spacing:1px;border:1px solid #b6beb4;border-radius:30px;padding:9px 13px}.case-study{display:grid;grid-template-columns:1.2fr 1fr;background:#e9ede3;border-radius:8px;overflow:hidden}.project-image{display:block;position:relative;padding:30px 30px 0;overflow:hidden;min-height:500px;background:#dfe6d6}.project-image img{display:block;width:100%;box-shadow:0 10px 30px #14233315;border-radius:5px}.image-link{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;padding:10px 18px;font-size:10px;border-radius:25px;box-shadow:0 5px 25px #14233325}.project-copy{padding:45px}.project-tags{display:flex;gap:15px;font-size:7px;letter-spacing:1.1px;color:#66715e}.project-copy h3{font:700 34px Manrope;letter-spacing:-1.2px;margin:28px 0 10px}.project-intro{font:500 23px/1.35 Manrope;letter-spacing:-.6px}.project-copy>p:not(.project-intro){font-size:12px;color:#66715e}.project-features{font-size:10px;margin:22px 0 27px}.project-features>div{padding:10px 0;border-bottom:1px solid #cfd7c7}.project-features span{color:#88977c;margin-right:17px;font-size:8px}.studio{max-width:none;background:var(--navy);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.studio .eyebrow{color:#c1cccf}.studio h2{font-size:clamp(32px,3.5vw,47px);margin-bottom:25px}.studio em{color:#f59c71;font-style:normal}.studio p{font-size:13px;color:#b6c0c7;max-width:450px}.studio-sign{margin-top:32px;font-size:10px;display:flex;align-items:center;gap:20px}.studio-sign span{color:var(--orange);font-size:30px}.steps{padding-top:12px}.steps article{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #374653}.steps article>span{font-size:10px;color:#ef996f}.steps h3{font-size:16px;font-weight:500;margin-bottom:10px}.steps p{font-size:12px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;padding:20px 0;font-size:13px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{color:#b34b22;font-size:19px}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);padding-right:25px;margin-bottom:22px}.contact{background:#efece5;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.contact h2{font-size:clamp(40px,4.6vw,65px);line-height:1.08;margin-bottom:28px}.contact h2 span{color:#c95326}.contact-copy>p{font-size:13px;color:var(--muted)}.contact-link{display:block;font-size:12px;margin:16px 0;overflow-wrap:anywhere}.contact-link:hover{text-decoration:underline}form{padding:30px;background:var(--paper);border-radius:7px}form h3{font-size:17px;letter-spacing:-.4px;margin-bottom:24px}label{display:block;font-size:10px;font-weight:600;margin-bottom:17px}label>span{color:var(--muted);font-weight:400}input,textarea,select{display:block;width:100%;padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:4px;margin-top:7px;font-size:12px;color:var(--navy)}textarea{resize:vertical}form button{width:100%}.form-note{font-size:9px;line-height:1.7;color:var(--muted);margin:12px 0 0}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:37px 5%}footer>.brand{font-size:25px}footer>span{font-size:10px;color:var(--muted)}footer>div{font-size:9px;display:flex;gap:20px;align-items:center}footer>div>span{color:var(--muted)}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:80px}.hero-art{min-height:550px}.web-card{top:105px}.brand-card{top:320px}}@media(max-width:1000px){h1{font-size:57px;letter-spacing:-3px}.hero-art{min-height:500px}.brand-card{top:290px}.note-card{bottom:65px}.hero-actions{gap:15px}.button{gap:20px;padding:15px 18px}.hero-foot{flex-wrap:wrap;gap:7px}.hero-foot span+span:before{margin-right:7px}.service-grid article{padding:24px}.project-copy{padding:30px}.project-image{padding:25px 20px 0;min-height:470px}.project-copy h3{font-size:29px}.project-intro{font-size:20px}.contact{gap:6%}footer>span{display:none}}@media(max-width:760px){header{padding:20px 6%}nav{gap:15px}nav a{font-size:10px}nav a:last-child{display:none}header>.button{display:none}.hero{grid-template-columns:1fr;padding:46px 6% 40px;gap:35px}h1{font-size:clamp(45px,9vw,70px);letter-spacing:-2.5px}.hero-copy>p{max-width:480px}.hero-foot{margin-top:25px}.hero-art{max-width:460px;width:100%;min-height:490px;margin:0 auto}.service-strip{flex-wrap:wrap;gap:14px 22px;font-size:8px;padding:20px}.service-strip span:last-child,.service-strip i:last-of-type{display:none}.section{padding:55px 6%}.section-heading{align-items:start}.section-heading>p{display:none}.service-grid{grid-template-columns:1fr}.service-grid article+article{border-left:0;border-top:1px solid var(--line)}.service-grid article{padding:26px}.service-top{margin-bottom:18px}.service-grid h3 br{display:none}.service-grid p{max-width:none}.service-grid ul{margin-bottom:13px}.case-study{grid-template-columns:1fr}.project-image{min-height:0;max-height:480px;padding:25px}.project-copy{padding:30px}.project-copy h3{font-size:34px}.studio,.faq,.contact{grid-template-columns:1fr;gap:28px}.studio{padding:55px 6%}.studio h2{font-size:39px}.steps{padding-top:0}.faq{gap:15px}.contact h2{font-size:49px}.contact{padding:55px 6%}form{padding:23px}footer{padding:30px 6%;flex-wrap:wrap;gap:23px}footer>div{width:100%;justify-content:space-between}.outline-tag{display:none}.work{padding-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.gadget-project{margin-top:32px;background:#e8edf3}.gadget-project .project-image{background:#d9e3ef;display:flex;align-items:center;padding:30px;min-height:380px}.gadget-project .project-image img{width:100%;height:auto}.store-enquiry{display:block;margin-top:18px;font-size:12px;font-weight:600}.store-enquiry:hover{text-decoration:underline}@media(max-width:760px){.gadget-project .project-image{min-height:0;padding:22px}.gadget-project .image-link{bottom:10px;font-size:9px}}