/* Portfolio refinement: keep the citrus/ocean identity and chapter structure. */
:root{--reading-size:14px;--reading-leading:1.85}
h1{letter-spacing:-.035em}h2,h3{text-wrap:balance;letter-spacing:-.025em}
a{text-underline-offset:.25em}html{scrollbar-color:#5a899b #eaf9fc}
.header nav{gap:20px}.header nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.header .nav-contact{gap:10px}.header .wordmark{letter-spacing:1px}
.future-heading{align-items:start}.future-heading>p{padding-top:10px}.future-heading h2{max-width:24em}
.future-page .future-footer{height:auto;min-height:0;position:static;overflow:visible;flex-shrink:0;padding:16px 0 0;margin:0;border-top:1px solid var(--line);line-height:1.8;letter-spacing:0}
.future-page .future-footer>span{display:block}
.future-plan-column>.mini-label{font-size:11px;letter-spacing:.06em}
.future-plan-column>h3{line-height:1.5;font-size:clamp(20px,1.6vw,25px)}
.future-plan-column .plan-context,.future-plan-column .plan-steps p{font-size:var(--reading-size);line-height:var(--reading-leading)}
.future-plan-column .plan-steps li{border-left-width:1px}.future-plan-column .plan-steps h4{font-size:16px}
.future-page .sop-board figcaption{font-size:12px;line-height:1.6}.sop-board a{transition:outline-color .18s;outline:1px solid transparent;outline-offset:3px}.sop-board a:hover{outline-color:var(--deep-blue)}
.plan-output{padding:18px}.plan-output p{font-size:15px;line-height:1.65}.plan-output .mini-label{font-size:11px}
.feedback-page .plan-context,.feedback-page .future-plan-column>h3{min-height:0}
.feedback-page .plan-steps{margin:0;gap:22px}.feedback-page .plan-steps p{font-size:14px}
@media(min-width:701px){
 .future-plan-columns{column-gap:28px;row-gap:16px;grid-template-rows:auto auto auto auto auto auto}
 .future-plan-column{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:16px;align-content:start}
 .future-plan-column>h3{margin:0}.future-plan-column .plan-context{min-height:0}
 .future-plan-column .plan-steps{margin:0;gap:18px;align-content:start}
 .future-combined .sop-board{margin:0;padding:0;align-self:end}.future-combined .plan-output{margin:0;align-self:stretch}
 .feedback-page .future-plan-columns{grid-template-rows:auto auto auto auto auto}
 .feedback-page .future-plan-column{grid-row:span 5}
 .feedback-page .plan-steps{display:grid;grid-template-rows:76px auto}
}
@media(max-width:1000px){.header{height:auto;flex-wrap:wrap;gap:10px;padding-block:16px}.header nav{width:100%;gap:18px;flex-wrap:wrap;justify-content:flex-start}.header nav a{font-size:12px}.future-plan-columns{gap:20px}}
@media(max-width:700px){
 .header nav{gap:4px 20px}.header .nav-contact{padding:0;border:0}
 .future-page.future-combined{padding:26px 18px}.future-plan-columns{gap:36px}
 .future-plan-column{gap:0}.future-plan-column>h3{margin:12px 0 16px}.future-plan-column .plan-context{margin-bottom:20px}
 .future-plan-column .plan-steps{margin:0 0 24px}.feedback-page .plan-steps{margin:0 0 24px}
 .future-page .future-footer{flex-direction:column;gap:6px;font-size:11px}.future-page .future-footer>span:last-child{font-size:10px}
 .future-combined .sop-board{margin:0 0 20px;padding:0}.future-heading>p{padding-top:0}
 .future-concept-images{grid-template-columns:1fr;gap:22px}.future-concept-images figure{max-width:360px;margin:auto;width:100%}.future-concept-images figcaption{font-size:14px}
 .future-nav a{min-height:44px;display:flex;align-items:center}.future-nav{gap:4px 18px}
}
@media(prefers-reduced-motion:reduce){.sop-board a{transition:none}}