/* Shared portfolio accent. Brand marks and instructional status colours retain their own palettes. */
:root{--accent:#f36f21;--accent-ink:#ad420c;--rust:#b54a13;--sodium:#f36f21}
html{scroll-padding-top:90px}
body{font-variant-numeric:tabular-nums}
p{text-align:justify;text-justify:inter-word;text-wrap:pretty}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button:active,.btn:active{transform:translateY(1px)}
.workspace-link{white-space:nowrap;border-left:1px solid currentColor;padding-left:16px}
.pchip{max-width:285px;padding:11px 16px;font-size:11px;line-height:1.5;letter-spacing:.035em;text-transform:none;transform:rotate(-4deg);transition:background .3s ease}
.logo-cell:focus-within .logo-mark img{filter:none;opacity:1}
@media(max-width:650px){.workspace-link{padding-left:9px}.navlinks{gap:12px;flex-wrap:wrap;justify-content:flex-end}.navlinks .sound{display:none}.pchip{max-width:230px;font-size:10px;right:-6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Daylight portfolio: orange is a highlight, ink carries readable text. */
.portfolio-page{--paper:#fbf9f5;--paper2:#f3efe8;--ink:#1c1a18;--muted:#6b645c;--line:#ddd5c9;--dark:#f3efe8;--dark2:#f3efe8;--cream:#1c1a18}
.portfolio-page .hero,.portfolio-page .subhero,.portfolio-page .work,.portfolio-page .projects,.portfolio-page .coming{background:#f3efe8;color:#1c1a18}
.portfolio-page .city-bg img{filter:saturate(.55) contrast(.9) brightness(1.35);opacity:.65}
.portfolio-page .city-bg:after{background:linear-gradient(90deg,#f3efe8f5 0%,#f3efe8cc 36%,#f3efe833 85%),linear-gradient(0deg,#f3efe8,transparent 45%)}
.portfolio-page .hero:has(.pstage:hover) .city-bg img,.portfolio-page .hero:has(.pstage:focus-visible) .city-bg img,.portfolio-page .hero:has(.pstage.is-color) .city-bg img{filter:saturate(1) contrast(.95) brightness(1.2)}
.portfolio-page .hero-role,.portfolio-page .hero-note,.portfolio-page .hero-index{color:#4a4540}.portfolio-page .hero h1 .outline{-webkit-text-stroke:1px #6b645c}.portfolio-page .hero-index{border-color:#b9b0a3}.portfolio-page .hero-shape,.portfolio-page .hero-line{border-color:#b9b0a3}
.portfolio-page .about{background:#eee9e0}.portfolio-page .work-stage,.portfolio-page .work-row,.portfolio-page .si-note,.portfolio-page .future-list,.portfolio-page .future-row{border-color:#ddd5c9}.portfolio-page .work-ghost{-webkit-text-stroke:1px #ddd5c9}.portfolio-page .work-no,.portfolio-page .work-desc,.portfolio-page .si-note p,.portfolio-page .future-row p,.portfolio-page .future-foot{color:#6b645c}
.portfolio-page .work-signal{background:#fbf9f5;border-color:#ddd5c9}.portfolio-page .signal-tabs button{border-color:#cfc3b3;color:#6b645c}.portfolio-page .signal-tabs button[aria-pressed=true]{background:#f36f21;color:#1c1a18;border-color:#f36f21}.portfolio-page .signal-kicker,.portfolio-page .signal-caption,.portfolio-page .market-key,.portfolio-page .rent-row,.portfolio-page .lease-axis{color:#6b645c}.portfolio-page .rent-track{background:#eee5da}.portfolio-page .model-grid{background:#ddd5c9;border-color:#ddd5c9}.portfolio-page .model-grid div{background:#fbf9f5}.portfolio-page .model-grid b{color:#a8431a}.portfolio-page .model-grid span{color:#6b645c}
.portfolio-page .city-interlude{background:#f3efe8;color:#1c1a18}.portfolio-page .city-photo img{filter:saturate(.6) brightness(1.3);opacity:.65}.portfolio-page .city-photo:after{background:linear-gradient(180deg,#f3efe833,#f3efe888)}.portfolio-page .city-type .outline{-webkit-text-stroke:1px #5c554b}.portfolio-page .city-caption{color:#1c1a18}.portfolio-page .hotspot:after{background:#fbf9f5;color:#1c1a18;border-color:#ddd5c9}.portfolio-page .scan-grid{mix-blend-mode:multiply;opacity:.2}
.portfolio-page .subhero p,.portfolio-page .subhero .muted{color:#6b645c}.portfolio-page .mode button{color:#1c1a18;border-color:#ddd5c9}.portfolio-page .mode button.active{background:#f36f21}.portfolio-page .page-wipe{background:#ffe0c7}
.life-feature .projects-intro{margin-bottom:55px}.life-feature .projects-intro>.caps{color:#6b645c}.life-feature-story{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;border-block:1px solid #ddd5c9;padding:55px 0;align-items:center}.life-feature-art{display:grid;place-items:center;min-height:300px;background:radial-gradient(ellipse,#f3caa433,transparent 65%)}.life-feature-art svg{height:250px;max-width:100%;transition:transform 1s ease}.life-feature-story:hover svg{transform:scale(1.07) rotate(2deg)}.life-feature-story .status{display:inline-block;border-color:#c5b9aa;color:#a8431a}.life-feature-story h3{font:400 clamp(32px,3.5vw,55px)/1.1 var(--serif);letter-spacing:-.04em;margin:25px 0}.life-feature-story p{font-size:15px;line-height:1.8;color:#6b645c;max-width:580px}.life-feature-link{display:inline-block;border-bottom:1px solid #a8431a;margin-top:28px;padding-bottom:8px;font-size:13px}
@media(max-width:650px){.life-feature-story{grid-template-columns:1fr;gap:20px;padding:30px 0 45px}.life-feature-art{min-height:180px}.life-feature-art svg{height:170px}.portfolio-page .pcoord{background:#f3efe8e6;color:#1c1a18}.portfolio-page .pchip{right:0}.portfolio-page .city-type .solid{color:#1c1a18}}
.portfolio-page .signal-head .caps,.portfolio-page .signal-intro,.portfolio-page .signal-foot,.portfolio-page .rent-bar,.portfolio-page .si-note small{color:#6b645c}
.project-development{display:block;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;color:#a8431a;margin:12px 0}