.page{background:var(--milk);color:var(--ink);min-height:100vh}
.page .site-header{background:rgba(18,20,21,.94)}
.page-main{padding-top:var(--header)}
.page-hero{position:relative;overflow:hidden;background:var(--black);color:var(--white);padding:clamp(7.3rem,10.5vw,10.8rem) 0 clamp(5.4rem,7.6vw,8rem);min-height:calc(100svh - var(--header));display:grid;align-items:center}
.page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 82% 24%,rgba(228,92,58,.095),transparent 28%),linear-gradient(rgba(245,241,233,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(245,241,233,.026) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.page-hero::after{content:"";position:absolute;width:min(62vw,900px);height:min(62vw,900px);right:-20vw;top:-27vw;border:1px solid rgba(228,92,58,.33);border-radius:50%;box-shadow:0 0 0 86px rgba(228,92,58,.022),0 0 0 182px rgba(228,92,58,.012)}
.page-hero__content{position:relative;z-index:2;display:grid;grid-template-columns:.18fr 1fr .55fr;gap:clamp(2rem,4.5vw,5.5rem);align-items:end}
.page-hero__content::after{content:"";position:absolute;left:calc(24% + 1rem);bottom:-3.5rem;width:min(42vw,650px);height:1px;background:linear-gradient(90deg,var(--orange),transparent)}
.page-hero__content>.eyebrow{align-self:start;color:var(--orange)}
.page-hero h1{font-size:clamp(3.5rem,6.25vw,7.25rem);line-height:.94;letter-spacing:-.04em;max-width:1020px}
.page-hero .lede{color:#AAA6A0;max-width:630px;font-size:var(--fs-1)}
.page-section{position:relative;padding:clamp(5.5rem,8.5vw,9rem) 0;border-bottom:1px solid var(--line-light);overflow:hidden}
.page-section--black{background:var(--black);color:var(--white);border-color:var(--line-dark)}
.page-section--orange{background:var(--accent-surface);color:var(--ink);border:0}
.page-section__head{display:grid;grid-template-columns:.2fr 1fr .58fr;gap:clamp(2rem,5vw,6rem);align-items:start;margin-bottom:4.2rem}
.page-section__head>.eyebrow{padding-top:.45rem;color:var(--orange)}
.page-section--orange .page-section__head>.eyebrow{color:var(--ink)}
.page-section__head h2{font-size:var(--fs-4)}
.page-section__head .lede{color:var(--muted)}
.page-section--black .page-section__head .lede{color:#AAA6A0}
.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-light);border:1px solid var(--line-light)}
.page-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-section--black .page-grid{background:var(--line-dark);border-color:var(--line-dark)}
.page-card{position:relative;background:var(--paper);padding:2.15rem;min-height:265px;display:flex;flex-direction:column;transition:background .24s var(--ease),color .24s var(--ease)}
.page-section--black .page-card{background:#242729}
.page-card::after{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:var(--orange);transition:width .4s var(--ease)}
.page-card:hover::after{width:100%}
.page-card:hover{background:#F5F1E9;color:var(--ink)}
.page-section--black .page-card:hover{background:#191B1C;color:var(--white)}
.page-card__number{color:var(--orange);font-size:.68rem;font-weight:800;letter-spacing:.13em}
.page-card:hover .page-card__number{color:var(--orange)}
.page-card h3{font-size:var(--fs-2);margin:2.8rem 0 1.2rem}
.page-card p{color:var(--muted);max-width:560px}
.page-section--black .page-card p{color:#AAA6A0}
.page-card:hover p{color:var(--muted)}
.page-section--black .page-card:hover p{color:#AAA6A0}
.page-card b{margin-top:auto;padding-top:2rem;font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}
.page-prose{display:grid;grid-template-columns:.32fr minmax(0,1fr);gap:clamp(2rem,7vw,8rem);max-width:1260px}
.page-prose h2{max-width:13ch;font-size:var(--fs-3);line-height:1;letter-spacing:-.03em}
.page-prose__body{display:grid;gap:1.42em;max-width:70ch;font-size:var(--fs-1);line-height:1.64;letter-spacing:0}
.page-prose__body h3{font-size:var(--fs-2);line-height:1.1;letter-spacing:-.015em;margin-top:1.25em}
.page-prose__body h3+*{margin-top:-.45em}
.page-prose__body ul,.page-prose__body ol{padding-left:1.3rem;display:grid;gap:.7rem}
.page-prose__body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.page-prose__body .button{color:var(--button-fg);text-decoration:none}
.page-prose__body .button:hover,.page-prose__body .button:focus-visible{color:var(--button-hover-fg)}
.page-prose__body .button:active{color:var(--button-active-fg)}
.page-flow{list-style:none;border-top:1px solid currentColor}
.page-flow li{display:grid;grid-template-columns:72px .55fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid currentColor;transition:background-color .22s var(--ease),border-color .22s var(--ease)}
.page-flow li:hover{background:linear-gradient(90deg,rgba(228,92,58,.06),transparent 72%)}
.page-flow span{color:var(--orange);font-size:.68rem;font-weight:800;letter-spacing:.12em}
.page-flow b{font-size:1.35rem}
.page-flow p{color:var(--muted)}
.page-section--black .page-flow p{color:#AAA6A0}
.page-equation{display:grid;grid-template-columns:1fr 100px 1fr;margin-top:4rem;border:1px solid var(--line-dark)}
.page-equation>div{padding:clamp(2.4rem,5vw,5rem);min-height:410px;display:flex;flex-direction:column;justify-content:flex-end}
.page-equation__dark{background:#242729;color:#F5F1E9}
.page-equation__orange{background:var(--accent-surface);color:var(--ink)}
.page-equation>i{font-style:normal;background:#F5F1E9;display:grid;place-items:center;color:var(--orange);font-size:4rem;padding:1rem}
.page-equation h3{font-size:var(--fs-3);margin:1rem 0}
.page-note{border:1px solid var(--line-light);padding:2rem;background:rgba(245,241,233,.5)}
.page-section--black .page-note{border-color:var(--line-dark);background:rgba(245,241,233,.025)}
.page-note strong{display:block;color:var(--orange);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.page-note p+p{margin-top:1rem}
.status-banner{background:var(--accent-surface);color:var(--ink);padding:1.2rem var(--s4);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.legal-table{display:grid;border-top:1px solid var(--line-light)}
.legal-row{display:grid;grid-template-columns:.32fr 1fr;gap:2rem;padding:1.3rem 0;border-bottom:1px solid var(--line-light)}
.legal-row dt{font-weight:800}
.legal-row dd{color:var(--muted)}
.page-contact{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(4rem,7vw,7rem);align-items:start}
.page-contact h2{font-size:var(--fs-4)}
.page-contact .lede{margin-top:2rem;color:var(--muted)}
.page-contact__meta{margin-top:3rem;display:grid;gap:1rem}
.page-contact__meta a{color:var(--orange)}
.page-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.5rem}
.page-actions .button--ghost{color:var(--ink);border-color:var(--ink);background:transparent}
.page-section--black .page-actions .button--ghost{color:var(--white);border-color:rgba(74,77,78,.62)}
.error-page .page-actions .button--ghost{color:var(--white);border-color:rgba(74,77,78,.62)}
.page-footer-note{padding:2rem 0;background:#121415;color:#AAA6A0;font-size:.8rem}
.page-footer-note a{color:var(--orange)}
.error-page{min-height:100svh;background:var(--black);color:var(--white);display:grid;align-items:center;padding:var(--header) 0 3rem}
.error-page__grid{display:grid;grid-template-columns:.4fr 1fr;gap:6rem;align-items:center}
.error-code{font-size:clamp(8rem,22vw,22rem);line-height:.7;color:var(--orange);letter-spacing:-.1em;font-weight:200}
.error-page h1{font-size:var(--fs-4)}
.error-page .lede{margin-top:2rem;color:#AAA6A0;max-width:620px}

/* Page-specific accents without changing content architecture */
.page--platform .page-hero::before{background:radial-gradient(circle at 80% 25%,rgba(228,92,58,.12),transparent 28%),linear-gradient(120deg,transparent 0 55%,rgba(228,92,58,.025) 55% 58%,transparent 58%)}
.page--partnership .page-hero::after{border-radius:0;transform:rotate(23deg);right:-12vw;top:-30vw}
.page--projects .page-hero::after{width:min(48vw,720px);height:min(48vw,720px);right:-10vw;top:-18vw}
.page--about .page-hero::before{background:radial-gradient(circle at 78% 28%,rgba(228,92,58,.14),transparent 30%),linear-gradient(90deg,transparent 0 62%,rgba(228,92,58,.021) 62%)}
.page--contact .page-hero::after{right:-15vw;top:-20vw;box-shadow:0 0 0 110px rgba(228,92,58,.018),0 0 0 220px rgba(228,92,58,.01)}

@media(max-width:900px){
  .page-hero{min-height:auto}
  .page-hero__content,.page-section__head{grid-template-columns:1fr;gap:2rem}
  .page-hero__content::after{left:0;bottom:-2.8rem;width:60vw}
  .page-grid--3{grid-template-columns:1fr 1fr}
  .page-prose,.page-contact{grid-template-columns:1fr;gap:3rem}
  .page-flow li{grid-template-columns:55px 1fr}
  .page-flow li p{grid-column:2}
  .page-equation{grid-template-columns:1fr}
  .page-equation>i{min-height:80px}
  .error-page__grid{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:640px){
  .page-hero{padding-top:7rem}
  .page-hero h1{font-size:clamp(3rem,14vw,5.2rem)}
  .page-grid,.page-grid--3{grid-template-columns:1fr}
  .page-card{min-height:0;padding:2rem 1.4rem}
  .page-flow li{grid-template-columns:42px 1fr;gap:1rem}
  .legal-row{grid-template-columns:1fr;gap:.5rem}
  .page-contact{gap:4rem}
  .page-equation>div{min-height:330px;padding:2rem 1.4rem}
}

/* fix-55: consistent mobile behavior for secondary pages */
@media(max-width:640px){
  .page-hero{
    padding:5.4rem 0 4.6rem;
  }
  .page-hero__content{
    gap:1.45rem;
  }
  .page-hero h1{
    max-width:100%;
    font-size:clamp(2.55rem,11.5vw,3.65rem);
    line-height:.97;
    letter-spacing:-.032em;
    font-weight:300;
    overflow-wrap:anywhere;
  }
  .page-hero .lede{
    font-size:.96rem;
    line-height:1.55;
  }
  .page-section{
    padding:4.8rem 0;
  }
  .page-section__head{
    gap:1.5rem;
    margin-bottom:2.8rem;
  }
  .page-section__head h2,
  .page-prose h2,
  .page-contact h2{
    max-width:100%;
    font-size:clamp(2.25rem,10.5vw,3.2rem);
    line-height:.98;
    overflow-wrap:anywhere;
  }
  .page-grid,.page-grid--3{
    gap:1px;
  }
  .page-card{
    min-height:0;
    height:auto;
    padding:1.55rem 1.35rem 1.75rem;
  }
  .page-card h3{
    margin:2rem 0 .9rem;
    font-size:1.55rem;
    line-height:1.08;
    overflow-wrap:anywhere;
  }
  .page-card b{
    margin-top:1.4rem;
    padding-top:0;
  }
  .page-prose{
    gap:2rem;
  }
  .page-prose__body{
    font-size:1rem;
    line-height:1.58;
    overflow-wrap:anywhere;
  }
  .page-flow li{
    grid-template-columns:34px minmax(0,1fr);
    gap:.85rem;
    padding:1.45rem 0;
  }
  .page-flow li p{grid-column:2;min-width:0}
  .page-flow b{font-size:1.22rem;line-height:1.12;overflow-wrap:anywhere}
  .page-equation>div{
    min-height:0;
    padding:2rem 1.35rem;
  }
  .page-equation h3{
    font-size:2rem;
    line-height:1;
    overflow-wrap:anywhere;
  }
  .page-note{
    padding:1.5rem 1.35rem;
  }
  .page-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .page-actions .button{width:100%}
  .page-contact{gap:3rem}
  .contact-form{min-width:0}
  .contact-form input,.contact-form textarea,.contact-form select{max-width:100%}
  .experience__pair,.proof__grid{gap:2.8rem}
  .experience__portrait,.proof__return{width:100%;margin:0}
  .experience__scale blockquote{font-size:1.75rem;line-height:1.12}
  .proof__system{min-height:0;padding:1.35rem}
  .fit__side{min-height:0}
  .fit__inner{padding:4.2rem 1.35rem}
}
@media(max-width:360px){
  .page-hero h1{font-size:2.4rem}
  .page-section__head h2,.page-prose h2,.page-contact h2{font-size:2.15rem}
}

/* color-fix-26: layout preservation after removal of decorative numbering */
.page-card>h3:first-child{margin-top:0}
.page-flow--plain li{grid-template-columns:minmax(180px,.55fr) 1fr}
.page-flow--plain li p{grid-column:auto}
.page--contact .contact-form__head ol{list-style:none}
@media(max-width:900px){.page-flow--plain li{grid-template-columns:1fr;gap:.6rem}.page-flow--plain li p{grid-column:auto}}