/* V1.5.20: common editorial chrome; existing scene and route behavior is retained. */
/* Reserve classic-scrollbar space even on the non-scrolling Atlas. */
html{min-width:0;scrollbar-gutter:stable;}
.site-header,.standard-page .site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);background:#04080ceF;box-shadow:none;}
.site-header::after{display:none;}
.brand strong{font-size:1.1rem;}
.brand small{display:none;}
.site-nav a{font-size:.86rem;letter-spacing:.015em;}
.motion-toggle,.atlas-button{clip-path:none;border-radius:5px;background:#111b2359;box-shadow:none;font-weight:550;letter-spacing:.035em;}
.motion-toggle::after,.atlas-button::after{display:none;}
.motion-toggle .control-icon{filter:none;}
.navigation-coach{clip-path:none;border-radius:4px;background:#071019dc;box-shadow:none;border-color:#91b5c12b;font-weight:450;letter-spacing:0;}
.frame-actions a,.standard-actions a{border-radius:4px;font-size:.88rem;font-weight:600;}
.frame-actions .action-primary{background:#17445645;box-shadow:none;}
[data-contact-composer][hidden]{display:none!important;}
[data-contact-composer] [hidden]{display:none!important;}

/* The entrance gets a deliberate headline scale, not every Atlas frame. */
@media(min-width:1101px) and (min-height:620px){
  body[data-frame="signal"] .frame-copy{top:calc(var(--header-h) + clamp(34px,6vh,70px));bottom:auto;right:calc(52% + 12px);padding:0;}
  body[data-frame="signal"] .frame-question{margin-bottom:18px;}
  body[data-frame="signal"] .frame-copy h1{font-size:clamp(2.75rem,min(5.1vw,7.7vh),5rem);line-height:1.02;max-width:14ch;text-wrap:balance;}
  body[data-frame="signal"] .frame-lead{max-width:47ch;margin-top:24px;font-size:clamp(.96rem,1.13vw,1.1rem);line-height:1.6;}
  body[data-frame="signal"] .frame-detail{margin-top:18px;font-size:.82rem;line-height:1.6;max-width:46ch;}
  body[data-frame="signal"] .frame-actions{margin-top:24px;gap:12px;}
}

/* Stable card titles. Hover reveals the second ad beat in the same reading slot. */
.home-card-copy{grid-template-rows:auto 76px auto;gap:18px;}
.home-card-primary{display:contents;}
.home-card-primary h3{grid-row:1;grid-column:1;}
.home-card-primary>span{grid-row:2;grid-column:1;align-self:start;max-width:37ch;font-size:.96rem;line-height:1.55;transition:opacity .22s;}
.home-card-preview{grid-row:2;grid-column:1;align-self:start;min-height:0;max-width:43ch;gap:7px;}
.home-card-preview>span{font-size:.86rem;line-height:1.55;}
.home-card-preview strong{font-size:.75rem;letter-spacing:.035em;}
.home-card-footer{grid-row:3;grid-column:1;padding-top:16px;border-top:1px solid #c4dce324;}
.home-card-footer small{font-size:.75rem;line-height:1.5;letter-spacing:.025em;}
.home-card-action{font-size:.81rem;}
.home-project-card:hover .home-card-primary>span,.home-project-card:focus-visible .home-card-primary>span,.home-project-card.is-active .home-card-primary>span{opacity:0;}
.home-section-heading{align-items:center;gap:28px;padding-block:28px;}
.home-section-heading h2{font:550 clamp(1.3rem,2vw,1.8rem)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;text-transform:none;color:#e4edf1;}
.home-section-heading p{font-size:.84rem;max-width:42ch;}
.home-founder{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);padding-block:54px;}
.home-founder-identity{grid-template-columns:154px minmax(0,1fr);column-gap:24px;row-gap:16px;}
.home-portrait-frame{width:154px;border-radius:18px;}
.home-founder-identity h1{font-size:clamp(1.9rem,2.9vw,2.9rem);line-height:1.1;font-weight:620;letter-spacing:-.04em;}
.home-founder-role{font:500 .87rem/1.65 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:none;letter-spacing:0;min-height:5em;max-width:27ch;color:#b8c9d2;}
.home-founder-heading{font-size:1.15rem;font-weight:450;line-height:1.5;color:#bdcbd3;}
.home-career-list summary time{font-size:.75rem;letter-spacing:.025em;}
.home-skill-pills li,.home-stack-pills li{font-size:.75rem;}
.home-product-view-layout{grid-template-areas:"intro art" "facts facts" "evidence stack" "notes notes";grid-template-rows:auto;}
.home-product-intro{grid-area:intro;align-self:start;display:flex;flex-direction:column;align-items:flex-start;}
.home-product-view-layout h1{font-weight:620;align-self:start;}
.home-product-contact{align-self:start;}
.home-project-facts{padding:24px 0;background:transparent;border:0;border-radius:0;border-top:1px solid #a0c5d138;border-bottom:1px solid #a0c5d126;}
.home-project-facts dt{font-size:.75rem;}
.home-project-facts dd{font-size:1rem;}
.home-product-view-notes{padding:26px 0;background:transparent;border:0;border-radius:0;border-top:1px solid #a0c5d126;}
.home-product-view-evidence,.home-product-view-notes p{font-size:1rem;line-height:1.7;}
.home-product-view-stack .eyebrow{font-size:.75rem;}
.home-product-view-evidence{color:#beced6;}
.home-product-art-caption{color:#b3c6ce;font:400 .75rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;}
.home-product-view{container:productworld / size;}
.home-product-view-layout::after{min-height:clamp(320px,38dvh,440px);}
.home-product-view::before{background:linear-gradient(90deg,#02060af0,#02060acf 40%,#02060a18 65%,#02060a08),linear-gradient(0deg,#02060af5,#02060aab 30%,transparent 62%);}
@container productworld (max-aspect-ratio:11/10){
  .home-product-view::before{background:linear-gradient(0deg,#02060af5,#02060ae8 34%,#02060a33 65%,#02060a30);}
  .home-product-view-layout{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"art" "intro" "facts" "evidence" "stack" "notes";padding-top:80px;}
  .home-product-view-layout::after{min-height:max(235px,calc((100dvh - var(--product-view-top,var(--header-h))) * .52 - 80px));}
  .home-product-intro{margin-top:24px;}
  .home-product-view-notes{grid-template-columns:1fr;gap:24px;}
  .home-product-view-layout h1,.home-product-view-summary{text-shadow:0 2px 15px #000;}
}

/* Essential routes remain visible at tablet and phone widths. */
@media(max-width:1100px){
  :root{--header-h:108px;}
  .site-header,.standard-page .site-header{height:108px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding-block:8px;}
  .site-nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid #b5dbe31d;}
  .site-header .site-nav a{min-height:44px;font-size:.875rem;}
  .home-founder-identity{grid-template-columns:116px minmax(0,1fr);column-gap:20px;}
  .home-portrait-frame{width:116px;}
  .home-founder-identity h1{font-size:1.8rem;}
  .home-card-copy{grid-template-rows:auto 90px auto;}
}
@media(max-width:760px){
  .brand strong{font-size:1rem;}
  .motion-toggle strong,.motion-toggle span::after{font-size:.61rem;}
  .language-switch a{font-size:.68rem;}
  .language-switch{border:0;background:none;}
  .home-founder{grid-template-columns:1fr;gap:28px;padding-block:32px 36px;}
  .home-founder-identity{grid-template-columns:104px minmax(0,1fr);gap:10px 18px;}
  .home-founder-identity h1{font-size:clamp(1.45rem,6.4vw,2.1rem);}
  .home-portrait-frame{width:104px;}
  .home-founder-role{font-size:.8rem;min-height:4em;}
  .home-founder-heading{font-size:1.04rem;}
  .home-section-heading h2{font-size:1.45rem;}
  .home-section-heading p{font-size:.85rem;line-height:1.6;}
  .home-card-primary>span{font-size:.94rem;}
  .home-card-preview>span{font-size:.84rem;}
  .home-card-footer{gap:14px;}
  .home-product-view-layout{padding-top:80px;grid-template-rows:none;grid-template-areas:"art" "intro" "facts" "evidence" "stack" "notes";}
  .home-product-view-layout::after{min-height:max(235px,calc((100dvh - var(--product-view-top,var(--header-h))) * .52 - 80px));}
  .home-product-intro{margin-top:24px;}
  .home-project-facts{grid-template-columns:1fr;gap:24px;}
  .home-product-view::before{background:linear-gradient(0deg,#02060af5,#02060ae8 34%,#02060a33 65%,#02060a30);}
  body[data-frame="signal"] .frame-copy{top:calc(var(--header-h) + 36px);}
  body[data-frame="signal"] .frame-copy h1{font-size:clamp(1.9rem,9cqi,2.7rem);line-height:1.04;}
  body[data-frame="signal"] .frame-lead{font-size:.94rem;line-height:1.55;}
  body[data-frame="signal"] .frame-detail{display:none;}
}
@media(hover:none),(pointer:coarse){
  .home-card-copy{grid-template-rows:auto auto auto auto;gap:12px;}
  .home-card-primary>span{opacity:1!important;}
  .home-card-preview{grid-row:3;margin-top:5px;}
  .home-card-footer{grid-row:4;}
  .home-project-card{min-height:460px;padding-top:190px;}
}
@media(max-height:600px){
  body[data-frame="signal"] .frame-detail{display:none;}
  body[data-frame="signal"] .frame-copy h1{font-size:clamp(1.5rem,4.4vh,2.7rem);}
}
@media(max-width:760px) and (max-height:600px){
  /* The first-use hint has its own row below the two-row navigation. */
  body[data-frame="signal"] .frame-copy{top:calc(var(--header-h) + 64px);}
  .navigation-coach{top:calc(var(--header-h) + 2px);font-size:.6rem;}
  body[data-frame="signal"] .cue-edge-right{top:auto;bottom:12px;transform:none;}
  body[data-frame="signal"] .cue-edge-right:hover{transform:translateX(3px);}
}
/* Short landscape keeps the promise and action beside the scene, not below it. */
@media(min-width:600px) and (max-width:900px) and (max-height:600px){
  .home-product-view-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro art" "facts facts" "evidence stack" "notes notes";column-gap:24px;padding-top:80px;}
  .home-product-view-layout::after{min-height:220px;}
  .home-product-intro{margin-top:0;}
  .home-product-view-layout h1{font-size:clamp(1.8rem,4.5vw,2.4rem);margin-bottom:16px;}
  .home-product-view-summary{font-size:1rem;line-height:1.5;}
  .home-product-contact{margin-top:16px;}
  .home-product-view::before{background:linear-gradient(90deg,#02060af0,#02060ad4 40%,#02060a18 66%,#02060a08),linear-gradient(0deg,#02060af5,#02060aab 24%,transparent 65%);}
}
@media(prefers-reduced-motion:reduce){.home-card-primary>span{transition:none;}}
[data-motion="off"] .home-card-primary>span{transition:none;}

/* Local R1: match CSS posters to the renderer tier without downloading masters. */
@media(max-width:760px){
.home-project-weare .home-card-poster{background-image:url('../images/card-surfaces/delivery/mobile/weare-workspace-v5.webp');}
.home-project-companion .home-card-poster{background-image:url('../images/card-surfaces/delivery/mobile/companion-galaxy-v5.webp');}
.home-project-flowcanvas .home-card-poster{background-image:url('../images/card-surfaces/delivery/mobile/flowcanvas-workspace-v5.webp');}
.home-project-echobix .home-card-poster{background-image:url('../images/card-surfaces/delivery/mobile/echobix-retry-cavern-v3.webp');}
.home-product-view[data-project="weare"] .home-product-backdrop{background-image:url('../images/card-surfaces/delivery/mobile/weare-workspace-v5.webp');}
.home-product-view[data-project="companion"] .home-product-backdrop{background-image:url('../images/card-surfaces/delivery/mobile/companion-galaxy-v5.webp');}
.home-product-view[data-project="flowcanvas"] .home-product-backdrop{background-image:url('../images/card-surfaces/delivery/mobile/flowcanvas-workspace-v5.webp');}
.home-product-view[data-project="echobix"] .home-product-backdrop{background-image:url('../images/card-surfaces/delivery/mobile/echobix-cavern-clean-v4.webp');}
  .home-project-card{min-height:440px;padding:190px 22px 22px;}
  .home-card-copy{gap:12px;}
  .home-card-footer{padding-top:12px;}
  .home-card-footer small{font-size:.75rem;}
  .home-card-action{font-size:.86rem;}
  .home-project-grid{gap:26px;}
}
.navigation-help-touch{display:none;}
.portfolio-sections{display:flex;gap:8px;width:min(1440px,100%);margin-inline:auto;padding:20px var(--page-pad) 0;}
.portfolio-sections a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:4px;color:var(--paper-700);font-size:.875rem;text-underline-offset:5px;}
.portfolio-sections a:hover{color:var(--paper-900);background:#ffffff0c;}
.portfolio-sections a:focus-visible{outline:2px solid var(--cyan-400);outline-offset:3px;}
.home-founder{padding-top:28px;}
.home-products,.home-founder{scroll-margin-top:calc(var(--header-h) + 16px);}
.atlas-minimap{aspect-ratio:1.2;}
.atlas-minimap-open{display:grid;grid-template-rows:auto minmax(0,1fr);}
.atlas-minimap-open svg{min-height:0;}
.minimap-caption{display:grid;gap:4px;color:var(--paper-700);font:400 .75rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;text-shadow:0 2px 8px #000;}
.minimap-caption strong{color:var(--paper-900);font-weight:600;}
.minimap-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.navigation-coach,.direction-cue small{font-size:.75rem;letter-spacing:.025em;line-height:1.4;}
.direction-cue strong{font-size:.8rem;line-height:1.4;}
.contact-unavailable-actions{grid-column:1/-1;}
.contact-unavailable-actions[hidden]{display:none!important;}
.contact-unavailable-actions>p{max-width:48ch;color:var(--paper-700);font-size:1rem;line-height:1.6;}
.contact-unavailable-actions>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.contact-unavailable-actions button{min-height:44px;padding:10px 16px;border:1px solid #82b7c5;border-radius:4px;background:#132b36;color:var(--paper-900);font:500 .875rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;}
.contact-unavailable-actions button:hover{background:#1b3c49;}
.contact-unavailable-actions button:focus-visible{outline:2px solid var(--cyan-400);outline-offset:3px;}
[data-contact-availability]{grid-column:1/-1;font-size:1rem;line-height:1.6;}
[data-contact-availability]:focus-visible{outline:2px solid var(--cyan-400);outline-offset:4px;}
.contact-dialog[data-contact-availability="checking"] .contact-stages,
.contact-dialog[data-contact-availability="unavailable"] .contact-stages,
.contact-dialog[data-contact-availability="checking"] .contact-intro>p,
.contact-dialog[data-contact-availability="unavailable"] .contact-intro>p{display:none;}
/* Two text beats share a slot, but never paint on top of one another. */
@media(hover:hover) and (pointer:fine){
  .home-card-primary>span{visibility:visible;transition:opacity .14s .1s,visibility 0s .1s;}
  .home-card-preview{visibility:hidden;transition:opacity .1s,visibility 0s .1s;}
  .home-project-card:hover .home-card-primary>span,.home-project-card:focus-visible .home-card-primary>span,.home-project-card.is-active .home-card-primary>span{visibility:hidden;transition:opacity .1s,visibility 0s .1s;}
  .home-project-card:hover .home-card-preview,.home-project-card:focus-visible .home-card-preview,.home-project-card.is-active .home-card-preview{visibility:visible;transition:opacity .14s .1s,visibility 0s .1s;}
}
@media(prefers-reduced-motion:reduce){
  .home-card-primary>span,.home-card-preview{transition:none!important;}
}
[data-motion="off"] .home-card-primary>span,[data-motion="off"] .home-card-preview{transition:none!important;}
.linkedin-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 10px;color:#dce8ed;font:500 .8rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;border-radius:4px;}
.linkedin-link img{display:block;width:auto;height:24px;flex:none;object-fit:contain;}
.linkedin-link:hover{color:#fff;background:#ffffff0c;}
.linkedin-link:focus-visible{outline:2px solid var(--cyan-400);outline-offset:4px;box-shadow:none;}
.profile-linkedin{grid-column:2;justify-self:start;}
.site-footer{flex-wrap:wrap;}
.atlas-social-footer{display:flex;align-items:center;gap:18px;bottom:8px;}
.atlas-social-footer .linkedin-link{margin:0;min-height:44px;padding:8px 10px;color:#dce8ed;font-size:.75rem;}
@media(max-width:700px){
  .atlas-social-footer{display:flex;gap:6px;bottom:4px;}
  .atlas-social-footer .linkedin-link{font-size:.7rem;gap:8px;letter-spacing:0;}
}
@media(hover:none),(pointer:coarse){
  .navigation-help-pointer{display:none;}
  .navigation-help-touch{display:inline;}
}
