:root{--burgundy:#211218;--burgundy-deep:#150b0f;--burgundy-soft:#2d1a21;--gold:#c58b34;--gold-light:#e2b96c;--ivory:#f2efeb;--muted:#b5abad;--line:rgba(219,173,93,.27);--pad:clamp(1.25rem,5.2vw,6rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--burgundy-deep)}body{margin:0;background:var(--burgundy);color:var(--ivory);font-family:"Montserrat",Arial,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}.skip{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.7rem 1rem;background:var(--ivory);color:var(--burgundy)}.skip:focus{top:1rem}
.header{position:fixed;z-index:60;left:0;right:0;top:0;height:6.25rem;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);transition:.35s}.header.scrolled{height:5rem;background:rgba(28,14,20,.88);backdrop-filter:blur(18px);border-color:var(--line)}.brand{width:clamp(9rem,14vw,12.5rem);height:5rem;display:grid;place-items:center}.brand img{width:100%;max-height:4.5rem;object-fit:contain;filter:drop-shadow(0 4px 18px rgba(0,0,0,.3))}.header-actions,.nav,.language-toggle{display:flex;align-items:center}.header-actions{gap:clamp(1rem,2.5vw,2.8rem)}.nav{gap:clamp(1.2rem,2.4vw,2.8rem)}.nav a{font-size:.67rem;letter-spacing:.19em;text-transform:uppercase;position:relative}.nav a:after{content:"";position:absolute;bottom:-.5rem;left:0;right:100%;height:1px;background:var(--gold);transition:right .25s}.nav a:hover:after,.nav a:focus-visible:after{right:0}
.language{position:relative}.language-toggle{gap:.48rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);color:var(--ivory);padding:.48rem .62rem;cursor:pointer;font-size:.64rem;letter-spacing:.12em}.language img{width:1.05rem;height:.78rem;object-fit:cover}.language-menu{position:absolute;right:0;top:calc(100% + .7rem);min-width:12rem;padding:.4rem;background:#26151b;border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:.22s}.language-menu.open{opacity:1;visibility:visible;transform:none}.language-menu button{width:100%;display:flex;align-items:center;gap:.8rem;padding:.68rem;border:0;background:none;color:var(--ivory);cursor:pointer;text-align:left;font-size:.72rem}.language-menu button:hover,.language-menu button.active{background:rgba(197,139,52,.12);color:var(--gold-light)}.menu-toggle{display:none;width:2.8rem;height:2.8rem;background:none;border:0;color:#fff;padding:.7rem}.menu-toggle i{display:block;height:1px;background:currentColor;margin:.42rem 0;transition:.25s}
.hero{height:100svh;min-height:43rem;position:relative;display:flex;align-items:center;padding:8rem var(--pad) 5rem;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media{object-fit:cover;object-position:center;animation:hero-in 1.5s cubic-bezier(.2,.75,.2,1) both}.hero-overlay{background:linear-gradient(90deg,rgba(22,10,15,.88) 0%,rgba(28,13,19,.64) 28%,rgba(24,12,16,.08) 62%),linear-gradient(0deg,rgba(19,9,13,.54),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(42rem,48vw)}.overline{margin:0 0 1.4rem;color:var(--gold-light);font-size:.68rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.overline span{display:inline-block;margin-right:1.5rem;color:var(--muted)}.overline b{font-weight:500}h1,h2{margin:0;font-weight:300;letter-spacing:-.045em;line-height:1.02}h1{font-size:clamp(3.4rem,6.9vw,7rem)}h2{font-size:clamp(2.8rem,5.7vw,5.8rem)}.hero-text{max-width:33rem;margin:1.7rem 0 2.2rem;color:#d8ced0;font-size:clamp(.95rem,1.3vw,1.13rem)}.hero-links{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.9rem 1.25rem;font-size:.67rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;border:1px solid transparent;transition:.25s}.button-gold{background:var(--gold);color:#1d1115}.button-gold:hover{background:var(--gold-light);transform:translateY(-2px)}.button-quiet{border-color:rgba(255,255,255,.35)}.button-quiet:hover{border-color:var(--gold);color:var(--gold-light)}.button b{font-size:.9rem}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:2.4rem;display:flex;align-items:center;gap:.8rem;font-size:.6rem;letter-spacing:.12em}.hero-index i{display:block;width:5rem;height:1px;background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.25))}
.section{padding:clamp(6.5rem,11vw,11rem) var(--pad)}.section-heading{display:grid;grid-template-columns:minmax(10rem,28%) 1fr;margin-bottom:clamp(4rem,8vw,7rem)}.section-heading .overline{grid-column:1}.section-heading h2{grid-column:2}.expertise{background:var(--burgundy)}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:minmax(4rem,9%) minmax(15rem,1fr) 1fr auto;gap:2rem;align-items:center;padding:2.2rem 0;border-bottom:1px solid var(--line);position:relative;transition:padding .25s,background .25s}.service:hover{padding-left:1rem;padding-right:1rem;background:rgba(255,255,255,.025)}.service>span{color:var(--gold);font-size:.65rem}.service h3{font-size:clamp(1.15rem,2vw,1.65rem);font-weight:400;line-height:1.3;margin:0}.service p{margin:0;color:var(--muted);font-size:.86rem;max-width:27rem}.service i{color:var(--gold);font-style:normal;font-size:1.2rem}
.portfolio{background:var(--burgundy-deep)}.portfolio-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:clamp(4rem,7vw,7rem)}.portfolio-head>p{margin:0;color:var(--muted);max-width:23rem;font-size:.88rem}.gallery{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(1.2rem,3vw,3rem)}.project-wide{grid-row:span 2}.image-slot{aspect-ratio:16/10;position:relative;overflow:hidden;background:linear-gradient(145deg,#2c1920,#180d12);border:1px solid rgba(255,255,255,.08)}.project-wide .image-slot{aspect-ratio:4/5}.image-slot-tall{aspect-ratio:16/9}.image-slot:before,.image-slot:after{content:"";position:absolute;background:var(--line)}.image-slot:before{left:-10%;right:-10%;height:1px;top:50%;transform:rotate(-28deg)}.image-slot:after{top:-10%;bottom:-10%;width:1px;left:52%;transform:rotate(28deg)}.image-slot span{position:absolute;z-index:2;left:1.2rem;top:1rem;color:var(--gold);font-size:.65rem;letter-spacing:.12em}.image-slot i{position:absolute;left:50%;top:50%;width:6rem;height:6rem;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%)}.project p{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:1rem 0 2rem;border-top:1px solid rgba(255,255,255,.13);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.project p b{font-weight:500}.project p small{font:inherit;color:var(--muted);text-align:right}
.manifesto{min-height:75vh;padding:clamp(7rem,13vw,13rem) var(--pad);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 30%,#3a2029 0%,var(--burgundy) 48%,var(--burgundy-deep) 100%);border-block:1px solid var(--line)}.manifesto h2{font-size:clamp(3rem,7.8vw,8rem)}.manifesto em{font-style:normal;color:var(--gold-light)}
.contact{background:var(--ivory);color:var(--burgundy-deep);display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.contact .overline{color:#8d5c20}.contact-title h2{font-size:clamp(2.8rem,5vw,5rem)}.contact-body{align-self:end}.contact-cta{display:flex;justify-content:space-between;align-items:center;padding:0 0 1rem;border-bottom:1px solid #a57632;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:400}.contact-cta b{color:#9b6826}.contact dl{margin:3rem 0 0;display:grid;gap:1.5rem}.contact dl div{display:grid;grid-template-columns:10rem 1fr;gap:1rem}.contact dt{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:#756d69}.contact dd{margin:0;font-size:.88rem;font-weight:400}.contact dd a:hover{text-decoration:underline;text-decoration-color:#a57632;text-underline-offset:.3rem}
.footer{padding:2.6rem var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem;background:var(--burgundy-deep);border-top:1px solid var(--line)}.footer>img{width:10.5rem;filter:drop-shadow(0 4px 16px rgba(0,0,0,.35))}.socials{display:flex;gap:1.6rem;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.socials a:hover{color:var(--gold-light)}.footer p{margin:0;text-align:right;color:var(--muted);font-size:.62rem;letter-spacing:.08em}.whatsapp{position:fixed;z-index:50;right:1.35rem;bottom:1.35rem;display:flex;align-items:center;gap:.6rem;padding:.78rem 1rem;background:var(--gold);color:#1c1115;border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.3);font-size:.63rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;transition:.25s}.whatsapp:hover{transform:translateY(-3px);background:var(--gold-light)}.whatsapp svg{width:1.25rem;height:1.25rem;fill:currentColor}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}.reveal.visible{opacity:1;transform:none}.service:nth-child(2){transition-delay:.1s}.service:nth-child(3){transition-delay:.2s}@keyframes hero-in{from{opacity:.3;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@media(max-width:860px){.header{height:5rem;background:rgba(28,14,20,.9);backdrop-filter:blur(18px)}.brand{width:9.2rem;height:4.3rem}.header-actions{gap:.55rem}.menu-toggle{display:block}.nav{position:absolute;left:0;right:0;top:100%;display:grid;gap:0;max-height:0;overflow:hidden;background:rgba(27,13,18,.98);padding:0 var(--pad);transition:max-height .3s}.nav.open{max-height:15rem;border-top:1px solid var(--line)}.nav a{padding:1.05rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:46rem;padding-top:9rem;align-items:flex-end}.hero-media{object-position:63% center}.hero-overlay{background:linear-gradient(0deg,rgba(20,9,13,.93) 0%,rgba(24,11,16,.54) 52%,rgba(18,9,12,.08) 82%)}.hero-content{width:100%;max-width:33rem}.hero-text{max-width:27rem}.hero-index{display:none}.section-heading{grid-template-columns:1fr}.section-heading .overline,.section-heading h2{grid-column:1}.service{grid-template-columns:2.5rem 1fr auto;gap:1rem}.service p{grid-column:2}.portfolio-head,.contact{grid-template-columns:1fr}.portfolio-head{gap:2rem}.gallery{grid-template-columns:1fr}.project-wide{grid-row:auto}.project-wide .image-slot,.image-slot,.image-slot-tall{aspect-ratio:4/3}.footer{grid-template-columns:1fr;align-items:start}.footer p{text-align:left}}
@media(max-width:520px){.language-toggle{padding:.45rem}.language-toggle span:nth-of-type(2){display:none}.language-menu{right:-3.2rem}.hero{padding-bottom:3rem}.hero-links{display:grid}.button{width:100%}.contact dl div{grid-template-columns:1fr;gap:.25rem}.manifesto{min-height:60vh}.whatsapp{width:3rem;height:3rem;padding:0;justify-content:center}.whatsapp span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}

/* Refined image-only portfolio and right-aligned hero controls */
.hero-media{object-position:center}
.hero-overlay{background:linear-gradient(90deg,rgba(22,10,15,.08) 0%,rgba(22,10,15,.04) 50%,rgba(22,10,15,.62) 78%,rgba(22,10,15,.86) 100%),linear-gradient(0deg,rgba(19,9,13,.42),transparent 42%)}
.hero-content{margin-left:auto;width:min(29rem,38vw);display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem 0}
.hero-content h1.overline{margin:0 0 1.5rem;font-size:.68rem;font-weight:500;line-height:1.6;letter-spacing:.24em}
.hero-social{display:flex;gap:.55rem;margin-bottom:1rem}
.hero-social a{width:2.65rem;height:2.65rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(31,15,21,.28);backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}
.hero-social a:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(197,139,52,.16)}
.hero-social img{width:1.05rem;height:1.05rem;filter:invert(1)}
.hero-social svg{width:1.12rem;height:1.12rem;fill:none;stroke:#fff;stroke-width:1.7}
.hero-links{width:100%;display:grid;grid-template-columns:1fr 1fr}
.hero-links .button{min-height:3.25rem;padding:.85rem .75rem}
.portfolio-head{display:block;margin-bottom:3rem}
.portfolio-head .overline{margin:0}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.8vw,2.8rem)}
.project-wide{grid-row:auto}
.project-wide .image-slot,.image-slot,.image-slot-tall{aspect-ratio:16/10}
.project:nth-child(3n+1) .image-slot{aspect-ratio:4/3}
.project p{display:block;padding:1rem 0 1.5rem;margin:0;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.manifesto{min-height:56vh}
.manifesto h2{max-width:68rem;font-size:clamp(2.5rem,5.5vw,5.7rem);line-height:1.12}
.contact-body{align-self:start}
.map-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;min-height:15rem;margin-top:2.5rem;padding:1.25rem;overflow:hidden;background:#e4dfda;border:1px solid rgba(33,18,24,.14);font-size:.66rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.map-card>span:not(.map-grid),.map-card>strong{position:relative;z-index:2}.map-card>strong{color:#9b6826;font-size:1rem}
.map-grid{position:absolute;inset:0;opacity:.7;background:linear-gradient(25deg,transparent 48%,rgba(78,67,67,.25) 49%,rgba(78,67,67,.25) 51%,transparent 52%),linear-gradient(110deg,transparent 48%,rgba(78,67,67,.2) 49%,rgba(78,67,67,.2) 51%,transparent 52%)}
.map-grid i{position:absolute;background:rgba(91,78,78,.18)}.map-grid i:nth-child(1){width:1px;height:130%;left:24%;top:-15%;transform:rotate(16deg)}.map-grid i:nth-child(2){height:1px;width:120%;left:-10%;top:38%;transform:rotate(-7deg)}.map-grid i:nth-child(3){width:1px;height:120%;right:28%;top:-10%;transform:rotate(-28deg)}.map-grid i:nth-child(4){height:1px;width:120%;left:-10%;bottom:27%;transform:rotate(11deg)}
.map-grid b{position:absolute;left:54%;top:45%;width:1.05rem;height:1.05rem;border-radius:50% 50% 50% 0;background:var(--gold);transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 4px 14px rgba(98,56,12,.25)}.map-grid b:after{content:"";position:absolute;width:.35rem;height:.35rem;background:#e4dfda;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:860px){.hero{min-height:48rem}.hero-media{object-position:38% center}.hero-overlay{background:linear-gradient(0deg,rgba(20,9,13,.94) 0%,rgba(23,10,15,.58) 43%,rgba(18,9,12,.05) 76%)}.hero-content{margin:0;width:100%;padding:0;align-items:stretch}.hero-content .overline{text-align:right;margin-bottom:1rem}.hero-social{justify-content:flex-end}.hero-links{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.manifesto{min-height:48vh}.contact{gap:4rem}}
@media(max-width:560px){.hero{min-height:47rem}.hero-media{object-position:34% center}.hero-content .overline{font-size:.62rem;letter-spacing:.16em}.hero-social a{width:2.5rem;height:2.5rem}.hero-links{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.project-wide .image-slot,.image-slot,.image-slot-tall,.project:nth-child(3n+1) .image-slot{aspect-ratio:4/3}.manifesto h2{font-size:clamp(2.15rem,10vw,3.4rem)}.map-card{min-height:13rem}.whatsapp{display:none}}

/* Final hero actions and mobile-specific artwork */
.header-actions{margin-left:auto}
.hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero-picture .hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.platform-links{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.platform-button{min-height:3.45rem;display:grid;grid-template-columns:1.25rem 1fr;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.32);background:rgba(30,14,20,.26);backdrop-filter:blur(9px);font-size:.65rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;transition:transform .25s,border-color .25s,background .25s}
.platform-button:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(197,139,52,.15)}
.platform-button img{width:1.05rem;height:1.05rem;filter:invert(1)}
.platform-button svg{width:1.1rem;height:1.1rem;fill:none;stroke:#fff;stroke-width:1.7}
.platform-button b{color:var(--gold-light);font-size:.9rem}
.manifesto h2{max-width:64rem;font-size:clamp(2.35rem,4.8vw,4.9rem);line-height:1.16}
@media(max-width:860px){.hero-picture .hero-media{object-position:center}.hero-content{margin:0 0 0 auto;width:min(100%,30rem)}.platform-links{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{min-height:50rem}.hero-picture .hero-media{object-position:center}.hero-overlay{background:linear-gradient(0deg,rgba(20,9,13,.96) 0%,rgba(23,10,15,.62) 34%,rgba(18,9,12,.06) 67%)}.hero-content{margin:0;width:100%}.hero-content h1.overline{text-align:center}.platform-links{grid-template-columns:1fr 1fr;gap:.55rem}.platform-button{min-height:3.2rem;padding:.7rem .75rem;gap:.55rem;font-size:.58rem;letter-spacing:.09em}.manifesto h2{font-size:clamp(1.95rem,9vw,3rem);line-height:1.2}}

/* CCB Mekanik Montaj brand palette and service pages */
:root{--burgundy:#101b26;--burgundy-deep:#080f16;--burgundy-soft:#1b2a38;--gold:#dc8b26;--gold-light:#f3b14e;--ivory:#f1f3f5;--muted:#aeb8c2;--line:rgba(195,207,218,.25)}
html{background:var(--burgundy-deep)}
body{background:var(--burgundy);color:var(--ivory)}
.header.scrolled{background:rgba(8,15,22,.9);border-color:var(--line)}
.brand{width:clamp(9rem,13vw,13rem);height:4.7rem}
.brand img{max-height:4.3rem}
.home-page .header:not(.scrolled) .brand{opacity:0;pointer-events:none}
.home-page .header{background:rgba(8,15,22,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:rgba(220,230,238,.18)}
.home-page .header.scrolled{background:rgba(8,15,22,.84)}
.home-page .hero-picture .hero-media{object-position:center top}
.nav a:after{background:var(--gold)}
.hero-overlay{background:linear-gradient(90deg,rgba(7,13,19,.08) 0%,rgba(7,13,19,.14) 47%,rgba(7,13,19,.75) 73%,rgba(7,13,19,.92) 100%),linear-gradient(0deg,rgba(7,13,19,.55),transparent 46%)}
.hero-content{width:min(37rem,43vw);margin-left:auto;align-items:flex-start;padding:1.5rem 0}
.hero-content .overline{margin:0 0 1.1rem;color:var(--gold-light);font-size:.66rem;letter-spacing:.17em;line-height:1.7}
.hero-content h1{font-size:clamp(2.8rem,5.4vw,5.4rem);font-weight:400;line-height:1.06;letter-spacing:-.045em}
.hero-text{max-width:31rem;margin:1.25rem 0 1.6rem;color:#d1d9df;font-size:clamp(.9rem,1.15vw,1.05rem)}
.hero-links{display:flex;gap:.7rem;flex-wrap:wrap;width:100%}
.hero-links .button{width:auto;min-height:3.15rem;padding:.82rem 1rem}
.button-gold{background:var(--gold);color:#101820}
.button-gold:hover{background:var(--gold-light)}
.button-quiet:hover{border-color:var(--gold);color:var(--gold-light)}
.hero-index i{background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.25))}
.portfolio{background:var(--burgundy-deep)}
.portfolio-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:clamp(2.4rem,5vw,4.2rem)}
.portfolio-head>p:last-child{justify-self:end;max-width:27rem;color:var(--muted);font-size:.86rem}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.2rem,2.8vw,2.8rem)}
.project{display:block;color:var(--ivory)}
.project p{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.13);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .25s}
.project p b{color:var(--gold-light);font-size:1rem;transition:transform .25s}
.project:hover p{color:var(--gold-light)}
.project:hover p b{transform:translate(3px,-3px)}
.project:focus-visible,.button:focus-visible,.nav a:focus-visible,.contact-cta:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.project-media{background:#101b26;border-color:rgba(255,255,255,.1)}
.project-media:after{box-shadow:inset 0 0 0 1px rgba(243,177,78,.06)}
.manifesto{background:radial-gradient(circle at 80% 30%,#26384a 0%,var(--burgundy) 48%,var(--burgundy-deep) 100%);border-color:var(--line)}
.manifesto h2 em{color:var(--gold-light)}
.area-note{margin:2.1rem 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.04em}
.area-note span{padding-inline:.5rem;color:var(--gold-light)}
.contact{background:#edf0f2;color:#0a121a}
.contact .overline{color:#9a5c13}
.contact-cta{border-color:#a87536;color:#0a121a}
.contact-cta b{color:#a87536}
.contact-intro{margin:0 0 1.8rem;color:#48535d;font-size:.9rem}
.contact-actions{display:grid;gap:1.2rem}
.contact-cta span{display:flex;flex-direction:column;gap:.18rem}
.contact-cta small{font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#707b84}
.contact-region{display:flex;gap:1rem;margin:2rem 0 0;color:#0a121a;font-size:.85rem}
.contact-region span{min-width:8.5rem;color:#707b84;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.footer{background:var(--burgundy-deep);border-color:var(--line)}
.footer>img,.footer-brand img{width:clamp(8.5rem,12vw,10.5rem);max-height:4rem;object-fit:contain}
.footer a{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.footer a:hover{color:var(--gold-light)}
.footer p{color:var(--muted)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.detail-hero{min-height:min(78vh,56rem);position:relative;display:flex;align-items:center;padding:9rem var(--pad) 5rem;overflow:hidden;background:var(--burgundy-deep)}
.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-in 1.2s cubic-bezier(.2,.75,.2,1) both}
.detail-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,19,.91) 0%,rgba(7,13,19,.74) 43%,rgba(7,13,19,.15) 100%),linear-gradient(0deg,rgba(7,13,19,.52),transparent 55%)}
.detail-hero-content{position:relative;z-index:2;width:min(43rem,58vw)}
.detail-hero-content h1{font-size:clamp(3rem,6.1vw,6rem);font-weight:400;line-height:1.04;letter-spacing:-.045em}
.detail-hero-content>p:not(.overline){max-width:34rem;margin:1.3rem 0 1.6rem;color:#d1d9df;font-size:1rem}
.service-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:var(--burgundy)}
.detail-intro h2{max-width:36rem;font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:1.08}
.detail-copy{align-self:center;max-width:43rem;color:#c6cfd7;font-size:.94rem}
.detail-copy p{margin:0 0 1.6rem}
.detail-copy h3{margin:2.2rem 0 .8rem;color:var(--ivory);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}
.detail-copy ul{display:grid;gap:.65rem;margin:0 0 2rem;padding:0;list-style:none}
.detail-copy li{position:relative;padding-left:1.4rem}
.detail-copy li:before{content:"";position:absolute;left:0;top:.68rem;width:.45rem;height:1px;background:var(--gold)}
.text-link{display:inline-flex;gap:.8rem;align-items:center;color:var(--gold-light);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.text-link b{font-size:.9rem;transition:transform .2s}
.text-link:hover b{transform:translate(3px,-3px)}
.footer{grid-template-columns:1fr auto auto;align-items:center}
.footer-brand{display:inline-flex}
.footer-back{justify-self:center}
@media(max-width:860px){.header{background:rgba(8,15,22,.88);backdrop-filter:blur(18px)}.hero{min-height:0;padding:6.5rem var(--pad) clamp(4.5rem,9svh,6rem)}.hero-media{object-position:center}.hero-overlay{background:linear-gradient(0deg,rgba(7,13,19,.96) 0%,rgba(7,13,19,.62) 40%,rgba(7,13,19,.06) 78%)}.hero-content{width:min(100%,34rem);margin:0 0 0 auto;justify-content:flex-end}.hero-content h1{font-size:clamp(2.5rem,7vw,4.3rem)}.hero-links{grid-template-columns:1fr 1fr}.hero-links .button{width:100%}.gallery{grid-template-columns:1fr 1fr}.service-detail{grid-template-columns:1fr;gap:3rem}.detail-hero{min-height:70svh}.detail-hero-content{width:min(100%,38rem)}.contact{gap:4rem}}
@media(max-width:560px){.header{height:4.7rem;padding-inline:clamp(1rem,4vw,1.5rem)}.brand{width:8.3rem;height:3.7rem}.brand img{max-height:3.6rem}.header-actions{gap:.6rem}.nav{gap:.85rem}.nav a{font-size:.56rem;letter-spacing:.11em}.hero{height:100svh;min-height:0;padding-top:5.4rem;padding-bottom:clamp(4.2rem,8svh,5.5rem)}.hero-content{margin:0;width:100%}.hero-content .overline{text-align:center;font-size:.57rem;letter-spacing:.11em}.hero-content h1{text-align:center;font-size:clamp(2.1rem,9vw,3.2rem)}.hero-text{text-align:center;margin:.9rem auto 1.15rem;font-size:.88rem}.hero-links{grid-template-columns:1fr 1fr;gap:.5rem}.hero-links .button{font-size:.55rem;letter-spacing:.07em;padding:.75rem .45rem;gap:.45rem}.hero-links .button b{font-size:.72rem}.hero-index{display:none}.portfolio-head{display:block}.portfolio-head>p:last-child{margin-top:1rem;max-width:23rem}.gallery{grid-template-columns:1fr;gap:1rem}.project p{font-size:.65rem;padding:.8rem 0 1.15rem}.manifesto{min-height:54vh}.manifesto h2{font-size:clamp(2rem,9vw,3.2rem)}.area-note{font-size:.7rem;line-height:1.8}.contact{padding-block:5.5rem}.contact-title h2{font-size:clamp(2.6rem,11vw,4rem)}.contact-region{flex-direction:column;gap:.2rem}.footer{grid-template-columns:1fr 1fr;gap:1.3rem;align-items:center}.footer-brand img{width:8rem}.footer-back{justify-self:end}.footer p{grid-column:1/-1;text-align:left}.detail-hero{min-height:74svh;padding:7rem var(--pad) 3rem;align-items:flex-end}.detail-hero .hero-overlay{background:linear-gradient(0deg,rgba(7,13,19,.96) 0%,rgba(7,13,19,.68) 52%,rgba(7,13,19,.08) 100%)}.detail-hero-content{width:100%}.detail-hero-content h1{font-size:clamp(2.6rem,10vw,4rem)}.detail-hero-content>p:not(.overline){font-size:.9rem}.detail-hero .hero-links{grid-template-columns:1fr 1fr}.detail-hero .hero-links .button{font-size:.55rem}.detail-intro h2{font-size:clamp(2.2rem,9vw,3.2rem)}.detail-copy{font-size:.88rem}}
@media(max-width:768px){.home-page .hero-picture .hero-media{object-position:center}}

/* Video hero readability and confirmed address map */
.hero-video{display:block;object-fit:cover;background:#080f16}
.hero-content .overline,.hero-content h1,.hero-content .hero-text,.hero-content .button{text-shadow:0 2px 16px rgba(0,0,0,.68)}
.hero-content .button-gold{text-shadow:0 1px 9px rgba(0,0,0,.38);box-shadow:0 5px 18px rgba(0,0,0,.22)}
.hero-content .button-quiet{background:rgba(8,15,22,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 5px 18px rgba(0,0,0,.18)}
.address-card{display:grid;grid-template-columns:minmax(12rem,.85fr) minmax(14rem,1.15fr);gap:1.25rem;align-items:stretch;margin-top:2.5rem;padding:1rem;background:#fff;border:1px solid rgba(10,18,26,.12);box-shadow:0 10px 30px rgba(10,18,26,.08)}
.address-copy{align-self:center;padding:.4rem .3rem}
.address-label{margin:0 0 .7rem;color:#8c5c24;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.address-text{margin:0;color:#17212a;font-size:.86rem;font-weight:400;line-height:1.75}
.address-link{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;color:#8c5c24;font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.address-link:hover{color:#bd751b}
.address-card iframe{display:block;width:100%;min-height:12rem;border:0;filter:saturate(.78)}
@media(max-width:560px){.address-card{grid-template-columns:1fr;gap:.9rem;margin-top:2rem;padding:.9rem}.address-card iframe{min-height:11rem}}

/* Mobile navigation stays visible; hero actions remain above browser chrome */
@media(max-width:860px){.header{height:4.7rem;padding-inline:clamp(1rem,4vw,1.5rem)}.header-actions{width:auto;margin-left:auto;gap:.8rem}.nav{position:static;display:flex;max-height:none;overflow:visible;background:none;padding:0}.nav a{padding:0;border:0;white-space:nowrap;font-size:.62rem}.menu-toggle{display:none}.hero{height:100svh;min-height:0;padding:6.5rem var(--pad) clamp(4.5rem,9svh,6rem)}.hero-content{justify-content:flex-end}.hero-content h1.overline{margin-bottom:1rem}.platform-links{gap:.6rem}.platform-button{min-height:3.1rem}}
@media(max-width:560px){.hero{height:100svh;min-height:0;padding-top:5.5rem;padding-bottom:clamp(2.9rem,5svh,3.2rem)}.hero-overlay{background:linear-gradient(0deg,rgba(20,9,13,.97) 0%,rgba(23,10,15,.58) 31%,rgba(18,9,12,.04) 63%)}.hero-content h1.overline{margin-bottom:.85rem}.platform-links{gap:.48rem}.platform-button{min-height:2.95rem;padding:.62rem .68rem}}
@media(max-width:350px){.header{padding-inline:.8rem}.header-actions{gap:.45rem}.language-toggle{padding:.4rem}.nav a{font-size:.58rem}.platform-button{font-size:.54rem;letter-spacing:.06em;padding:.58rem}.platform-button b{display:none}}

/* Published project photography */
.project-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#170c11;border:1px solid rgba(255,255,255,.08)}
.project-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(16,7,10,.18));box-shadow:inset 0 0 0 1px rgba(226,185,108,.04)}
.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1),filter .5s ease}
.project:hover .project-media img{transform:scale(1.025);filter:saturate(1.04)}
.project-pair{grid-column:1/-1}
.project-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.65rem,1.4vw,1.25rem)}
.project-pair p{border-top:0}
@media(max-width:560px){.project-media-pair{grid-template-columns:1fr}.project-pair p{border-top:1px solid rgba(255,255,255,.13)}}