.portal-shell{--portal-red:#ff2442;--portal-pink:#fff2f4;--portal-dark:#171719;--portal-line:#e8e8e8;--portal-muted:#747474;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--portal-dark)}
.portal-header{height:76px;padding:0 max(5vw,32px);background:#fffc;border-color:var(--portal-line)}.portal-header .brand{font-weight:650;letter-spacing:0;gap:11px}.portal-header .brand-mark{width:38px;height:38px;border-radius:12px;background:var(--portal-red);color:#fff;font-size:15px}.portal-status{font:12px var(--font-geist-mono);color:var(--portal-muted);letter-spacing:.04em}
.portal-hero{width:min(1440px,100%);margin:0 auto;min-height:560px;padding:clamp(64px,9vw,130px) max(6vw,54px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:8vw;align-items:end;border-bottom:1px solid var(--portal-line);background:radial-gradient(circle at 78% 24%,#ffdce2 0 8%,transparent 30%),linear-gradient(135deg,#fff 0 64%,#fff8f9 64%)}.portal-kicker{margin:0;color:var(--portal-red);font:700 12px var(--font-geist-mono);letter-spacing:.16em}.portal-kicker:before{content:"";display:inline-block;width:28px;height:7px;margin-right:11px;border-radius:9px;background:var(--portal-red)}.portal-hero h1{max-width:850px;margin:34px 0 28px;font-size:clamp(64px,8vw,118px);font-weight:680;line-height:.92;letter-spacing:-.075em}.portal-hero h1 em{color:var(--portal-red);font-style:normal}.portal-hero-copy>p:last-of-type{max-width:620px;margin:0;color:var(--portal-muted);font-size:18px;line-height:1.8}.portal-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.portal-primary-action{min-height:52px;padding:0 22px;border-radius:999px;display:flex;align-items:center;gap:28px;background:var(--portal-red);color:#fff;font-size:15px;font-weight:650;box-shadow:0 12px 30px #ff244226}.portal-primary-action span{font-size:18px}.portal-text-action{padding:12px 0;border-bottom:1px solid var(--portal-dark);font-size:14px}.portal-overview{padding:28px;border:1px solid var(--portal-line);border-radius:24px;background:#fffc;box-shadow:0 18px 60px #2b0c1210}.portal-overview>p{margin:0 0 24px;color:var(--portal-muted);font:11px var(--font-geist-mono);letter-spacing:.12em}.portal-overview dl{margin:0}.portal-overview dl>div{display:flex;justify-content:space-between;align-items:baseline;padding:17px 0;border-top:1px solid var(--portal-line)}.portal-overview dt{font:600 34px var(--font-geist-mono)}.portal-overview dd{margin:0;color:var(--portal-muted);font-size:14px}
.portal-projects{width:min(1420px,92vw);margin:auto;padding:clamp(54px,8vw,110px) 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-tile{min-height:440px;padding:30px;border:1px solid var(--portal-line);border-radius:24px;display:flex;flex-direction:column;background:#fafafa;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-tile-featured{background:var(--portal-pink);border-color:#ffd9df}.project-tile:hover{transform:translateY(-4px);border-color:#d8d8d8;box-shadow:0 18px 44px #17171912}.project-tile-featured:hover{border-color:#ffb5c0}.project-tile-top,.project-tile-foot{display:flex;align-items:center;justify-content:space-between}.project-tile-top>span{font:600 13px var(--font-geist-mono);color:var(--portal-muted)}.project-tile-top b{padding:7px 11px;border-radius:999px;background:#fff;color:var(--portal-muted);font-size:12px}.project-tile-featured .project-tile-top b{background:var(--portal-red);color:#fff}.project-tile-copy{margin:auto 0}.project-tile-copy h3{margin:0 0 18px;font-size:clamp(30px,3vw,48px);font-weight:680;line-height:1.05;letter-spacing:-.045em}.project-tile-featured .project-tile-copy h3{color:var(--portal-red)}.project-tile-copy p{margin:0;color:var(--portal-muted);font-size:16px;line-height:1.75}.project-tile-foot{padding-top:26px;border-top:1px solid var(--portal-line);color:var(--portal-muted);font-size:13px}.project-tile-foot b{color:var(--portal-dark);font-weight:650}.project-tile-featured .project-tile-foot b{color:var(--portal-red)}
.portal-footer{margin-top:auto;height:82px;padding:0 max(5vw,32px);justify-content:flex-start;gap:28px;border-top:1px solid var(--portal-line);color:var(--portal-muted)}.portal-footer>span{margin-right:auto}.portal-footer a:hover{color:var(--portal-red)}
@media(max-width:800px){.portal-header{height:68px;padding:0 6vw}.portal-status{font-size:10px}.portal-projects{width:86vw;padding:42px 0 58px}.project-grid{grid-template-columns:1fr}.project-tile{min-height:280px;padding:24px;border-radius:20px}.project-tile-copy h3{font-size:34px}.project-tile-copy p{font-size:15px}.portal-footer{height:auto;padding:24px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.portal-footer>span{grid-column:1/-1;margin:0 0 4px}}
@media(prefers-reduced-motion:reduce){.project-tile{transition:none}}