.portfolio-intro{padding:70px max(5vw,24px) 45px;border-bottom:1px solid #10243a}
.portfolio-intro h1{font-size:clamp(48px,8vw,112px);line-height:.97;letter-spacing:-.06em;max-width:1050px;margin:20px 0 28px}.portfolio-intro h1 em{color:#bd492c;font-style:normal}.portfolio-intro>p{max-width:660px;font-size:20px;line-height:1.6}
.portfolio-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.portfolio-jump a,.portfolio-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid #10243a;text-decoration:none;font-weight:700;min-height:48px}.portfolio-button{background:#10243a;color:#fff!important}.portfolio-button:hover{background:#234763}
.portfolio-section{padding:55px max(5vw,24px);border-bottom:1px solid #10243a}.portfolio-section h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;margin:12px 0 16px;line-height:1.1}.portfolio-section>p{max-width:740px;line-height:1.65}.portfolio-label{font-size:14px;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0 10px}.portfolio-card{padding:28px;border:1px solid #10243a;background:#fffdf5;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.portfolio-card h3{font-size:30px;line-height:1.1;margin:0}.portfolio-card p{font-size:17px;line-height:1.65;margin:0;max-width:620px}.portfolio-card>a:last-child{margin-top:auto;font-weight:700;min-height:44px;display:flex;align-items:center}.portfolio-card img{width:76px;height:76px;object-fit:contain;border-radius:16px}.portfolio-status{font-size:13px;letter-spacing:.06em;font-weight:700;padding:7px 10px;background:#dce8d9;color:#173e35;display:inline-block}.portfolio-status.pending{background:#f6dfbe;color:#60370b}.portfolio-phone{background:#e2e8da}.portfolio-phone .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-phone .portfolio-card{background:transparent}.portfolio-phone .portfolio-card h3{font-size:24px}.portfolio-phone .portfolio-card p{font-size:16px}
.portfolio-detail{max-width:1200px;margin:auto;padding:55px 24px}.portfolio-detail h1{font-size:clamp(48px,7vw,90px);line-height:1;margin:24px 0}.portfolio-detail .lede{font-size:22px;line-height:1.6;max-width:750px}.portfolio-detail h2{font-size:32px;margin-top:40px}.portfolio-detail li,.portfolio-detail p{line-height:1.7}.portfolio-detail li{margin-bottom:12px}.portfolio-detail .detail-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:50px}.detail-shot{width:100%;max-height:640px;object-fit:contain;margin-top:30px}.portfolio-footer{padding:32px max(5vw,24px);display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}.portfolio-footer nav{display:flex;gap:22px;flex-wrap:wrap}.portfolio-note{font-size:16px;line-height:1.7;max-width:840px}a:focus-visible{outline:3px solid #bc482d;outline-offset:5px}
@media(max-width:760px){.portfolio-grid,.portfolio-phone .portfolio-grid,.portfolio-detail .detail-layout{grid-template-columns:1fr}.portfolio-intro{padding-top:40px}.portfolio-section{padding-top:36px;padding-bottom:36px}.portfolio-card{padding:22px}.field-header{flex-wrap:wrap}.field-header nav{flex-wrap:wrap}.portfolio-detail .detail-layout{gap:12px}}

/* Preserve the original studio field-report typography and palette. */
.portfolio-section h2,.portfolio-card h3,.portfolio-detail h1,.portfolio-detail h2{font-family:Impact,"Arial Black",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.035em}
.portfolio-section h2{font-size:clamp(42px,5vw,72px);line-height:.98}.portfolio-card h3{font-size:38px}.portfolio-phone .portfolio-card h3{font-size:30px}
.portfolio-card p,.portfolio-section>p,.portfolio-detail p,.portfolio-detail li{font-family:Arial,Helvetica,sans-serif;color:#263b48}.portfolio-section>p,.portfolio-card p{font-size:17px}
.portfolio-label,.portfolio-jump,.portfolio-status,.portfolio-button,.portfolio-card>a,.portfolio-footer{font-family:"Courier New",Courier,monospace}
.portfolio-section{background:#f2eddf}.portfolio-phone{background:#9bd3e8}.portfolio-card{background:#f2eddf;border-color:#15202a;border-radius:0}.portfolio-phone .portfolio-card{background:#f2eddf}
.portfolio-label{color:#15202a}.portfolio-card>a{color:#10243a}.portfolio-card>a:hover{color:#8e2a19;text-decoration:underline}
.portfolio-status{background:#10243a;color:#f2eddf}.portfolio-status.pending{background:#f5e849;color:#15202a}
.portfolio-category-bar{padding:20px max(5vw,24px);border-bottom:1px solid #15202a;background:#f2eddf}.portfolio-jump{margin:0}.portfolio-jump a{color:#15202a}.portfolio-jump a:hover{background:#f5e849;color:#15202a}
.portfolio-footer{background:#15202a;color:#f2eddf}.portfolio-footer a{color:#f2eddf}.portfolio-footer a:hover{color:#f5e849}
.field-header nav a:hover,.field-header nav a:focus{color:#8e2a19}.field-mail:hover,.field-mail:focus{background:#f5e849;color:#15202a}.field-header nav a{font-size:12px}.field-header .field-mail{font-size:12px}.field-page .skip-link{background:#10243a;color:#f2eddf}
.portfolio-detail a:not(.portfolio-button){color:#10243a}.portfolio-detail .portfolio-status{font-family:"Courier New",monospace}.portfolio-detail .lede{color:#263b48}
.field-closing a{color:#15202a}.field-hero-intro{font-size:18px}.portfolio-button:focus-visible,.portfolio-button:hover{color:#fff!important}
@media(max-width:560px){.field-header{grid-template-columns:1fr auto}.field-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between}.field-header nav a:nth-child(2){display:block}.field-header nav a{font-size:12px}.field-mail{grid-column:2;grid-row:1}.portfolio-card h3{font-size:34px}}