.portfolio-hero-note{font-size:12px;line-height:1.7;margin-top:19px;max-width:530px;color:#b5cbbd}
.hero-copy h1{font-size:clamp(50px,5vw,72px);line-height:1.06}
.portfolio-hero-art{padding:24px 24px 62px;background:radial-gradient(ellipse at 50% 0,#365c3540,transparent 65%),linear-gradient(145deg,#0e281ef5,#061710f5)}
.portfolio-seal{text-align:center;padding:14px 0 24px}.portfolio-seal .eyebrow{font-size:9px}.portfolio-mark{font:400 76px/.95 Georgia,serif;letter-spacing:-.13em;color:var(--gold);margin:15px 12px 13px 0}.portfolio-mark span{color:var(--mint)}.portfolio-seal>p{font-size:12px;color:#c3d4c5}
.portfolio-identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.portfolio-identity-grid a{min-width:0;background:#092016c4;border:1px solid #36503b;border-radius:10px;overflow:hidden;padding:7px 7px 12px;text-align:center}.portfolio-identity-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:5px;display:block;mix-blend-mode:screen;animation:portfolio-logo-breathe 6.3s ease-in-out infinite alternate}.portfolio-identity-grid a:nth-child(2n) img{animation-delay:-2.4s;animation-duration:7.1s}.portfolio-identity-grid a:nth-child(3n) img{animation-delay:-4.1s;animation-duration:5.8s}.portfolio-identity-grid span{display:block;font-size:10px;line-height:1.4;color:#dfedda;margin-top:8px;overflow-wrap:anywhere}.portfolio-identity-grid a:hover{border-color:var(--lime)}
@keyframes portfolio-logo-breathe{from{transform:translateY(1px) scale(.97) rotate(-.4deg)}to{transform:translateY(-2px) scale(1.04) rotate(.6deg)}}
body[data-portfolio-motion="paused"] .portfolio-identity-grid img{animation-play-state:paused}
.portfolio-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.portfolio-start-grid>a{min-width:0;padding:25px 23px;border:1px solid var(--line);border-radius:12px;background:#0b2219e8;transition:border-color .2s,transform .2s}
.portfolio-start-grid>a:hover{border-color:#95bd78;transform:translateY(-3px)}
.portfolio-start-grid span{display:block;font-size:9px;letter-spacing:.13em;color:var(--lime);margin-bottom:22px}
.portfolio-start-grid h3{font:400 26px/1.13 Georgia,serif;letter-spacing:-.025em;margin-bottom:17px;color:var(--ink)}
.portfolio-start-grid p{font-size:13px;line-height:1.7;min-height:46px}.portfolio-start-grid b{display:block;font-size:11px;margin-top:24px;font-weight:600;color:var(--ink)}
.portfolio-eight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;list-style:none;padding:0;margin:0}
.portfolio-eight-grid>li{min-width:0;display:flex}
.portfolio-family-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#142c20f5,#0a2018f5);transition:transform .24s,border-color .24s}
.portfolio-family-card:hover{transform:translateY(-5px);border-color:#9bc47a}
.portfolio-family-card__image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#061710}
.portfolio-family-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.85)}
.portfolio-family-card:hover img{transform:scale(1.06)}
.portfolio-family-card__image::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0b2117)}
.portfolio-family-card__job{position:absolute;z-index:1;bottom:16px;left:21px;font-size:9px;letter-spacing:.16em;color:var(--lime)}
.portfolio-family-card__copy{padding:18px 21px 23px;display:flex;flex-direction:column;flex:1}
.portfolio-family-card h3{font:400 29px/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 11px;overflow-wrap:anywhere;color:var(--ink)}
.portfolio-family-card__title{font-size:13px;line-height:1.55;color:#d3e2d5;min-height:42px;margin-bottom:12px}
.portfolio-family-card__detail{font-size:12px;line-height:1.75;flex:1;margin-bottom:18px}
.portfolio-family-card__stage{font-size:9px;line-height:1.5;letter-spacing:.04em;padding:7px 9px;border:1px solid #425b3b;background:#23392566;border-radius:6px;color:#d4e5b8;align-self:flex-start}
.portfolio-family-card__filing{font-size:9px;letter-spacing:.025em;margin-top:14px;color:#a9bdb1}
.portfolio-family-card__link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:11px;color:var(--ink)}
.portfolio-all-note{font-size:12px;margin-top:25px;max-width:870px}
.eight-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.eight-choice-grid a{border:1px solid var(--line);border-radius:10px;background:#10291eea;padding:22px;min-width:0}.eight-choice-grid span{display:block;font-size:9px;letter-spacing:.14em;color:var(--lime);margin-bottom:15px}.eight-choice-grid h3{font:400 23px/1.15 Georgia,serif;letter-spacing:-.025em}.eight-choice-grid p{font-size:12px;margin-top:13px}.eight-choice-grid b{display:block;font-size:11px;margin-top:20px;font-weight:500}
@media(max-width:1120px){.portfolio-eight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portfolio-family-card__image{aspect-ratio:16/8}.portfolio-family-card h3{font-size:32px}.portfolio-family-card__title{min-height:0}.portfolio-start-grid,.eight-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-eight-grid{grid-template-columns:1fr}.portfolio-family-card__image{aspect-ratio:16/8}.portfolio-family-card__copy{padding:19px 23px 24px}.portfolio-family-card__detail{font-size:14px}.portfolio-family-card__title{font-size:15px}.portfolio-family-card__stage,.portfolio-family-card__filing{font-size:11px}.portfolio-family-card__link{font-size:13px}.portfolio-start-grid,.eight-choice-grid{grid-template-columns:1fr}.portfolio-start-grid p{min-height:0}.portfolio-start-grid>a{padding:24px}.portfolio-start-grid h3{font-size:29px}.portfolio-hero-art{padding:20px 16px 54px}.portfolio-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-identity-grid span{font-size:12px}.portfolio-mark{font-size:64px}}
@media(prefers-reduced-motion:reduce){.portfolio-family-card,.portfolio-family-card img,.portfolio-start-grid>a,.portfolio-identity-grid img{animation:none!important;transition:none!important;transform:none!important}}