:root{--ease-out:cubic-bezier(.22,1,.36,1)}
main{overflow-x:clip}.header{transition:box-shadow .3s,background .3s}.header.scrolled{box-shadow:0 6px 25px #0b1f3b0a;background:rgba(248,250,252,.98)}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none}.header-inner{gap:24px}.header nav{margin-left:auto;gap:24px}.menu-toggle{display:inline-flex;align-items:center;gap:14px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:50px;min-height:46px;padding:11px 18px;font-size:.875rem;font-weight:600;transition:background .25s,box-shadow .25s,transform .25s;flex-shrink:0}.menu-toggle:hover{background:var(--blue);border-color:var(--blue);box-shadow:0 6px 18px #2563eb22}.menu-toggle:active{transform:scale(.96)}.menu-toggle .menu-label{font-size:.875rem;line-height:1}.menu-toggle .hamburger{display:block;position:relative;width:23px;height:17px}.hamburger i{position:absolute;display:block;height:1.5px;width:23px;background:currentColor;border-radius:3px;left:0;transition:transform .4s var(--ease-out),width .35s,opacity .2s}.hamburger i:nth-child(1){top:0}.hamburger i:nth-child(2){top:7.5px;width:16px}.hamburger i:nth-child(3){top:15px}.menu-toggle:hover .hamburger i:nth-child(2){width:23px}.menu-toggle[aria-expanded=true] .hamburger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .hamburger i:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .hamburger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.menu-dialog{position:fixed;inset:0 0 0 auto;width:min(480px,100%);height:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid #30405a;border-radius:0;background:var(--navy);color:white;box-shadow:-20px 0 80px #04172c40;overflow-y:auto;overscroll-behavior:contain}.menu-dialog::backdrop{background:#04172c85;backdrop-filter:blur(7px)}.menu-shell{min-height:100%;display:flex;flex-direction:column;padding:32px 38px;gap:30px}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.menu-top img{width:148px}.menu-close{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;border:1px solid #647186;background:transparent;color:white;border-radius:50%;transition:background .2s,transform .3s}.menu-close:hover{background:#263b59;transform:rotate(90deg)}.close-icon{display:block;position:relative;width:20px;height:20px}.close-icon::before,.close-icon::after{content:'';position:absolute;height:1.5px;width:20px;background:white;top:9px;left:0;border-radius:2px}.close-icon::before{transform:rotate(45deg)}.close-icon::after{transform:rotate(-45deg)}#menu-title{color:#a9bfdf;margin:18px 0 0;letter-spacing:.1em}.menu-links{display:flex;flex-direction:column;align-items:stretch;gap:0;font-weight:600}.menu-links a{display:flex;align-items:baseline;gap:22px;padding:18px 0;border-bottom:1px solid #394b65;font-family:Manrope,Inter,sans-serif;font-size:clamp(1.375rem,4.4vw,1.75rem);line-height:1.3;letter-spacing:-.03em;transition:color .25s,padding-left .3s var(--ease-out)}.menu-links a:hover,.menu-links a:focus-visible{padding-left:8px;color:#a9ccff}.menu-index{color:#94a8c6;font:400 .8125rem Inter,sans-serif;letter-spacing:.03em;min-width:22px}.menu-footer{padding-top:26px;margin-top:auto;border-top:1px solid #394b65}.menu-footer>span:first-child{font-weight:600;font-size:1rem}.menu-footer p{margin:9px 0 23px;color:#b4c6e1;font-size:.875rem}.menu-signature{font-size:.75rem;color:#a9bfdf;letter-spacing:.015em}.menu-dialog a:focus-visible,.menu-close:focus-visible{outline-color:#a9ccff}
.portrait-panel{margin:0;padding:0;border-radius:8px;background:white;overflow:hidden;min-height:0;display:block;align-self:start;box-shadow:0 15px 45px #0b1f3b08}.portrait-frame{height:465px;overflow:hidden;background:#bacbd7}.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:50% 27%;transform-origin:center}.portrait-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-top:1px solid var(--line)}.portrait-caption>div{display:flex;flex-direction:column;gap:5px}.portrait-name{font-size:1rem;font-weight:600;line-height:1.4}.portrait-role,.portrait-location{font-size:.75rem;line-height:1.5;color:var(--muted)}.portrait-location{text-align:right}.hero-actions .primary{position:relative;animation:cta-breathe 5s ease-in-out infinite;animation-delay:2s}.hero-actions .primary:hover{animation-play-state:paused}.hero-bottom{position:relative}.hero-bottom::after{content:'';position:absolute;top:-1px;left:0;height:2px;width:70px;background:var(--blue);animation:quiet-line 5s ease-in-out infinite}.button{position:relative;isolation:isolate;overflow:hidden;transition:background .25s,box-shadow .25s,transform .25s var(--ease-out)}.button:active{transform:scale(.97)}.click-wave{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;background:#ffffff3b;transform:translate(-50%,-50%) scale(0);animation:click-wave .65s ease-out forwards}.text-link{transition:color .2s,text-decoration-color .2s}.project,.secondary-project{transition:box-shadow .4s,border-color .4s}.project:focus-within,.project:hover{border-color:#b4c6e0;box-shadow:0 12px 38px #0b1f3b0a}.secondary-project:hover{box-shadow:0 12px 38px #0b1f3b0a}.project-cover{position:relative}.famouya-cover{background:#eeedfb;color:#0b1f3b}.famouya-cover .status{color:#3838a2}.famouya-cover .cover-slogan{color:var(--navy)}.famouya-cover .cover-bottom{color:#535376}.famouya-cover .role-list span{border-color:#c5c4e1;color:#38395c}.famouya-logo-frame{margin:0 0 25px;background:white;border:1px solid #e5e4f5;border-radius:5px;max-width:100%;overflow:hidden}.famouya-logo-frame img{width:100%;height:auto}.contact .white-button{animation:contact-breathe 5s ease-in-out infinite;animation-delay:3s}.contact .white-button:hover{animation-play-state:paused}.timeline li,.expertise-grid article,.approach-grid>div{position:relative}.timeline li::before{content:'';position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--blue);transition:width .5s var(--ease-out)}.timeline li:hover::before{width:90px}.expertise-grid article{transition:transform .35s var(--ease-out)}.expertise-grid article:hover{transform:translateY(-4px)}.white-button .click-wave{background:#2563eb20}#project-dialog[open]{animation:dialog-appear .35s var(--ease-out)}
@keyframes cta-breathe{0%,60%,100%{box-shadow:0 0 0 0 #2563eb00}72%{box-shadow:0 0 0 7px #2563eb0c}82%{box-shadow:0 0 0 11px #2563eb00}}@keyframes contact-breathe{0%,65%,100%{box-shadow:0 0 0 0 #ffffff00}77%{box-shadow:0 0 0 8px #ffffff14}90%{box-shadow:0 0 0 13px #ffffff00}}@keyframes quiet-line{0%,100%{width:44px;opacity:.6}50%{width:100px;opacity:1}}@keyframes click-wave{to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes dialog-appear{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.motion-paused,.motion-paused::after{animation-play-state:paused!important}.dialog-brand{display:flex;align-items:center;gap:18px;background:#f5f4fd;border:1px solid #e5e4f5;padding:12px 16px;border-radius:5px;margin-bottom:24px}.dialog-brand img{width:60px;height:60px;object-fit:contain;border-radius:3px}#dialog-content .dialog-brand p{margin:0;font-size:.9375rem;color:var(--navy);font-weight:600}
@media(min-width:1101px){.journey-intro{position:sticky;top:135px;align-self:start}}
@media(max-width:1100px){.header #navigation{display:none}.header-inner{justify-content:space-between}.portrait-frame{height:465px}.portrait-caption{padding:18px}.hero{gap:0 38px}}
@media(max-width:800px){.header-inner{min-height:80px}.hero{gap:0 24px}.portrait-frame{height:415px}.portrait-caption{flex-direction:column;align-items:flex-start;gap:6px}.portrait-location{text-align:left}.menu-shell{padding:28px 30px}.portrait-name{font-size:.9375rem}.famouya-logo-frame{max-width:410px}}
@media(max-width:580px){.hero{gap:32px}.portrait-panel{display:block;margin:0;padding:0;min-height:0}.portrait-frame{height:370px}.portrait-caption{flex-direction:row;align-items:center;padding:18px 21px;gap:14px}.portrait-name{font-size:.9375rem}.portrait-location{text-align:right}.menu-shell{padding:24px;gap:26px}.menu-top img{width:140px}.menu-links a{padding:17px 0;font-size:1.5rem}.menu-toggle{padding:10px 15px;min-height:44px;gap:12px}.menu-toggle .menu-label{font-size:.8125rem}.famouya-logo-frame{margin-bottom:22px}.hero-bottom::after{width:44px}.header-inner{min-height:76px}}
@media(max-width:360px){.menu-shell{padding:22px}.menu-links a{font-size:1.375rem;gap:16px}.portrait-frame{height:330px}.portrait-caption{padding:16px}.portrait-name{font-size:.875rem}.portrait-location{font-size:.6875rem}.hero h1{font-size:3.25rem}}
@media(max-height:650px){.menu-shell{padding-top:20px;gap:14px}.menu-links a{padding-block:13px}.menu-footer{padding-top:18px}.menu-footer p{margin-bottom:15px}#menu-title{margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reading-progress{display:none}.hero-bottom::after{animation:none!important}}