/* Real site captures sit in restrained browser frames; copy remains ordinary HTML. */
.brand-word{font-size:34px;font-weight:550;letter-spacing:-.075em}.loading-brand .brand-word{font-size:48px}
.studio-projects{background:#f2eee7;color:#30231c}.studio-projects .page-trail{color:#927b6c}.studio-projects .page-trail a{color:#5d4537}
.portfolio{padding:64px 7.2vw 70px;max-width:1800px;margin:auto}.portfolio-kicker,.work-topline{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.12em;line-height:1.7;color:#8a7261}.portfolio-kicker{margin-bottom:42px}.portfolio-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:8%;align-items:end}.portfolio h1{font-size:clamp(43px,4.8vw,78px);font-weight:450;line-height:1.08;letter-spacing:-.065em;margin:0}.portfolio h1 em{font-style:normal;color:#b27853}.portfolio-heading>p{font-size:13px;line-height:1.95;color:#7d6c61;max-width:350px;margin:0 0 5px}.project-index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bda99766;border-bottom:1px solid #bda99766;margin-top:55px}.project-index a{display:flex;gap:15px;align-items:center;padding:24px 18px;font-size:12px;border-right:1px solid #bda99766;transition:background .2s}.project-index a:first-child{padding-left:0}.project-index a:last-child{border:0}.project-index a:hover{background:#e8dfd5}.project-index small{color:#ad8c72;font-size:9px}.project-index a>span{margin-left:auto;color:#ad7048;font-size:18px}
.work-list{margin-top:70px}.work-card{padding:0 0 76px;margin-bottom:54px;border-bottom:1px solid #bda99766;scroll-margin-top:130px}.work-topline{margin-bottom:25px}.work-topline>span:last-child{letter-spacing:.03em}.work-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:5%;align-items:center}.work-card:nth-child(even) .work-stage{order:2}.work-card:nth-child(even) .work-copy{order:1}.work-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:55px 32px 70px;min-height:410px;background:#d7e0d5;border-radius:14px;perspective:1300px;overflow:hidden;isolation:isolate}.work-stage:before{content:'';position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:#ffffff50;filter:blur(45px);left:20%;top:-45%;z-index:-1}.work-ypi-ae .work-stage{background:#e1d3bf}.work-boston-dental .work-stage{background:#d0e2d8}.work-azur-homes .work-stage{background:#ddd8ce}.browser-frame{width:100%;border:1px solid #ffffffb3;border-radius:8px;overflow:hidden;box-shadow:0 28px 40px -20px #37261760,0 5px 10px #37261712;transform:rotateY(-5deg) rotateX(3deg) rotateZ(-1deg);transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .7s;background:#fff}.work-card:nth-child(even) .browser-frame{transform:rotateY(5deg) rotateX(3deg) rotateZ(1deg)}.work-stage:hover .browser-frame,.work-stage:focus-visible .browser-frame{transform:rotate(0);box-shadow:0 30px 50px -22px #37261775}.browser-bar{height:30px;background:#faf9f7;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;color:#8c837c;font:8px Montserrat,sans-serif;letter-spacing:.04em;border-bottom:1px solid #e6e2dd}.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;background:#c9c0b7;border-radius:50%}.browser-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover;object-position:top}.work-open{position:absolute;bottom:20px;right:25px;left:25px;display:flex;justify-content:space-between;align-items:center;color:#3d493b;font-size:10px}.work-open>span{font-size:23px}.work-copy h2{font-size:clamp(30px,3.1vw,48px);letter-spacing:-.055em;font-weight:500;line-height:1.1;margin:0 0 22px}.work-headline{font-size:18px;line-height:1.55;letter-spacing:-.035em;max-width:350px;margin:0 0 17px;color:#79533b}.work-description{font-size:12px;line-height:1.95;color:#77685e;margin:0}.work-features{list-style:none;padding:0;margin:25px 0;display:flex;gap:7px;flex-wrap:wrap}.work-features li{font-size:9px;line-height:1.5;padding:7px 10px;border:1px solid #c6b7a680;border-radius:20px;color:#82664f}.work-link{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #bda99788;font-size:11px;max-width:230px}.work-link>span[aria-hidden]{font-size:18px}.portfolio-colophon{font-size:16px;line-height:1.7;text-align:center;color:#91765e;max-width:500px;margin:0 auto}.studio-projects .inner-cta{background:#e5d5c4;color:#4f3524}.studio-projects .inner-cta .button{border-color:#8c674d66}
.work-card:nth-child(even) .work-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}
@media(max-width:1050px){.portfolio{padding-left:6vw;padding-right:6vw}.work-layout{gap:4%;grid-template-columns:1.45fr 1fr}.work-card:nth-child(even) .work-layout{grid-template-columns:1fr 1.45fr}.work-stage{padding:40px 20px 60px;min-height:320px}.work-copy h2{font-size:32px}.work-headline{font-size:16px}.work-description{font-size:11px}}
@media(max-width:760px){.brand-word{font-size:30px}.portfolio{padding:45px 7vw 50px}.portfolio-kicker{font-size:7px;margin-bottom:27px}.portfolio-heading{display:block}.portfolio h1{font-size:clamp(36px,10vw,62px)}.portfolio-heading>p{margin-top:23px;font-size:12px}.project-index{grid-template-columns:1fr 1fr;margin-top:30px}.project-index a{font-size:11px;padding:18px 10px!important;gap:8px}.project-index a:nth-child(2){border-right:0}.project-index a:nth-child(-n+2){border-bottom:1px solid #bda99766}.work-list{margin-top:45px}.work-card{padding-bottom:40px;margin-bottom:35px;scroll-margin-top:115px}.work-topline{font-size:7px;gap:12px;letter-spacing:.05em;margin-bottom:16px}.work-topline>span:last-child{text-align:right;max-width:95px}.work-layout{grid-template-columns:1fr;gap:27px}.work-card .work-stage{order:0!important;min-height:0;padding:30px 17px 55px;border-radius:10px}.work-card .work-copy{order:1!important}.browser-bar{height:22px;font-size:6px;padding:0 8px}.browser-frame{border-radius:5px}.work-open{font-size:8px;bottom:14px;left:18px;right:18px}.work-copy h2{font-size:34px;margin-bottom:14px}.work-headline{font-size:18px;margin-bottom:13px}.work-description{font-size:12px}.work-features{margin:20px 0}.work-features li{font-size:9px}.work-link{max-width:none}.portfolio-colophon{font-size:14px}}
@media(max-width:760px){.work-card:nth-child(even) .work-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.browser-frame,.work-card:nth-child(even) .browser-frame{transform:none;transition:none}}