:root{color-scheme:light;--canvas:#f8fafa;--paper:#ffffff;--ink:#263238;--steel:#546e7a;--line:rgba(23,25,28,0.1);--brand-blue:#1699fc;--brand-cloud:#f5f7f7;--brand-white:#ffffff;--ui-card-radius:0.375rem}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(22,153,252,.1),transparent 38%),linear-gradient(180deg,#fbfcfd 0,var(--canvas) 100%);color:var(--ink);font-family:Inter,Segoe UI,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}main{width:min(1120px,calc(100% - 1.25rem));margin:0 auto;padding:1rem 0 2.5rem}.portal-shell{align-items:start}.portal-content,.portal-shell{display:grid;grid-gap:.85rem;gap:.85rem}.portal-sidebar{position:-webkit-sticky;position:sticky;top:.75rem;z-index:15;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 34px rgba(38,50,56,.08);padding:.75rem}.sidebar-eyebrow{margin:0;color:var(--steel);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.sidebar-title{margin:.3rem 0 .6rem;font-size:.94rem;font-weight:700}.sidebar-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin}.sidebar-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--brand-cloud);min-height:2.25rem;padding:.5rem .9rem;font-size:.82rem;white-space:nowrap;color:var(--steel);font-weight:600;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-link:hover{border-color:rgba(22,153,252,.35);background:rgba(22,153,252,.08);color:var(--ink)}.sidebar-link-active{border-color:var(--brand-blue);background:rgba(22,153,252,.14);color:var(--brand-blue);transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,153,252,.16);animation:nav-active-pop .24s ease-out}.hero,.panel,.review-card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px rgba(38,50,56,.08)}.hero{padding:1rem}.hero-title{margin:.75rem 0 0;font-size:clamp(1.7rem,7vw,2.6rem);line-height:1.12;letter-spacing:-.02em}.hero-copy{margin:.65rem 0 0;max-width:62ch}.section-title{margin:0;font-size:clamp(1.2rem,4vw,1.5rem);line-height:1.25;letter-spacing:-.01em}.section-copy{margin:.7rem 0 0}.section-copy-compact{margin-top:.55rem}.card-title{margin:.9rem 0 0;font-size:clamp(1.15rem,4.4vw,1.4rem);line-height:1.25;letter-spacing:-.01em}.card-copy{margin:.68rem 0 0}.hero p,.meta,.muted,.panel p,.review-card p{color:var(--steel);line-height:1.58}.grid,.pill-row{display:grid;grid-gap:.85rem;gap:.85rem}.grid{grid-template-columns:1fr}.pill{display:inline-flex;align-items:center;gap:.35rem;width:-moz-fit-content;width:fit-content;padding:.44rem .72rem;border-radius:999px;border:1px solid rgba(22,153,252,.28);background:rgba(22,153,252,.12);color:var(--brand-blue);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.panel,.review-card{padding:1rem}.project-photo-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--brand-cloud);box-shadow:0 16px 36px rgba(38,50,56,.08)}.project-photo{display:block;width:100%;height:clamp(220px,34vw,380px);object-fit:cover}.action-row{display:grid;grid-gap:.58rem;gap:.58rem;margin-top:.95rem}.hero-actions{position:-webkit-sticky;position:sticky;bottom:.65rem;z-index:12;margin-top:1rem;padding:.7rem;border:1px solid rgba(23,25,28,.08);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 14px 28px rgba(38,50,56,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.68rem .96rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.92rem;line-height:1.1}.button-primary{background:var(--brand-blue);color:var(--brand-white)}.button-secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}.button:focus-visible,.sidebar-link:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.list{display:grid;grid-gap:.9rem;gap:.9rem;margin:0;padding:0;list-style:none}.meta-grid{display:grid;grid-gap:.7rem;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9rem}.meta-card{padding:.78rem .84rem;border-radius:12px;background:var(--brand-cloud);border:1px solid var(--line)}.meta-card strong{display:block;margin-bottom:.22rem}@media (min-width:640px){main{width:min(1120px,calc(100% - 2rem));padding:1.45rem 0 3.5rem}.hero,.panel,.project-photo-panel,.review-card{border-radius:calc(var(--ui-card-radius) * 4)}.hero,.panel,.review-card{padding:1.25rem}.action-row{display:flex;flex-wrap:wrap;gap:.7rem}.hero-actions{position:static;border:0;background:transparent;box-shadow:none;padding:0;margin-top:1rem;-webkit-backdrop-filter:none;backdrop-filter:none}.button{width:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sidebar-link{transition:none}.sidebar-link-active{animation:none}}@keyframes nav-active-pop{0%{transform:translateY(0)}60%{transform:translateY(-2px)}to{transform:translateY(-1px)}}@media (min-width:992px){.portal-shell{grid-template-columns:250px minmax(0,1fr);gap:1rem}.portal-sidebar{padding:1rem}.sidebar-nav{display:grid;grid-gap:.45rem;gap:.45rem;overflow:visible}.sidebar-link{justify-content:flex-start;border-radius:12px;background:transparent;min-height:2.45rem;padding:.58rem .72rem}.hero{padding:1.5rem}.hero-title{font-size:clamp(2rem,4vw,3rem)}.portal-content{gap:1rem}}