@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@300;400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#080c0e;--dark:#0e1315;--panel:#131a1d;--teal:#2e8b8b;--teal2:#3aafaf;--cream:#edf0f0;--muted:#5e6e70;--border:#1c2527;--serif-head:"Barlow Condensed",sans-serif;--body:"DM Sans",sans-serif}html{scroll-behavior:smooth}body{background:var(--black);color:var(--cream);font-family:var(--body);font-weight:300;overflow-x:hidden}::selection{background:rgba(46,139,139,.3)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(46,139,139,.15);border-radius:3px}.cursor-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;z-index:9999;transition:transform .1s}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;transform:translate(-50%,-50%)}.cursor-ring{width:36px;height:36px;border:1px solid rgba(46,139,139,.5);border-radius:50%;z-index:9998;transition:transform .15s ease,width .3s,height .3s,opacity .3s}nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:72px;background:linear-gradient(180deg,rgba(8,12,14,.72) 0,transparent);transition:background .4s,border-bottom .4s}nav.scrolled{background:rgba(8,12,14,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:14px;text-decoration:none}.logo-mark{width:40px;height:40px;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-name{font-weight:800;font-size:18px;letter-spacing:.18em;color:var(--cream);text-shadow:0 1px 6px rgba(0,0,0,.6)}.logo-name,.logo-sub{font-family:var(--serif-head);text-transform:uppercase}.logo-sub{font-weight:400;font-size:9px;letter-spacing:.32em;color:var(--teal);margin-top:3px}.nav-links{display:flex;align-items:center;gap:40px;list-style:none}.nav-links a{font-family:var(--serif-head);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.8);transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--teal);transition:width .3s}.nav-links a:hover{color:var(--teal)}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--teal)!important;color:var(--black)!important;padding:10px 24px!important;letter-spacing:.2em!important;text-shadow:none!important}.nav-cta:hover{background:var(--teal2)!important}.nav-cta:after{display:none!important}#home{position:relative;height:100vh;min-height:700px;display:flex;align-items:flex-end;overflow:hidden}.hero-img{position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1920&q=85&auto=format&fit=crop) 50%/cover no-repeat;transform:scale(1.04);transition:transform 8s ease}#home.loaded .hero-img{transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,14,.9) 0,rgba(8,12,14,.55) 50%,rgba(8,12,14,.2))}.hero-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:320px;background:linear-gradient(to top,var(--black),transparent)}.hero-content{position:relative;z-index:2;padding:0 48px 100px;max-width:900px}.hero-eyebrow{display:flex;align-items:center;gap:16px;font-family:var(--serif-head);font-size:11px;letter-spacing:.4em;color:var(--teal);text-transform:uppercase;margin-bottom:24px;text-shadow:0 0 20px rgba(46,139,139,.6),0 1px 4px rgba(0,0,0,.9);opacity:0;animation:fadeUp .8s .3s forwards}.hero-eyebrow span{display:block;width:40px;height:1px;background:var(--teal);flex-shrink:0}.hero-title{font-family:var(--serif-head);font-weight:800;font-size:clamp(64px,8vw,112px);line-height:.9;text-transform:uppercase;letter-spacing:-.01em;color:var(--cream);margin-bottom:32px;opacity:0;animation:fadeUp .9s .5s forwards}.hero-title .ht-line{display:block}.hero-title em{font-style:normal;color:var(--teal);display:block}.hero-body{max-width:480px;margin-bottom:44px;opacity:0;animation:fadeUp .9s .7s forwards}.hero-body-main{font-size:17px;line-height:1.7;color:rgba(237,240,240,.75);margin-bottom:10px}.hero-body-tagline{font-family:var(--serif-head);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal2)}.hero-actions{display:flex;gap:20px;align-items:center;opacity:0;animation:fadeUp .9s .9s forwards}.btn-primary{display:inline-block;background:var(--teal);color:var(--black);font-family:var(--serif-head);font-weight:700;font-size:11px;letter-spacing:.28em;text-transform:uppercase;padding:18px 40px;text-decoration:none;transition:background .25s,transform .2s}.btn-primary:hover{background:var(--teal2);transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:10px;color:var(--cream);font-family:var(--serif-head);font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;opacity:.85;transition:opacity .2s,gap .2s;text-shadow:0 1px 6px rgba(0,0,0,.7)}.btn-ghost:hover{opacity:1;gap:16px}.btn-ghost svg{transition:transform .2s}.btn-ghost:hover svg{transform:translateX(4px)}.scroll-ind{position:absolute;bottom:36px;right:48px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;opacity:0;animation:fadeIn 1s 1.4s forwards}.scroll-ind span{font-family:var(--serif-head);font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--teal),transparent);animation:scrollPulse 2s ease 1.5s infinite}.stats-bar{background:var(--panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}.stat-item{padding:40px 48px;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-num{font-family:var(--serif-head);font-weight:800;font-size:52px;line-height:1;color:var(--teal);display:flex;align-items:baseline;gap:2px}.stat-num sup{font-size:24px;font-weight:600}.stat-label{font-family:var(--serif-head);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-top:8px}section{padding:120px 48px}.section-eyebrow{font-family:var(--serif-head);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center;gap:16px;margin-bottom:20px}.section-eyebrow:before{content:"";display:block;width:36px;height:1px;background:var(--teal)}.section-title{font-family:var(--serif-head);font-weight:800;font-size:clamp(44px,5vw,72px);text-transform:uppercase;line-height:.94;letter-spacing:-.01em;color:var(--cream)}#about{background:var(--dark);display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.about-title{margin-bottom:36px}.about-body{font-size:16px;line-height:1.85;color:rgba(237,240,240,.65);max-width:500px}.about-body p+p{margin-top:20px}.about-divider{width:60px;height:2px;background:var(--teal);margin:36px 0}.about-values{display:flex;flex-direction:column;gap:20px}.value-item{display:flex;align-items:flex-start;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--border)}.value-item:last-child{border-bottom:none}.value-num{font-family:var(--serif-head);font-size:11px;letter-spacing:.2em;color:var(--teal);min-width:24px;margin-top:2px}.value-text strong{font-family:var(--serif-head);font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);display:block;margin-bottom:4px}.value-text p{font-size:14px;line-height:1.6;color:var(--muted)}.about-img-wrap,.about-right{position:relative}.about-img-wrap{overflow:hidden}.about-img-wrap:after{content:"";position:absolute;top:20px;right:-20px;width:100%;height:100%;border:1px solid var(--teal);pointer-events:none;z-index:0}.about-img-wrap img{width:100%;height:560px;object-fit:cover;display:block;position:relative;z-index:1;filter:grayscale(20%) contrast(1.05);transition:filter .4s,transform .6s}.about-img-wrap:hover img{filter:grayscale(0) contrast(1);transform:scale(1.03)}.about-img-badge{position:absolute;bottom:-20px;left:-20px;background:var(--teal);color:var(--black);padding:28px 32px;z-index:2;font-family:var(--serif-head)}.about-img-badge strong{display:block;font-size:38px;font-weight:800;line-height:1}.about-img-badge span{font-size:10px;letter-spacing:.25em;text-transform:uppercase}.services-strip{background:var(--teal);padding:56px 48px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px}.service-pill{display:flex;flex-direction:column;gap:12px;padding:32px;background:var(--teal);transition:background .3s}.service-pill:hover{background:var(--teal2)}.service-icon{width:36px;height:36px;opacity:.7}.service-name{font-family:var(--serif-head);font-weight:700;font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--black)}.service-desc{font-size:13px;color:rgba(8,12,14,.65);line-height:1.6}#projects{background:var(--black);padding:100px 0 0}.portfolio-header{padding:0 48px 52px;border-bottom:1px solid var(--border)}.portfolio-header-top{display:flex;justify-content:space-between;align-items:flex-start}.portfolio-tabs{display:flex;flex-wrap:wrap;margin-top:36px}.tab-btn{background:none;border:1px solid var(--border);border-right:none;color:var(--muted);font-family:var(--serif-head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:13px 22px;cursor:pointer;transition:all .25s;white-space:nowrap}.tab-btn:last-child{border-right:1px solid var(--border)}.tab-btn:hover{color:var(--cream);border-color:var(--teal)}.tab-btn.active{background:var(--teal);color:var(--black);border-color:var(--teal)}.category-group{display:none}.category-group.visible{display:block}.cat-heading{display:flex;align-items:center;gap:24px;padding:52px 48px 36px}.cat-heading-line{flex:1 1;height:1px;background:var(--border)}.cat-heading-title{font-family:var(--serif-head);font-weight:800;font-size:12px;letter-spacing:.38em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.project-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;margin-bottom:3px}.project-bleed{position:relative;overflow:hidden;height:540px;cursor:pointer}.project-bleed img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.25,.46,.45,.94),filter .45s;filter:grayscale(18%) brightness(.8)}.project-bleed:hover img{transform:scale(1.06);filter:grayscale(0) brightness(1)}.project-bleed-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,12,14,.95) 0,rgba(8,12,14,.25) 48%,rgba(8,12,14,0) 70%)}.status-badge{position:absolute;top:24px;left:24px;font-family:var(--serif-head);font-size:9px;letter-spacing:.35em;text-transform:uppercase;padding:7px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.construction{background:rgba(210,160,40,.15);border:1px solid rgba(210,160,40,.55);color:#d4a128}.status-badge.completed{background:rgba(46,139,139,.15);border:1px solid rgba(46,139,139,.55);color:var(--teal2)}.project-bleed-info{position:absolute;bottom:0;left:0;right:0;padding:36px 36px 40px}.project-bleed-category{font-size:10px;letter-spacing:.35em;color:var(--teal);margin-bottom:10px}.project-bleed-category,.project-bleed-name{font-family:var(--serif-head);text-transform:uppercase}.project-bleed-name{font-weight:800;font-size:36px;line-height:.93;color:var(--cream);letter-spacing:.01em}.project-bleed-meta{margin-top:14px;display:flex;gap:28px}.project-bleed-meta span{font-family:var(--serif-head);font-size:11px;letter-spacing:.18em;color:rgba(237,240,240,.5);text-transform:uppercase}.project-bleed-meta span strong{color:rgba(237,240,240,.82);font-weight:500}.hide-heading .cat-heading{display:none}#contact{background:var(--dark);display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;padding:0}.contact-left{padding:100px 64px;background:var(--panel);border-right:1px solid var(--border)}.contact-info{margin-top:48px;display:flex;flex-direction:column;gap:32px}.contact-info-label{font-family:var(--serif-head);font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.contact-info-value{font-family:var(--serif-head);font-size:18px;font-weight:500;color:var(--cream);letter-spacing:.04em;text-decoration:none;transition:color .2s;display:block}.contact-info-value:hover{color:var(--teal)}.contact-right{padding:100px 64px}.contact-form{display:flex;flex-direction:column;gap:0}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.form-group{position:relative;border-bottom:1px solid rgba(46,139,139,.3);border-right:1px solid rgba(46,139,139,.15);background:rgba(46,139,139,.04)}.form-group.full,.form-group.no-right{border-right:none}.form-group label{position:absolute;top:18px;left:24px;font-family:var(--serif-head);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(237,240,240,.55);transition:top .2s,font-size .2s,color .2s;pointer-events:none}.form-group input,.form-group select,.form-group textarea{background:none;border:none;outline:none;width:100%;padding:36px 24px 14px;font-family:var(--body);font-size:15px;color:var(--cream);resize:none}.form-group select{padding-top:32px;padding-bottom:10px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.form-group select option{background:#0e1315;color:var(--cream)}.form-group textarea{height:130px}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--teal);font-size:10px}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group select:focus~label,.form-group select:valid~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:10px;font-size:8px;color:var(--teal)}.form-group input::placeholder,.form-group textarea::placeholder{color:transparent}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:rgba(46,139,139,.07)}.upload-zone{border-bottom:1px solid rgba(46,139,139,.3);padding:28px 24px;background:rgba(46,139,139,.04);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:background .3s;position:relative}.upload-zone:hover{background:rgba(46,139,139,.1)}.upload-zone.dragging{background:rgba(46,139,139,.15);border-color:var(--teal)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{color:var(--teal);opacity:.7}.upload-label{font-family:var(--serif-head);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:rgba(237,240,240,.6);text-align:center}.upload-label strong{color:var(--teal);font-weight:600}.upload-hint{font-size:11px;color:var(--muted)}.upload-files{font-size:12px;color:var(--teal2);margin-top:4px;text-align:center}.form-submit{margin-top:36px;display:flex;align-items:center;justify-content:space-between}.form-note{font-size:12px;color:var(--muted);line-height:1.5;max-width:220px}.btn-submit{background:var(--teal);color:var(--black);border:none;font-family:var(--serif-head);font-weight:700;font-size:11px;letter-spacing:.28em;text-transform:uppercase;padding:18px 44px;cursor:pointer;transition:background .25s,transform .2s}.btn-submit:hover{background:var(--teal2);transform:translateY(-2px)}footer{background:var(--black);border-top:1px solid var(--border);padding:48px;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:12px;color:var(--muted);letter-spacing:.05em}.footer-links{display:flex;gap:32px;list-style:none}.footer-links a{font-family:var(--serif-head);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){nav{padding:0 24px}.nav-links{gap:20px}.nav-links li:not(:last-child){display:none}.hero-content{padding:0 24px 80px}.hero-title{font-size:56px}.stats-bar{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid var(--border);padding:28px}.stat-item:last-child{border-bottom:none}section{padding:80px 24px}#about{grid-template-columns:1fr;gap:60px}.about-img-wrap:after{display:none}.about-img-wrap img{height:380px}.services-strip{grid-template-columns:1fr 1fr}#projects{padding-top:60px}.portfolio-header{padding:0 24px 36px}.project-pair{grid-template-columns:1fr}.project-bleed{height:380px}.cat-heading{padding:36px 24px 24px}#contact{grid-template-columns:1fr}.contact-left,.contact-right{padding:60px 24px}.form-row{grid-template-columns:1fr}.form-group{border-right:none}footer{flex-direction:column;gap:24px;text-align:center}.tab-btn{padding:10px 15px;font-size:10px}}