:root{font-synthesis:none;color:#070707;--yellow:#b9e6d3;background:#fff;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #367d65}button{border:0}h1,h2,h3,h4,p{margin-top:0}p{letter-spacing:.5px;line-height:1.65}svg{width:26px;height:26px}.sidebar{color:#fff;z-index:20;background:#000;flex-direction:column;align-items:center;width:10%;max-width:150px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{width:60px;height:60px;margin-top:40px}.sidebar nav{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sidebar nav a{border-radius:50%;place-items:center;width:64px;height:64px;transition:background .2s,color .2s;display:grid;position:relative}.sidebar nav a span{background:var(--yellow);color:#000;text-transform:uppercase;letter-spacing:1px;opacity:0;pointer-events:none;border-radius:4px;padding:8px 13px;font-size:10px;transition:all .2s;position:absolute;top:16px;left:75px;transform:translate(-5px)}.sidebar nav a:hover span,.sidebar nav a:focus-visible span{opacity:1;transform:none}.resume-nav{flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:38px}.resume-nav svg{width:22px}.socials{z-index:10;flex-direction:column;align-items:center;gap:24px;display:flex;position:fixed;top:26px;right:25px}.socials a{font-size:15px;font-weight:700;position:relative}.socials svg{width:18px;height:18px}.socials span{opacity:0;background:#fff;padding:4px 8px;font-size:10px;position:absolute;top:0;right:25px}.socials a:hover span{opacity:1}main{margin-left:min(10%,150px)}.home{text-align:center;justify-content:center;align-items:center;min-height:100svh;padding:80px 50px;display:flex;position:relative}.hero-content{padding-top:4px}.greeting-text{margin-bottom:22px;font-size:50px;font-weight:700;line-height:1.2;animation:.35s both appear}.greeting-text span{transform-origin:100% 100%;animation:1.4s ease-in-out wave;display:inline-block}.hero-content>p{letter-spacing:1px;margin-bottom:19px;font-size:30px;line-height:1.3}.hero-content h1{letter-spacing:1px;margin:0;font-size:70px;font-weight:700;line-height:1.2}.hero-footer{letter-spacing:.5px;font-size:13px;position:absolute;bottom:22px;left:30px}.hero-footer span{color:#f6435a;vertical-align:-2px;font-size:20px}.scroll-hint{font-size:20px;position:absolute;bottom:26px;right:55px}.content-section{min-height:100vh;padding:100px 7.2%}.kicker{letter-spacing:.7px;margin-bottom:4px;font-size:17px}h2{letter-spacing:.3px;margin-bottom:26px;font-size:60px;font-weight:700;line-height:1.12}.outline{color:#0000;-webkit-text-stroke:1px #111;font-weight:500}.about-top{grid-template-columns:2.1fr 1fr;align-items:start;gap:35px;display:grid}.about-top p,.about-details p,.about-details ul{letter-spacing:.5px;font-size:17px;line-height:1.65}.about-top p{margin-bottom:20px}.portrait{background:linear-gradient(90deg,var(--yellow) 91%,#000 91%);border-radius:10px;flex-direction:column;justify-content:space-between;height:490px;padding:35px 26px;display:flex;position:relative}.portrait>img{object-fit:cover;object-position:50% 8%;border-radius:10px 0 0 10px;width:91%;height:100%;position:absolute;inset:0}.portrait-label{letter-spacing:2px;font-size:12px;line-height:1.6}.portrait>strong{letter-spacing:-12px;font-size:130px;font-weight:700;line-height:1}.portrait>strong span{color:#fff}.portrait-name{letter-spacing:3px;font-size:11px}.seal{background:var(--yellow);text-align:center;letter-spacing:1px;border:3px solid #000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:132px;height:132px;font-size:7px;display:flex;position:absolute;bottom:20px;right:-20px;transform:rotate(-12deg)}.seal b{color:#fff;letter-spacing:-2px;background:#000;border-radius:50%;place-items:center;width:75px;height:75px;font-size:32px;display:grid}.about-details{grid-template-columns:1fr 2.1fr;align-items:center;gap:30px;margin-top:55px;display:grid}.about-details h4{margin:20px 0 0;font-size:16px}.about-details ul{margin:0;padding:0;font-size:16px;list-style:none}.about-details li:before{content:"- "}.underlined{border-bottom:1px solid #000}.code-picture{color:#f0f0f0;background:#17191c;border-radius:5px;min-height:330px;overflow:hidden;transform:rotate(-2deg);box-shadow:8px 9px #f0f0f0}.code-title{letter-spacing:.3px;background:#303238;padding:13px;font-size:8px}.code-picture pre{margin:0;padding:22px;font:12px/1.8 monospace}.code-picture pre span{color:#f8eb75}.code-picture em{color:#aac8a0;font-style:normal}.facts{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;margin:80px 0;display:grid}.facts>div>span{font-size:38px}.facts h4{margin:12px 0 4px;font-size:20px}.facts p{color:#777;margin:0;font-size:14px}.services{text-align:center;padding-top:30px}.services h2{margin-bottom:55px;font-size:50px}.service-grid{grid-template-columns:repeat(4,1fr);gap:50px 20px;display:grid}.service-grid span{font-size:40px;display:inline-block;position:relative}.service-grid span:before{content:"";z-index:-1;background:var(--yellow);border-radius:50%;width:35px;height:35px;position:absolute;top:12px;left:8px}.service-grid h4{margin:15px 0 0;font-size:17px;font-weight:500}.work{background:#f7f8fa;padding:65px 4.7%}.section-heading{text-align:center;margin-bottom:90px}.section-heading .kicker{margin-bottom:6px;font-size:14px}.section-heading h2{font-size:60px}.work-note{text-align:center;color:#666;margin:35px 0 0;font-size:13px}.collaborate{text-align:center;padding:90px 0 30px}.collaborate h3{margin-bottom:30px;font-size:30px;font-weight:500;line-height:1.6}.collaborate a{font-size:17px}.products .section-heading{margin-bottom:50px}.button{letter-spacing:.4px;background:#fff;border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;padding:14px 23px;font-size:13px;transition:all .2s;display:inline-flex}.button:hover{background:var(--yellow);color:#000}.button.black{color:#fff;background:#000}.button.black:hover{background:var(--yellow);color:#000}.product-bottom{text-align:center;margin-top:65px}.product-bottom p{font-size:23px}.contact{background:#f7f8fa}.contact .section-heading{margin-bottom:65px}.contact-grid{grid-template-columns:1fr 1.1fr;gap:70px;display:grid}.contact-info>div{align-items:center;gap:24px;margin-bottom:24px;display:flex}.contact-info svg{width:30px;height:30px}.contact-info p{margin:0;font-size:20px}.contact-info small{color:#777;font-size:13px;display:block}.contact-info h3{margin:40px 0 20px;font-size:24px}input,textarea{color:#111;background:#fff;border:1px solid #e4e4e4;border-radius:3px;width:100%;padding:17px 20px;font-size:14px}input:focus,textarea:focus{outline-offset:2px;outline:2px solid #367d65}textarea{resize:vertical}.form-note,.notice{color:#666;margin-top:15px;font-size:12px}.notice{color:#111}.skip{background:var(--yellow);z-index:100;padding:15px;position:fixed;top:-60px;left:150px}.skip:focus{top:0}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wave{0%,to{transform:rotate(0)}25%,65%{transform:rotate(15deg)}45%,85%{transform:rotate(-8deg)}}@media (width>=1500px){.home .hero-content{max-width:1100px}.content-section{padding-left:8%;padding-right:8%}}@media (width<=1100px){.hero-content h1{font-size:58px}.greeting-text{font-size:43px}.hero-content>p{font-size:25px}.content-section{padding:75px 6%}h2,.section-heading h2{font-size:46px}.about-top{grid-template-columns:1.8fr 1fr;gap:25px}.portrait{height:420px;padding:25px 18px}.portrait>strong{font-size:105px}.portrait-label{font-size:10px}.portrait-name{letter-spacing:1px;font-size:9px}.seal{width:110px;height:110px;right:-12px}.seal b{width:58px;height:58px;font-size:28px}.about-top p{font-size:15px}.contact-grid{gap:35px}.contact-info p{font-size:17px}.socials{right:13px}.about-details{grid-template-columns:1fr 1.6fr}.about-details p,.about-details ul{font-size:14px}.code-picture pre{padding:18px;font-size:10px}.collaborate h3{font-size:25px}}@media (width<=700px){.sidebar{width:70px;max-width:none}.logo{width:42px;height:42px;margin-top:23px}.sidebar nav{gap:8px}.sidebar nav a{width:48px;height:48px}.sidebar nav a span{top:10px;left:54px}.sidebar nav a svg{width:23px;height:23px}.resume-nav{font-size:10px;bottom:22px}.resume-nav svg{width:20px}main{margin-left:70px}.socials{flex-direction:row;gap:20px;top:20px;right:16px}.home{min-height:100svh;padding:70px 20px}.greeting-text{margin-bottom:22px;font-size:30px}.hero-content>p{letter-spacing:.2px;margin-bottom:20px;font-size:18px;line-height:1.5}.hero-content h1{letter-spacing:-.7px;font-size:clamp(30px,6.2vw,43px);line-height:1.25}.hero-footer{letter-spacing:0;font-size:9px;bottom:20px;left:18px}.hero-footer span{font-size:15px}.scroll-hint{bottom:52px;right:20px}.content-section{padding:60px 22px}h2,.section-heading h2{letter-spacing:-1px;font-size:35px;line-height:1.2}.kicker{font-size:14px}.about-top{flex-direction:column;display:flex}.about-top p{font-size:14px;line-height:1.8}.portrait{width:100%;max-width:360px;height:340px;margin:8px auto}.portrait>strong{letter-spacing:-9px;font-size:115px}.portrait-label{font-size:11px}.portrait-name{letter-spacing:2px;font-size:10px}.about-details{grid-template-columns:1fr;gap:28px;margin-top:40px}.code-picture{min-height:290px}.code-picture pre{font-size:12px}.facts{grid-template-columns:1fr 1fr;gap:30px 10px;margin:50px 0}.facts h4{font-size:16px}.facts p{font-size:12px}.facts>div>span{font-size:30px}.services h2{margin-bottom:35px;font-size:35px}.service-grid{grid-template-columns:1fr 1fr;gap:35px 10px}.service-grid h4{font-size:13px}.service-grid span{font-size:34px}.section-heading{margin-bottom:40px}.section-heading .kicker{font-size:11px}.collaborate{padding:50px 0 0}.collaborate h3{font-size:20px;line-height:1.6}.collaborate h3 br{display:none}.collaborate a{font-size:14px}.button{padding:13px 17px;font-size:11px}.product-bottom{margin-top:35px}.product-bottom p{font-size:18px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact .section-heading{margin-bottom:40px}.contact-info p{font-size:16px}.contact-info small{font-size:11px}.contact-info>div{gap:16px}.contact-info h3{font-size:20px}input,textarea{padding:14px;font-size:16px}.contact-info .underlined{font-size:13px}.skip{left:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.logo img{width:60px;height:60px;display:block}.sidebar nav a{transition:background .2s,color .2s}.sidebar nav a.active,.sidebar nav a:hover{color:#b9e6d3;background:#202422}.hero-content h1{letter-spacing:-1px}.hero-content>p{letter-spacing:.2px}.portrait{background:linear-gradient(90deg,#b9e6d3 91%,#000 91%)}.button:hover{background:#b9e6d3}.button.black:hover{color:#000;background:#b9e6d3}.contact-info a:hover,.underlined:hover{color:#367d65}.service-grid span:before{z-index:-1}.service-grid>div{isolation:isolate}.about-top p,.about-details p{line-height:1.75}@media (width<=700px){.logo img{width:42px;height:42px}.hero-content h1{letter-spacing:-.7px}.hero-content>p{letter-spacing:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.facts>div>span svg,.service-grid span svg{vertical-align:middle;width:1em;height:1em}.products{padding:65px 4.7%}.work-grid{grid-template-columns:repeat(3,1fr);gap:34px 30px;display:grid}.work-card a{height:100%;display:block}.shot{aspect-ratio:16/10;border-radius:14px;position:relative;overflow:hidden}.shot.cover{aspect-ratio:4/3;background:#e9ece9;border:1px solid #0000000f;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 6px #0000000a,0 14px 30px -12px #00000030}.shot.cover img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s;display:block}.work-card a:hover .shot.cover,.work-card a:focus-visible .shot.cover{transform:translateY(-4px);box-shadow:0 2px 6px #0000000a,0 22px 40px -14px #00000040}.work-card a:hover .shot.cover img{transform:scale(1.04)}.stage{--t1:#dff3e9;--t2:#b9e6d3;--ink:#0b3d2a;background:radial-gradient(120% 90% at 0 0,#ffffff80,#fff0 55%),linear-gradient(145deg,var(--t1),var(--t2));padding:7% 7% 0}.stage.peach{--t1:#fde8da;--t2:#f8c9ad;--ink:#5a2a10}.stage.lilac{--t1:#ece6fb;--t2:#cfc3f2;--ink:#2f2263}.stage.sky{--t1:#e1f0fb;--t2:#b5d8f2;--ink:#0d3556}.stage.butter{--t1:#fbf3d3;--t2:#f2e08f;--ink:#4d3f06}.stage.rose{--t1:#fbe3ea;--t2:#f2b8c8;--ink:#5a1530}.win{height:100%;box-shadow:0 0 0 1px #00000014,0 18px 36px -10px color-mix(in srgb,var(--ink) 45%,transparent),0 6px 12px -4px color-mix(in srgb,var(--ink) 25%,transparent);background:#fff;border-radius:9px 9px 0 0;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.win-bar{background:#f4f5f6;border-bottom:1px solid #e3e5e8;flex:none;align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.win-bar i{background:#d3d6da;border-radius:50%;width:7px;height:7px}.win-bar i:first-child{background:#ff6058}.win-bar i:nth-child(2){background:#ffbd2e}.win-bar i:nth-child(3){background:#28c941}.win-bar span{color:#6b7076;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e3e5e8;border-radius:99px;flex:1;max-width:70%;margin-left:8px;padding:2px 10px;font-size:9.5px;line-height:1.5;overflow:hidden}.win img{object-fit:cover;object-position:top;flex:1;width:100%;min-height:0;display:block}.work-card a:hover .win,.work-card a:focus-visible .win{transform:translateY(-6px)}.visit{opacity:0;background:#fff;border-radius:4px;padding:8px 13px;font-size:12px;transition:all .2s;position:absolute;top:12px;right:12px;transform:translateY(-4px);box-shadow:0 2px 7px #0000001a}.work-card a:hover .visit,.work-card a:focus-visible .visit{opacity:1;transform:none}.work-caption{padding:15px 3px 0}.work-caption h3{letter-spacing:-.3px;margin:0 0 3px;font-size:18px;font-weight:500}.work-caption small{color:#7b7b7b;font-size:12px;display:block}.work-caption p{letter-spacing:.2px;color:#555;margin:8px 0 0;font-size:14px;line-height:1.5}.group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin:70px 0 8px;display:flex}.section-heading+.group-head{margin-top:0}.group-head h3{margin:0;font-size:30px}.group-head a{font-size:14px}.group-intro{color:#555;max-width:640px;margin:0 0 28px}.chips{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.chips button{background:#fff;border:1px solid #d6d6d6;border-radius:99px;padding:9px 16px;font-size:13px;transition:all .2s}.chips button span{color:#8a8a8a;margin-left:4px}.chips button:hover{border-color:#000}.chips button[aria-pressed=true]{color:#fff;background:#000;border-color:#000}.chips button[aria-pressed=true] span{color:#b9e6d3}@media (hover:none){.visit{opacity:1;transform:none}}@media (width<=1100px){.work-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.socials{position:absolute}.products{padding:60px 22px}.work-grid{grid-template-columns:1fr;gap:28px}.group-head{margin-top:50px}.group-head h3{font-size:24px}.work-caption h3{font-size:17px}}.link-stack{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.enquiry{background:#fff;border:1px solid #ececec;border-radius:12px;padding:34px;box-shadow:0 14px 40px -22px #0000003a}.enquiry h3{margin:0 0 6px;font-size:24px}.enquiry-intro{color:#666;margin:0 0 26px;font-size:14px}.field-row{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.field{border:0;min-width:0;margin:0 0 20px;padding:0;display:block;position:relative}.field>label>span,.field>legend{letter-spacing:.2px;margin-bottom:8px;padding:0;font-size:13px;font-weight:500;display:block}.field em{color:#888;margin-left:6px;font-size:12px;font-style:normal;font-weight:400}.field b{color:#c0392b;font-weight:500}.field select{color:#111;background:#fff;border:1px solid #e4e4e4;border-radius:3px;width:100%;padding:15px 16px;font-size:14px}.field select:focus{outline-offset:2px;outline:2px solid #367d65}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#c0392b}.field-error{color:#b3261e;margin-top:6px;font-size:12px;display:block}.count{color:#8a8a8a;font-size:11px;position:absolute;bottom:-18px;right:2px}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{margin:0;display:inline-block;position:relative}.choice input{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.choice span{cursor:pointer;border:1px solid #d6d6d6;border-radius:99px;padding:9px 15px;font-size:13px;transition:all .2s;display:inline-block}.choice:hover span{border-color:#000}.choice input:checked+span{color:#fff;background:#000;border-color:#000}.choice input:focus-visible+span{outline-offset:3px;outline:3px solid #367d65}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.button[disabled]{opacity:.6;cursor:progress}.form-status:empty{display:none}.form-alert{color:#8a1c14;background:#fdecea;border-radius:4px;margin:16px 0 0;padding:12px 14px;font-size:13px}.thanks{text-align:center;padding:50px 30px}.thanks-mark{background:#b9e6d3;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:26px;display:grid}.thanks p{color:#555;max-width:380px;margin:0 auto 24px}@media (width<=700px){.enquiry{padding:24px 18px}.field-row{grid-template-columns:1fr;gap:0}.field select{padding:14px;font-size:16px}.enquiry h3{font-size:21px}}.home{flex-direction:column}.wave-stage{--s:1;height:calc(440px*var(--s));align-self:stretch;margin:14px -50px 0;position:relative;overflow:hidden}.wave-inner{transform:scale(var(--s));transform-origin:50% 0;margin-left:-800px;position:absolute;top:0;left:50%}.wave-inner>svg{width:1600px;height:400px;position:absolute;top:0;left:0;overflow:visible}.wave-text{letter-spacing:.4px;fill:#fff;font:700 19px DM Sans,Arial,sans-serif}.wave-card{transform:rotate(var(--rot));background:#b9e6d3;border-radius:18px;animation:6s ease-in-out infinite bob;position:absolute;overflow:hidden;box-shadow:0 22px 40px -16px #0000004d,0 4px 10px #00000018}.wave-card img{object-fit:cover;width:100%;height:100%;display:block}.blob-pos{z-index:3;width:60px;height:60px;position:absolute}.wave-inner .blob{width:60px;height:60px;animation:16s linear infinite spin;display:block}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-10px) rotate(var(--rot))}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.wave-stage{--s:.8}}@media (width<=700px){.wave-stage{--s:.6;margin-inline:-20px}}.role-pill{color:#0b3d2a;letter-spacing:.3px;background:#b9e6d3;border-radius:99px;align-items:center;gap:8px;margin:0 0 22px;padding:8px 16px 8px 12px;font-size:14px;font-weight:600;display:inline-flex}.role-pill svg{width:18px;height:18px}@media (width<=700px){.role-pill{margin-bottom:16px;font-size:12px}}