/* Groupe Mtilak homepage concept — Aprodigy */
:root{--stone:#f1ede5;--sand:#dfd5c5;--paper:#faf8f3;--ink:#15211f;--muted:#6f746d;--bronze:#a95e3f;--line:rgba(21,33,31,.18);--max:1440px;--pad:clamp(1.25rem,4.2vw,4.75rem);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.75rem 1rem;background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}.concept-label{min-height:32px;display:grid;place-items:center;padding:.4rem 1rem;background:var(--ink);color:#fff;font-size:.68rem;line-height:1.25;letter-spacing:.08em;text-align:center;text-transform:uppercase}.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--stone);position:relative;z-index:20}.brand{width:clamp(150px,16vw,215px)}.brand img,.footer-brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:clamp(1.4rem,2.8vw,3.5rem);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.site-nav a:not(.nav-cta){position:relative}.site-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;border-bottom:1px solid;transition:right .25s}.site-nav a:hover::after{right:0}.nav-cta{padding:.8rem 1rem;border:1px solid var(--ink)}.menu-toggle{display:none;border:0;background:none;color:var(--ink);padding:.75rem;align-items:center;gap:.65rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.menu-toggle i,.menu-toggle i::after{display:block;width:20px;border-top:1px solid}.menu-toggle i::after{content:"";margin-top:5px}.hero{min-height:calc(100svh - 114px);height:min(810px,calc(100svh - 114px));position:relative;color:#fff;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero-shade{background:linear-gradient(90deg,rgba(9,18,16,.8) 0%,rgba(9,18,16,.42) 45%,rgba(9,18,16,.08) 78%),linear-gradient(0deg,rgba(9,18,16,.3),transparent 45%)}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,5vw,5rem) var(--pad);max-width:900px}.eyebrow{margin:0 0 1.2rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:2rem;border-top:1px solid;margin:0 .8rem .22rem 0}.hero h1,.intro h2,.projects h2,.principles h2,.contact h2{font-family:var(--serif);font-weight:400;line-height:.93;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(2.75rem,7vw,7rem);max-width:950px}.hero h1 em,.intro h2 em,.projects h2 em,.principles h2 em,.contact h2 em{font-weight:400;color:var(--sand)}.hero-copy{font-size:clamp(.92rem,1.25vw,1.08rem);line-height:1.65;max-width:530px;margin:1.5rem 0}.hero-actions,.contact-actions{display:flex;align-items:center;gap:1.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.85rem 1.3rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid;transition:background .25s,color .25s}.button-light{background:#f8f5ef;color:var(--ink);border-color:#f8f5ef}.button-light:hover{background:transparent;color:#fff}.text-link{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 0;border-bottom:1px solid;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.text-link-light{color:#fff}.hero-index{position:absolute;z-index:2;right:var(--pad);bottom:2rem;display:flex;align-items:center;gap:1rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.hero-index b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.section-pad{padding:clamp(5rem,9vw,9rem) var(--pad)}.section-marker{display:flex;align-items:center;gap:1rem;margin-bottom:clamp(3rem,6vw,6rem);font-size:.65rem;letter-spacing:.14em}.section-marker i{flex:1;border-top:1px solid var(--line)}.section-marker.light i{border-color:rgba(255,255,255,.2)}.intro-grid{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:2rem}.intro-statement{max-width:920px}.intro h2{font-size:clamp(2.6rem,5.6vw,5.5rem)}.intro h2 em{color:var(--bronze)}.intro-statement>p{max-width:650px;margin:2rem 0;color:#4f5752;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8}.projects{background:var(--ink);color:#f3efe7}.projects-head{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:end;margin-bottom:4rem}.projects h2{font-size:clamp(3rem,6.7vw,6.5rem)}.projects h2 em{color:#c47a5b}.projects-head>p{max-width:370px;color:#b8bdb7;line-height:1.8}.project-list{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,5rem) clamp(1.5rem,3.5vw,4rem);align-items:start}.project{margin-top:clamp(2rem,9vw,8rem)}.project-featured{margin-top:0}.project-wide{grid-column:1/-1;width:72%;margin-left:auto}.project-image{overflow:hidden;background:#26312e;aspect-ratio:4/3}.project-featured .project-image{aspect-ratio:16/10}.project-wide .project-image{aspect-ratio:16/7}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover img{transform:scale(1.025)}.project-info{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.22)}.project-info span{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:#a8aea9}.project-info h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.5vw,2.55rem);margin:0;text-align:right}.projects-note{max-width:720px;margin:4rem 0 0 auto;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.2);color:#abb1ac;font-size:.82rem;line-height:1.7}.principles-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(3rem,8vw,9rem)}.principles h2{font-size:clamp(3rem,5.8vw,5.8rem)}.principles h2 em{color:var(--bronze)}.principle-list{list-style:none;padding:0;margin:0}.principle-list li{display:grid;grid-template-columns:45px 1fr 1.4fr;gap:1rem;padding:1.8rem 0;border-top:1px solid var(--line);align-items:start}.principle-list li:last-child{border-bottom:1px solid var(--line)}.principle-list span{font-size:.65rem;color:var(--bronze)}.principle-list h3{font-family:var(--serif);font-size:1.5rem;font-weight:400;margin:-.35rem 0 0}.principle-list p{font-size:.85rem;line-height:1.7;color:#606762;margin:0}.contact{position:relative;overflow:hidden;background:#a85e40;color:#fff;padding:clamp(5rem,10vw,10rem) var(--pad)}.contact-inner{position:relative;z-index:2}.contact h2{font-size:clamp(3rem,7vw,7rem)}.contact h2 em{color:#f1d3c5}.contact-actions{margin-top:3rem}.contact-lines{position:absolute;inset:0;display:flex;justify-content:flex-end;pointer-events:none}.contact-lines i{width:12%;border-left:1px solid rgba(255,255,255,.14);transform:skew(-13deg)}.site-footer{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:3rem;padding:4rem var(--pad) 2rem;background:var(--stone);font-size:.85rem}.footer-brand{width:190px}.footer-block{display:flex;flex-direction:column;align-items:flex-start}.footer-label{margin:0 0 1rem;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}.footer-block a{margin-bottom:.35rem}.footer-block address{font-style:normal;line-height:1.75}.footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.2rem;margin:1rem 0 0;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.js .reveal.is-visible{opacity:1;transform:none}
@media (max-width:800px){.concept-label{min-height:36px}.site-header{height:auto;min-height:70px;flex-wrap:wrap}.site-nav{flex-basis:100%;display:grid;gap:0;padding:0 0 1rem}.site-nav a{padding:1rem 0;border-bottom:1px solid var(--line)}.site-nav .nav-cta{border:1px solid var(--ink);padding:.9rem 1rem;margin-top:1rem}.js .site-header{height:70px;flex-wrap:nowrap}.js .menu-toggle{display:flex}.js .site-nav{position:absolute;top:70px;left:0;right:0;background:var(--stone);padding:1rem var(--pad) 1.5rem;box-shadow:0 14px 20px rgba(21,33,31,.12);visibility:hidden;opacity:0;transform:translateY(-8px);transition:.2s}.js .site-nav.is-open{visibility:visible;opacity:1;transform:none}.hero{height:calc(100svh - 106px);min-height:520px;max-height:720px}.hero-content{justify-content:flex-end;padding-bottom:3rem}.hero-media img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(9,18,16,.86) 0%,rgba(9,18,16,.38) 68%,rgba(9,18,16,.12))}.hero h1{font-size:clamp(2.55rem,12vw,4.2rem)}.hero-copy{margin:1rem 0 1.2rem;line-height:1.45}.hero-index{display:none}.intro-grid,.projects-head,.principles-layout{grid-template-columns:1fr}.intro-grid{gap:.8rem}.projects-head{gap:1.5rem}.project-list{grid-template-columns:1fr}.project,.project-featured,.project-wide{grid-column:auto;width:100%;margin:2.5rem 0 0}.project:first-child{margin-top:0}.principles-layout{gap:3rem}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-nav{display:none}}
@media (max-width:480px){.brand{width:145px}.section-pad{padding-top:4.5rem;padding-bottom:4.5rem}.hero{min-height:520px;height:calc(100svh - 106px)}.hero-content{padding-bottom:2rem}.hero .eyebrow{margin-bottom:.75rem}.hero h1{font-size:clamp(2.42rem,12.2vw,3.35rem);line-height:.94}.hero-copy{font-size:.88rem;max-width:330px}.hero-actions{gap:1rem;align-items:center}.hero-actions .button{min-height:46px;padding:.75rem .95rem;font-size:.61rem}.hero-actions .text-link{font-size:.6rem}.section-marker{margin-bottom:2.6rem}.projects-head{margin-bottom:2.5rem}.project-info{display:block}.project-info h3{text-align:left;margin-top:.45rem}.principle-list li{grid-template-columns:32px 1fr}.principle-list p{grid-column:2}.contact-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.site-footer{grid-template-columns:1fr;gap:2rem}.footer-brand{grid-column:auto}.footer-note{grid-column:auto}}
@media (max-width:350px){.hero-actions .text-link{display:none}.hero h1{font-size:2.35rem}.site-footer{padding-left:1.1rem;padding-right:1.1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{transform:none}}