*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{color:#fff;background:#0a0a0a;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.app{width:100%;height:100%;position:relative}.page{opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.page.active{opacity:1;pointer-events:all}.hud{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:28px 36px;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:all}.logo{mix-blend-mode:normal;align-items:center;gap:0;display:flex}.logo-placeholder{align-items:center;gap:10px;display:flex}.logo-mark{color:#c8a97e;font-size:22px;line-height:1}.logo-text{letter-spacing:.25em;color:#fff;font-size:15px;font-weight:600}.hamburger{z-index:200;flex-direction:column;justify-content:space-between;width:28px;height:18px;padding:0;display:flex;position:relative}.bar{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:1.5px;transition:transform .3s,opacity .3s;display:block}.hamburger.is-open .bar:first-child{transform:translateY(8.25px)rotate(45deg)}.hamburger.is-open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.is-open .bar:nth-child(3){transform:translateY(-8.25px)rotate(-45deg)}.nav-panel{-webkit-backdrop-filter:blur(12px);z-index:150;background:#080808f2;justify-content:center;align-items:center;width:320px;max-width:80vw;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-panel.is-open{transform:translate(0)}.nav-panel nav{flex-direction:column;gap:8px;width:100%;padding:0 48px;display:flex}.nav-item{text-align:left;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid #ffffff14;padding:12px 0;font-size:13px;font-weight:500;transition:color .2s;display:block}.nav-item:last-child{border-bottom:none}.nav-item:hover,.nav-item.active{color:#fff}.nav-item.active{color:#c8a97e}.nav-backdrop{z-index:140;background:#0006;position:fixed;inset:0}.main-page{width:100%;height:100vh;position:relative;overflow:hidden}.video-container{position:absolute;inset:0}.video-container video{object-fit:cover;width:100%;height:100%}.video-placeholder{color:#ffffff1a;letter-spacing:.3em;background:linear-gradient(135deg,#111 0%,#1a1a2e 50%,#111 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;font-weight:500;display:flex}.video-overlay{background:linear-gradient(#00000059 0%,#00000026 40%,#00000080 100%);position:absolute;inset:0}.hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}.hero-tagline{letter-spacing:.35em;text-transform:uppercase;color:#c8a97e;margin-bottom:18px;font-size:11px;font-weight:500}.hero-title{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:24px;font-size:clamp(52px,8vw,110px);font-weight:300;line-height:1}.hero-subtitle{letter-spacing:.2em;color:#ffffff8c;font-size:14px;font-weight:300}.placeholder-page{background:#0a0a0a;justify-content:center;align-items:center;width:100%;height:100vh;padding:0 24px;display:flex}.placeholder-content{text-align:center;max-width:520px}.page-body{color:#ffffff73;font-size:15px;font-weight:300;line-height:1.8}.page-body em{color:#c8a97e99;font-style:normal}.services-page{background:#0a0a0a;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:0 24px;display:flex;overflow-y:auto}.services-content{text-align:center;width:100%;max-width:1000px;padding:120px 0 60px}.services-intro{color:#ffffff73;max-width:520px;margin:0 auto 56px;font-size:15px;font-weight:300;line-height:1.8}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;padding:40px 32px 36px;transition:border-color .3s,background .3s}.service-card:hover{background:#ffffff0d;border-color:#c8a97e40}.service-icon{color:#c8a97e;flex-shrink:0;width:40px;height:40px;margin-bottom:28px}.service-tag{letter-spacing:.4em;text-transform:uppercase;color:#c8a97e;margin-bottom:12px;font-size:10px;font-weight:500}.service-title{letter-spacing:.06em;color:#fff;margin-bottom:16px;font-size:20px;font-weight:300;line-height:1.3}.service-description{color:#ffffff73;font-size:13px;font-weight:300;line-height:1.85}.service-divider{background:#c8a97e66;width:32px;height:1px;margin:24px 0}.service-highlights{flex-direction:column;gap:8px;list-style:none;display:flex}.service-highlights li{letter-spacing:.02em;color:#ffffff59;padding-left:14px;font-size:12px;font-weight:300;position:relative}.service-highlights li:before{content:"—";color:#c8a97e80;position:absolute;left:0}@media (width<=768px){.services-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}@media (width>=769px) and (width<=900px){.services-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.about-page{background:#0a0a0a;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:0 24px;display:flex;overflow-y:auto}.about-content{text-align:center;width:100%;max-width:900px;padding:120px 0 60px}.about-intro{color:#ffffff73;max-width:520px;margin:0 auto 56px;font-size:15px;font-weight:300;line-height:1.8}.team-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.team-card{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:4px;overflow:hidden}.card-portrait{aspect-ratio:3/4;background:#ffffff0d;width:100%;overflow:hidden}.card-portrait img{object-fit:cover;filter:grayscale(20%);width:100%;height:100%;display:block}.card-body{padding:24px 28px 28px}.card-role{letter-spacing:.4em;text-transform:uppercase;color:#c8a97e;margin-bottom:10px;font-size:10px;font-weight:500}.card-name{letter-spacing:.06em;color:#fff;margin-bottom:14px;font-size:22px;font-weight:300}.card-bio{color:#ffffff73;font-size:13px;font-weight:300;line-height:1.8}@media (width<=600px){.team-grid{grid-template-columns:1fr}}.contact-page{background:#0a0a0a;justify-content:center;align-items:flex-start;width:100%;height:100vh;padding:120px 24px 60px;display:flex;overflow-y:auto}.contact-inner{width:100%;max-width:640px}.contact-header{margin-bottom:48px}.page-label{letter-spacing:.4em;color:#c8a97e;margin-bottom:14px;font-size:11px;font-weight:500}.page-title{letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:300}.contact-intro{color:#ffffff73;font-size:14px;font-weight:300;line-height:1.7}.contact-form{flex-direction:column;gap:24px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=540px){.field-row{grid-template-columns:1fr}}.field{flex-direction:column;gap:8px;display:flex}label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;font-size:11px;font-weight:500}input,textarea{color:#fff;resize:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:300;transition:border-color .2s,background .2s}input::placeholder,textarea::placeholder{color:#fff3}input:focus,textarea:focus{background:#c8a97e0a;border-color:#c8a97e}.form-success{flex-direction:column;gap:12px;display:flex}.success-title{letter-spacing:.1em;color:#c8a97e;font-size:22px;font-weight:300}.success-body{color:#ffffff73;margin-bottom:12px;font-size:14px;font-weight:300;line-height:1.7}.form-error{color:#e07070;font-size:13px}.send-btn{letter-spacing:.25em;text-transform:uppercase;color:#0a0a0a;cursor:pointer;background:#c8a97e;border:none;border-radius:3px;align-self:flex-start;padding:14px 36px;font-size:11px;font-weight:500;transition:background .2s,transform .15s}.send-btn:hover{background:#d9bc96}.send-btn:active{transform:scale(.98)}.send-btn:disabled{opacity:.5;cursor:default;transform:none}.contact-details{border-top:1px solid #ffffff14;flex-direction:column;gap:20px;margin-top:56px;padding-top:40px;display:flex}.detail-item{align-items:baseline;gap:20px;display:flex}.detail-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff59;min-width:72px;font-size:11px;font-weight:500}.detail-value{color:#ffffffb3;font-size:14px;font-weight:300;text-decoration:none;transition:color .2s}a.detail-value:hover{color:#c8a97e}
