:root{--blue:#39233e;--yellow:#f7f5f8;--white:#fff;--ink:#39233e;--muted:#655568;--line:rgba(57,35,62,.18);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--yellow);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:2rem}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:'Space Grotesk',sans-serif}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:.98}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:32px}.wordmark{text-decoration:none;font-weight:700;font-size:29px;letter-spacing:-1.5px;white-space:nowrap}.logo-slash{font-weight:400;display:inline-block;padding-inline:4px}.header nav{display:flex;gap:35px}.header nav a,.nav-contact{text-decoration:none;font-size:15px;font-weight:600}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.nav-contact{border:1px solid var(--ink);padding:12px 18px;border-radius:100px;display:flex;gap:22px}.nav-contact:hover{background:var(--ink);color:var(--yellow)}.skip{position:fixed;top:-100px;left:20px;background:var(--blue);color:white;z-index:50;padding:16px}.skip:focus{top:15px}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 55px;padding-top:48px}.intro{font-size:16px;margin-bottom:28px}h1{font-size:clamp(72px,8.2vw,118px)}.built{position:relative;display:inline-block}.built svg{position:absolute;left:0;bottom:-14px;width:110%;height:24px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round}.hero-description{font-size:19px;line-height:1.55;margin:34px 0 24px;max-width:430px}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:17px 24px;border-radius:100px;font-weight:600;font-size:16px;text-decoration:none;min-height:54px}.button-blue{background:var(--blue);color:var(--white);border:1px solid var(--blue)}.button-blue:hover{background:var(--ink)}.button span{font-size:21px}.hero-project{align-self:center;position:relative;margin-top:38px;transform:rotate(-3deg)}.hero-project-image{border:0;background:var(--blue);padding:22px 22px 0;display:block;width:100%;border-radius:13px 13px 0 0}.hero-project-image img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:3px}.hero-project-image:focus-visible{outline-color:var(--blue)}.hero-project-footer{padding:24px 22px;background:var(--blue);color:var(--white);display:flex;justify-content:space-between;align-items:center;border-radius:0 0 13px 13px}.project-type{display:block;font-size:13px;opacity:.8;margin-bottom:5px}.hero-project-footer strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:26px}.project-switcher{display:flex;gap:7px}.project-switcher button{border:1px solid #9d839f;color:#fff;background:transparent;border-radius:100%;width:38px;height:38px;font-size:14px}.project-switcher button.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.image-note{font-size:13px;padding-top:17px;text-align:center;transform:rotate(3deg)}.project-stamp{position:absolute;right:12px;top:-104px;font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.1;transform:rotate(9deg)}.project-stamp svg{position:absolute;left:-67px;top:21px;width:70px;height:45px;stroke:var(--blue);fill:none;stroke-width:2.5;stroke-linecap:round;transform:rotate(20deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-top:61px;padding-block:23px;border-top:1px solid var(--line)}.work-section{background:var(--blue);color:white;padding:100px 0 76px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.eyebrow{font-size:15px;font-weight:500;margin-bottom:23px}h2{font-size:clamp(42px,5vw,68px)}.section-heading>p{font-size:17px;line-height:1.6;max-width:330px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:47px 32px}.work-wide{grid-column:1/-1}.work-image{position:relative;display:block;border:0;padding:0;width:100%;overflow:hidden;border-radius:5px;background:#e4dce7;text-align:left}.work-image img{width:100%;aspect-ratio:1.5;object-fit:cover}.work-wide .work-image img{aspect-ratio:1.8;object-fit:cover}.open-project{position:absolute;bottom:20px;right:20px;background:var(--yellow);color:var(--ink);padding:11px 18px;border-radius:50px;font-size:14px;display:flex;gap:15px;transition:transform .2s}.work-image:hover .open-project{transform:translateY(-5px)}.work-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-top:20px}.work-caption h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin-bottom:6px}.work-caption p{font-size:15px;color:#e4d7e7}.work-caption>span{font-size:13px;border:1px solid #aa90aa;padding:7px 12px;border-radius:30px;white-space:nowrap}.concept-note{max-width:690px;font-size:14px;color:#e4d7e7;line-height:1.7;margin-top:54px}.services{padding-block:100px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.service-grid article{border-top:1px solid var(--ink);padding-top:27px}.service-icon{width:60px;height:60px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:26px}.service-grid h3{font-size:27px;font-weight:500;letter-spacing:-1px;margin-bottom:17px}.service-grid p{font-size:17px;line-height:1.65;max-width:350px}.service-grid ul{list-style:none;padding:0;margin:25px 0 0;font-size:14px;line-height:2}.service-grid li:before{content:'+';margin-right:12px}.studio{background:#eae3ed;padding:85px 0}.studio-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center}.studio-mark{width:100%;aspect-ratio:1;max-width:360px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:250px;line-height:1;background:var(--blue);color:var(--yellow);border-radius:50%;transform:rotate(-12deg);padding-bottom:30px;margin-inline:auto}.studio-mark span{font-weight:400;margin-left:-10px}.studio h2{margin-bottom:26px}.studio p:not(.eyebrow){font-size:18px;line-height:1.65;margin-top:18px;max-width:580px}.studio-details{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:32px;font-size:14px}.contact{padding-block:105px 85px}.contact h2{font-size:clamp(64px,8.4vw,120px)}.contact h2 span{display:inline-block;transform:rotate(15deg);margin-left:8px}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:35px}.contact-bottom p{font-size:18px;line-height:1.7}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:27px;border-top:1px solid var(--line)}.footer>span{font-size:14px}.footer .wordmark{font-size:25px}dialog{color:var(--ink);background:#fff;border:0;border-radius:12px;padding:0;width:min(1150px,calc(100% - 40px));max-height:calc(100dvh - 50px);overflow:auto}dialog::backdrop{background:rgba(35,18,39,.78);backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:15px;margin:15px 15px 15px auto;display:flex;align-items:center;gap:20px;z-index:2;border:1px solid var(--blue);background:white;padding:9px 17px;border-radius:30px;color:var(--ink)}.dialog-close span{font-size:24px;line-height:1}.dialog-layout>img{width:100%}.dialog-copy{padding:40px 55px 50px;max-width:850px}.dialog-copy h2{margin-bottom:20px}.dialog-copy h3{margin:25px 0 8px;font-size:21px}.dialog-copy p{font-size:17px;line-height:1.65}.dialog-copy .eyebrow{font-size:14px}.dialog-copy .dialog-scope{font-size:14px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px;color:var(--muted)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero{padding-top:65px}.hero-bottom{margin-top:75px}.hero-project{margin-top:20px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-top:30px}h1{font-size:clamp(70px,9vw,95px)}.hero-project-image{padding:14px 14px 0}.hero-project-footer{padding:18px 14px}.hero-project-footer strong{font-size:22px}.project-stamp{top:-90px}.hero-description{font-size:17px}.service-grid{gap:26px}.work-caption{flex-direction:column}.studio-grid{gap:45px}.studio-mark{font-size:200px}.section-heading>p{max-width:270px}.contact-bottom{align-items:flex-start}.footer>span:nth-child(2){display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding-block:24px;flex-wrap:wrap;gap:20px}.wordmark{font-size:25px}.header nav{order:3;width:100%;gap:27px}.header nav a{font-size:14px}.nav-contact{font-size:14px;padding:10px 15px;gap:15px}.hero{grid-template-columns:1fr;padding-top:20px;gap:0}.intro{font-size:14px;margin-bottom:23px}h1{font-size:clamp(67px,17vw,108px);line-height:.99}.hero-description{font-size:18px;margin-top:32px}.hero-project{margin:88px 7px 0}.project-stamp{right:8px;top:-69px;font-size:17px}.project-stamp svg{width:55px;left:-58px;top:9px}.hero-project-footer{padding:20px}.hero-project-image{padding:17px 17px 0}.hero-project-footer strong{font-size:24px}.hero-bottom{margin-top:34px;flex-direction:column;gap:8px;font-size:13px;padding-block:22px}.work-section{padding:60px 0 50px}.section-heading{display:block;margin-bottom:32px}.eyebrow{font-size:14px;margin-bottom:18px}h2{font-size:44px;line-height:1.02}.section-heading>p{max-width:420px;margin-top:24px;font-size:16px}.work-grid{grid-template-columns:1fr;gap:34px}.work-wide{grid-column:auto}.work-wide .work-image img{aspect-ratio:1.5}.work-caption{flex-direction:row;margin-top:16px}.work-caption h3{font-size:23px}.work-caption p{font-size:14px}.work-caption>span{font-size:12px;padding:6px 9px}.open-project{bottom:11px;right:11px;font-size:12px;padding:8px 12px}.concept-note{font-size:14px;margin-top:36px}.services{padding-block:60px}.service-grid{grid-template-columns:1fr;gap:34px}.service-grid article{position:relative;padding-top:25px}.service-icon{width:45px;height:45px;float:right;margin:0 0 15px 20px}.service-grid h3{font-size:27px;margin-bottom:15px;padding-top:5px}.service-grid p{max-width:none;font-size:16px}.service-grid ul{margin-top:16px}.studio{padding-block:55px}.studio-grid{grid-template-columns:1fr;gap:35px}.studio-mark{width:165px;font-size:125px;padding-bottom:16px;margin:0}.studio p:not(.eyebrow){font-size:17px}.studio-details{gap:10px 17px}.contact{padding-block:65px 50px}.contact h2{font-size:clamp(51px,12.9vw,82px)}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{font-size:16px;margin-bottom:25px}.footer{padding-block:25px;flex-wrap:wrap;gap:16px}.footer>span{font-size:12px}.footer .wordmark{font-size:23px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:44px}.dialog-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--accent:#b8482e}.logo-slash,.contact h2 span,.built{color:var(--accent)}.built svg{stroke:var(--accent)}.studio-mark{color:#efad92}.project-switcher button.active{background:#efad92;border-color:#efad92}.open-project{background:#efad92}.button-blue:hover{background:#552e50}.nav-contact:hover{background:#39233e;color:#fff}

.studio-portrait{position:relative;width:100%;max-width:400px;aspect-ratio:1;overflow:hidden;border-radius:50%;margin-inline:auto;background:#c4c1c2}.studio-portrait img{position:absolute;width:190%;max-width:none;height:auto;left:-63%;top:-4%}@media(max-width:700px){.studio-portrait{width:min(270px,100%);margin-inline:0}}

.live-project-link{display:inline-block;margin-top:18px;font-weight:600;font-size:16px;text-decoration:underline;text-underline-offset:5px}.dialog-copy #dialog-live-link{margin-top:20px}