@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&display=swap");:root{--dark:#1c1d20;--blue:#455ce9;--grey:#999d9e;--line:rgba(28,29,32,.175);--space:clamp(90px,15vw,190px);--ease:cubic-bezier(.7,0,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;color:var(--dark);background:white;font-family:DM Sans,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{color:white;background:var(--blue)}a,button{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{color:inherit}a{text-decoration:none}button{border:0;background:none}button:disabled{opacity:.6;cursor:wait}a,button{outline-offset:7px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue)}.content-width{width:68%;max-width:1300px;margin:0 auto}.eyebrow,.small-label{font-size:10px;font-weight:400;color:#8b8b8b;letter-spacing:.02em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:15px;top:-100px;z-index:1000;padding:15px;background:var(--blue);color:white}.skip:focus{top:15px}.reference-hero{min-height:115svh;background:var(--grey);position:relative;overflow:hidden;color:white}.studio-image{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:auto;min-width:100%;height:110%;object-fit:cover;object-position:center;max-width:none}.hero-nav{position:absolute;left:3vw;right:3vw;top:34px;justify-content:space-between;z-index:2;font-size:16px}.hero-nav,.signature-brand{display:flex;align-items:center}.signature-brand{gap:5px}.signature-brand>span:first-child{transition:transform .6s;display:block}.signature-brand:hover>span:first-child{transform:rotate(1turn)}.hero-nav nav{display:flex;gap:40px}.hero-nav nav button{font-size:inherit;padding:0}.hero-nav nav a,.hero-nav nav button{position:relative}.hero-nav nav a:after,.hero-nav nav button:after{content:"";position:absolute;bottom:-14px;left:50%;height:5px;width:5px;background:currentColor;border-radius:50%;transform:translate(-50%) scale(0);transition:transform .3s}.hero-nav nav a:hover:after,.hero-nav nav button:hover:after{transform:translate(-50%) scale(1)}.location-hanger{position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:0 100px 100px 0;background:var(--dark);height:97px;width:243px;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 16px 40px}.location-hanger p{font-size:16px;line-height:1.2;margin:0}.location-hanger>span{background:#999d9e;border-radius:50%;display:grid;place-items:center;width:68px;height:68px}.location-hanger svg{width:36px;height:36px;animation:globe 15s linear infinite}.hero-profession{position:absolute;left:70.7%;top:50%;transform:translateY(-50%);white-space:nowrap}.hero-profession>svg{width:27px;height:27px;position:absolute;top:-93px}.hero-profession p{font-size:clamp(23px,2.3vw,36px);line-height:1.35;letter-spacing:-.04em;margin:0}.name-marquee{position:absolute;left:0;bottom:15svh;width:100%;padding-bottom:40px;pointer-events:none;overflow:hidden}.name-track{display:flex;width:max-content;transform:translateX(-5%);will-change:transform}.name-track>span{font-size:15vw;line-height:1;font-weight:400;letter-spacing:-.05em;white-space:nowrap;padding-right:4vw}.hero-scroll{position:absolute;left:3vw;bottom:35px;width:35px;height:35px;display:none}.hero-scroll svg{width:100%;height:100%}.site-main{position:relative;z-index:1;background:white}.reference-intro{padding-top:clamp(110px,13vw,180px);padding-bottom:clamp(110px,13vw,170px);display:grid;grid-template-columns:70% 30%;gap:0;position:relative}.reference-intro h2{font-size:clamp(26px,2.3vw,42px);line-height:1.45;font-weight:400;letter-spacing:-.03em;margin:0;padding-right:6vw;max-width:900px}.intro-aside{padding-left:2vw;position:relative}.intro-aside p{font-size:clamp(14px,1.2vw,19px);line-height:1.65;margin:0 0 50px;max-width:235px}.circle-button{width:clamp(145px,12vw,200px);height:clamp(145px,12vw,200px);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;isolation:isolate;flex-shrink:0;color:#fff;font-size:14px;line-height:1.5;text-align:center;transition:transform .45s var(--ease);padding:20px}.circle-button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--blue);border-radius:50%;transform:scale(0);transition:transform .55s var(--ease)}.circle-button:hover:before{transform:scale(1)}.circle-button>span{position:relative;display:block}.circle-button svg{display:inline-block;vertical-align:middle;margin-left:4px}.circle-button.black{background:var(--dark)}.circle-button.blue{background:var(--blue)}.circle-button.blue:before{background:#334bd3}.intro-aside .circle-button{position:absolute;top:calc(100% - 15px);left:2vw;z-index:2}.reference-work{padding-bottom:clamp(90px,11vw,155px)}.work-label{font-size:9px;color:#888;display:flex;justify-content:space-between;margin-bottom:40px}.work-label>span{font-size:8px}.work-list{width:84%;margin:auto;max-width:1600px}.work-item{display:block;border-top:1px solid var(--line);transition:color .35s}.work-item:last-child{border-bottom:1px solid var(--line)}.work-item-inner{padding:clamp(45px,5.1vw,85px) 8vw;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.work-item h3{font-size:clamp(45px,5.25vw,90px);font-weight:400;line-height:1;letter-spacing:-.05em}.work-item h3,.work-item p{margin:0;transition:transform .5s var(--ease)}.work-item p{font-size:15px;line-height:1.5;max-width:220px}.work-item:hover h3{transform:translateX(-18px)}.work-item:hover p{transform:translateX(18px)}.work-item:hover{color:#aaa}.mobile-project-image,.work-arrow{display:none}.work-preview{position:fixed;z-index:8;pointer-events:none;width:340px;height:340px;transform:translate(-50%,-50%) scale(0);transition:transform .4s var(--ease);overflow:hidden}.work-preview.active{transform:translate(-50%,-50%) scale(1)}.preview-image-wrap{width:100%;height:100%;padding:40px 20px;display:flex;align-items:center;justify-content:center;position:relative}.preview-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 10px 25px #0001}.preview-view{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:80px;width:80px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:12px}.work-after{display:flex;justify-content:center;position:relative;margin-top:65px;align-items:center;gap:45px}.work-after>span{display:none;font-size:13px;line-height:1.6;max-width:290px}.outline-button{padding:24px 32px;border:1px solid var(--line);border-radius:100px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;gap:20px;position:relative;overflow:hidden;transition:color .4s,background .4s,transform .45s var(--ease)}.outline-button:hover{background:var(--dark);color:#fff}.expertise{padding-bottom:var(--space)}.expertise>h2,.working-grid>h2{font-size:clamp(35px,4vw,70px);line-height:1.15;font-weight:400;letter-spacing:-.04em;margin:40px 0 65px}.expertise-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.expertise-columns article{border-top:1px solid var(--line);padding-top:20px}.service-number{font-size:11px;color:#888}.expertise-columns h3{font-weight:400;font-size:clamp(23px,2.1vw,32px);letter-spacing:-.04em;margin:35px 0 25px;min-height:2.4em}.expertise-columns p{font-size:14px;line-height:1.7;margin:0 0 25px}.expertise-columns small{font-size:10px;color:#777;line-height:1.8;display:block}.plain-promise{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:65px}.plain-promise p{font-size:14px;line-height:1.65;color:#727272;margin:0}.inline-link{font-size:14px;display:inline-flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.inline-link:hover{color:var(--blue)}.diagnostic-strip{background:#e9eaeb;padding:clamp(80px,10vw,150px) 0}.diagnostic-inner>h2{font-size:clamp(45px,5.5vw,95px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:40px 0 45px}.diagnostic-inner>h2>span{color:#898d8e}.diagnostic-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px}.diagnostic-bottom>p{max-width:350px;font-size:16px;line-height:1.7;margin:0}.diagnostic-bottom .circle-button{margin-right:4vw}.working-together{padding:var(--space) 0 calc(var(--space)*1.25)}.working-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;margin-top:40px}.working-grid>h2{margin:0}.working-grid p{font-size:16px;line-height:1.7;margin:0 0 25px}.working-grid p:nth-child(3){color:#777;font-size:14px}.reference-footer{background:var(--dark);color:white;position:relative;padding-top:clamp(110px,13vw,180px);margin-top:-1px}.footer-curve{position:absolute;left:-10%;width:120%;height:90px;top:-1px;transform:translateY(-50%);border-radius:0 0 50% 50%;background:white;pointer-events:none}.reference-footer{overflow:hidden}.contact-title{display:flex;align-items:center;justify-content:space-between}.contact-title h2{font-size:clamp(56px,6.13vw,110px);line-height:1.06;letter-spacing:-.04em;font-weight:400;margin:0 0 90px}.contact-title h2 img{width:.85em;height:.85em;border-radius:50%;object-fit:cover;object-position:50% 10%;vertical-align:baseline;margin-right:10px}.contact-title>svg{width:25px;height:25px;margin-top:-65px}.contact-rule{height:1px;background:#ffffff30;position:relative;margin-bottom:90px}.contact-rule .circle-button{position:absolute;right:10%;top:0;transform:translateY(-50%)}.contact-pills{display:flex;gap:10px}.reference-footer .outline-button{border-color:#ffffff30;font-size:14px}.reference-footer .outline-button:hover{background:#fff;color:var(--dark)}.footer-thought{color:#9b9b9f;font-size:13px;line-height:1.7;margin:35px 0 0}.footer-meta{display:flex;align-items:flex-start;gap:60px;padding:120px 3vw 35px}.footer-meta>div>span{font-size:9px;color:#999}.footer-meta p{font-size:12px;margin:12px 0 0}.footer-socials{margin-left:auto}.footer-socials>div{display:flex;gap:25px;margin-top:12px;font-size:12px}.footer-socials a:hover{text-decoration:underline}.floating-menu{position:fixed;right:30px;top:25px;z-index:20;height:78px;width:78px;border-radius:50%;background:var(--dark);color:white;display:grid;place-items:center;transform:scale(0);transition:transform .5s var(--ease),background .3s}.floating-menu.show{transform:scale(1)}.floating-menu:hover{background:var(--blue)}.floating-menu svg{width:26px;height:26px}.menu-dialog{position:fixed;inset:0;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(620px,100%);max-width:100%;border:0;padding:0;background:var(--dark);color:#fff;overflow:auto}.menu-dialog[open]{animation:menu-in .65s var(--ease)}.menu-dialog::backdrop{background:#0005}.menu-panel{padding:140px 100px 60px;min-height:100%;display:flex;flex-direction:column}.menu-panel .small-label{color:#999;font-size:10px}.menu-close{position:absolute;top:25px;right:30px;width:78px;height:78px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center}.menu-close svg{width:27px;height:27px}.menu-panel>nav{display:flex;flex-direction:column;border-top:1px solid #ffffff30;margin-top:25px;padding-top:35px;gap:8px}.menu-panel>nav>a,.menu-panel>nav>button{font-size:clamp(45px,5.5vw,70px);font-weight:400;letter-spacing:-.04em;text-align:left;padding:0;line-height:1.3}.menu-panel>nav a:hover,.menu-panel>nav button:hover{color:#999}.menu-social{margin-top:auto;padding-top:70px}.menu-social>.small-label{display:block;margin-bottom:22px}.menu-social>a{font-size:13px;display:inline-flex;align-items:center;gap:5px;margin-right:20px}.enquiry-dialog{width:min(680px,calc(100% - 24px));max-height:92dvh;border:0;border-radius:0;background:white;padding:50px;color:var(--dark);box-shadow:0 30px 100px #0004;overscroll-behavior:contain}.enquiry-dialog[open]{animation:modal .35s var(--ease)}.enquiry-dialog::backdrop{background:#1c1d2099;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:17px;top:17px;background:transparent;padding:8px;line-height:1}.enquiry-dialog h2{font-size:45px;font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:22px 0 18px}.enquiry-dialog h2 em{font-style:normal;color:#888}.form-intro{font-size:14px;line-height:1.6;color:#727272;margin-bottom:27px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:12px;font-weight:400;margin-bottom:18px}form label>span{color:#888}input,select,textarea{display:block;width:100%;font-size:14px;background:#fafafa;border:1px solid #ddd;border-radius:0;padding:13px 12px;margin-top:8px;color:var(--dark)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:1px solid var(--blue);outline-offset:0;border-color:var(--blue)}.button{padding:20px 24px;border-radius:50px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;transition:background .3s}.button.blue{background:var(--blue);color:white}.button.blue:hover{background:#334bd3}.submit{width:100%;margin-top:10px}.form-privacy{font-size:10px;line-height:1.7;color:#777}.form-privacy a{text-decoration:underline}.form-error{font-size:12px;line-height:1.5;color:#a92828}.form-error:empty{display:none}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.success{padding:20px 0}.success p{font-size:15px;line-height:1.65;color:#777}.success-icon{height:70px;width:70px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:35px;margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;border-bottom:1px solid var(--line);padding:8px 0}.success .text-link{display:block;margin-top:20px}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}.nav{height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-size:24px;font-weight:500;letter-spacing:-1px}.wordmark span{font-weight:400}.wordmark b{font-size:10px;vertical-align:top}.wrap{width:68%;max-width:1100px;margin:auto}.detail{padding-top:80px;padding-bottom:120px}.detail-back{display:inline-block;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:70px}.detail h1{font-size:clamp(60px,8vw,120px);font-weight:400;letter-spacing:-.055em;line-height:1.1;margin:30px 0}.detail .lede{font-size:25px;line-height:1.5;margin-bottom:60px;color:var(--dark)}.detail h2{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:45px 0 25px}.detail h2,.detail h3{font-weight:400}.detail li,.detail p{font-size:16px;line-height:1.7;color:#666}.detail li{margin-bottom:17px}.detail .button{margin-top:30px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes globe{to{transform:rotate(1turn)}}@keyframes modal{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes menu-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media(min-width:1800px){.hero-nav{font-size:20px}.hero-profession p{font-size:42px}.location-hanger{width:285px;height:115px}.location-hanger p{font-size:18px}.location-hanger>span{width:83px;height:83px}.location-hanger svg{width:43px;height:43px}.work-item-inner{padding-left:8%;padding-right:8%}}@media(max-width:1100px){.hero-nav{font-size:14px}.content-width,.wrap{width:76%}.hero-profession{left:70%}.hero-profession p{font-size:24px}.location-hanger{width:205px;height:85px;padding:12px 12px 12px 27px}.location-hanger p{font-size:14px}.location-hanger>span{width:60px;height:60px}.reference-intro h2{font-size:27px;padding-right:4vw}.intro-aside{padding-left:2vw}.intro-aside p{font-size:14px}.circle-button{width:150px;height:150px;font-size:13px}.expertise-columns{gap:25px}.expertise-columns h3{font-size:23px}.plain-promise{align-items:flex-start}.work-item p{font-size:12px;max-width:170px}.work-item-inner{padding-left:4vw;padding-right:4vw}.reference-footer .outline-button{font-size:12px;padding:22px 25px}.footer-meta{gap:40px}.footer-meta p{font-size:10px}}@media(max-width:720px){html{scroll-padding-top:40px}.content-width,.wrap{width:calc(100% - 48px)}.reference-hero{min-height:110svh;max-height:110svh}.studio-image{top:-5%;height:105%;left:48%}.hero-nav{left:24px;right:24px;top:28px;font-size:14px}.hero-nav nav{display:none}.floating-menu{height:52px;width:52px;right:16px;top:16px;transform:scale(1);background:transparent;color:white}.floating-menu.show{background:var(--dark);color:white}.floating-menu svg{width:24px;height:24px}.hero-profession{left:24px;top:auto;bottom:16svh;transform:none;white-space:normal}.hero-profession p{font-size:25px;line-height:1.25}.hero-profession>svg{top:-55px;width:22px;height:22px}.name-marquee{bottom:37svh;padding-bottom:15px}.name-track>span{font-size:23vw;letter-spacing:-.055em;padding-right:8vw}.location-hanger{left:auto;right:0;top:auto;bottom:14svh;transform:none;width:88px;height:88px;padding:0;border-radius:100px 0 0 100px;justify-content:center}.location-hanger p{display:none}.location-hanger>span{background:transparent;width:65px;height:65px}.location-hanger svg{width:43px;height:43px}.reference-intro{padding:85px 0 125px;display:flex;flex-direction:column;gap:30px}.reference-intro h2{font-size:25px;line-height:1.45;padding:0;letter-spacing:-.03em}.intro-aside{padding:0;min-height:210px}.intro-aside p{font-size:14px;max-width:210px;margin-bottom:20px}.intro-aside .circle-button{top:auto;left:auto;right:0;bottom:-30px;width:145px;height:145px}.reference-work{padding-bottom:75px}.work-label{font-size:9px;margin-bottom:25px}.work-label span{display:none}.work-list{width:calc(100% - 48px)}.work-item{position:relative}.work-item-inner{padding:35px 0;gap:20px;display:grid;grid-template-columns:1fr auto}.work-item h3{font-size:44px;letter-spacing:-.05em;grid-column:1}.work-item p{grid-column:1;grid-row:2;font-size:12px;max-width:none;margin-top:0}.work-arrow{display:block;grid-column:2;grid-row:1/3;width:27px;height:27px}.work-preview{display:none}.work-item:hover h3,.work-item:hover p{transform:none}.work-after{margin-top:35px}.outline-button{padding:21px 28px;font-size:13px}.expertise{padding-bottom:85px}.expertise>h2{font-size:38px;margin:30px 0 40px}.expertise-columns{grid-template-columns:1fr;gap:35px}.expertise-columns h3{font-size:28px;min-height:0;margin:25px 0 18px}.expertise-columns p{font-size:15px;line-height:1.65;margin-bottom:15px}.expertise-columns small{font-size:10px}.plain-promise{padding-top:40px;flex-direction:column;gap:20px}.plain-promise p{font-size:14px}.diagnostic-strip{padding:75px 0}.diagnostic-inner>h2{font-size:46px;letter-spacing:-.055em;margin:30px 0}.diagnostic-bottom{align-items:flex-start;flex-direction:column;gap:30px}.diagnostic-bottom>p{font-size:15px;max-width:300px}.diagnostic-bottom .circle-button{align-self:flex-end;margin-right:0}.working-together{padding:85px 0 115px}.working-grid{display:flex;flex-direction:column;gap:35px;margin-top:30px}.working-grid>h2{font-size:43px;margin:0}.working-grid p{font-size:15px}.reference-footer{padding-top:90px}.footer-curve{height:48px}.contact-title h2{font-size:clamp(43px,9.5vw,67px);line-height:1.1;margin-bottom:85px}.contact-title h2 img{margin-right:5px}.contact-title>svg{width:20px;height:20px;margin-top:-75px}.contact-rule{margin-bottom:105px}.contact-rule .circle-button{right:5%;width:135px;height:135px;font-size:12px}.contact-pills{flex-direction:column;align-items:flex-start;gap:10px}.reference-footer .outline-button{font-size:12px;padding:22px 26px}.footer-thought{font-size:12px;margin-top:30px}.footer-meta{padding:75px 24px 30px;flex-wrap:wrap;gap:30px}.footer-meta p{font-size:10px}.footer-meta>div>span{font-size:8px}.footer-socials{margin:0;border-top:1px solid #ffffff30;padding-top:24px;width:100%}.footer-socials>div{font-size:12px;gap:24px}.menu-dialog{width:100%}.menu-panel{padding:110px 36px 40px}.menu-panel>nav{padding-top:25px}.menu-panel>nav>a,.menu-panel>nav>button{font-size:55px;line-height:1.3}.menu-close{height:52px;width:52px;right:16px;top:16px}.menu-social{padding-top:45px}.enquiry-dialog{padding:40px 24px 30px}.enquiry-dialog h2{font-size:40px}.form-pair{grid-template-columns:1fr;gap:0}.form-intro{font-size:13px}.nav{height:80px;padding:0 24px}.nav>.text-link{font-size:11px}.wordmark{font-size:20px}.detail{padding:50px 0 80px}.detail-back{margin-bottom:40px}.detail h1{font-size:57px}.detail .lede{font-size:22px;margin-bottom:40px}.detail h2{font-size:29px}.detail li,.detail p{font-size:15px}}@media(hover:none){.work-preview{display:none}.circle-button:hover:before{transform:scale(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.name-track{transform:translateX(-5%)}.name-marquee{overflow:hidden}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}@media(min-width:721px){.studio-image{top:2%;height:98%}.hero-profession p{font-size:clamp(23px,2.3vw,36px)}}.diagnostic-invitation{text-align:center}.diagnostic-invitation>p{font-size:15px;line-height:1.6;margin:0 0 24px;color:#777}.light-nav{color:var(--dark)}.mobile-contact{display:none}.about-page-heading{padding-top:clamp(190px,20vw,280px)}.about-page-heading h1{font-size:clamp(45px,6.13vw,110px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:0 0 130px}.about-heading-rule{height:1px;background:var(--line);position:relative;margin-bottom:145px}.about-heading-rule .circle-button{position:absolute;right:8%;top:0;transform:translateY(-50%)}.about-heading-rule svg{width:53px;height:53px}.about-story{display:grid;grid-template-columns:4vw 20% 1fr;gap:4vw;width:84%;max-width:1600px;margin:0 auto var(--space)}.about-story>svg{width:25px;height:25px}.about-story p{font-size:16px;line-height:1.7;margin:0 0 25px}.about-story>div>span{font-size:14px;color:#999;display:block;margin-top:35px}.about-story>img{width:100%;height:650px;object-fit:cover;object-position:50% center}.about-page .working-together{padding-top:0}@media(max-width:720px){.about-page-heading{padding-top:160px}.about-page-heading h1{font-size:44px;line-height:1.1;margin-bottom:95px}.about-heading-rule{margin-bottom:105px}.about-heading-rule .circle-button{width:120px;height:120px;right:0}.about-heading-rule svg{width:43px;height:43px}.about-story{width:calc(100% - 48px);display:grid;grid-template-columns:30px 1fr;gap:25px;margin-bottom:80px}.about-story p{font-size:14px}.about-story>img{grid-column:1/-1;height:400px;margin-top:15px}.mobile-contact{display:inline-flex;font-size:11px;align-items:center;gap:7px}.about-page .expertise h2{font-size:35px}}.entry-loader{position:fixed;z-index:100;inset:0;background:#141517;color:white;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:entry-exit .85s cubic-bezier(.76,0,.24,1) .9s forwards}.entry-loader>span{font-size:clamp(38px,4vw,60px);font-weight:400;letter-spacing:-.04em}@keyframes entry-exit{0%{transform:translateY(0);border-radius:0}to{transform:translateY(-115%);border-radius:0 0 50% 50%;visibility:hidden}}@media(prefers-reduced-motion:reduce){.entry-loader{display:none}}@media(min-width:721px){.studio-image{top:2%;height:110%}.hero-profession,.location-hanger{top:50svh}.hero-profession>svg{top:-12.5svh}}.contact-avatar{display:inline-block;width:.85em;height:.85em;border-radius:50%;overflow:hidden;vertical-align:baseline;margin-right:10px;position:relative;background:#999d9e}.contact-title h2 .contact-avatar img{width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:50% 0;transform-origin:50% 20%;transform:translateY(.25em) scale(2.8)}.urgency-intro{grid-template-columns:70% 30%}.urgency-intro h2{font-size:clamp(30px,3.05vw,55px);line-height:1.18;letter-spacing:-.045em;padding-right:2vw}.urgency-intro h2>span{color:#777}.urgency-description{font-size:16px;line-height:1.7;max-width:540px;margin:28px 4vw 26px 0}.intro-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-right:2vw}.urgency-primary{background:var(--dark);color:white;font-size:13px;padding:21px 26px;white-space:nowrap}.urgency-primary:hover{background:var(--blue);border-color:var(--blue)}.intro-actions>.inline-link{font-size:12px;gap:10px}.urgency-intro .intro-aside .circle-button{top:auto;bottom:-35px}.urgency-intro .intro-aside>p{margin-bottom:165px}@media(min-width:721px){.hero-profession p{font-size:clamp(23px,2.1vw,36px)}}@media(max-width:1100px) and (min-width:721px){.urgency-intro{grid-template-columns:68% 32%}.urgency-intro h2{font-size:32px}.urgency-description{font-size:14px}.intro-actions{gap:12px}.urgency-intro .intro-aside p{font-size:13px}}@media(max-width:720px){.urgency-intro{display:flex;gap:35px;padding-bottom:115px}.urgency-intro h2{font-size:clamp(29px,7vw,43px);line-height:1.2;padding-right:0}.urgency-description{font-size:15px;margin:24px 0}.intro-actions{gap:18px;padding:0;align-items:flex-start;flex-direction:column}.urgency-intro .intro-aside{min-height:200px}.urgency-intro .intro-aside>p{max-width:210px;font-size:14px;margin:0 0 145px}.urgency-intro .intro-aside .circle-button{bottom:0}.hero-profession p{font-size:clamp(19px,5vw,25px)}}.role-line,.role-reveal{display:block}.role-line{position:relative;width:max-content;max-width:100%;white-space:nowrap;line-height:1.35}.role-bar{position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:right center;pointer-events:none}@media(min-width:721px){.hero-profession{max-width:calc(29.3vw - 24px)}.hero-profession p{font-size:clamp(16px,1.9vw,34px)}}@media(max-width:720px){.hero-profession{max-width:calc(100% - 136px)}.hero-profession p{font-size:clamp(15px,4.7vw,25px)}}@media(prefers-reduced-motion:reduce){.role-bar{transform:scaleX(0)!important}}.intro-proof{display:block;font-size:12px;line-height:1.65;margin-top:20px;color:#777}.intro-proof:hover{color:var(--blue)}.case-work .work-item h3{font-size:clamp(35px,4vw,70px);max-width:65%}.case-work .work-item p{flex-shrink:0}.case-detail h1{font-size:clamp(52px,6.5vw,98px)}.case-result{display:flex;align-items:baseline;gap:25px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 70px}.case-result strong{font-size:clamp(37px,5vw,70px);font-weight:400;letter-spacing:-.05em;white-space:nowrap}.case-result>span{font-size:14px;line-height:1.6;color:#777;max-width:300px}.case-visual{margin:0 0 90px;padding:35px;background:#e9eaeb}.case-visual-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:35px}.case-detail .case-visual h2{font-size:clamp(25px,2.6vw,40px);margin:0 0 30px;line-height:1.2}.case-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-flow-step{padding:20px;background:white;position:relative}.case-detail .case-flow-step p{font-size:14px;line-height:1.5;margin:22px 0 0;color:var(--dark)}.case-flow-arrow{position:absolute;right:-16px;top:45%;z-index:1;color:var(--blue)}.case-visual-result{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.case-visual-result>span{font-size:11px;color:#777;line-height:1.6}.case-visual-result strong{font-size:40px;font-weight:400;letter-spacing:-.04em}.case-visual figcaption{font-size:10px;line-height:1.6;color:#777;margin-top:30px}.case-ad-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.case-ad{background:white}.case-ad img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.case-ad>div{padding:22px}.case-detail .case-ad p{font-size:16px;color:var(--dark);margin:12px 0 0}.case-visual-copy ol{padding-left:20px}.case-detail .case-visual-copy li{font-size:14px}.case-detail .case-visual-note{font-size:10px;line-height:1.6}.case-chapter{padding:45px 0;border-top:1px solid var(--line)}.case-detail .case-chapter h2{margin:22px 0}.case-chapter p{max-width:750px}.case-chapter ol{padding-left:22px}.case-root{padding-bottom:35px}.case-end{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;flex-wrap:wrap}.case-end .inline-link{font-size:12px}@media(max-width:720px){.case-work .work-item h3{font-size:39px;max-width:none}.case-work .work-item p{max-width:95%;font-size:12px;white-space:normal}.case-detail h1{font-size:48px}.case-result{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:40px}.case-visual{padding:22px;margin:0 0 50px}.case-visual-heading{flex-direction:column;gap:8px;margin-bottom:25px}.case-flow{grid-template-columns:1fr;gap:22px}.case-flow-step{padding:18px}.case-flow-arrow{right:50%;top:auto;bottom:-21px;transform:rotate(90deg)}.case-ad-layout{grid-template-columns:1fr;gap:25px}.case-chapter{padding:30px 0}.case-end{margin-top:35px;align-items:flex-start;flex-direction:column}.case-detail .case-end .outline-button{font-size:12px;padding:20px 24px}}.case-detail .case-company{color:var(--dark);font-size:clamp(20px,2vw,28px);margin:28px 0 0;letter-spacing:-.025em}.case-site-preview{margin:0 0 70px}.case-site-preview>a{display:block;border:1px solid var(--line)}.case-site-preview img{display:block;width:100%;height:auto}.case-site-preview a>span{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;font-size:14px;transition:color .3s}.case-site-preview a:hover>span{color:var(--blue)}.case-site-preview figcaption{font-size:10px;color:#777;line-height:1.6;margin-top:12px}.case-diagnosis h3{font-size:22px;letter-spacing:-.025em;margin-top:30px}@media(max-width:720px){.case-site-preview{margin-bottom:40px}.case-site-preview a>span{padding:18px;font-size:12px}.case-diagnosis h3{font-size:21px}}.case-interface{margin:0 0 75px;overflow:hidden;border:1px solid var(--line);background:#f4f4f2}.case-detail .case-interface h2{font-size:clamp(25px,2.6vw,39px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px}.store-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;background:#fafaf7;gap:20px}.store-nav>span{font-size:21px;letter-spacing:-.06em}.store-nav small{font-size:8px;letter-spacing:.1em}.store-dot{color:#707d57}.store-body{display:grid;grid-template-columns:1fr 1.1fr}.store-product{position:relative;background:#e7e1d4}.store-product>img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block;filter:brightness(.87)}.store-product>div{position:absolute;bottom:30px;left:30px;right:30px;color:white}.store-product small{font-size:9px;letter-spacing:.1em}.case-detail .store-product h2{font-size:44px;margin:14px 0}.case-detail .store-product p{font-size:12px;color:white;margin:0}.store-checkout{padding:35px 30px;background:#fafaf7}.store-checkout>.small-label{font-size:8px;display:block;margin-bottom:16px}.store-progress{display:flex;flex-wrap:wrap;gap:16px;padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #d9d9d3;font-size:8px;color:#888}.store-progress b{color:#34392e;font-weight:500}.mock-field{font-size:9px;color:#5e6259;margin-bottom:14px;min-width:0}.mock-field>span{display:block;margin-top:6px;border:1px solid #dbddd3;padding:12px;color:#a2a59a;font-size:11px;background:#fff}.mock-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-order{border-top:1px solid #dbddd3;padding:18px 0;font-size:10px;gap:15px}.mock-button,.store-order{display:flex;justify-content:space-between}.mock-button{gap:10px;background:#353f32;color:white;padding:16px 18px;font-size:11px}.mock-note{display:block;text-align:center;color:#888;font-size:8px;margin-top:12px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 25px;background:white;border-bottom:1px solid var(--line)}.workspace-mark{font-size:12px;color:var(--blue)}.workspace-mark b{color:var(--dark);font-weight:500;margin-left:8px}.dashboard-top>small{font-size:8px;color:#999;letter-spacing:.06em}.dashboard-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:410px}.dashboard-sidebar{display:flex;flex-direction:column;gap:8px;padding:28px 16px;border-right:1px solid var(--line);background:#fafafa}.dashboard-sidebar>span{font-size:10px;color:#888;padding:10px 12px}.dashboard-sidebar .active{background:#e9ecfc;color:var(--blue);border-radius:4px}.dashboard-main{padding:30px;min-width:0;background:#fff}.dashboard-breadcrumb{font-size:9px;color:#999;margin-bottom:25px}.case-detail .dashboard-main h2{font-size:30px;margin-bottom:12px}.case-detail .dashboard-description{font-size:11px;line-height:1.6;margin:0 0 25px;color:#888}.dashboard-tabs{display:flex;gap:25px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:8px;color:#999}.dashboard-tabs strong{font-weight:500;color:var(--blue)}.dashboard-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #eee}.dashboard-number{color:var(--blue);background:#f0f2fd;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;flex-shrink:0;font-size:8px}.dashboard-row>div{flex:1;min-width:0}.dashboard-row small{font-size:9px;color:#999}.case-detail .dashboard-row p{font-size:12px;line-height:1.5;margin:5px 0 0;color:var(--dark)}.dashboard-tag{font-size:8px;color:#6b7b66;background:#f1f5ef;padding:6px 8px;border-radius:4px}.dashboard-foot{display:flex;justify-content:space-between;gap:10px;color:#999;font-size:9px;padding-top:22px;line-height:1.6}@media(max-width:950px){.dashboard-body{grid-template-columns:110px minmax(0,1fr)}.dashboard-main{padding:24px}.dashboard-sidebar{padding:24px 8px}.dashboard-tag{display:none}.store-checkout{padding:28px 22px}.store-nav{padding:22px}.case-detail .store-product h2{font-size:35px}.store-product>div{left:22px;right:22px}}@media(max-width:720px){.case-interface{margin-bottom:45px}.store-body{grid-template-columns:1fr}.store-product>img{height:230px;min-height:0}.case-detail .store-product h2{font-size:32px}.store-product>div{bottom:22px}.store-nav{padding:18px}.store-nav>span{font-size:19px}.store-nav small{font-size:7px}.store-checkout{padding:25px 22px}.dashboard-top{padding:16px;flex-wrap:wrap;gap:10px}.dashboard-body{grid-template-columns:1fr;min-height:0}.dashboard-sidebar{display:none}.dashboard-main{padding:22px 18px}.case-detail .dashboard-main h2{font-size:27px}.dashboard-row{gap:10px}.case-detail .dashboard-row p{font-size:11px}.dashboard-foot{font-size:8px}}.case-project-nav{height:90px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;font-size:16px;gap:30px}.case-project-nav nav{display:flex;gap:40px}.case-project-nav nav a{position:relative}.case-project-nav nav a[aria-current]:after{content:"";position:absolute;bottom:-16px;left:50%;width:5px;height:5px;background:var(--dark);border-radius:50%}.case-project-heading{padding-top:clamp(110px,13vw,210px);padding-bottom:clamp(140px,14vw,220px)}.case-project-heading h1{font-size:clamp(58px,7.1vw,125px);line-height:1.08;font-weight:400;letter-spacing:-.055em;margin:0 0 clamp(70px,8vw,120px);max-width:1000px}.case-project-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5vw}.case-project-meta>div>span{display:block;font-size:9px;line-height:1.5;color:#999;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.case-project-meta p{font-size:15px;line-height:1.7;margin:0}.case-project-meta p>span{color:#777}.case-showcase{position:relative;width:84%;max-width:1600px;margin:0 auto clamp(95px,11vw,160px);padding:6vw;background:#e9eaeb}.case-showcase>.case-interface{margin:0;box-shadow:0 14px 40px #1c1d2012;border:0;pointer-events:none}.case-showcase-link{position:absolute;width:clamp(140px,12vw,200px);height:clamp(140px,12vw,200px);right:6vw;top:0;transform:translateY(-50%);z-index:2}.case-showcase-link:hover{transform:translateY(-50%) scale(1.035)}.case-showcase-live{padding:0;background:none}.case-live-image{display:block}.case-live-image img{width:100%;height:auto;display:block}.case-story.detail{padding:0 0 clamp(100px,12vw,170px);max-width:1300px}.case-story-intro{margin-bottom:80px}.case-detail .case-story-intro h2{font-size:clamp(35px,4vw,64px);letter-spacing:-.045em;line-height:1.13;margin:30px 0;max-width:850px}.case-story .case-chapter{display:grid;grid-template-columns:29% minmax(0,1fr);column-gap:6%;padding:55px 0;border-top:0}.case-story .case-chapter>.small-label{grid-column:1;grid-row:1/15;padding-top:7px;max-width:160px;line-height:1.7}.case-story .case-chapter>a,.case-story .case-chapter>h2,.case-story .case-chapter>h3,.case-story .case-chapter>ol,.case-story .case-chapter>p{grid-column:2}.case-story .case-chapter h2{font-size:clamp(27px,2.6vw,40px);line-height:1.2;margin:0 0 24px}.case-story .case-chapter h3{font-size:22px;margin:20px 0 10px}.case-story .case-chapter p{margin:0 0 20px}.case-story .case-chapter ol{margin-top:0}.case-story .case-visual{margin:55px 0;padding:4vw}.case-story .case-diagnosis{padding-top:75px;margin-top:20px;border-top:1px solid var(--line)}.case-story .case-diagnosis .inline-link{justify-self:start;margin-top:15px}.case-next{padding:110px 0 45px;background:var(--dark);color:white}.case-next .small-label{color:#999}.case-next-link{display:flex;justify-content:space-between;align-items:center;gap:50px;margin:40px 0 60px}.case-next-link h2{font-size:clamp(50px,7vw,110px);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:0;transition:transform .5s var(--ease)}.case-next-link:hover h2{transform:translateX(12px)}.case-next-link .circle-button{width:110px;height:110px;font-size:30px}.case-next-rule{height:1px;background:#ffffff30}.case-next-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:40px;font-size:11px}.case-next-bottom .outline-button{border-color:#ffffff30;font-size:12px;padding:20px 26px}.case-next-bottom sup{font-size:8px;color:#999}.case-next-bottom>span{color:#999}@media(max-width:1100px) and (min-width:721px){.case-project-heading h1{font-size:7.5vw}.case-project-meta p{font-size:13px}.case-showcase{padding:5vw}.case-showcase-live{padding:0}.case-story .case-chapter{grid-template-columns:25% minmax(0,1fr);gap:5%}}@media(max-width:720px){.case-project-nav{height:85px;padding:0 24px;font-size:12px;gap:18px}.case-project-nav .signature-brand{font-size:11px}.case-project-nav nav{gap:16px;font-size:11px}.case-project-nav nav a[aria-current]:after{bottom:-12px;width:4px;height:4px}.case-project-heading{padding-top:65px;padding-bottom:120px}.case-project-heading h1{font-size:clamp(49px,12vw,75px);margin-bottom:55px;overflow-wrap:normal}.case-project-meta{grid-template-columns:1fr;gap:28px}.case-project-meta>div>span{padding-bottom:12px;margin-bottom:14px;font-size:8px}.case-project-meta p{font-size:14px}.case-showcase{width:100%;padding:45px 24px;margin-bottom:70px}.case-showcase-link{width:115px;height:115px;right:24px;font-size:12px}.case-showcase-live{padding:0 24px;background:none}.case-showcase>.case-interface{overflow:hidden}.case-story-intro{margin-bottom:25px}.case-detail .case-story-intro h2{font-size:37px}.case-story .case-chapter{display:block;padding:35px 0}.case-story .case-chapter>.small-label{display:block;padding:0;margin-bottom:22px;max-width:none}.case-story .case-chapter h2{font-size:29px;margin-bottom:22px}.case-story .case-chapter h3{font-size:22px}.case-story .case-visual{padding:24px;margin:30px 0}.case-story .case-diagnosis{padding-top:40px}.case-next{padding:70px 0 30px}.case-next-link{margin:30px 0 40px;gap:20px}.case-next-link h2{font-size:44px}.case-next-link .circle-button{height:65px;width:65px;font-size:22px;padding:10px}.case-next-bottom{flex-wrap:wrap;align-items:center;padding-top:30px;gap:25px;font-size:10px}.case-next-bottom .outline-button{font-size:11px;padding:18px 22px}.case-next-bottom>span{order:3;width:100%}}.preview-image-wrap>img.website-preview{object-fit:contain;box-shadow:none}.case-uploaded-visual{margin:0;display:flex;justify-content:center}.case-uploaded-visual img{display:block;width:100%;max-width:1100px;height:auto;object-fit:contain}.case-showcase,.case-showcase-live{height:clamp(320px,58svh,540px);padding:32px;display:flex;align-items:center;justify-content:center;background:#e9eaeb}.case-live-image,.case-uploaded-visual{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0}.case-live-image img,.case-uploaded-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.showcase-fit{position:relative;width:100%;height:100%;overflow:hidden}.showcase-fit-content{position:absolute;left:50%;top:50%;width:1000px;transform:translate(-50%,-50%) scale(.5);transform-origin:center}.showcase-fit-content>.case-interface{margin:0}.showcase-fit-content .store-body{grid-template-columns:1fr 1.1fr}.showcase-fit-content .store-product>img{min-height:500px;height:100%}.showcase-fit-content .store-product>div{bottom:30px}@media(max-width:720px){.case-showcase,.case-showcase-live{height:clamp(250px,48svh,360px);padding:20px 24px}}.case-showcase.case-showcase-coaching{height:clamp(260px,46svh,420px);padding:24px}@media(max-width:720px){.case-showcase.case-showcase-coaching{height:clamp(220px,40svh,300px);padding:18px 24px}}