*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d0d0d;--color-surface: #161616;--color-surface-2: #1f1f1f;--color-border: #2a2a2a;--color-text: #f0ede8;--color-muted: #8a8580;--color-accent: #e8b84b;--color-accent-2: #c47d3e;--color-white: #ffffff;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 7rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .2s ease}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}address{font-style:normal}.container{width:min(90%,1160px);margin-inline:auto}.section{padding-block:var(--space-2xl)}.section__label{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.section__heading{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1.2;color:var(--color-white);margin-bottom:var(--space-md)}.section__body{font-size:1.05rem;color:var(--color-muted);max-width:54ch}.section__intro{text-align:center;margin-bottom:var(--space-xl)}.section__intro .section__body{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;border:2px solid transparent;transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.btn--primary{background-color:var(--color-accent);color:var(--color-bg)}.btn--primary:hover,.btn--primary:focus-visible{background-color:var(--color-accent-2)}.btn--ghost{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.btn--full{width:100%}.btn:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.navbar{position:fixed;inset-block-start:0;inset-inline:0;z-index:100;padding-block:1.1rem;background-color:transparent;transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#0d0d0deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-bg);font-weight:700;font-size:.85rem;letter-spacing:.05em;flex-shrink:0}.logo-text{font-weight:600;font-size:1rem;color:var(--color-white)}.nav-list{display:flex;gap:var(--space-lg)}.nav-link{font-size:.9rem;font-weight:500;color:var(--color-muted);transition:color var(--transition)}.nav-link:hover,.nav-link:focus-visible{color:var(--color-white)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.bar{display:block;width:24px;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;overflow:hidden;padding-block-start:6rem;padding-block-end:var(--space-2xl)}.hero__content{position:relative;z-index:1}.hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-sm)}.hero__headline{font-family:var(--font-serif);font-size:clamp(2.8rem,8vw,6rem);font-weight:700;line-height:1.05;color:var(--color-white);margin-bottom:var(--space-md)}.hero__headline em{font-style:italic;color:var(--color-accent)}.hero__subtext{font-size:clamp(1rem,2vw,1.2rem);color:var(--color-muted);max-width:52ch;margin-bottom:var(--space-lg)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero__bg-shape{position:absolute;inset-block-start:-10%;inset-inline-end:-15%;width:65vw;max-width:820px;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(232,184,75,.12) 0%,rgba(196,125,62,.06) 40%,transparent 70%);pointer-events:none}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.about__visual{position:relative;height:340px}.about__card{position:absolute;display:grid;place-items:center;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-border);transition:transform .3s ease}.about__card:hover{transform:translateY(-4px)}.about__card--1{width:180px;height:180px;background-color:var(--color-surface);top:0;left:0}.about__card--2{width:140px;height:140px;background-color:var(--color-surface-2);top:40px;left:140px}.about__card--3{width:160px;height:160px;background-color:var(--color-surface);top:160px;left:60px}.about__values{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.about__values li{display:flex;align-items:baseline;gap:.6rem;font-size:.95rem;color:var(--color-muted)}.about__values li strong{color:var(--color-text)}.value-icon{color:var(--color-accent);font-size:.65rem;flex-shrink:0}.services{background-color:var(--color-surface)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.service-card{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition),transform var(--transition)}.service-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.service-card__icon{font-size:2rem;margin-bottom:var(--space-sm)}.service-card__title{font-size:1.1rem;font-weight:600;color:var(--color-white);margin-bottom:var(--space-xs)}.service-card__body{font-size:.9rem;color:var(--color-muted);line-height:1.6}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:280px;gap:var(--space-sm)}.work-card{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.work-card--wide{grid-column:span 2}.work-card__img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s ease}.work-card:hover .work-card__img{transform:scale(1.04)}.work-card__img--1{background-color:#1a1510;background-image:linear-gradient(135deg,#2a1f0a,#4a3520,#1a1510)}.work-card__img--2{background-color:#0d1a12;background-image:linear-gradient(135deg,#0d2015,#1a4030,#0d1a12)}.work-card__img--3{background-color:#0a0d1a;background-image:linear-gradient(135deg,#0a1020,#1a2040,#0a0d1a)}.work-card__img--4{background-color:#1a0d10;background-image:linear-gradient(135deg,#200a0f,#3a1520,#1a0d10)}.work-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-md)}.work-card__category{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.25rem}.work-card__title{font-size:1.15rem;font-weight:600;color:var(--color-white)}.contact{background-color:var(--color-surface)}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-xl);align-items:start}.contact__details{margin-top:var(--space-lg)}.contact__link{color:var(--color-accent);font-weight:500;transition:color var(--transition)}.contact__link:hover,.contact__link:focus-visible{color:var(--color-accent-2)}.contact__form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.85rem;font-weight:500;color:var(--color-muted)}.form-input{background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem 1rem;font-family:var(--font-sans);font-size:.95rem;color:var(--color-text);transition:border-color var(--transition);width:100%}.form-input::placeholder{color:#555}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-textarea{resize:vertical;min-height:130px}.form-feedback{font-size:.875rem;text-align:center;min-height:1.4em}.form-feedback.success{color:#6fcf97}.form-feedback.error{color:#eb5757}.form-feedback.neutral{color:var(--color-muted)}.footer{padding-block:var(--space-lg);border-top:1px solid var(--color-border)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.footer__logo{display:flex;align-items:center;gap:.5rem}.footer__copy{font-size:.8rem;color:var(--color-muted)}.footer__nav{display:flex;gap:var(--space-md)}.footer__link{font-size:.8rem;color:var(--color-muted);transition:color var(--transition)}.footer__link:hover,.footer__link:focus-visible{color:var(--color-white)}@media (max-width: 900px){.about__grid{grid-template-columns:1fr}.about__visual{height:260px;max-width:360px;margin-inline:auto}.contact__grid{grid-template-columns:1fr}}@media (max-width: 720px){.navbar__nav{display:none;position:fixed;inset-block-start:64px;inset-inline:0;background-color:#0d0d0df7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.navbar__nav.open{display:block}.nav-list{flex-direction:column;gap:var(--space-md)}.nav-link{font-size:1.1rem}.navbar__toggle{display:flex}.navbar__toggle[aria-expanded=true] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle[aria-expanded=true] .bar:nth-child(2){opacity:0}.navbar__toggle[aria-expanded=true] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.work__grid{grid-template-columns:1fr}.work-card--wide{grid-column:span 1}.footer__inner{flex-direction:column;text-align:center}}@media (max-width: 480px){:root{--space-2xl: 4.5rem}.hero__cta{flex-direction:column}.hero__cta .btn{width:100%;justify-content:center}}