/* Inner pages share the homepage's type, color and native navigation. */
.inner-page{--section-accent:var(--accent);--section-surface:#e6f0f2}
.page-notes{--section-accent:#6553a6;--section-surface:#eeedf6}
.page-tools{--section-accent:#167f75;--section-surface:#e6f1ed}
.page-profile{--section-accent:#a6533e;--section-surface:#f3ece8}
.inner-page :is(a,button,input,summary):focus-visible{outline-color:var(--section-accent)}
.inner-page .desktop-nav a[aria-current=page]{color:var(--section-accent)}
.inner-page .desktop-nav a[aria-current=page]::after{background:var(--section-accent)}
.inner-page :is(.collection-main,.notes-main){padding-block:48px 96px}
.inner-page .page-heading{display:block;padding:0;border:0;margin-bottom:40px}
.inner-page .page-heading>div{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px}
.inner-page .page-heading h1{font-size:clamp(56px,6.4vw,88px);font-weight:300;line-height:1.3}
.section-title-tail{color:var(--section-accent)}
.inner-page .page-heading p{font-size:14px;max-width:28em;margin:0 0 12px auto}
.inner-page .filters{gap:8px}
.inner-page .filters button{border-radius:0;border-bottom:1px solid transparent;padding:8px 4px;margin-right:16px;transition:color 200ms ease,border-color 200ms ease}
.inner-page .filters button[aria-pressed=true]{background:transparent;color:var(--section-accent);border-color:var(--section-accent)}
.inner-page .filters button:hover:not([aria-pressed=true]){background:transparent;color:var(--section-accent);border-color:var(--line)}
.inner-page .collection-toolbar{border-top:1px solid var(--line);padding-top:16px;margin-bottom:32px}
.inner-page .collection-toolbar>p{font-size:12px}
.inner-page .projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}
.inner-page .project{display:flex;flex-direction:column;align-items:stretch;gap:24px;border:0;padding:0;min-width:0}
.inner-page .project-visual{aspect-ratio:16/10;width:100%;grid-row:auto;background:var(--surface);transition:background-color 500ms var(--ease)}
.inner-page .project-visual img{width:100%;height:100%;object-fit:contain}
.inner-page .preview-vlsi-floorplan img{width:86%;height:92%}
.inner-page .preview-news-pipeline{background:#20375b}
.inner-page .project-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.inner-page .project-copy h2{font:400 29px/1.55 var(--display);text-align:left;text-wrap:pretty;transition:color 250ms ease}
.inner-page .project-description{font-size:15px;line-height:1.9;margin-top:16px;max-width:32em}
.inner-page .project-stack{font-size:12px;margin-top:24px}
.inner-page .project-foot{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}
.inner-page .case-link{display:flex;align-items:center;gap:8px;color:var(--section-accent)}
.inner-page .case-link svg{transition:transform 450ms var(--ease)}
.inner-page .project:hover h2{color:var(--section-accent)}
.inner-page .project:hover .case-link svg{transform:translate(3px,-3px)}
.inner-page .project-lead{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:64px}
.inner-page .project-lead .project-visual{aspect-ratio:16/10}
.inner-page .project-lead h2{font-size:clamp(30px,3vw,40px);line-height:1.5;max-width:12em}
.inner-page .project-lead .project-foot{margin-top:32px}
.inner-page .notes-controls{border-block:1px solid var(--line);padding:16px 0;align-items:center;gap:24px}
.inner-page .notes-controls .filters{order:0}
.inner-page .search-field{width:min(360px,100%)}
.inner-page .search-field label{margin-bottom:4px}
.inner-page .search-field input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;min-height:44px}
.inner-page .notes-status{margin-block:16px 24px}
.inner-page .notes-list{border:0;display:grid;grid-template-columns:1.12fr 1fr;gap:0 48px}
.inner-page .note-index-row{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px 0 32px;min-width:0}
.inner-page .note-index-row h2{font:400 27px/1.65 var(--display);text-wrap:pretty;text-align:left;transition:color 250ms ease}
.inner-page .note-index-row>.note-description{font-size:15px;line-height:1.9;margin-top:16px;color:var(--muted)}
.inner-page .note-index-row>.note-foot{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:24px;color:var(--section-accent);font-size:12px;gap:16px}
.inner-page .note-index-row:hover h2{color:var(--section-accent)}
.inner-page .note-foot>span:last-child{display:flex;align-items:center;gap:8px}
.inner-page .note-foot svg{transition:transform 450ms var(--ease)}
.inner-page .note-index-row:hover .note-foot svg{transform:translate(3px,-3px)}
.inner-page .note-lead{grid-row:span 2;background:var(--section-surface);padding:40px;border:0;margin-bottom:32px}
.inner-page .note-lead h2{font-size:clamp(30px,3vw,42px);line-height:1.55;max-width:12em}
.inner-page .note-lead>.note-description{margin-top:32px}
.inner-page .note-lead>.note-foot{margin-top:auto;padding-top:40px}
.inner-page .note-side{padding-top:0;margin-bottom:32px}
.inner-page .note-wide{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;gap:16px 48px;padding-block:32px}
.inner-page .note-wide>.note-description{grid-column:auto;margin:0}
.inner-page .note-wide>.note-foot{grid-column:1/-1;grid-row:auto;margin-top:8px}
.inner-page .notes-list[data-filtered=true] .note-index-row:first-child{border-top:1px solid var(--line)}
.inner-page .desk-layout{display:block}
.inner-page .tool-group summary{display:block;padding:32px 48px 32px 0;font-weight:400}
.tool-group-title{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:baseline;text-align:left}
.tool-group-title>span:first-child{font:400 30px/1.5 var(--display)}
.inner-page .tool-summary{font:400 23px/1.6 SiteDisplay,var(--font);color:var(--section-accent)}
.inner-page .tool-group summary::after{top:48px;right:8px;transition:transform 300ms var(--ease)}
.inner-page .tool-group[open] summary::after{top:52px}
.inner-page .tool-group summary:hover .tool-group-title>span:first-child{color:var(--section-accent)}
.inner-page .tool-body{padding:8px 0 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;margin-left:37%}
.inner-page .tool-entry+.tool-entry{margin:0}
.inner-page .tool-entry h3{font:500 20px/1.6 SiteDisplay,var(--font)}
.inner-page .tool-entry p{font-size:15px;line-height:1.9;margin-top:16px}
.inner-page .tool-entry .tool-limit{font-size:13px;margin-top:16px}
.tool-related{grid-column:1/-1;font-size:13px;display:flex;align-items:center;gap:12px;color:var(--section-accent);min-height:44px}
.tool-related:hover{text-decoration:underline}
.inner-page .delivery-guide{border:0;margin-top:64px;padding:32px 40px;background:var(--section-surface)}
.delivery-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;min-height:44px;list-style:none;font:400 26px/1.6 var(--display)}
.delivery-guide>summary::-webkit-details-marker{display:none}
.delivery-guide>summary svg{width:24px;height:24px;transition:transform 350ms var(--ease)}
.delivery-guide[open]>summary svg{transform:rotate(90deg)}
.inner-page .delivery-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px;margin:32px 0 24px;padding-left:20px}
.inner-page .delivery-guide li{margin:0}
.inner-page .delivery-guide p{font-size:15px}
.inner-page .delivery-guide .quiet-link{color:var(--ink)}
.inner-page .capability-row{grid-template-columns:1fr 1.5fr;gap:24px 64px;padding-block:40px}
.inner-page .capability-row h3{font-size:30px;font-weight:400}
.inner-page .skill-evidence{grid-column:2;padding:0;border:0}
.inner-page .skill-evidence>p{font-size:14px}
.inner-page .detail-main{padding-block:40px 96px}
.inner-page .detail-back{margin-bottom:40px;color:var(--section-accent)}
.inner-page .detail-header{max-width:none;margin:0 0 48px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.inner-page .detail-header h1{font-size:clamp(36px,4.4vw,64px);line-height:1.5;font-weight:400;max-width:16em;text-wrap:pretty}
.inner-page .detail-meta{margin-top:24px;font-size:12px;color:var(--section-accent)}
.inner-page .detail-summary{margin-top:32px;font-size:18px;max-width:40em}
.inner-page .case-figure{width:100%;margin-bottom:48px}
.inner-page .case-figure img{max-height:680px}
.case-opening{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-bottom:80px}
.inner-page .case-opening .detail-header{border:0;margin:0;padding:0}
.inner-page .case-opening h1{font-size:clamp(34px,3.3vw,48px);line-height:1.5}
.inner-page .case-opening .detail-summary{font-size:16px}
.inner-page .case-opening .case-figure{margin:0;min-width:0}
.inner-page .case-opening .case-figure img{max-height:480px}
.inner-page .detail-next{color:var(--section-accent)}
.inner-page .page-exits{padding-block:40px}
.inner-page .page-exits a{font-size:28px;gap:48px}
.inner-page .page-exits a svg{transition:transform 450ms var(--ease)}
.inner-page .page-exits a:hover svg{transform:translateX(4px)}
@media(max-width:1050px){
 .inner-page .project-lead{gap:32px;grid-template-columns:1.1fr 1fr}
 .inner-page .projects{gap:48px 32px}
 .inner-page .project-lead h2{font-size:30px}
 .inner-page .notes-list{column-gap:32px}
 .inner-page .note-lead{padding:32px}
 .inner-page .note-wide{column-gap:32px}
 .inner-page .tool-body{margin-left:0;gap:32px 48px;padding-top:16px}
 .tool-group-title{grid-template-columns:1fr 1.4fr;gap:32px}
 .inner-page .tool-summary{font-size:20px}
 .case-opening{gap:32px}
}
@media(max-width:760px){
 .inner-page :is(.collection-main,.notes-main){padding-block:32px 64px}
 .inner-page .page-heading{margin-bottom:32px}
 .inner-page .page-heading>div{display:block}
 .inner-page .page-heading h1{font-size:60px;line-height:1.35}
 .inner-page .page-heading p{font-size:14px;margin:16px 0 0;max-width:28em}
 .inner-page .collection-toolbar{margin-bottom:24px;padding-top:8px}
 .inner-page .filters{gap:4px}
 .inner-page .filters button{font-size:13px;margin-right:12px;padding-inline:2px}
 .inner-page .projects{grid-template-columns:1fr;gap:48px}
 .inner-page .project,.inner-page .project-lead{display:flex;gap:24px}
 .inner-page .project-visual,.inner-page .project-lead .project-visual{aspect-ratio:16/10}
 .inner-page .project-copy h2,.inner-page .project-lead h2{font-size:28px;max-width:none}
 .inner-page .project-stack{margin-top:16px}
 .inner-page .project-foot,.inner-page .project-lead .project-foot{margin-top:20px}
 .inner-page .notes-controls{flex-direction:column;align-items:stretch;gap:16px;padding-block:8px 16px}
 .inner-page .search-field{width:100%}
 .inner-page .notes-list{display:block}
 .inner-page .note-index-row{display:flex;padding-block:24px 32px;margin:0}
 .inner-page .note-index-row h2{font-size:25px}
 .inner-page .note-lead{padding:28px 24px;margin-bottom:8px}
 .inner-page .note-lead h2{font-size:30px}
 .inner-page .note-lead>.note-description{margin-top:24px}
 .inner-page .note-lead>.note-foot{padding-top:0;margin-top:32px}
 .inner-page .note-wide>.note-description{margin-top:16px}
 .inner-page .note-wide>.note-foot{margin-top:24px}
 .inner-page .tool-group summary{padding:24px 32px 24px 0}
 .tool-group-title{grid-template-columns:1fr;gap:8px}
 .tool-group-title>span:first-child{font-size:28px}
 .inner-page .tool-summary{font-size:17px}
 .inner-page .tool-group summary::after{top:40px}
 .inner-page .tool-group[open] summary::after{top:44px}
 .inner-page .tool-body{grid-template-columns:1fr;gap:28px;padding:0 0 32px}
 .inner-page .tool-entry{padding-left:16px;border-left:1px solid var(--line)}
 .inner-page .tool-entry p{margin-top:12px}
 .inner-page .tool-entry .tool-limit{margin-top:12px}
 .inner-page .tool-related{font-size:12px}
 .inner-page .delivery-guide{margin-top:40px;padding:24px}
 .delivery-guide>summary{font-size:23px;gap:16px}
 .inner-page .delivery-guide ol{grid-template-columns:1fr;gap:24px}
 .inner-page .capability-row{display:block;padding-block:32px}
 .inner-page .capability-row h3{font-size:27px}
 .inner-page .skill-detail{margin-top:24px}
 .inner-page .skill-evidence{margin-top:20px}
 .inner-page .detail-main{padding-block:24px 64px}
 .inner-page .detail-back{margin-bottom:24px}
 .inner-page .detail-header{margin-bottom:32px;padding-bottom:32px}
 .inner-page .detail-header h1{font-size:34px}
 .inner-page .detail-meta{margin-top:20px}
 .inner-page .detail-summary{font-size:16px;margin-top:24px}
 .case-opening{grid-template-columns:1fr;gap:32px;margin-bottom:48px}
 .inner-page .case-opening h1{font-size:34px}
 .inner-page .page-exits{gap:16px 32px;padding-block:24px}
 .inner-page .page-exits a{font-size:23px;gap:24px}
}
@media(prefers-reduced-motion:reduce){
 .inner-page *, .inner-page *::after{transition:none!important}
 .inner-page .project:hover .case-link svg,.inner-page .note-index-row:hover .note-foot svg,.inner-page .page-exits a:hover svg{transform:none}
}