/* Desktop is a sequence of rooms; mobile remains a continuous walk. */
.page-mode{scroll-behavior:auto;scroll-padding-top:152px}
.page-mode main>[data-page]{min-height:calc(100svh - 82px)}
.page-mode main>.landing{min-height:max(672px,100svh)}
.page-mode .design-evidence{padding-top:86px}
.design-evidence-intro>div>.eyebrow{margin-bottom:14px;color:var(--accent);font-size:11px}
.page-mode .research-section{padding-top:68px;padding-bottom:50px}
.page-mode .contact-section{padding-top:95px}
.page-nav{position:fixed;top:82px;left:0;right:0;z-index:18;background:rgba(250,250,250,.98)}
.page-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}
.page-current,.page-nav-actions{display:flex;align-items:center;gap:22px;min-width:0;font-size:11px}
.page-current>[data-page-number]{font:11px var(--mono);color:var(--accent)}
.page-current strong{font-size:12px;font-weight:500;white-space:nowrap}
.page-reading{font:9px var(--mono);color:var(--muted)}
.page-nav button{border:0;background:none;min-height:44px;padding:0;color:var(--muted);font-size:11px}
.page-nav button span{margin-left:12px}
.page-nav a{min-height:44px;display:flex;align-items:center;gap:12px}
.page-nav .page-previous{padding-inline:10px;border-left:1px solid var(--line);font-size:17px}
.page-next b{font-weight:500}.page-next>span{color:var(--muted);font-size:10px}.page-next i{font-size:17px;font-style:normal}
.page-nav a:hover,.page-nav button:hover{color:var(--accent)}
.page-progress{height:1px;background:var(--line)}
.page-progress i{display:block;height:1px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--accent)}
.refined-home .main-nav a[aria-current=location]{color:var(--accent);border-color:var(--accent)}
.page-end{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:60px;padding:22px 0 4px}
.page-end>span{font-size:11px;color:var(--muted)}
.page-end small{display:block;font:9px/1.5 var(--mono);letter-spacing:.03em;color:var(--muted);margin-top:4px}
.page-end a{min-height:56px;display:flex;align-items:center;gap:60px;font-size:23px;line-height:1.5;letter-spacing:-.04em}
.page-end a small{margin:0 0 4px;letter-spacing:.1em}.page-end-arrow{font-size:28px;color:var(--accent)}
.page-end a:hover{color:var(--accent)}
.landing-entry-links{display:flex;align-items:center;gap:30px}
.landing-index-button{border:0;background:none;color:inherit;padding:0;min-height:44px;font-size:10px}
.landing-index-button:hover{color:var(--accent)}
.page-index{width:min(620px,calc(100vw - 36px));max-height:calc(100svh - 48px);padding:28px 32px 20px;color:var(--ink);background:var(--paper);border:1px solid var(--line);overscroll-behavior:contain}
.page-index::backdrop{background:rgba(20,20,20,.36)}
.page-index-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.page-index-head p{font:9px var(--mono);letter-spacing:.05em;color:var(--accent);margin-bottom:12px}
.page-index-head h2{font-size:24px;font-weight:400}
.page-index-head button{border:0;background:none;color:var(--muted);font-size:11px;min-height:44px;white-space:nowrap}
.page-index ol{list-style:none;padding:0;margin:8px 0}
.page-index li+li{border-top:1px solid var(--line)}
.page-index a{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:14px;padding:13px 0;min-height:52px}
.page-index a>span{font:10px var(--mono);color:var(--muted)}
.page-index strong{font-weight:500;font-size:16px}.page-index small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.page-index i{font-style:normal;font-size:15px;color:var(--muted)}
.page-index a:hover,.page-index a[aria-current=location],.page-index a[aria-current=location] i{color:var(--accent)}
.page-index a[aria-current=location]>span{color:var(--accent)}
.page-index-note{border-top:1px solid var(--ink);padding-top:15px;color:var(--muted);font-size:10px}
.page-transition{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}
.page-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-mode [data-page]:focus,.page-mode [data-page] h2:focus{outline:none}
@media(max-width:1000px){html{scroll-padding-top:148px}.page-end{margin-top:40px}.page-nav-inner{gap:10px}.page-current,.page-nav-actions{gap:14px}.page-reading{display:none}}
@media(max-width:760px){
  html{scroll-padding-top:138px}.page-nav{top:72px}.page-nav-inner{min-height:44px;padding-inline:24px}
  .page-current,.page-nav-actions{gap:10px}.page-current strong{font-size:11px}.page-current>[data-page-number]{font-size:9px}
  .page-nav button{font-size:10px}.page-nav button span{margin-left:3px}.page-nav .page-previous{display:none}
  .page-next>span{display:none}.page-next b{font-size:10px}.page-nav a{gap:5px}.page-next i{font-size:14px}
  body:has(.main-nav.is-open) .page-nav{visibility:hidden}
  .landing-entry-links{gap:18px}.landing-index-button{font-size:9px}.landing-entry-links+.landing-motion-control .landing-caption{display:none}
  .page-end a{font-size:19px;gap:28px}.page-end>span{font-size:10px}
  .page-index{padding:22px 22px 16px;max-height:calc(100svh - 30px)}.page-index-head h2{font-size:21px}
  .page-index a{padding:10px 0;grid-template-columns:22px 1fr 14px;gap:10px}.page-index strong{font-size:14px}.page-index small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.page-transition{display:none!important}}