:root{color-scheme:light;--color-ink:#0f1b2d;--color-ink-soft:#2c3d54;--color-accent:#2b7a78;--color-accent-bright:#3da5a4;--color-sand:#f5f2ee;--color-surface:hsla(0,0%,100%,.7);--color-border:hsla(0,0%,100%,.35);--color-shadow:rgba(15,27,45,.15);--color-night:#0d121a;--color-night-soft:#151c26;--color-night-border:hsla(0,0%,100%,.12);--font-heading:"Cinzel",serif;--font-body:"Plus Jakarta Sans",sans-serif}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at top,#f9f7f4 0,#eef2f5 40%,#e7eef4 100%);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{display:flex;min-height:100vh;flex-direction:column}.container{width:min(1120px,90vw);margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:hsla(0,0%,100%,.7);border-bottom:1px solid hsla(0,0%,100%,.5)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;gap:1.5rem}.logo{display:inline-flex;align-items:center}.nav{display:flex;gap:1.5rem;font-weight:500;font-size:.95rem}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav a:hover:after{transform:scaleX(1)}.main{flex:1 1}.hero{padding:5.5rem 0 4rem}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2.5rem;gap:2.5rem;align-items:center}.hero h1{font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.6rem);margin-bottom:1.25rem}.lead{color:var(--color-ink-soft);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:600;color:var(--color-accent);margin-bottom:.75rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.ghost-button,.primary-button{padding:.85rem 1.6rem;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.primary-button{background:linear-gradient(120deg,var(--color-accent),var(--color-accent-bright));color:#fff;box-shadow:0 12px 30px rgba(43,122,120,.25)}.ghost-button:hover,.primary-button:hover{transform:translateY(-2px)}.ghost-button{border:1px solid rgba(43,122,120,.35);color:var(--color-ink);background:hsla(0,0%,100%,.65)}.hero-card{padding:2.5rem;border-radius:24px;background:var(--color-surface);box-shadow:0 25px 60px var(--color-shadow);border:1px solid var(--color-border)}.card-label{font-size:.9rem;color:var(--color-accent);font-weight:600;margin-bottom:.75rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.stat-value{font-size:1.8rem;font-weight:700;font-family:var(--font-heading)}.stat-label{color:var(--color-ink-soft);font-size:.9rem}.section{padding:4.5rem 0}.section-dark{background:linear-gradient(135deg,#0d121a,#151c26 55%,#0d121a);color:#f3f5f8}.section-dark .section-header p,.section-dark .service-card p,.section-dark .stat-label{color:rgba(243,245,248,.75)}.section-dark .eyebrow{color:#7adad8}.section-dark .service-card{background:rgba(21,28,38,.9);border:1px solid var(--color-night-border);box-shadow:0 22px 50px rgba(5,8,14,.55)}.section-dark .service-card h3{color:#f7f9fb}.section-dark .carousel-dot{background:hsla(0,0%,100%,.25)}.section-header{max-width:640px;margin-bottom:2.5rem}.section-header h2{font-family:var(--font-heading);font-size:clamp(2rem,3vw,2.8rem);margin-bottom:1rem}.services-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.service-card{padding:2rem;border-radius:20px;background:hsla(0,0%,100%,.65);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 18px 40px var(--color-shadow)}.about{background:linear-gradient(120deg,rgba(43,122,120,.08),transparent 60%)}.about-grid{display:grid;grid-gap:2.5rem;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.glass{background:hsla(0,0%,100%,.6);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.45);box-shadow:0 18px 40px var(--color-shadow)}.about-card ul{list-style:none;display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.about-card li{padding-left:1.5rem;position:relative;color:var(--color-ink-soft)}.about-card li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.carousel{position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .6s ease}.project-card{min-width:100%;position:relative;height:420px;border-radius:28px;overflow:hidden;background:#0c1626}.project-image{object-fit:cover;filter:grayscale(100%);transition:filter .4s ease,transform .5s ease}.project-card:hover .project-image{filter:grayscale(0);transform:scale(1.03)}.project-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:linear-gradient(160deg,rgba(12,22,38,.55),rgba(12,22,38,.85));color:#fff}.project-title{font-size:1.6rem;font-family:var(--font-heading);margin-bottom:.5rem}.project-location{opacity:.75}.project-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;align-self:flex-start;padding:.75rem 1.4rem;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 12px 24px rgba(12,22,38,.35);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.project-link:focus-visible,.project-link:hover{background:var(--color-accent-bright);box-shadow:0 16px 30px rgba(12,22,38,.45);transform:translateY(-2px)}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:999px;border:none;background:rgba(15,27,45,.2);cursor:pointer}.carousel-dot.active{background:var(--color-accent)}.cta{background:radial-gradient(circle at top,rgba(43,122,120,.12),transparent 60%)}.cta-inner{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.cta-card{display:grid;grid-gap:1rem;gap:1rem}.cta-title{font-size:1.2rem;font-weight:600}.site-footer{padding:2.5rem 0 3rem;border-top:1px solid rgba(15,27,45,.08);background:hsla(0,0%,100%,.6)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-title{font-weight:700;margin-bottom:.5rem}.footer-text{color:var(--color-ink-soft)}.marquee{overflow:hidden;border-top:1px solid rgba(15,27,45,.08);padding-top:1rem}.marquee-track{display:flex;gap:2.5rem;white-space:nowrap;animation:scroll 18s linear infinite}.marquee span{color:var(--color-ink-soft);font-weight:500}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.project-page{padding-bottom:4rem}.staggered-menu-wrapper{position:relative;width:100%;height:100%;z-index:40;pointer-events:none}.staggered-menu-wrapper.fixed-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:40;overflow:hidden}.staggered-menu-header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.5rem,6vw,3.5rem);background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;pointer-events:none}.staggered-menu-header>*{pointer-events:auto}.sm-logo{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sm-logo-img{display:block;height:40px;width:auto;object-fit:contain}.sm-toggle{position:relative;display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:none;cursor:pointer;color:var(--color-ink);font-weight:600;line-height:1;overflow:visible;letter-spacing:.02em}.sm-toggle:focus-visible{outline:2px solid rgba(43,122,120,.6);outline-offset:4px;border-radius:4px}.sm-toggle-textWrap{position:relative;display:inline-block;height:1em;overflow:hidden;white-space:nowrap;width:var(--sm-toggle-width,auto);min-width:var(--sm-toggle-width,auto)}.sm-toggle-textInner{display:flex;flex-direction:column;line-height:1}.sm-toggle-line{display:block;height:1em;line-height:1}.sm-icon{position:relative;width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;will-change:transform}.sm-panel-itemWrap{position:relative;overflow:hidden;line-height:1}.sm-icon-line{position:absolute;left:50%;top:50%;width:100%;height:2px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%);will-change:transform}.sm-line{display:none!important}.staggered-menu-panel{position:absolute;top:0;right:0;width:clamp(260px,40vw,460px);height:100%;background:hsla(0,0%,100%,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;padding:6.5em 2.5em 2.5em;overflow-y:auto;z-index:10;pointer-events:auto;box-shadow:-20px 0 50px rgba(15,27,45,.1)}[data-position=left] .staggered-menu-panel{right:auto;left:0}.sm-prelayers{position:absolute;top:0;right:0;bottom:0;width:clamp(260px,40vw,460px);pointer-events:none;z-index:5}[data-position=left] .sm-prelayers{right:auto;left:0}.sm-prelayer{position:absolute;top:0;right:0;height:100%;width:100%;transform:translateX(0)}.sm-panel-inner{flex:1 1;gap:1.5rem}.sm-panel-inner,.sm-socials{display:flex;flex-direction:column}.sm-socials{margin-top:auto;padding-top:2rem;gap:.75rem}.sm-socials-title{margin:0;font-size:1rem;font-weight:600;color:var(--sm-accent,#2b7a78)}.sm-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap}.sm-socials-list .sm-socials-link{opacity:1}.sm-socials-list:hover .sm-socials-link{opacity:.35}.sm-socials-list:hover .sm-socials-link:hover{opacity:1}.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent,#2b7a78);outline-offset:3px}.sm-socials-list:focus-within .sm-socials-link{opacity:.35}.sm-socials-list:focus-within .sm-socials-link:focus-visible{opacity:1}.sm-socials-link{font-size:1.1rem;font-weight:600;color:var(--color-ink);text-decoration:none;position:relative;padding:2px 0;display:inline-block;transition:color .3s ease,opacity .3s ease}.sm-socials-link:hover{color:var(--sm-accent,#2b7a78)}.sm-panel-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.sm-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.sm-panel-item{position:relative;color:var(--color-ink);font-weight:700;font-size:clamp(1.8rem,3.6vw,3rem);cursor:pointer;line-height:1;letter-spacing:-1px;text-transform:uppercase;transition:background .25s,color .25s;display:inline-block;text-decoration:none;padding-right:1.4em}.staggered-menu-panel .sm-socials-list .sm-socials-link{opacity:1;transition:opacity .3s ease}.staggered-menu-panel .sm-socials-list:hover .sm-socials-link:not(:hover){opacity:.35}.staggered-menu-panel .sm-socials-list:focus-within .sm-socials-link:not(:focus-visible){opacity:.35}.staggered-menu-panel .sm-socials-list .sm-socials-link:focus-visible,.staggered-menu-panel .sm-socials-list .sm-socials-link:hover{opacity:1}.sm-panel-itemLabel{display:inline-block;will-change:transform;transform-origin:50% 100%}.sm-panel-item:hover{color:var(--sm-accent,#2b7a78)}.sm-panel-list[data-numbering]{counter-reset:smItem}.sm-panel-list[data-numbering] .sm-panel-item:after{counter-increment:smItem;content:counter(smItem,decimal-leading-zero);position:absolute;top:.1em;right:2.8em;font-size:18px;font-weight:400;color:var(--sm-accent,#2b7a78);letter-spacing:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--sm-num-opacity,0)}.scroll-to-top{position:fixed;right:1.5rem;bottom:1.5rem;width:44px;height:44px;border-radius:999px;border:none;background:var(--color-ink);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 16px 30px rgba(15,27,45,.2);z-index:30;cursor:pointer}.scroll-to-top:focus-visible{outline:2px solid rgba(43,122,120,.6);outline-offset:4px}.scroll-to-top span{font-size:1.2rem;line-height:1}@media (max-width:1024px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}@media (max-width:640px){.staggered-menu-panel{width:100%;left:0;right:0}.staggered-menu-wrapper[data-open] .sm-logo-img{filter:invert(100%)}}.project-hero{padding:4.5rem 0 3rem}.project-hero-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.project-hero-image{position:relative;height:360px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px var(--color-shadow)}.back-link{display:inline-block;margin-bottom:1rem;color:var(--color-accent);font-weight:600}.gallery-grid,.highlight-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gallery-card{position:relative;height:240px;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px var(--color-shadow)}@media (max-width:720px){.nav{display:none}.main{padding-top:84px}.hero{padding-top:4rem}.scroll-to-top{display:inline-flex}.project-card{height:320px}}