/* Layout refinement — editorial rhythm for LYC AI JOURNEY */
:root{--layout-width:1440px;--page-gutter:clamp(24px,5.5vw,92px)}

body{overflow-x:hidden}
.film{min-height:100svh;height:100svh}
.film header{padding-inline:var(--page-gutter);height:84px}
.film .copy{padding:clamp(110px,15vh,170px) var(--page-gutter) 48px;max-width:min(58vw,820px)}
.film .copy h1{font-size:clamp(76px,10.2vw,172px);margin:24px 0 40px;max-width:780px}
.film .copy>div{max-width:420px;justify-content:space-between}
.film .portrait{right:clamp(24px,6vw,110px);bottom:-2vh;width:min(41vw,590px);height:min(77vh,790px)}
.film footer{left:var(--page-gutter);right:var(--page-gutter);bottom:30px}

.section-grid{padding:clamp(92px,11vw,175px) var(--page-gutter)!important}
.section-grid>.eyebrow,.section-grid>h2,.section-grid>.section-intro,.initial-grid,.skill-stage,.skill-detail,.achievement-list,.life-cards,.partner-grid,.holo-grid,.timeline-track{max-width:var(--layout-width)}
.section-grid>.eyebrow,.section-grid>h2{margin-left:auto;margin-right:auto}
.section-grid>.section-intro{margin-left:auto;margin-right:auto}

/* Origin section: title on a controlled editorial axis */
.about>.eyebrow{padding-left:calc(25% + 18px);text-align:left!important}
.about>h2{padding-left:25%;text-align:left!important;font-size:clamp(72px,10vw,160px)!important}
.about>.section-intro{max-width:720px;margin-right:0!important;text-align:left;padding-left:18px;border-left:1px solid rgba(112,68,156,.42)}
.about .initial-grid{grid-template-columns:.82fr 1.15fr .82fr!important;gap:22px!important}
.about .initial-grid article{min-height:360px!important}
.about .initial-grid article:nth-child(2){transform:translateY(44px)!important}
.about .initial-grid article:nth-child(2):hover{transform:translateY(30px)!important}

/* Capability carousel gets a strong central focus */
.capabilities{padding-top:clamp(115px,13vw,190px)!important}
.capabilities>h2{max-width:900px}
.capabilities .section-intro{max-width:610px}
.skill-stage{grid-template-columns:56px repeat(3,minmax(0,1fr)) 56px!important;gap:20px!important}
.skill-card{min-height:400px!important;padding:30px!important}
.skill-card.active{transform:translateY(-24px)!important}
.skill-detail{max-width:760px;margin-top:46px!important}

/* Work list turns into a measured three-column editorial index */
.works{padding-top:clamp(115px,13vw,190px)!important}
.works>h2{max-width:1040px;text-align:left}
.works>.section-intro{max-width:560px;margin-right:8vw!important;text-align:left}
.achievement-list article{grid-template-columns:140px minmax(260px,.9fr) minmax(280px,1.1fr)!important;gap:28px!important;padding:44px 12px!important}
.achievement-list article:hover{padding-inline:28px!important}
.achievement-list h3{font-size:clamp(25px,2.4vw,39px)!important}

/* Life and tools sections use wider breathing room */
.life{padding-top:clamp(100px,11vw,168px)!important}
.life h2{max-width:var(--layout-width);margin-left:auto;margin-right:auto;margin-bottom:clamp(54px,7vw,100px)!important}
.life-cards{gap:24px!important}
.photo-card{min-height:480px!important;padding:38px!important}
.photo-card h3{font-size:clamp(30px,3vw,47px)!important;max-width:480px}

.collaborators{padding-top:clamp(100px,12vw,180px)!important}
.collaborators .section-intro{margin-bottom:64px!important}
.partner-grid{gap:18px!important}
.partner-grid article{min-height:330px!important;padding:25px!important}
.partner-grid h3{font-size:clamp(22px,1.8vw,29px)!important}

.ai-portal{padding:clamp(100px,12vw,180px) var(--page-gutter)!important}
.ai-portal>h2,.ai-portal>p,.holo-grid{max-width:var(--layout-width);margin-left:auto;margin-right:auto}
.ai-portal>p:not(.eyebrow){margin-left:auto;margin-right:auto;max-width:480px!important}
.holo-grid{gap:18px!important}
.holo-grid article{min-height:340px!important;padding:27px!important}

.timeline-journey{padding:clamp(100px,12vw,180px) var(--page-gutter)!important}
.timeline-journey>h2,.timeline-journey>.eyebrow{max-width:var(--layout-width);margin-left:auto;margin-right:auto}
.timeline-track{margin-left:auto!important;margin-right:auto!important}

.contact-content{padding:clamp(90px,10vw,150px) var(--page-gutter)!important;gap:clamp(48px,10vw,170px)!important}
.contact-content h2{font-size:clamp(62px,8vw,140px)!important}
.contact-content dl{max-width:640px;width:100%}
.closing{min-height:65svh!important;padding:clamp(92px,10vw,150px) var(--page-gutter) 38px!important}
.closing p{max-width:1180px}

@media (max-width:900px){
  .film .copy{max-width:68vw}.film .portrait{right:1vw;width:49vw;opacity:.78}
  .about>.eyebrow,.about>h2{padding-left:0}.about .initial-grid{grid-template-columns:1fr 1fr!important}.about .initial-grid article:nth-child(2){transform:none!important}.about .initial-grid article:nth-child(2):hover{transform:translateY(-10px)!important}.about .initial-grid article:last-child{grid-column:span 2}
  .skill-stage{grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px!important}.skill-card{min-height:360px!important;padding:21px!important}
  .achievement-list article{grid-template-columns:90px 1fr!important}.achievement-list p,.achievement-list i{grid-column:2!important}.achievement-list p{grid-row:auto!important}
  .partner-grid{grid-template-columns:repeat(2,1fr)!important}.holo-grid{grid-template-columns:repeat(2,1fr)!important}
}

@media (max-width:650px){
  .film .copy{padding-top:17vh;max-width:86vw}.film .copy h1{font-size:clamp(66px,21vw,102px);margin-bottom:26px}.film .portrait{width:88vw;height:58vh;right:-18vw;bottom:-1vh;opacity:.58}.film footer{bottom:22px}
  .section-grid{padding-block:96px!important}.section-grid h2{font-size:clamp(54px,16vw,88px)!important}.about>.section-intro{padding-left:14px;margin-top:30px!important}.about .initial-grid{grid-template-columns:1fr!important}.about .initial-grid article:last-child{grid-column:auto}.about .initial-grid article{min-height:250px!important}
  .skill-stage{grid-template-columns:38px minmax(0,1fr) 38px!important;gap:10px!important}.skill-card{min-height:315px!important}.skill-card.active{transform:none!important}.skill-detail{margin-top:28px!important}
  .achievement-list article{grid-template-columns:48px 1fr!important;padding-block:28px!important}.achievement-list article:hover{padding-inline:8px!important}.achievement-list span{font-size:27px!important}.achievement-list h3{font-size:24px!important}
  .life-cards,.partner-grid,.holo-grid{grid-template-columns:1fr!important}.photo-card{min-height:340px!important;padding:26px!important}.partner-grid article{min-height:250px!important}.holo-grid article{min-height:230px!important}
  .contact-content{grid-template-columns:1fr!important}.contact-content dl{padding-top:0!important}.closing{min-height:52svh!important}.closing p{font-size:clamp(53px,16vw,85px)!important}
}
