.hero-heading{display:block!important}.hero-heading h1{max-width:1100px}.hero{padding-top:44px}.hero-guide{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:30px 0 32px;padding:25px 28px;border-left:3px solid var(--mint);background:linear-gradient(110deg,#233a30,#16221d);border-radius:0 12px 12px 0}.hero-guide .eyebrow{color:var(--mint);font-size:12px}.hero-guide h2{font-family:Oswald,Arial,sans-serif;font-weight:400;font-size:clamp(25px,2.6vw,36px);letter-spacing:0;margin:10px 0;line-height:1.2}.hero-guide p{margin:0;color:#c3cfc8;font-size:16px}.hero-guide .btn{flex-shrink:0}.work-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#314d40 0,#17241e 45%,#101716 80%);padding:64px 0 48px}.work-heading{margin-bottom:12px;align-items:center}.work-heading h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08}.work-heading h2 span{color:var(--mint)}.work-heading p{font-size:16px;max-width:460px;line-height:1.6}.work-heading .eyebrow{color:var(--mint)}
#work-grid{position:relative;display:block;height:460px;perspective:1300px;margin:0 auto;width:100%;touch-action:pan-y;isolation:isolate}
#work-grid .work-card{position:absolute;left:50%;top:25px;width:56%;height:405px;margin:0;border:1px solid #ffffff35;border-radius:17px;background:#18241e;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(-50%) scale(.65);transition:transform .85s cubic-bezier(.22,.8,.2,1),opacity .65s,filter .65s,visibility .85s;box-shadow:0 22px 45px #0007;will-change:transform}
#work-grid .work-card.active{transform:translateX(-50%);opacity:1;visibility:visible;z-index:3;filter:none;border-color:#a9f1d277}
#work-grid .work-card.previous{transform:translateX(-101%) translateZ(-110px) rotateY(12deg) scale(.83);opacity:.62;visibility:visible;z-index:2;filter:brightness(.65)}
#work-grid .work-card.next{transform:translateX(1%) translateZ(-110px) rotateY(-12deg) scale(.83);opacity:.62;visibility:visible;z-index:2;filter:brightness(.65)}
#work-grid .work-image{height:100%;width:100%;padding:0;display:block;border:0;cursor:pointer}
#work-grid .work-image img{height:100%;width:100%;object-fit:cover;object-position:center 53%;transform:none;transition:none}
#work-grid .work-image:before{display:none}#work-grid .work-image:after{bottom:72px;font-size:12px}
#work-grid .work-info{position:absolute;bottom:0;left:0;right:0;padding:44px 22px 20px;background:linear-gradient(transparent,#08120fed);pointer-events:none}#work-grid .work-info h3{font-size:19px;color:#fff}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:15px}.gallery-controls button{min-width:44px;min-height:44px;background:#22382c;border:1px solid #ffffff35;border-radius:50%;color:#fff;cursor:pointer;font-size:19px}.gallery-controls button:hover{background:var(--mint);color:#101716}#gallery-pause{border-radius:24px;font-size:13px;padding:0 16px}#gallery-count{font-size:14px;color:#c4d7cb;min-width:60px;text-align:center;font-variant-numeric:tabular-nums}#gallery-dots{display:flex;gap:7px;justify-content:center;margin-top:16px}#gallery-dots button{border:0;width:19px;height:28px;background:transparent;padding:0;cursor:pointer}#gallery-dots button:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#61776b;margin:auto;transition:background .3s,transform .3s}#gallery-dots button[aria-current=true]:after{background:var(--mint);transform:scale(1.5)}
.material{transition:background .3s}.material:hover{background:#d4e5d9}.experience{background:linear-gradient(160deg,#101716,#1c2e24)}.coverage{border:1px solid #a9f1d233;box-shadow:0 20px 60px #0003}
@media(max-width:650px){.hero{padding-top:28px}.hero-guide{padding:20px;margin:20px 0 26px;display:block}.hero-guide .btn{margin-top:18px;width:100%}.hero-guide h2{font-size:27px}.hero-guide p{font-size:15px}.work-section{padding:40px 0 28px}.work-heading{display:block}.work-heading .btn{margin-top:8px}#work-grid{height:370px;margin-top:10px}#work-grid .work-card{width:80%;height:320px;top:22px;border-radius:12px}#work-grid .work-card.previous{transform:translateX(-85%) translateZ(-100px) rotateY(12deg) scale(.8)}#work-grid .work-card.next{transform:translateX(-15%) translateZ(-100px) rotateY(-12deg) scale(.8)}#work-grid .work-info{padding:35px 16px 17px}#work-grid .work-info h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){#work-grid .work-card{transition:none}.material{transition:none}}
@media(min-width:651px){#work-grid{height:535px}#work-grid .work-card{width:min(56%,480px);height:480px}}
#work-grid .work-image img{object-position:center 30%}
/* Tighter grouping for the brand and the two-line headline. */
.brand small{margin-top:1px;line-height:1.15}
.hero h1,.hero h1 em{line-height:1.08}
/* Carbon weave and restrained logo-color lighting on the dark surfaces. */
body{background-color:#101716;background-image:radial-gradient(ellipse at 0 8%,#00bfd31a,transparent 38%),radial-gradient(ellipse at 100% 18%,#8d44d917,transparent 38%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#00000013 0 1px,transparent 1px 5px);background-size:auto,auto,8px 8px,8px 8px}
.hero{overflow:visible}.hero-grid{position:relative}.hero-grid:before{content:'';position:absolute;inset:-28px -28px -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 20%,#00bbd52b,transparent 55%),radial-gradient(ellipse at 80% 80%,#8e42d327,transparent 55%);filter:blur(22px)}
.work-section{background-image:radial-gradient(ellipse at 8% 50%,#00b9d226,transparent 45%),radial-gradient(ellipse at 94% 50%,#963ad624,transparent 45%),radial-gradient(ellipse at 50% 100%,#ff792010,transparent 50%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 5px);background-color:#101716}
.experience{background-color:#121d18;background-image:radial-gradient(ellipse at 100% 50%,#007e8f17,transparent 60%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 6px)}
.header-actions{display:flex;align-items:center;gap:18px}.language-switch{display:flex;padding:3px;border:1px solid #ffffff30;border-radius:8px;background:#101716;flex-shrink:0}.language-switch button{border:0;border-radius:5px;background:transparent;color:#aebeb6;min-height:38px;padding:0 9px;font-size:12px;font-weight:700;cursor:pointer}.language-switch button[aria-pressed=true]{background:#a9f1d2;color:#101716}.language-switch button:hover{color:white;background:#294235}.links{gap:18px}
html[lang=en] #work-grid .work-image:after{content:'Enlarge ↗'}
@media(max-width:1100px){.header-actions{gap:10px}.links{gap:12px}.nav .links>a:not(.header-phone):not(.facebook-link){display:none}}
@media(max-width:650px){.nav{height:auto!important;min-height:110px;flex-wrap:wrap;gap:12px;padding:14px 0}.header-actions{width:100%;justify-content:space-between}.header-actions .links{display:flex!important}.header-actions .facebook-link{display:inline-flex!important}.language-switch button{min-height:36px;padding:0 12px}.hero-grid:before{inset:-10px;filter:blur(12px)}}
/* Visible carbon texture, luminous nebulae, and gently arriving stars. */
body{background-image:radial-gradient(ellipse at 0 8%,#00bfd332,transparent 44%),radial-gradient(ellipse at 100% 18%,#8d44d92e,transparent 42%),repeating-linear-gradient(45deg,#ffffff09 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#00000036 0 2px,transparent 2px 6px);background-size:auto,auto,8px 8px,8px 8px}
.hero,.work-section,.experience{position:relative;isolation:isolate}.hero>div:not(.galaxy-field),.work-section>.wrap,.experience>.wrap{position:relative;z-index:1}
.work-section{background-image:radial-gradient(ellipse at 8% 50%,#00b9d23d,transparent 48%),radial-gradient(ellipse at 94% 50%,#963ad63b,transparent 48%),radial-gradient(ellipse at 50% 100%,#ff79201e,transparent 50%),repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 5px);background-color:#101716}
.experience{background-image:radial-gradient(ellipse at 100% 50%,#007e8f32,transparent 60%),radial-gradient(ellipse at 0 100%,#743bb023,transparent 50%),repeating-linear-gradient(45deg,#ffffff07 0 1px,transparent 1px 6px)}
.galaxy-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;contain:paint}
.galaxy-field:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 78% 20%,#9659ed16,transparent 44%),radial-gradient(ellipse at 22% 65%,#39dce719,transparent 48%)}
.galaxy-star{position:absolute;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border-radius:50%;background:var(--star-color);box-shadow:0 0 7px 1px var(--star-color);opacity:0;animation:star-arrive var(--duration) linear var(--delay) infinite;will-change:transform,opacity}
.galaxy-star.spark:before,.galaxy-star.spark:after{content:'';position:absolute;left:50%;top:50%;background:var(--star-color);border-radius:100%;transform:translate(-50%,-50%)}.galaxy-star.spark:before{width:1px;height:10px}.galaxy-star.spark:after{height:1px;width:10px}
@keyframes star-arrive{0%{opacity:0;transform:translate(0,0) scale(.15)}20%{opacity:.3}65%{opacity:.75}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.45)}}
.galaxy-paused .galaxy-star,.galaxy-field.offscreen .galaxy-star{animation-play-state:paused}.galaxy-toggle{display:block;margin:22px auto 0;padding:9px 16px;color:#b9cfc8;background:#14241f;border:1px solid #678e824f;border-radius:24px;font-size:12px;cursor:pointer;min-height:40px}.galaxy-toggle:hover{border-color:#a9f1d2;color:#fff}
@media(max-width:650px){.galaxy-star:nth-child(n+17){display:none}}
@media(prefers-reduced-motion:reduce){.galaxy-star{animation:none;opacity:.35;transform:none;will-change:auto}}
/* Original backdrop preserved; only the stars gain a gentle, varied shimmer. */
.galaxy-star{box-shadow:0 0 5px 1px var(--star-color),0 0 12px 2px #bddfff38}
@keyframes star-arrive{
  0%{opacity:0;transform:translate(0,0) scale(.15)}
  16%{opacity:.45}
  30%{opacity:.88}
  44%{opacity:.5}
  59%{opacity:1}
  72%{opacity:.65}
  84%{opacity:.9}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.45)}
}
@media(prefers-reduced-motion:reduce){.galaxy-star{opacity:.55}}
/* Night-black canvas with restrained color; distinct mint quote panel. */
body{background-color:#010203;background-image:radial-gradient(ellipse at 0 8%,#00bfd305,transparent 40%),radial-gradient(ellipse at 100% 18%,#8d44d906,transparent 40%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#00000038 0 2px,transparent 2px 6px);background-size:auto,auto,8px 8px,8px 8px}
.galaxy-field:before{background:radial-gradient(ellipse at 78% 20%,#9659ed03,transparent 44%),radial-gradient(ellipse at 22% 65%,#39dce703,transparent 48%)}
.work-section{background-color:#010203;background-image:radial-gradient(ellipse at 8% 50%,#00b9d205,transparent 45%),radial-gradient(ellipse at 94% 50%,#963ad605,transparent 45%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 5px)}
.experience{background-color:#020304;background-image:radial-gradient(ellipse at 100% 50%,#007e8f04,transparent 60%),repeating-linear-gradient(45deg,#ffffff01 0 1px,transparent 1px 6px)}
.hero-grid:before{opacity:.12}
.hero-form .form{background:linear-gradient(145deg,#def4e7,#c4e7d4);border:1px solid #9dd6b7;border-top:4px solid #70cba1;box-shadow:0 14px 45px #0006,0 0 25px #88e7b814}
.hero-form .form h3{color:#123b2a}.hero-form input,.hero-form select,.hero-form textarea{background:#f6fcf8;border-color:#9bbbab;color:#152b21}.hero-form input:focus,.hero-form select:focus{outline:2px solid #298360;outline-offset:2px}.hero-form .form .btn{background:#153e2d;color:#fff}.hero-form .form .btn:hover{background:#205b42}