.portfolio-page{--paper:#f3f0e7;--ink:#172e27;--muted:#5e6b61;--accent:#376a51;--sans:'DM Sans',Arial,sans-serif;--display:'DM Sans',Arial,sans-serif;--pad:clamp(22px,5vw,90px)}
.portfolio-page *{min-width:0}
.portfolio-page .portfolio-bridge{height:43px;background:#18392e;color:#eeeadd;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font:10px/1.3 var(--mono);letter-spacing:.07em}
.portfolio-bridge>a:first-child{font:600 20px/1 var(--sans);letter-spacing:-1px}.portfolio-bridge>a:first-child span{color:#c6d6b1}.portfolio-bridge>a:last-child{padding:8px 0}.portfolio-page .header{height:99px;gap:30px}.portfolio-page .logo strong{font-size:30px;font-weight:500;letter-spacing:-1.8px}.portfolio-page .logo em{font-family:'Instrument Serif',Georgia,serif;font-style:normal;font-size:1.15em;letter-spacing:-1px}.portfolio-page .logo>span{font-size:8px;letter-spacing:.12em;max-width:145px;line-height:1.5}.portfolio-page .nav{font-size:12px;gap:25px}.portfolio-page .button{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:16px 23px;gap:25px}.portfolio-page .header-actions>.button{padding:12px 16px;font-size:11px}.portfolio-page .hero{grid-template-columns:1fr 1.1fr;min-height:670px}.portfolio-page .hero-copy{padding-right:50px}.portfolio-page .hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(49px,5.2vw,82px);font-weight:500;letter-spacing:-.07em;line-height:1.04;margin:27px 0}.portfolio-page .hero h1 em{font-family:'Instrument Serif',Georgia,serif;font-size:1.13em;font-weight:400;letter-spacing:-.045em;line-height:1.06}.portfolio-page .hero-summary{font-size:16px;max-width:460px;line-height:1.8}.portfolio-page .hero-art{padding:31px 32px 28px;background:#19382d}.portfolio-page .art-main{aspect-ratio:1.2;max-height:490px}.portfolio-page .art-main>img{object-fit:cover}.portfolio-page .art-meta{font-size:9px;color:#cad6c8}.portfolio-page .art-bottom{font-size:12px}.portfolio-page .art-bottom span{font-size:10px;max-width:180px;text-align:right}.portfolio-page .hero-ctas{gap:12px}.portfolio-page .hero-foot{font-size:11px;line-height:1.6;color:var(--muted);letter-spacing:0;text-transform:none;margin-top:25px}.lab-quicklink{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:11px;border-bottom:1px solid #b9c4b4;padding:7px 0}.live-dot{width:5px;height:5px;border-radius:50%;background:#658750}.portfolio-page .capability-strip{padding-block:23px;font-size:10px}.portfolio-page .section-heading h2{font-size:clamp(37px,4vw,58px);font-weight:400;letter-spacing:-.055em;line-height:1.12}.portfolio-page .section-intro{font-size:14px;line-height:1.8}.portfolio-page .selected-work{padding-top:84px}.portfolio-page .project-kind{font-size:9px}.portfolio-page .project-view{aspect-ratio:1.3}.portfolio-page .project-copy h3{font-size:26px;font-weight:500;letter-spacing:-.05em}.portfolio-page .project-copy p{font-size:13px}.portfolio-page .tags .tag{font-size:9px}.portfolio-page .filter-bar button{font-size:11px;padding:9px 15px}.portfolio-page .project-note{font-size:11px;max-width:800px;line-height:1.7}.portfolio-lab-section{padding:0 0 84px;scroll-margin-top:25px}.portfolio-lab-section .section-heading{margin-bottom:30px}.portfolio-page .feature-band h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(45px,5vw,74px);font-weight:400;letter-spacing:-.03em}.portfolio-page .feature-copy p{font-size:16px}.portfolio-page .service h3{font-weight:500}.portfolio-page .studio h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:55px;line-height:1.02;letter-spacing:-.03em}.portfolio-page .studio p{font-size:14px;line-height:1.8}.portfolio-page .contact{background:#19382d;--accent:#c8dfbd;--accent-ink:#19382d}.portfolio-page .contact h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(49px,5vw,73px);font-weight:400;letter-spacing:-.03em;line-height:1.03}.contact-email{font-size:13px;border-bottom:1px solid #91a68c;display:inline-block;padding:12px 0;margin-top:18px;color:#e0ecd6}.portfolio-page .contact .button{background:#d2dec1;border-color:#d2dec1;color:#19382d}.portfolio-page .contact p{font-size:14px}.portfolio-page .field input,.portfolio-page .field textarea,.portfolio-page .field select{font-size:14px}.portfolio-page .form-note{font-size:11px;line-height:1.7}.reference-field input[type=file]{border:1px dashed #91a68c;padding:14px;background:#244334;font-size:12px}.reference-field>p{font-size:11px!important;margin:10px 0 0!important;line-height:1.6!important;color:#c3d2bd!important}.reference-field ul{list-style:none;padding:0;margin:8px 0 0}.reference-field li{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #526e58;padding:10px 0;font-size:12px}.reference-field li span{overflow-wrap:anywhere}.reference-field small{display:block;opacity:.7;font-size:10px}.reference-field button{font:11px var(--sans);border:0;border-bottom:1px solid #91a68c;padding:5px 0;background:none;color:#e0ecd6}.lab-load-fallback{background:#18392e;padding:25px;text-align:center;color:#f3f0e7}.lab-load-fallback img{max-width:700px;width:100%;display:block;margin:auto}.lab-load-fallback p{font-size:13px;margin-top:20px}.portfolio-page .dialog-content .button{color:#fff}.portfolio-page .footer .logo em{font-size:1.05em}
@media(max-width:1100px){.portfolio-page .logo>span{display:none}.portfolio-page .nav{gap:17px;font-size:11px}.portfolio-page .header{gap:22px}.portfolio-page .hero-copy{padding-right:25px}.portfolio-page .hero h1{font-size:clamp(42px,5.4vw,65px)}.portfolio-page .hero-summary{font-size:14px}.portfolio-page .hero-ctas .button{padding:14px 16px;font-size:11px;gap:13px}.portfolio-page .hero-art{padding:25px}.portfolio-page .hero{min-height:590px}.portfolio-page .art-bottom{display:block}.portfolio-page .art-bottom span{display:block;max-width:none;text-align:left;margin-top:7px}}
@media(max-width:760px){.portfolio-page .portfolio-bridge{height:39px;font-size:9px;gap:12px}.portfolio-bridge>a:first-child{font-size:17px}.portfolio-bridge>span{display:none}.portfolio-page .header{height:78px}.portfolio-page .logo strong{font-size:27px}.portfolio-page .header-actions{gap:14px}.portfolio-page .hero{display:grid;grid-template-columns:1fr;min-height:0}.portfolio-page .hero-copy{padding:42px 0 32px}.portfolio-page .hero h1{font-size:clamp(48px,9.8vw,68px);margin:24px 0}.portfolio-page .hero-summary{font-size:15px;max-width:450px}.portfolio-page .hero-art{padding:24px 22px}.portfolio-page .art-main{aspect-ratio:1.25}.portfolio-page .art-bottom{display:flex}.portfolio-page .art-bottom span{max-width:150px;text-align:right;margin-top:0}.portfolio-page .hero-foot{margin-top:21px}.portfolio-page .capability-strip{font-size:10px;gap:15px}.portfolio-page .selected-work{padding-top:58px}.portfolio-page .section-heading h2{font-size:39px}.portfolio-page .section-intro{font-size:13px}.portfolio-page .portfolio-lab-section{padding-bottom:58px}.portfolio-page .contact h2{font-size:51px}.portfolio-page .field input,.portfolio-page .field textarea,.portfolio-page .field select{font-size:16px}.portfolio-page .studio h2{font-size:45px}.portfolio-page .dialog-content .button{font-size:12px}.portfolio-page .brief-form{grid-template-columns:1fr}.portfolio-page .field{grid-column:1/-1}.reference-field input[type=file]{font-size:13px}}
@media(max-width:360px){.portfolio-page .hero h1{font-size:45px}.portfolio-page .hero-ctas{align-items:flex-start;flex-direction:column}.portfolio-page .art-meta{font-size:8px}.portfolio-page .art-bottom{display:block}.portfolio-page .art-bottom span{text-align:left;max-width:none;margin-top:7px}.portfolio-page .logo strong{font-size:25px}.portfolio-page .header-actions{gap:9px}.portfolio-page .section-heading h2{font-size:35px}}