/* Layout language adapted from the supplied portfolio reference.
   Existing LYC content, colours and interaction logic are intentionally retained. */
:root{--stack-radius:clamp(32px,4.5vw,64px);--ink-panel:#12091d;--mist:#f5f0fa;--panel-line:rgba(211,186,242,.32)}
body{background:#0c0712}

/* The reference uses a continuous, overlapping sequence of rounded page panels. */
.about,.capabilities,.works,.life,.collaborators,.ai-portal,.timeline-journey,.contact-page,.closing{position:relative;border-radius:var(--stack-radius) var(--stack-radius) 0 0;margin-top:calc(-1 * clamp(24px,3vw,48px));overflow:hidden}
.about{z-index:2}.capabilities{z-index:3}.works{z-index:4}.life{z-index:5}.collaborators{z-index:6}.ai-portal{z-index:7}.timeline-journey{z-index:8}.contact-page{z-index:9}.closing{z-index:10}

/* Oversized, centered section titles echo the reference's typography rhythm. */
.section-grid>h2,.ai-portal>h2,.timeline-journey>h2{font-weight:700!important;letter-spacing:-.095em!important;text-transform:uppercase}
.section-grid>.eyebrow,.ai-portal>.eyebrow,.timeline-journey>.eyebrow{letter-spacing:.2em!important}

/* Origin becomes a framed project-board rather than three isolated cards. */
.about .initial-grid{max-width:1280px!important;gap:0!important;overflow:hidden;border:2px solid rgba(114,68,156,.25);border-radius:var(--stack-radius);background:rgba(255,255,255,.38);box-shadow:0 30px 90px rgba(46,21,70,.13)}
.about .initial-grid article{border:0!important;border-right:1px solid rgba(113,70,155,.22)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.about .initial-grid article:last-child{border-right:0!important}.about .initial-grid article:nth-child(2){background:linear-gradient(150deg,rgba(237,221,255,.9),rgba(205,173,243,.64))!important}

/* Capability cards sit inside one generous rounded viewport frame. */
.capabilities .skill-stage{position:relative;max-width:1280px;border:2px solid rgba(113,70,155,.24);border-radius:var(--stack-radius);padding:clamp(22px,3vw,46px);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(235,223,249,.82));box-shadow:0 30px 90px rgba(46,21,70,.12)}
.capabilities .stage-arrow{position:relative;z-index:2;background:#fff!important}.capabilities .skill-card{border-radius:clamp(18px,2.5vw,34px);box-shadow:none!important}.capabilities .skill-card.active{box-shadow:0 24px 44px rgba(84,41,128,.19)!important}

/* Services-style list, adapted from the reference's numbered index. */
.works .achievement-list{border-top:1px solid rgba(67,41,86,.25)}
.works .achievement-list article{border-color:rgba(67,41,86,.25)!important;border-radius:0!important;background:transparent!important;transition:padding .35s,background .35s!important}
.works .achievement-list article:hover{background:rgba(220,202,241,.52)!important}
.works .achievement-list article span{font-size:clamp(55px,7vw,112px)!important;line-height:.78}

/* Selected lifestyle and AI work areas become high-contrast project decks. */
.life-cards,.holo-grid{max-width:1280px!important;gap:16px!important}
.life-cards .photo-card,.holo-grid article{border-radius:clamp(24px,3.2vw,46px)!important}
.life-cards .photo-card{min-height:min(62vw,620px)!important}
.ai-portal{background:var(--ink-panel)!important}.ai-portal .holo-grid{padding:clamp(12px,1.6vw,24px);border:2px solid var(--panel-line);border-radius:var(--stack-radius);background:rgba(8,4,14,.36)}
.ai-portal .holo-grid article{border-color:rgba(226,206,255,.3)!important}

/* Tool cards read as a single gallery, closer to the reference project modules. */
.collaborators .partner-grid{max-width:1280px!important;gap:0!important;overflow:hidden;border:1px solid rgba(117,83,151,.24);border-radius:var(--stack-radius);background:rgba(255,255,255,.44)}
.collaborators .partner-grid article{min-height:330px!important;border:0!important;border-right:1px solid rgba(117,83,151,.2)!important;border-radius:0!important;box-shadow:none!important;background:rgba(255,255,255,.42)!important}
.collaborators .partner-grid article:last-child{border-right:0!important}.collaborators .partner-grid article:hover{transform:translateY(-8px)!important;background:#f4ebff!important}

/* Timeline follows the quiet long-line rhythm used throughout the reference. */
.timeline-journey{background:#12091d!important}.timeline-track{padding:clamp(20px,3vw,42px);border:2px solid rgba(219,194,250,.25);border-radius:var(--stack-radius);background:rgba(255,255,255,.025)}

.contact-visual{border-radius:var(--stack-radius) var(--stack-radius) 0 0;overflow:hidden}.contact-content{background-color:var(--mist)!important}

@media(max-width:800px){
  .about .initial-grid,.collaborators .partner-grid{display:grid!important;grid-template-columns:1fr!important;border-radius:28px}.about .initial-grid article,.collaborators .partner-grid article{border-right:0!important;border-bottom:1px solid rgba(113,70,155,.2)!important}.about .initial-grid article:last-child,.collaborators .partner-grid article:last-child{border-bottom:0!important}
  .capabilities .skill-stage{padding:15px;border-radius:28px}.life-cards .photo-card{min-height:350px!important}.ai-portal .holo-grid,.timeline-track{border-radius:28px}
}