/* Shared ISS service-page extensions; portfolio galleries use portfolio.css. */
.service-skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:var(--warm-stone);color:var(--ink);transform:translateY(-180%)}.service-skip:focus{transform:none}
.service-hero{padding:clamp(42px,6vw,80px) 0}.service-hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}.service-hero h1{font-size:clamp(2.35rem,4.1vw,3.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;max-width:640px}.service-hero p{margin:24px 0 28px;max-width:52ch;line-height:1.75;font-size:1.08rem}.service-hero-photo{aspect-ratio:4/5;max-height:560px;overflow:hidden;background:var(--charcoal)}.service-hero-photo img{width:100%;height:100%;object-fit:cover}.service-planning{padding:clamp(30px,5vw,65px);background:var(--charcoal);color:var(--warm-stone)}.service-planning p{font:600 clamp(1.8rem,2.6vw,2.4rem)/1.25 var(--display);margin:42px 0 0}.service-scope h2,.service-questions h2,.service-evidence h2{font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:600;line-height:1.15}.service-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px}.service-scope-grid h3{font-size:1.45rem;font-weight:600}.service-scope-grid p{line-height:1.75;color:var(--warm-stone);margin:18px 0 0}.service-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-project-grid .portfolio-card:first-child{grid-column:auto}.service-evidence p{max-width:68ch;line-height:1.8;margin:22px 0}.service-questions .shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.service-questions details{padding:22px 0;border-bottom:1px solid var(--line-on-dark)}.service-questions details:first-child{padding-top:0}.service-questions summary{font-size:1.12rem;cursor:pointer}.service-questions details p{line-height:1.75;margin:18px 0 0;color:var(--warm-stone)}.service-links{padding:30px max(20px,calc((100vw - 1084px)/2));display:flex;flex-wrap:wrap;gap:16px 28px;background:var(--warm-stone);border-top:1px solid var(--line);font-size:.92rem}.service-links a{text-underline-offset:5px;text-decoration-color:var(--terracotta)}:focus-visible{outline:3px solid var(--terracotta);outline-offset:5px}
@media(max-width:760px){.service-hero-layout,.service-questions .shell{grid-template-columns:1fr;gap:32px}.service-hero-photo{aspect-ratio:4/3;max-height:none}.service-scope-grid{grid-template-columns:1fr;gap:30px}.service-project-grid{grid-template-columns:1fr}.service-planning{padding:32px}}
@media(max-width:760px){.iss-service-page .logo-mark{width:185px;height:56px}.iss-service-page .site-nav .btn{white-space:nowrap}}
@media(max-width:360px){.iss-service-page .logo-mark{width:145px;height:45px}.iss-service-page .site-nav .btn{padding:12px 16px}}
/* Service pages mirror the established Decks hero, materials and FAQ markup. */
.shared-service-hero .hero-copy{position:relative;z-index:1;max-width:590px}.shared-service-hero .hero-copy h1{font-size:clamp(2.2rem,4.2vw,3.2rem)}
.service-hero-brand{background:var(--charcoal);isolation:isolate}.service-hero-signature{position:absolute;width:clamp(200px,35vw,460px);height:auto;right:7%;top:25%;opacity:.16;z-index:0;--charcoal:var(--warm-stone)}
.service-hero-credit{position:absolute;right:24px;bottom:12px;font-size:.8rem;color:var(--warm-stone);margin:0;z-index:1}
.service-planning-panel{padding:38px;background:rgba(245,241,234,.04);border-top:3px solid var(--terracotta);min-height:400px;display:flex;flex-direction:column;justify-content:center;gap:28px}.service-planning-panel svg{width:100px;height:68px;--charcoal:var(--warm-stone)}.service-planning-panel h3{font-size:2rem;font-weight:600}.service-planning-panel p{margin:0;color:var(--warm-stone);line-height:1.7}
.material-row.service-static-row{cursor:default}.material-row.service-static-row:hover{background:transparent}
@media(max-width:860px){.shared-service-hero .hero-copy{max-width:none}.service-hero-signature{right:4%;top:20%}.service-planning-panel{min-height:300px}}

/* Two-project selections use matching crops, card widths, and caption rows. */
.portfolio-card-grid.service-project-grid .portfolio-card { display:flex; flex-direction:column; min-width:0; }
.portfolio-card-grid.service-project-grid .portfolio-card .portfolio-media { aspect-ratio: 16 / 10; flex: none; }
.portfolio-card-grid.service-project-grid .portfolio-card-info { flex:1; align-items:baseline; }
@media(max-width:760px){.portfolio-card-grid.service-project-grid .portfolio-card .portfolio-media{aspect-ratio:4/3}}