:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f2f2ef;--ink:#232422;--secondary:#6a6e65;--gutter:clamp(24px, 5.3vw, 96px)}.site-shell{max-width:1440px;min-height:100svh;padding:0 var(--gutter);flex-direction:column;margin:auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:24px;min-height:115px;display:flex}.site-brand{align-items:center;gap:13px;display:flex}.site-brand .brand-mark{--brand-size:48px}.site-brand-name{letter-spacing:-1px;font-size:19px;animation:.4s 4s both brand-name-appear}@keyframes brand-name-appear{0%{opacity:0}to{opacity:1}}.site-nav{align-items:center;gap:clamp(16px,3vw,32px);display:flex}.site-nav a{color:#62675e;min-height:44px;padding:15px 0;font-size:13px;position:relative}.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:6px;left:0;right:0}.site-nav a:hover{color:var(--ink)}.site-footer{color:#62675e;border-top:1px solid #d5d8d0;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:11px;display:flex}.home-main{flex-direction:column;flex:1;display:flex}.project-card:hover h2{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.page-main{flex:1;padding:48px 0 50px}.page-title{letter-spacing:-2.5px;text-wrap:balance;margin:0;font-size:clamp(35px,5.3vw,62px);font-weight:400;line-height:1.08}.offer-intro{grid-template-columns:1fr 1.25fr;align-items:start;gap:48px;display:grid}.offer-experience{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}.experience-number{letter-spacing:-3px;margin:0;font-size:54px;line-height:1}.experience-number span{vertical-align:top;margin-left:2px;font-size:.6em;line-height:1.3}.experience-label{margin:1px 0 9px;font-size:15px}.experience-description{color:#62675e;max-width:450px;margin:0;font-size:13px;line-height:1.75}.studio-experience{max-width:360px;color:var(--secondary);margin:24px 0 0;font-size:13px;line-height:1.7}.service-list{border-top:1px solid #d5d8d0;margin:36px 0 30px}.service-row{border-bottom:1px solid #d5d8d0;grid-template-columns:32px minmax(0,1fr) clamp(140px,21vw,220px);align-items:center;gap:32px;padding:22px 0;display:grid}.service-number{color:#62675e;font-size:11px}.service-row h2{letter-spacing:-1px;margin:0;font-size:24px;font-weight:400;line-height:1.25}.service-row p{color:#62675e;max-width:520px;margin:10px 0 0;font-size:14px;line-height:1.65}.service-illustration{aspect-ratio:1.5;object-fit:contain;width:100%;height:auto;display:block}.action-button{background:var(--ink);width:max-content;max-width:100%;color:var(--background);border:1px solid var(--ink);letter-spacing:-.15px;text-align:center;cursor:pointer;border-radius:5px;justify-content:center;align-self:start;align-items:center;min-height:36px;padding:8px 16px;font-size:14px;font-weight:400;line-height:18px;transition:background-color .16s,border-color .16s,transform .12s;display:inline-flex;position:relative}.action-button:hover:not(:disabled){background:#3b4036;border-color:#3b4036}.action-button:active:not(:disabled){background:#181b16;border-color:#181b16;transform:translateY(1px)}.action-button:disabled{opacity:.45;cursor:default}.text-link{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d5d8d0;min-height:32px;padding:6px 0;font-size:13px;line-height:18px;display:inline-flex;position:relative}.text-link:hover{border-color:var(--ink)}.portfolio-empty{color:#62675e;margin:36px 0 0;font-size:15px}.project-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:36px;display:grid}.project-card img{aspect-ratio:1.6;object-fit:cover;border-radius:4px;width:100%;height:auto;display:block}.project-card h2{letter-spacing:-.6px;margin:17px 0 3px;font-size:21px;font-weight:400}.project-card p,.project-category{color:#62675e;font-size:13px}.project-title{margin-top:28px}.project-image{width:100%;height:auto;margin-top:32px}.project-details{border-top:1px solid #d5d8d0;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;padding-top:24px;display:grid}.project-details h2{font-size:16px;font-weight:400}.project-details p{color:#62675e;font-size:14px;line-height:1.7}.contact-page{grid-template-columns:.95fr 1.25fr;align-content:start;align-items:start;gap:48px;padding-top:70px;display:grid}.page-eyebrow{color:#62675e;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:13px;margin-bottom:22px;font-size:11px;display:flex}.page-eyebrow:before{content:"";background:#62675e;width:20px;height:1px}.contact-heading .page-title{letter-spacing:-2px;font-size:clamp(35px,4.3vw,54px);line-height:1.15}.contact-form-column{min-width:0}.contact-alternative{max-width:340px;margin-top:42px}.contact-alternative-label{color:var(--secondary);margin:0 0 12px;font-size:13px;line-height:1.6}.contact-email-button{min-height:36px;font-size:15px}.contact-email-button:disabled{color:var(--secondary);cursor:default}.contact-email-address{letter-spacing:-.6px;overflow-wrap:anywhere;text-underline-offset:6px;max-width:100%;padding:5px 0;font-size:clamp(19px,2vw,24px);line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.contact-email-address:hover{color:#62675e}.email-verification{max-width:100%;margin-top:12px}.email-verification:empty{margin-top:0}.contact-email-error{color:#8d3d2f;margin:12px 0 0;font-size:12px;line-height:1.6}.contact-form fieldset{border:0;gap:24px;min-width:0;margin:0;padding:0;display:grid}.form-fields-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-field{flex-direction:column;gap:9px;min-width:0;font-size:13px;display:flex}.form-field-label{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.form-field small{color:#62675e;font-size:11px}.form-field input,.form-field textarea{color:var(--ink);width:100%;max-width:100%;font:inherit;background:#fafbf8;border:1px solid #c6cbc0;border-radius:3px;min-height:50px;padding:13px 14px;font-size:16px;line-height:1.55}.form-field textarea{resize:vertical;min-height:165px}.form-field [aria-invalid=true]{background:#fff9f5;border-color:#ac6f5a}.field-error{color:#8d3d2f;margin:0;font-size:12px;line-height:1.5}.form-fields-row{align-items:start}.form-consent{cursor:pointer;align-items:start;gap:12px;min-height:44px;font-size:12px;line-height:1.65;display:flex}.form-consent input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:2px 0 0}.form-consent input[aria-invalid=true]{outline-offset:3px;outline:1px solid #ac6f5a}.form-consent input:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.form-consent-group:has(.field-error) .form-consent{min-height:24px}.form-consent-group .field-error{margin:6px 0 0 30px}.form-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.form-verification{max-width:100%;margin-top:16px}.form-verification:empty{margin:0}.form-submit{margin-top:22px}.form-feedback{color:#674627;background:#f6ece1;border:1px solid #d8b897;border-radius:3px;margin:20px 0 0;padding:14px 16px;font-size:13px;line-height:1.6}.form-feedback .text-link{color:inherit;margin-top:7px;display:block}.form-status{color:#62675e;font-size:12px}.contact-page.contact-page-submitted{grid-template-columns:1fr}.contact-page-submitted .contact-form-column{width:100%;max-width:620px}.contact-success h1{letter-spacing:-2px;margin:0 0 24px;font-size:clamp(35px,4.3vw,54px);font-weight:400;line-height:1.15}.contact-success p{color:#62675e;font-size:14px;line-height:1.65}.contact-success strong{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:20px;font-weight:400}@media (max-width:900px){.contact-page{grid-template-columns:1fr;gap:36px;padding-top:40px}.contact-form-column{width:100%;max-width:620px}.offer-intro{grid-template-columns:1fr;gap:28px}.offer-experience{max-width:560px}}@media (max-width:560px){.site-header{flex-wrap:wrap;gap:0;padding:18px 0 12px}.site-brand .brand-mark{--brand-size:40px}.site-brand-name{font-size:17px}.site-nav{justify-content:space-between;gap:12px;width:100%;margin-top:8px}.page-main{padding-top:32px}.page-title{letter-spacing:-1.6px;font-size:37px}.offer-experience{gap:18px}.experience-number{font-size:44px}.experience-label{font-size:14px}.experience-description{font-size:12px}.service-row{grid-template-columns:18px minmax(0,1fr) 96px;gap:12px;padding:26px 0}.service-copy{display:contents}.service-number{grid-area:1/1}.service-row h2{grid-area:1/2;font-size:21px}.service-illustration{grid-area:1/3}.service-row p{grid-area:2/2/auto/-1;margin-top:0;font-size:13px}.project-grid,.project-details,.form-fields-row{grid-template-columns:1fr}.contact-page{gap:32px}.contact-heading .page-title{letter-spacing:-1.4px;font-size:35px}}@media (pointer:coarse){.action-button:before,.text-link:before{content:"";position:absolute;inset:-6px 0}}@media (prefers-reduced-motion:reduce){.action-button,.text-link{transition:none}.site-brand-name{animation:none}}*{box-sizing:border-box}html{min-width:320px}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Studio Sans,Arial,sans-serif}::selection{color:#f2f2ef;background:#232422}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit}svg{flex-shrink:0;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:2px}.skip-link{z-index:30;background:var(--ink);color:var(--background);padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.business-card{max-width:1920px;min-height:100svh;padding:0 var(--gutter);flex-direction:column;margin:auto;display:flex}.card-header{z-index:2;justify-content:space-between;align-items:center;min-height:clamp(96px,12vh,140px);display:flex;position:relative}.brand-mark{--brand-size:64px;width:var(--brand-size);height:var(--brand-size);flex-shrink:0;align-items:center;display:inline-flex;position:relative}.brand-symbol{width:var(--brand-size);height:var(--brand-size);filter:drop-shadow(2px 4px 3px #23242215);flex-shrink:0;animation:1.2s cubic-bezier(.22,1,.36,1) 3.45s both brand-settle;display:block;overflow:visible;transform:perspective(280px)rotateX(14deg)rotateY(-18deg)rotate(4deg)}.brand-intro{animation:1.5s cubic-bezier(.22,1,.36,1) 3s both brand-contract}.brand-word-tail{left:calc(var(--brand-size) * .66);top:calc(var(--brand-size) * .23);font-size:calc(var(--brand-size) * .61);letter-spacing:-.065em;white-space:nowrap;opacity:0;max-width:0;font-weight:600;line-height:1;animation:1.15s cubic-bezier(.65,0,.25,1) 3s both brand-tail-close;position:absolute;overflow:hidden}.brand-word-tail>span{opacity:0;transform-origin:0;animation:brand-letter-fold .7s calc(3s + var(--letter-index) * 45ms) cubic-bezier(.5,0,.2,1) both;display:inline-block}.brand-letter-a{transform-box:view-box;transform-origin:29.5px 46px;animation:1.15s cubic-bezier(.22,1,.36,1) 3.1s both brand-a-settle}.brand-tile{transform-box:view-box;transform-origin:38px 38px;animation:1.1s cubic-bezier(.22,1,.36,1) 3.45s both brand-tile-reveal}.brand-exponent{transform-box:view-box;transform-origin:57px 26px;animation:.65s cubic-bezier(.22,1,.36,1) 3.75s both brand-square-reveal}@keyframes brand-contract{0%{width:calc(var(--brand-size) * 2.8)}to{width:var(--brand-size)}}@keyframes brand-tail-close{0%{max-width:calc(var(--brand-size) * 2.2);opacity:1}65%{opacity:.8}to{opacity:0;max-width:0}}@keyframes brand-letter-fold{0%{opacity:1;filter:blur();transform:translate(0)scaleX(1)}to{opacity:0;filter:blur(2px);transform:translate(-12px)scaleX(.45)}}@keyframes brand-a-settle{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes brand-tile-reveal{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes brand-square-reveal{0%{opacity:0;transform:translate(-7px,7px)scale(.5)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes brand-settle{0%{filter:drop-shadow(0 0 #23242200);transform:perspective(280px)rotateX(0)rotateY(0)rotate(0)}to{filter:drop-shadow(2px 4px 3px #23242215);transform:perspective(280px)rotateX(14deg)rotateY(-18deg)rotate(4deg)}}.contact-link{letter-spacing:-.2px;cursor:pointer;background:0 0;border:0;align-items:center;gap:22px;padding:12px 0;font-size:13px;display:flex}.contact-link svg{width:17px;height:17px;transition:transform .25s}.contact-link:hover svg{transform:translate(2px,-2px)}.card-main{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;min-height:550px;padding:15px 0 30px;display:grid}.card-copy{z-index:1;padding-bottom:30px;position:relative}.card-copy h1{letter-spacing:-.087em;margin:0 0 24px;font-size:clamp(78px,10.8vw,178px);font-weight:600;line-height:1.03}.card-copy h1 .domain-suffix{color:var(--secondary);letter-spacing:-.055em;font-size:.46em}.studio-description{letter-spacing:-.65px;margin:0;font-size:clamp(18px,1.65vw,26px);font-weight:400;line-height:1.5}.studio-services{color:var(--secondary);letter-spacing:-.15px;margin:14px 0 0;font-size:13px;line-height:1.6}.card-footer{justify-content:space-between;align-items:center;gap:24px;min-height:95px;padding:0 0 42px;display:flex}.email-link{letter-spacing:-.45px;cursor:pointer;background:0 0;border:0;align-items:center;gap:24px;padding:10px 0;font-size:16px;display:inline-flex}.email-link svg{width:16px;height:16px;transition:transform .25s}.email-link:hover svg{transform:translate(2px,-2px)}.copyright{color:var(--secondary);font-size:11px}.rubik-stage{--piece:clamp(62px, 6.25vw, 100px);--step:calc(var(--piece) + 2px);--half:calc(var(--piece) / 2);contain:layout style;width:100%;height:520px;position:relative}.rubik-scene{position:absolute;inset:0}.rubik-float{width:0;height:0;animation:9s ease-in-out infinite cube-float;position:absolute;top:43%;left:50%}.rubik-perspective{perspective:1500px;perspective-origin:0 0;width:0;height:0}.rubik-orientation{transform-style:preserve-3d;animation:30s ease-in-out infinite cube-orbit;transform:rotateX(-24deg)rotateY(-33deg)rotate(-6deg)}.rubik-pieces{transform-style:preserve-3d;width:0;height:0}.rubik-echo{pointer-events:none;visibility:hidden;position:absolute;inset:0}.rubik-echo-1{--trail-opacity:.32}.rubik-echo-2{--trail-opacity:.2}.rubik-echo-3{--trail-opacity:.1}.rubik-piece{width:var(--piece);height:var(--piece);left:calc(var(--half) * -1);top:calc(var(--half) * -1);transform-style:preserve-3d;position:absolute}.rubik-face{backface-visibility:hidden;background:#191b1b;border-radius:7px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.face-front{transform:translateZ(var(--half))}.face-back{transform:rotateY(180deg) translateZ(var(--half))}.face-right{transform:rotateY(90deg) translateZ(var(--half))}.face-left{transform:rotateY(-90deg) translateZ(var(--half))}.face-top{transform:rotateX(90deg) translateZ(var(--half))}.face-bottom{transform:rotateX(-90deg) translateZ(var(--half))}.rubik-sticker:after{content:"";background-color:var(--sticker);background-image:linear-gradient(145deg,#ffffff28,#0000 54%,#0000000c);border-radius:5px;position:absolute;inset:5px;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 2px #00000028}.rubik-echo .rubik-face{box-shadow:none;background:0 0}.rubik-echo .rubik-sticker:after{box-shadow:none}.sticker-white{--sticker:#ecebdf}.sticker-yellow{--sticker:#edc737}.sticker-green{--sticker:#268962}.sticker-blue{--sticker:#315fbb}.sticker-red{--sticker:#cb4337}.sticker-orange{--sticker:#e98a3d}.face-right.rubik-sticker:after{background-image:linear-gradient(145deg,#00000003,#00000015)}.face-top.rubik-sticker:after{background-image:linear-gradient(145deg,#ffffff38,#ffffff0d)}.rubik-shadow{width:calc(var(--piece) * 4.1);height:calc(var(--piece) * .9);pointer-events:none;background:radial-gradient(48% 32% at 46% 48%,#22271d50 0%,#22271d2b 32%,#22271d10 60%,#0000 100%),radial-gradient(50% 48% at 53% 52%,#22271d21 0%,#22271d0c 52%,#0000 100%);border-radius:50%;animation:9s ease-in-out infinite shadow-breathe;position:absolute;top:79%;left:53%;transform:translate(-50%,-50%)rotate(-12deg)}@keyframes cube-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes cube-orbit{0%,to{transform:rotateX(-24deg)rotateY(-33deg)rotate(-6deg)}50%{transform:rotateX(-19deg)rotateY(-13deg)rotate(1deg)}}@keyframes shadow-breathe{0%,to{opacity:1;transform:translate(-50%,-50%)rotate(-12deg)scale(1)}50%{opacity:.65;transform:translate(-49%,-50%)rotate(-12deg)scale(1.08)}}@media (min-width:1600px){.card-main{min-height:680px}.rubik-stage{height:620px}}@media (max-width:1000px){.card-main{min-height:490px}.card-copy h1{font-size:clamp(70px,10.5vw,110px)}.rubik-stage{--piece:65px;height:450px}.rubik-shadow{top:76%}.studio-description{font-size:18px}.studio-services{font-size:12px}}@media (max-width:700px){:root{--gutter:28px}.card-header{min-height:90px}.brand-mark{--brand-size:56px}.contact-link{gap:12px;font-size:12px}.contact-link svg{width:15px;height:15px}.card-main{flex-direction:column;justify-content:center;align-items:stretch;min-height:0;padding:32px 0 0;display:flex}.card-copy{padding-bottom:0}.card-copy h1{letter-spacing:-.08em;margin-bottom:17px;font-size:clamp(74px,16.5vw,112px)}.studio-description{letter-spacing:-.45px;font-size:18px}.studio-services{margin-top:9px;font-size:11px}.rubik-stage{--piece:clamp(61px, 11vw, 75px);height:365px;margin-top:16px}.rubik-float{top:44%}.rubik-shadow{top:80%}.card-footer{align-items:center;min-height:100px;padding:34px 0 24px}.email-link{letter-spacing:-.3px;gap:12px;font-size:13px}.email-link svg{width:13px;height:13px}.copyright{font-size:9px}}@media (max-width:380px){:root{--gutter:22px}.card-main{padding-top:20px}.card-copy h1{font-size:16.5vw}.rubik-stage{--piece:56px;height:320px;margin-top:8px}.card-footer{gap:12px}.email-link{font-size:12px}.copyright{font-size:8px}}@media (max-height:700px) and (min-width:701px){.card-header{min-height:85px}.card-main{min-height:420px;padding-block:0}.rubik-stage{--piece:67px;height:400px}.card-footer{min-height:70px;padding-bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.contact-dialog{background:var(--background);width:min(420px,100% - 32px);color:var(--ink);border:1px solid #dedfd9;border-radius:12px;padding:0;box-shadow:0 24px 90px #23242222}.contact-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23242240}.contact-dialog-content{padding:38px 30px 32px;position:relative}.contact-dialog h2{letter-spacing:-1.2px;margin:0 30px 28px 0;font-size:30px;font-weight:600;line-height:1.15}.contact-dialog-close{cursor:pointer;background:0 0;border:1px solid #dedfd9;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:24px;display:grid;position:absolute;top:16px;right:16px}.contact-dialog-close:hover{background:#e9eae4}.contact-dialog-state p{color:var(--secondary);margin:0 0 16px;font-size:13px;line-height:1.6}.revealed-email{letter-spacing:-.6px;overflow-wrap:anywhere;border-bottom:1px solid #b9bcb2;justify-content:space-between;align-items:center;gap:18px;padding-block:10px;font-size:clamp(16px,4.8vw,23px);display:flex}.revealed-email span{flex-shrink:0}.contact-retry{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b9bcb2;padding:8px 0;font-size:13px}.contact-background-check{z-index:20;max-width:calc(100vw - 48px);position:fixed;bottom:24px;right:24px}.contact-trap{display:none}