.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-bg{position:absolute;inset:-20% 0 0;width:100%;height:140%;object-fit:cover;object-position:center;will-change:transform}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#00000073 40%,#0a0a0a)}.hero-content{position:relative;text-align:center;padding:0 1.5rem;max-width:900px}.hero-content>:not(.hero-logo):not(.hero-tagline){animation:fadeUp .8s ease .1s both}.hero-logo{height:clamp(120px,20vw,220px);width:auto;display:block;margin:0 auto .5rem}.hero-eyebrow{color:var(--yellow);font-size:clamp(.68rem,1.2vw,.78rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem}.hero-tagline{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;color:#ffffffb3;margin-bottom:.6rem}.hero-desc{font-size:clamp(.9rem,1.5vw,1rem);color:#fff9;max-width:540px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;opacity:.4;animation:fadeIn 1s ease 1.2s both}.scroll-indicator span{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#fff}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#fff,transparent);animation:scrollLine 1.8s ease-in-out infinite}.portfolio-section{padding:2rem 2.5rem 6rem}.portfolio-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.portfolio-more{text-align:center;margin-top:3rem}.about-section{background:linear-gradient(to bottom,#0a0a0a,#111 12% 88%,#0a0a0a);padding:7rem 2.5rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.about-section .section-label{margin-bottom:1rem}.about-title{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:1.5rem;color:#fff}.about-text p{color:#ffffff9e;font-size:.95rem;line-height:1.85;margin-bottom:1rem}.contact-section{padding:6rem 2.5rem}.contact-section .section-title{margin-bottom:1rem}.contact-intro{color:#ffffff9e;max-width:520px;margin-bottom:4rem;font-size:1rem;line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;margin-bottom:4rem}.team-member{display:flex;gap:1.2rem;align-items:flex-start}.team-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;filter:grayscale(20%)}.team-name{font-weight:700;font-size:1rem;margin-bottom:.2rem}.team-role{color:#f5c400;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.6rem}.team-contact{display:block;color:#ffffff9e;font-size:.85rem;text-decoration:none;margin-bottom:.2rem;transition:color .2s}.team-contact:hover{color:#f5c400}.team-skel-photo{width:64px;height:64px;border-radius:50%;flex-shrink:0}.team-skel-lines{flex:1}.team-skel-lines>div{height:.8rem;margin-bottom:.4rem}.team-skel-lines>div:nth-child(1){height:1rem;width:55%;margin-bottom:.5rem}.team-skel-lines>div:nth-child(2){height:.7rem;width:40%;margin-bottom:.8rem}.team-skel-lines>div:nth-child(3){width:70%}.team-skel-lines>div:nth-child(4){width:45%;margin-bottom:0}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:top;opacity:1}to{transform:scaleY(1);transform-origin:bottom;opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.4}}@keyframes twBlink{0%,to{opacity:1}50%{opacity:0}}.tw-pending{visibility:hidden}.tw-typing:after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--yellow);animation:twBlink .7s step-end infinite}@media (prefers-reduced-motion: reduce){.tw-typing:after{display:none}}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:3rem}.portfolio-section{padding:2rem 1.5rem 4rem}.contact-section{padding:4rem 1.5rem}.about-section{padding:5rem 1.5rem}.btn-loud{padding:.65rem 1.4rem;font-size:.75rem}.hero-actions{gap:.7rem}.hero-actions .btn{flex:0 0 auto;width:auto;padding:.5rem 1.15rem;font-size:.74rem;gap:.45rem}}