/* Living Point responsive system — 2026-10-23.
   Mobile-first corrections, fluid desktop containers, keyboard/touch usability.
   Appended after existing styles on ALL institutional pages. */
:root{--lp-gutter:clamp(18px,4.4vw,70px)}
html{scroll-padding-top:90px}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,*::before,*::after{min-width:0}
img,svg,video,iframe{max-width:100%}
button,a,summary{-webkit-tap-highlight-color:transparent}
h1,h2,h3{overflow-wrap:break-word}
.shell{width:calc(100% - clamp(36px,7vw,126px));max-width:1780px}
.section-pad{padding-block:clamp(70px,7.5vw,123px)}
.display-title{font-size:clamp(37px,4.15vw,78px)}
.hero-grid{min-height:clamp(720px,calc(100svh - 81px),1100px);padding-block:clamp(44px,5vh,90px)}
.hero h1{font-size:clamp(54px,5.35vw,101px)}
.hero-lead{max-width:610px}
.hero-universe{max-width:710px;margin-left:auto}
.service-card{height:100%}
.project-stage{height:clamp(300px,25vw,410px)}
.projects-grid{gap:clamp(15px,1.6vw,28px)}
.project-card{height:100%}
.project-card .project-footer h3{font-size:clamp(27px,2.45vw,42px)}
.project-card.compact .compact-graphic{height:clamp(185px,15vw,245px)}
.project-card .real-screenshot-frame{max-width:620px}
.project-card .real-screenshot-frame img{object-fit:cover}
.ecosystem-grid{gap:clamp(12px,1.35vw,22px)}
.ecosystem-grid>a{height:100%}
.qualifier-layout{gap:clamp(30px,5vw,105px)}
.lead-form select,.lead-form textarea{min-height:48px}
.lead-form select{font-size:16px}
.lead-form textarea{font-size:16px;min-height:102px}
.cta,.submit-lead,.nav-cta{min-height:48px}
.footer{padding-bottom:max(27px,env(safe-area-inset-bottom))}
.reveal{transition-duration:.45s}
@media(min-width:1700px){
 .hero-grid{grid-template-columns:1.02fr .98fr}
 .hero h1{max-width:940px}
 .hero-universe{transform:scale(1.10);transform-origin:center right}
 .service-card{padding:clamp(31px,2.6vw,48px);min-height:420px}
 .service-card h3{font-size:clamp(23px,1.5vw,30px)}
 .service-card p,.project-footer p{font-size:15px}
 .project-footer{padding:12px 39px 38px}
 .project-stage{height:440px}
 .ecosystem-grid>a{padding:30px;min-height:250px}
 .ecosystem-grid strong{font-size:24px}
 .header-shell{height:91px}
}
@media(max-width:1150px){
 .header-nav{gap:14px}
 .brand-original-subtitle{display:none}
 .project-stage{height:clamp(270px,27vw,350px)}
 .real-capture{padding:16px}
}
@media(max-width:1020px){
 .header-shell{height:74px}
 .menu-toggle{display:flex}
 .header-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:17px var(--lp-gutter) 25px;background:#0c141ceF;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff22;max-height:calc(100svh - 74px);overflow-y:auto;box-shadow:0 26px 40px #07100c45}
 .header-nav.open{display:flex}
 .header-nav>a{padding:13px 10px;min-height:44px}
 .header-nav>a:not(.nav-cta){border-bottom:1px solid #ffffff1c}
 .header-nav .nav-cta{margin-top:12px;display:flex;align-items:center;justify-content:space-between}
 .nav-areas{width:100%;border-bottom:1px solid #ffffff1c}
 .nav-areas>summary{min-height:47px;padding:12px 10px;display:flex;justify-content:space-between;align-items:center}
 .nav-areas-menu{position:static;box-shadow:none;border:0;background:#1e2b27;width:100%;padding:5px 8px;margin:0 0 8px}
 .nav-areas-menu a{display:flex;align-items:center;min-height:43px}
 .header-nav a:hover{color:#fff}
}
@media(min-width:761px) and (max-width:1020px){
 .hero-grid{min-height:auto;grid-template-columns:1fr;gap:0;padding:58px 0 55px}
 .hero-content{max-width:850px}
 .hero h1{font-size:clamp(46px,6vw,65px);max-width:790px}
 .hero-lead{font-size:16px;max-width:650px}
 .hero-actions{margin-top:25px}
 .hero-universe{width:650px;max-width:none;height:350px;transform:scale(.69);transform-origin:center top;left:50%;margin:6px 0 -10px -325px}
 .universe-ring{right:28px;top:10px}
 .universe-ring.middle{right:115px;top:96px}
 .universe-core{right:200px;top:180px}
 .universe-halo{top:20px}
 .float-panel-top{right:20px;top:0}
 .float-panel-middle{left:15px;top:140px}
 .float-panel-bottom{right:0;bottom:4px}
 .scroll-marker{bottom:13px}
 .services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-card{min-height:315px}
 .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-footer h3{font-size:27px}
 .method-layout{grid-template-columns:1fr 1fr}
 .qualifier-layout{grid-template-columns:1fr 1fr;gap:26px}
 .footer-main{grid-template-columns:1fr 1fr}
 .case-cover-grid{grid-template-columns:1fr 1fr}
}
@media(min-width:581px) and (max-width:760px){
 .hero-grid{min-height:auto;display:grid;grid-template-columns:1fr;gap:0;padding:48px 0 50px}
 .hero h1{font-size:clamp(49px,8vw,61px);max-width:720px;margin:16px 0}
 .hero-lead{font-size:15px}
 .hero-universe{height:365px;width:630px;max-width:none;transform:scale(.68);transform-origin:center top;left:50%;margin:8px 0 -5px -315px}
 .hero-proof{margin-top:25px}
 .scroll-marker{bottom:9px}
 .services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-card{padding:23px;min-height:310px}
 .service-card:nth-child(3){grid-column:span 2;min-height:260px}
 .service-icon{width:65px;height:65px;margin:15px 0}
 .service-card h3{font-size:21px}
 .projects-grid{grid-template-columns:1fr}
 .project-stage{height:300px}
 .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qualifier-layout,.method-layout{grid-template-columns:1fr}
 .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
 html{scroll-padding-top:75px}
 .shell{width:calc(100% - 36px)}
 .section-pad{padding-block:64px}
 .header-shell{height:66px}
 .header-nav{top:66px;max-height:calc(100svh - 66px)}
 .authentic-logo{width:clamp(135px,41vw,170px)}
 .official-logo-plate{padding:3px 6px;border-radius:7px}
 .menu-toggle{height:43px;width:46px}
 .hero-grid{min-height:calc(100svh - 66px);display:block;padding:36px 0 42px}
 .hero h1{font-size:clamp(37px,10.3vw,54px);line-height:1.055;letter-spacing:-.081em;margin:19px 0 17px}
 .hero-unseen{font-size:.89em;white-space:normal;overflow-wrap:normal;letter-spacing:-.085em}
 .eyebrow{font-size:9px;letter-spacing:.14em}
 .hero-lead{font-size:14px;line-height:1.72;max-width:470px}
 .hero-actions{flex-direction:column;margin-top:23px;gap:9px}
 .hero-actions .cta{width:100%;min-height:49px;padding:12px 16px;font-size:12px}
 .hero-proof{margin-top:21px;gap:6px 9px;font-size:9px}
 .hero-proof .line{display:none}
 .hero-proof .diamond{font-size:9px}
 .hero-universe{position:relative;width:min(100%,360px);max-width:360px;height:249px;left:auto;right:auto;top:auto;margin:16px auto 0;transform:none}
 .universe-halo{width:220px;height:220px;right:53px;top:2px}
 .universe-ring{height:223px;width:223px;right:59px;top:3px}
 .universe-ring.middle{height:151px;width:151px;right:94px;top:38px;animation-duration:70s}
 .universe-core{height:103px;width:103px;right:118px;top:62px;border-radius:24px;box-shadow:0 0 0 9px #d7b78a14,0 20px 36px #dcab7740}
 .universe-core span{font-size:40px}
 .universe-core small{font-size:6px;letter-spacing:.04em}
 .float-panel{padding:9px 10px;border-radius:10px}
 .float-panel .label-micro{font-size:7px;letter-spacing:.025em}
 .float-panel strong{font-size:10px;margin-top:5px}
 .float-panel-top{width:143px;right:0;top:0;transform:rotate(3deg)}
 .float-panel-middle{width:185px;left:-1px;top:90px;transform:rotate(-6deg)}
 .float-panel-bottom{width:153px;right:-1px;bottom:0;transform:rotate(4deg)}
 .float-mini-bars{height:20px;gap:4px;margin-top:8px}
 .float-mini-bars i{width:12px}
 .float-mini-flow{margin-top:7px;gap:3px;font-size:6px}
 .float-mini-flow span{padding:3px 4px}
 .tiny-highlight{font-size:8px;margin-top:6px;padding:5px}
 .radial-label,.scroll-marker{display:none}
 .ticker-inner{justify-content:start;font-size:9px;gap:13px;padding:13px 17px;animation:move 55s linear infinite}
 .display-title{font-size:clamp(33px,9vw,47px);line-height:1.16}
 .heading-row{display:block;margin-bottom:30px}
 .heading-row p{margin-top:20px}
 .statement-layout{display:block}
 .statement-aside{margin-top:24px}
 .statement .display-title{margin-top:14px}
 .services .service-grid{display:grid;grid-template-columns:1fr;gap:12px}
 .service-card{min-height:0;height:auto;padding:23px 22px;border-radius:12px}
 .service-icon{height:59px;width:59px;border-radius:13px;margin:15px 0 17px}
 .service-card h3{font-size:21px;line-height:1.25;margin-bottom:10px}
 .service-card p{font-size:13px;line-height:1.7}
 .service-card a{margin-top:14px}
 .marquee-section{height:85px}
 .giant-marquee{font-size:49px}
 .projects-grid{display:grid;grid-template-columns:1fr;gap:14px}
 .project-stage{height:235px}
 .project-top{padding:20px 19px 0}
 .project-footer{padding:7px 20px 24px}
 .project-footer h3{font-size:clamp(27px,8vw,34px);margin:8px 0}
 .project-footer p{font-size:12px}
 .project-card .real-capture{padding:14px 17px}
 .real-screenshot-frame{transform:rotate(-1.5deg);border-width:5px;border-radius:9px}
 .real-capture:hover .real-screenshot-frame{transform:none}
 .screenshot-topline{font-size:7px;padding:7px 10px}
 .compact-graphic.real-capture{height:172px;padding:11px 20px}
 .compact-info{padding:14px 20px 22px}
 .compact-info h3{font-size:26px}
 .project-study,.project-demo-link{font-size:11px;margin-top:11px}
 .project-circle{width:43px;height:43px}
 .ecosystem-grid{grid-template-columns:1fr;gap:10px}
 .ecosystem-grid>a{min-height:0;height:auto;padding:20px 21px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:10px}
 .ecosystem-grid>a span{grid-column:1;margin-bottom:9px;font-size:9px}
 .ecosystem-grid>a strong{grid-column:1;font-size:19px}
 .ecosystem-grid>a small{grid-column:1;line-height:1.45}
 .ecosystem-grid>a b{grid-column:2;grid-row:2/4;align-self:center}
 .method-layout,.qualifier-layout{display:block}
 .method .display-title{font-size:clamp(36px,9.8vw,49px)}
 .method .method-steps{margin-top:30px}
 .method-steps>div{padding:17px 0}
 .lead-form{padding:22px 17px;margin-top:28px;border-radius:14px}
 .form-heading{margin-bottom:20px;font-size:19px}
 .type-options{gap:8px}
 .type-options span{min-height:45px;padding:12px 5px;display:grid;place-items:center}
 .lead-form select,.lead-form textarea{width:100%;font-size:16px;min-height:49px}
 .lead-form textarea{min-height:100px}
 .footer{padding:57px 0 max(26px,env(safe-area-inset-bottom))}
 .footer-main{display:block;padding-bottom:35px}
 .footer-main p{margin-top:14px}
 .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:29px}
 .footer-nav>div{gap:12px}
 .footer-bottom{display:block}
 .footer-bottom span{display:block;margin-top:10px}
 /* Six areas of the original corporate website */
 .area-top-nav{gap:10px}
 .area-top-nav .nav-cta{padding:11px 13px;font-size:11px}
 .area-hero{padding:31px 0 59px;min-height:56svh}
 .area-breadcrumb{margin-bottom:41px}
 .area-hero h1{font-size:clamp(36px,10vw,48px);line-height:1.13}
 .area-hero p{font-size:15px;line-height:1.75}
 .area-main{padding:61px 0}
 .area-intro{margin-bottom:30px}
 .area-offerings{grid-template-columns:1fr;gap:10px}
 .area-offering{min-height:0;padding:23px}
 .area-offering h3{font-size:21px;margin:13px 0 7px}
 .area-final{display:block;margin-top:33px;padding:27px}
 .area-final h2{font-size:clamp(24px,7.8vw,35px)}
 .area-final .cta{margin-top:17px;width:100%}
 .area-footer{display:block}
 .area-footer nav{margin-top:20px;gap:9px 16px}
 /* Standalone case studies */
 .case-nav-wrap{height:66px}
 .case-nav nav{gap:9px;font-size:10px}
 .case-cover{padding:35px 0 55px}
 .case-cover-grid{display:block;padding-top:34px}
 .case-cover h1{font-size:clamp(44px,12.5vw,64px)}
 .case-intro{font-size:15px}
 .case-cover-actions{display:flex;flex-direction:column}
 .case-cover-actions .button{width:100%}
 .case-cover-art{padding:20px 0 5px}
 .case-graphic-heading{font-size:clamp(22px,7vw,34px)}
 .case-graphic-grid{gap:5px}
 .case-under,.case-progress{padding:62px 0}
 .case-state{margin-bottom:36px}
 .case-duo,.case-progress-grid,.outro-content{display:block}
 .case-duo>div{margin-bottom:33px}
 .case-feature-grid,.case-journey-grid{grid-template-columns:1fr}
 .case-feature-grid article{min-height:0}
 .case-section-head{margin:54px auto 25px}
 .case-journey{padding:61px 0}
 .progress-board{margin-top:29px}
 .case-outro{padding:60px 0}
 .case-outro-buttons{margin-top:27px}
 .case-outro-buttons .button{width:100%}
}
@media(max-width:350px){
 .hero h1{font-size:36px}
 .hero-unseen{font-size:.85em}
 .hero-proof{font-size:8px}
 .hero-universe{width:292px;height:224px}
 .universe-ring{right:38px}
 .universe-ring.middle{right:73px}
 .universe-core{right:96px}
 .universe-halo{right:32px}
 .float-panel-top{width:135px}
 .float-panel-middle{width:175px;left:0}
 .float-panel-bottom{width:145px}
 .project-status{font-size:7px}
 .project-index{font-size:8px}
}
@media(hover:none){
 .service-card:hover,.project-card:hover,.ecosystem-grid>a:hover{transform:none;box-shadow:none}
 .cta:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .reveal{opacity:1;transform:none}
 .giant-marquee,.ticker-inner{animation:none}
}

/* Wide-screen balance and critical illustration width repair after responsive QA */
.hero-universe{width:100%}
.shell{max-width:2080px}
@media(min-width:1700px){.hero-universe{max-width:790px}}
@media(min-width:2200px){.hero-universe{transform:scale(1.19);transform-origin:center right}}