:root{--green:#075c18;--burg:#97001f;--ivory:#f4f1e9;--ink:#11120f;--muted:#7c7b72;--line:rgba(17,18,15,.14)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.loader{position:fixed;inset:0;z-index:1000;background:#090b08;color:var(--ivory);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loader-mark{width:180px;height:150px;display:grid;place-items:center;overflow:hidden;transform:scale(.82);opacity:0}.loader-mark img{width:180px;height:150px;object-fit:contain}.loader-name{font-family:Manrope,sans-serif;font-size:15px;font-weight:600;letter-spacing:.36em;opacity:0}.loader-meta{font-size:9px;letter-spacing:.28em;color:#9fa297;opacity:0}.loader-line{width:150px;height:1px;background:rgba(244,241,233,.15);overflow:hidden;margin-top:18px}.loader-line span{display:block;width:100%;height:100%;background:var(--ivory);transform:translateX(-100%)}
.nav{position:fixed;top:0;left:0;right:0;height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;z-index:50;color:var(--ivory);mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.18em}.brand img{width:38px;height:28px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.desktop-nav{display:flex;gap:30px;font-size:11px;letter-spacing:.08em}.desktop-nav a{opacity:.8;transition:opacity .3s}.desktop-nav a:hover{opacity:1}.menu{display:none;background:none;border:0}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#171815;color:var(--ivory)}.hero-image{position:absolute;inset:0;background-image:url('https://henrydavidsen.com/wp-content/uploads/2021/01/Gemini_Generated_Image_u5kfxpu5kfxpu5kf.jpeg');background-size:cover;background-position:center;transform:scale(1.12)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,8,.95) 0%,rgba(8,10,8,.66) 45%,rgba(8,10,8,.25) 100%),linear-gradient(0deg,rgba(8,10,8,.45),transparent 50%)}.hero-orb{position:absolute;width:60vw;height:60vw;max-width:850px;max-height:850px;border-radius:50%;right:-10%;top:10%;background:radial-gradient(circle at 35% 35%,rgba(22,69,28,.62) 0,#08210d 35%,transparent 68%);filter:blur(1px);mix-blend-mode:screen}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-42%);z-index:2;max-width:1050px}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(58px,9.2vw,150px);line-height:.86;letter-spacing:-.075em;margin:28px 0 32px;font-weight:600}.line{display:block}.accent{color:#d6cdbb}.hero-sub{max-width:370px;font-size:14px;line-height:1.6;color:#c9c5ba}.circle-link{margin-top:45px;width:92px;height:92px;border:1px solid rgba(244,241,233,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:10px;letter-spacing:.1em;transition:background .4s,color .4s}.circle-link i{font-style:normal;font-size:16px}.circle-link:hover{background:var(--ivory);color:var(--ink)}.hero-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;opacity:.55}
.section{min-height:100svh;padding:150px 8vw;position:relative}.section-label{position:absolute;top:48px;left:5vw;font-size:9px;letter-spacing:.2em;color:var(--muted)}.statement{display:flex;align-items:center}.statement-inner{max-width:1050px;margin:auto}.statement h2,.collections h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(50px,8vw,120px);line-height:.92;letter-spacing:-.07em;font-weight:500;margin:22px 0 38px}.statement h2 em,.collections h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.statement h2 strong{font-weight:700}.body-copy{max-width:460px;margin-left:32%;font-size:16px;line-height:1.7;color:#55544e}
.full-image-section{height:100svh;min-height:650px;position:relative;overflow:hidden;color:var(--ivory)}.full-image-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,5,.08),rgba(5,8,5,.72));z-index:1}.image-overlay.darken{background:linear-gradient(90deg,rgba(5,8,5,.7),rgba(5,8,5,.1)),linear-gradient(0deg,rgba(5,8,5,.55),transparent)}.image-caption{position:absolute;z-index:2;left:7vw;bottom:9vh;display:flex;align-items:end;gap:35px}.image-caption span{font-size:9px;letter-spacing:.2em;opacity:.7}.image-caption strong{font-family:Manrope;font-size:clamp(30px,5vw,76px);line-height:.95;letter-spacing:-.05em;max-width:700px;font-weight:500}
.dark{background:#11130f;color:var(--ivory)}.dark .section-label{color:#77786f}.craft{overflow:hidden;min-height:120svh}.craft-visual{position:absolute;right:0;top:0;width:56%;height:100%;overflow:hidden;background:#061008}.craft-visual img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.48;transform:scale(1.1)}.craft-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#11130f 0%,rgba(17,19,15,.35) 32%,rgba(17,19,15,.15) 100%),linear-gradient(0deg,rgba(4,12,6,.5),transparent)}.thread{position:absolute;height:150%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.5),transparent);top:-20%;transform:rotate(18deg);opacity:.35}.t1{left:18%}.t2{left:39%}.t3{left:64%}.t4{left:83%}.fabric-word{position:absolute;bottom:8%;right:7%;font-size:clamp(90px,14vw,230px);font-family:Manrope;font-weight:700;letter-spacing:-.1em;color:rgba(244,241,233,.08)}.craft-copy{position:relative;z-index:2;width:45%;padding-top:14vh}.craft h2,.presence h2{font-family:Manrope;font-size:clamp(56px,8vw,125px);line-height:.9;letter-spacing:-.07em;font-weight:500;margin:25px 0}.craft h2 span,.presence h2 span{color:#d5cbb9;font-family:Georgia,serif}.craft-copy>p:last-child{max-width:360px;color:#a6a69d;line-height:1.7}
.image-strip{min-height:90svh;padding-top:140px;padding-bottom:130px;background:#ebe7dc}.manufacturing-heading{max-width:1250px;margin:0 auto 55px;font-family:Manrope,sans-serif;font-size:clamp(52px,7vw,105px);line-height:.92;letter-spacing:-.07em;font-weight:500;color:var(--ink)}.manufacturing-heading em{font-family:Georgia,serif;font-weight:400;color:var(--green);font-style:normal}.image-strip-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:end;max-width:1250px;margin:20px auto 0}.image-tile{margin:0;overflow:hidden;position:relative}.image-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.image-tile:hover img{transform:scale(1.045)}.image-tile.tall{height:650px}.image-tile.wide{height:500px}.image-tile figcaption{position:absolute;left:20px;bottom:18px;color:white;font-size:9px;letter-spacing:.18em;text-shadow:0 2px 15px rgba(0,0,0,.4)}
.collections{min-height:auto;padding-bottom:180px}.collections-head{max-width:800px;margin:70px auto 90px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{height:500px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;transition:transform .5s}.collection-card:hover{transform:translateY(-10px)}.collection-card span{font-size:10px;letter-spacing:.15em}.collection-card h3{font-family:Manrope;font-size:clamp(35px,4vw,64px);letter-spacing:-.06em;margin:10px 0}.collection-card p{font-size:13px;max-width:180px;line-height:1.5;margin:0}.card-content{position:relative;z-index:3}.card-green{background:var(--green);color:var(--ivory)}.card-burgundy{background:var(--burg);color:var(--ivory)}.card-ivory{background:#ddd7c8;color:var(--ink)}.card-image,.card-art{position:absolute;inset:0}.card-image img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform 1s}.collection-card:hover .card-image img{transform:scale(1.08)}.card-art{background:radial-gradient(circle at 60% 30%,rgba(244,241,233,.32),transparent 22%),repeating-linear-gradient(105deg,transparent 0 13px,rgba(244,241,233,.1) 14px 16px,transparent 17px 34px);mix-blend-mode:screen}.card-art.weave{background:repeating-linear-gradient(0deg,rgba(17,18,15,.12) 0 1px,transparent 1px 11px),repeating-linear-gradient(90deg,rgba(17,18,15,.1) 0 1px,transparent 1px 11px)}
.presence{display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.presence-image{position:absolute;inset:0;opacity:.2}.presence-image img{width:100%;height:100%;object-fit:cover}.presence-image div{position:absolute;inset:0;background:linear-gradient(180deg,#11130f 0%,rgba(17,19,15,.55) 45%,#11130f 100%)}.presence-inner{width:100%;position:relative;z-index:2}.presence h2{font-size:clamp(60px,10vw,160px)}.route{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:70px;font-size:11px;letter-spacing:.18em}
.presence-copy{max-width:760px;margin:30px auto 0;color:rgba(244,241,233,.82);font-size:15px;line-height:1.85;letter-spacing:.01em}.route i{width:70px;height:1px;background:rgba(244,241,233,.35)}
.closing-image{height:88svh;min-height:600px}.closing-copy{position:absolute;z-index:2;left:7vw;bottom:9vh;display:flex;flex-direction:column;gap:18px}.closing-copy span{font-size:9px;letter-spacing:.24em}.closing-copy strong{font-family:Manrope;font-weight:500;font-size:clamp(44px,7vw,105px);line-height:.9;letter-spacing:-.07em}
.contact{min-height:90svh;display:flex;align-items:center}.contact-inner{width:100%}.contact h2{max-width:1000px}.big-cta{display:flex;justify-content:space-between;align-items:center;max-width:760px;padding:25px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.18em;font-weight:600}.big-cta span{font-size:25px;transition:transform .3s}.big-cta:hover span{transform:translate(5px,-5px)}footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:var(--muted)}.reveal{opacity:0;transform:translateY(30px)}
@media(max-width:800px){.nav{height:72px}.desktop-nav{display:none}.menu{display:flex;flex-direction:column;gap:6px}.menu span{display:block;width:24px;height:1px;background:currentColor}.loader-mark{width:140px;height:115px}.loader-mark img{width:140px;height:115px}.hero-copy{left:7vw;right:7vw}.hero h1{font-size:16vw}.hero-image{background-position:58% center}.hero-orb{width:110vw;height:110vw;right:-40%;top:30%}.hero-sub{font-size:13px}.section{padding:120px 7vw;min-height:90svh}.section-label{left:7vw;top:35px}.statement h2,.collections h2,.contact h2{font-size:14vw}.body-copy{margin-left:0}.image-caption{left:7vw;right:7vw;bottom:8vh;display:block}.image-caption strong{display:block;margin-top:15px}.craft{min-height:120svh}.craft-visual{position:absolute;width:100%;height:58%;top:auto;bottom:0;opacity:.7}.craft-copy{width:100%;padding-top:5vh}.craft h2{font-size:16vw}.image-strip{min-height:auto;padding-top:110px}.manufacturing-heading{margin-bottom:40px;font-size:16vw}.image-strip-grid{grid-template-columns:1fr;gap:16px}.image-tile.tall,.image-tile.wide{height:420px}.collection-grid{grid-template-columns:1fr}.collection-card{height:390px}.presence h2{font-size:16vw}.presence-copy{max-width:92%;font-size:13px;line-height:1.7;margin-top:24px}.route{gap:8px}.route i{width:25px}.closing-image{height:72svh}footer{gap:15px;flex-wrap:wrap}}

/* VERSION 03 — ambient brand identity + sector storytelling */
.ambient-logo{position:absolute;pointer-events:none;user-select:none;object-fit:contain;z-index:1;filter:saturate(.7) contrast(1.05);mix-blend-mode:multiply;opacity:.075}
.ambient-logo-hero{width:min(72vw,1000px);height:auto;right:-9vw;top:12%;opacity:.12;filter:brightness(0) invert(1) saturate(.2);mix-blend-mode:screen;transform:rotate(-4deg)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 43%,rgba(7,92,24,.18),transparent 28%);pointer-events:none;z-index:1}
.hero-copy{z-index:4}.hero-bottom{z-index:5}.hero-orb{z-index:2}
.loader{overflow:hidden}.loader-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(7,92,24,.18),transparent 65%);filter:blur(5px)}.loader-mark{z-index:2}.loader-name,.loader-meta,.loader-line{z-index:2}
.nav{mix-blend-mode:normal;background:linear-gradient(180deg,rgba(5,8,5,.22),transparent);backdrop-filter:blur(0);transition:background .5s,backdrop-filter .5s}.nav.scrolled{background:rgba(10,12,9,.72);backdrop-filter:blur(16px)}.brand img{width:46px;height:34px;filter:none;opacity:.9}.brand span{color:#f4f1e9}
.statement{overflow:hidden}.ambient-logo-story{width:58vw;max-width:900px;right:-16vw;top:50%;transform:translateY(-50%) rotate(6deg);opacity:.055}.statement-inner{position:relative;z-index:2}
.ambient-logo-image{width:62vw;max-width:850px;right:-13vw;top:10%;opacity:.105;filter:brightness(0) invert(1) saturate(.2);mix-blend-mode:screen;transform:rotate(7deg)}
/* sector gallery */
.sectors{min-height:auto;padding-top:150px;padding-bottom:180px;overflow:hidden;background:#f4f1e9}.sectors-head{max-width:1120px;margin:75px auto 90px;position:relative;z-index:2}.sectors-head h2{font-family:Manrope;font-size:clamp(60px,9vw,135px);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:22px 0}.sectors-head h2 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.sectors-intro{max-width:550px;margin-left:34%;font-size:15px;line-height:1.7;color:#66645d}.ambient-logo-sectors{width:65vw;max-width:1000px;left:-25vw;top:25%;opacity:.035;transform:rotate(-10deg)}
.sector-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;position:relative;z-index:3}.sector-card{grid-column:span 4;min-height:530px;position:relative;overflow:hidden;background:#1b1d19;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;transition:transform .6s cubic-bezier(.2,.75,.2,1),box-shadow .6s}.sector-card:nth-child(2),.sector-card:nth-child(5),.sector-card:nth-child(8){transform:translateY(80px)}.sector-card:hover{transform:translateY(-8px)!important;box-shadow:0 30px 70px rgba(17,18,15,.2)}.sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .8s}.sector-card:hover img{transform:scale(1.07);filter:saturate(1.08)}.sector-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,4,.15),rgba(4,6,4,.78) 88%);z-index:-2}.sector-card>span{font-size:9px;letter-spacing:.2em;opacity:.7}.sector-card h3{font-family:Manrope;font-size:clamp(30px,3.1vw,52px);line-height:.92;letter-spacing:-.055em;margin:0 0 14px;font-weight:500}.sector-card p{max-width:300px;margin:0;font-size:12px;line-height:1.6;color:rgba(255,255,255,.76)}.sector-card>div:last-child{z-index:2}.sector-school img{object-position:center}.sector-facilities img{object-position:center}
.ambient-logo-dark{width:75vw;max-width:1100px;right:-26vw;top:18%;opacity:.035;filter:brightness(0) invert(1) saturate(.1);mix-blend-mode:screen;transform:rotate(-7deg)}.craft-copy{z-index:4}.craft-visual{z-index:2}
.ambient-logo-presence{width:80vw;max-width:1150px;left:-25vw;top:8%;opacity:.04;filter:brightness(0) invert(1) saturate(.1);mix-blend-mode:screen;transform:rotate(-8deg)}
.ambient-logo-closing{width:65vw;max-width:950px;right:-18vw;top:5%;opacity:.1;filter:brightness(0) invert(1) saturate(.1);mix-blend-mode:screen;transform:rotate(5deg)}
.ambient-logo-contact{width:55vw;max-width:850px;right:-17vw;bottom:-14vw;opacity:.045;transform:rotate(-8deg)}.contact-inner{position:relative;z-index:2}
/* image loading fallback tint */
.sector-card img[src*="wam.ae"]{object-position:center}
@media(max-width:800px){
  .ambient-logo-hero{width:120vw;right:-35vw;top:18%;opacity:.09}.ambient-logo-story{width:110vw;right:-50vw}.ambient-logo-image{width:120vw;right:-55vw}.ambient-logo-sectors{width:120vw;left:-55vw}.ambient-logo-dark,.ambient-logo-presence,.ambient-logo-closing,.ambient-logo-contact{width:125vw;right:-55vw;left:auto}.sectors{padding-top:120px;padding-bottom:120px}.sectors-head{margin:55px 0 60px}.sectors-head h2{font-size:16vw}.sectors-intro{margin-left:0;font-size:14px}.sector-grid{grid-template-columns:1fr;gap:14px}.sector-card,.sector-card:nth-child(2),.sector-card:nth-child(5),.sector-card:nth-child(8){grid-column:1;min-height:450px;transform:none}.sector-card:hover{transform:none!important}.nav.scrolled{background:rgba(10,12,9,.82)}
}


/* VERSION 04 — expanded company story */
.story-copy-wrap{max-width:720px;margin-left:28%;position:relative;z-index:2}
.story-copy-wrap .body-copy{max-width:none;margin:0;font-size:16px;line-height:1.8;color:#55544e}
.story-copy-wrap .body-copy.second{margin-top:22px}
.story-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:720px;margin:48px 0 0 28%;position:relative;z-index:2;border-top:1px solid rgba(17,18,15,.14);padding-top:28px}
.story-facts div{display:flex;flex-direction:column;gap:8px}
.story-facts strong{font-family:Manrope;font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.05em;color:var(--green)}
.story-facts span{font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#77756d}
@media(max-width:800px){.story-copy-wrap{margin-left:0}.story-copy-wrap .body-copy{font-size:14px}.story-facts{margin-left:0;gap:16px}.story-facts span{font-size:8px}}

/* VERSION 05 — official Leo Textiles brand palette */
:root{
  --leo-green:#285B22;
  --leo-burgundy:#8A1A24;
  --leo-ivory:#F3F1EA;
  --green:var(--leo-green);
  --burg:var(--leo-burgundy);
  --ivory:var(--leo-ivory);
  --ink:#11120f;
  --line:rgba(17,18,15,.14);
}

/* Make the official green + burgundy visible throughout the experience, not just in the logo. */
.loader{background:var(--leo-green)}
.loader-halo{background:radial-gradient(circle,rgba(138,26,36,.58),transparent 64%)}
.loader-line span{background:var(--leo-burgundy)}
.loader-meta{color:rgba(243,241,234,.72)}

.nav.scrolled{background:rgba(40,91,34,.88);border-bottom:1px solid rgba(243,241,234,.12)}
.desktop-nav a:hover{color:var(--leo-burgundy)}

.hero{background:var(--leo-green)}
.hero-orb{background:radial-gradient(circle at 35% 35%,rgba(138,26,36,.72) 0,#285B22 36%,transparent 69%)}
.hero:after{background:radial-gradient(circle at 76% 43%,rgba(138,26,36,.25),transparent 30%)}
.hero h1 .accent{color:#B9D0B2}
.circle-link:hover{background:var(--leo-burgundy);color:var(--leo-ivory);border-color:var(--leo-burgundy)}

.statement h2 em,.collections h2 em,.contact h2 em,.sectors-head h2 em{color:var(--leo-green)}
.statement:after{content:"";position:absolute;left:0;bottom:0;width:28%;height:7px;background:var(--leo-burgundy)}
.story-facts strong{color:var(--leo-burgundy)}

.full-image-section .image-caption strong{ text-shadow:0 2px 28px rgba(0,0,0,.28) }
.full-image-section:after{content:"";position:absolute;right:0;top:0;width:18%;height:100%;background:linear-gradient(180deg,rgba(138,26,36,.16),transparent 35%,rgba(40,91,34,.12));pointer-events:none;z-index:1}

.dark{background:var(--leo-green)}
.dark .section-label{color:rgba(243,241,234,.58)}
.craft-visual{background:var(--leo-green)}
.craft-image-overlay{background:linear-gradient(90deg,#285B22 0%,rgba(40,91,34,.46) 32%,rgba(40,91,34,.08) 100%),linear-gradient(0deg,rgba(138,26,36,.36),transparent)}
.craft h2 span,.presence h2 span{color:#D8B8BC}
.thread{background:linear-gradient(transparent,rgba(138,26,36,.9),transparent)}
.fabric-word{color:rgba(243,241,234,.1)}

.image-strip{background:var(--leo-ivory)}
.image-strip:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--leo-green) 0 50%,var(--leo-burgundy) 50% 100%)}

.collection-card.card-green{background:var(--leo-green)}
.collection-card.card-burgundy{background:var(--leo-burgundy)}
.card-ivory{background:#E4E0D5}
.collection-card:after{content:"";position:absolute;right:-15%;top:-15%;width:55%;aspect-ratio:1;border-radius:50%;background:rgba(243,241,234,.06);border:1px solid rgba(243,241,234,.12);z-index:1;pointer-events:none}

.sectors{background:var(--leo-ivory)}
.sector-card:nth-child(3n+1){border-top:5px solid var(--leo-green)}
.sector-card:nth-child(3n+2){border-top:5px solid var(--leo-burgundy)}
.sector-card:nth-child(3n){border-top:5px solid var(--leo-green)}
.sector-card:hover{box-shadow:0 30px 70px rgba(40,91,34,.18)}

.presence{background:var(--leo-green)}
.presence-image div{background:linear-gradient(180deg,#285B22 0%,rgba(40,91,34,.55) 45%,#285B22 100%)}
.route i{background:var(--leo-burgundy)}
.route span:first-child{color:#D8E3D5}
.route span:last-child{color:#E6C4C8}

.closing-image .image-overlay{background:linear-gradient(90deg,rgba(40,91,34,.82),rgba(40,91,34,.18)),linear-gradient(0deg,rgba(138,26,36,.5),transparent)}
.big-cta{border-bottom-color:rgba(40,91,34,.22)}
.big-cta:hover{color:var(--leo-burgundy)}
footer{border-top-color:rgba(40,91,34,.2)}

/* Ambient logo tint stays faithful to the official green/burgundy identity. */
.ambient-logo{filter:saturate(.72) contrast(1.02)}
.ambient-logo-story,.ambient-logo-contact{opacity:.06}
.ambient-logo-sectors{opacity:.045}
.ambient-logo-hero{opacity:.14}

/* A restrained brand rule used between major chapters. */
.section-label:after{content:"";display:inline-block;width:24px;height:1px;margin-left:12px;vertical-align:middle;background:var(--leo-burgundy)}

@media(max-width:800px){
  .statement:after{width:45%;height:5px}
  .nav.scrolled{background:rgba(40,91,34,.94)}
}

/* VERSION 06 — balanced Leo green + burgundy identity, stronger ambient logo */
:root{
  --leo-green:#285B22;
  --leo-burgundy:#8A1A24;
  --leo-ivory:#F3F1EA;
}

/* The logo is intentionally visible enough to be recognized, while remaining atmospheric. */
.ambient-logo{opacity:.18 !important;filter:none !important;mix-blend-mode:multiply;pointer-events:none;}
.ambient-logo-hero,.ambient-logo-image,.ambient-logo-closing{opacity:.24 !important;mix-blend-mode:screen;filter:saturate(1.05) brightness(1.12) !important;}
.ambient-logo-story,.ambient-logo-sectors,.ambient-logo-contact{opacity:.16 !important;}
.ambient-logo-dark,.ambient-logo-presence{opacity:.22 !important;mix-blend-mode:screen;filter:saturate(1.05) brightness(1.08) !important;}

/* Stronger burgundy presence — used as a real brand color, not just a tiny accent. */
.hero-orb{background:radial-gradient(circle at 36% 35%,rgba(138,26,36,.92) 0,rgba(138,26,36,.55) 22%,rgba(40,91,34,.82) 48%,transparent 72%);}
.hero:after{background:radial-gradient(circle at 74% 46%,rgba(138,26,36,.42),transparent 31%),linear-gradient(105deg,transparent 0 58%,rgba(138,26,36,.12) 78%,transparent 100%);}
.hero h1 .accent{color:#E7C2C6;}

.statement:before{content:"";position:absolute;right:0;top:0;width:18%;height:100%;background:linear-gradient(180deg,rgba(138,26,36,.10),rgba(138,26,36,.025));pointer-events:none;}
.statement h2 em{color:var(--leo-burgundy) !important;}
.story-facts strong{color:var(--leo-burgundy);}

.full-image-section:after{width:30%;background:linear-gradient(180deg,rgba(138,26,36,.34),transparent 42%,rgba(40,91,34,.20));}

.dark{background:linear-gradient(115deg,var(--leo-green) 0 55%,var(--leo-burgundy) 100%);}
.craft-visual{background:var(--leo-burgundy);}
.craft-image-overlay{background:linear-gradient(90deg,#285B22 0%,rgba(40,91,34,.36) 28%,rgba(138,26,36,.34) 68%,rgba(138,26,36,.72) 100%),linear-gradient(0deg,rgba(138,26,36,.42),transparent);}
.craft h2 span,.presence h2 span{color:#F0C9CD;}
.thread{background:linear-gradient(transparent,rgba(243,241,234,.78),rgba(138,26,36,.95),transparent);}
.fabric-word{color:rgba(243,241,234,.13);}

.image-strip:before{height:9px;background:linear-gradient(90deg,var(--leo-green) 0 46%,var(--leo-burgundy) 46% 100%);}
.image-strip:after{content:"";position:absolute;right:0;bottom:0;width:22%;height:7px;background:var(--leo-burgundy);}

.collection-card.card-ivory{background:linear-gradient(135deg,#E4E0D5 0 68%,#C9A8AC 100%);}
.collection-card:nth-child(3n+2){box-shadow:inset 0 -8px 0 var(--leo-burgundy);}
.collection-card:nth-child(3n+1){box-shadow:inset 0 -8px 0 var(--leo-green);}

.sectors-head h2 em{color:var(--leo-burgundy) !important;}
.sector-card:nth-child(3n+1){border-top:7px solid var(--leo-green);}
.sector-card:nth-child(3n+2){border-top:7px solid var(--leo-burgundy);}
.sector-card:nth-child(3n){border-top:7px solid var(--leo-burgundy);}
.sector-card:nth-child(3n+2) .sector-gradient{background:linear-gradient(180deg,rgba(75,8,16,.08),rgba(62,7,15,.84) 88%);}

.presence{background:linear-gradient(120deg,var(--leo-green) 0 56%,var(--leo-burgundy) 100%);}
.presence-image div{background:linear-gradient(90deg,rgba(40,91,34,.88) 0 52%,rgba(138,26,36,.78) 100%);}
.route i{background:var(--leo-ivory);opacity:.6;}
.route span:last-child{color:#F0C9CD;}

.closing-image .image-overlay{background:linear-gradient(90deg,rgba(40,91,34,.78),rgba(138,26,36,.42)),linear-gradient(0deg,rgba(138,26,36,.58),transparent);}
.big-cta{border-bottom-color:rgba(138,26,36,.32);}
.big-cta:hover{color:var(--leo-burgundy);}
footer{border-top-color:rgba(138,26,36,.28);}

/* Logo in the opening and navigation should be immediately recognizable. */
.loader-mark{width:220px;height:175px;transform:scale(.9);}
.loader-mark img{width:220px;height:175px;object-fit:contain;}
.brand img{width:50px;height:38px;opacity:1;}

@media(max-width:800px){
  .ambient-logo-hero{width:120vw;right:-35vw;opacity:.2 !important;}
  .ambient-logo-story,.ambient-logo-sectors,.ambient-logo-contact{opacity:.14 !important;}
  .ambient-logo-dark,.ambient-logo-presence,.ambient-logo-closing{opacity:.19 !important;}
  .ambient-logo-image{opacity:.2 !important;}
  .dark{background:linear-gradient(160deg,var(--leo-green) 0 52%,var(--leo-burgundy) 100%);}
}

/* Contact details */
.contact-grid{display:grid;grid-template-columns:1.35fr 1fr 1.35fr 1fr;gap:34px;margin:62px 0 42px;max-width:1180px;position:relative;z-index:2}
.contact-block{min-height:130px;border-top:1px solid rgba(138,26,36,.34);padding-top:16px}

.location-link{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 12px;border:1px solid rgba(40,91,34,.24);color:var(--leo-green);text-decoration:none;font-size:8px;letter-spacing:.16em;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden}
.location-link::before{content:"";position:absolute;inset:0;background:var(--leo-green);transform:translateX(-101%);transition:transform .3s ease;z-index:-1}
.location-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.location-link b{font-size:12px;font-weight:400;margin-left:2px}
.location-link:hover{color:var(--leo-ivory);border-color:var(--leo-green);transform:translateY(-2px)}
.location-link:hover::before{transform:translateX(0)}
@media(max-width:600px){.location-link{margin-top:12px;font-size:7px;padding:8px 10px}}
.contact-label{display:block;font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--leo-burgundy);margin-bottom:18px}
.contact-block address,.contact-links a,.email-link{font-style:normal;display:block;color:#171816;font-size:14px;line-height:1.75;text-decoration:none}
.contact-links a,.email-link{transition:color .25s ease,transform .25s ease}
.contact-links a:hover,.email-link:hover{color:var(--leo-burgundy);transform:translateX(4px)}
.social-links{display:flex;flex-direction:column;gap:11px}
.social-link{display:inline-flex;align-items:center;gap:10px;color:#171816;text-decoration:none;font-size:12px;letter-spacing:.04em;transition:color .25s ease,transform .25s ease}
.social-link svg{width:22px;height:22px;fill:currentColor;stroke:currentColor;stroke-width:1.5}
.social-link.instagram svg{fill:none}
.social-link.instagram .ig-dot{fill:currentColor;stroke:none}
.social-link:hover{transform:translateX(4px);color:var(--leo-burgundy)}
.social-link.whatsapp:hover{color:#285B22}
.contact .big-cta{margin-top:8px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr 1fr;gap:24px}.contact-block{min-height:115px}}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr;gap:20px;margin-top:44px}.contact-block{min-height:auto;padding-bottom:10px}.contact .big-cta{margin-top:20px}.contact-block address,.contact-links a,.email-link{font-size:13px}}

.craft-copy{width:47%;padding-top:12vh;padding-bottom:10vh}.craft-copy .craft-lead{max-width:520px;color:#e2e0d7;font-size:18px;line-height:1.7;margin:0 0 18px}.craft-copy .craft-detail,.craft-copy .craft-trust{max-width:520px;color:#aeb0a7;line-height:1.7;margin:0 0 14px}.craft-copy .craft-trust strong{color:#f0c9cd;font-weight:600}.craft-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:620px;margin-top:30px}.craft-quality>div{border-top:1px solid rgba(243,241,234,.25);padding-top:12px}.craft-quality span{display:block;color:#d7a3a8;font-size:11px;letter-spacing:.18em;margin-bottom:12px}.craft-quality strong{display:block;color:#f3f1ea;font-size:14px;letter-spacing:.01em;margin-bottom:7px}.craft-quality small{display:block;color:#858980;font-size:11px;line-height:1.55}
@media(max-width:1100px){.craft-copy{width:50%}.craft-quality{grid-template-columns:1fr;max-width:360px;gap:12px}}
@media(max-width:800px){.craft-copy{width:100%;padding-top:5vh;padding-bottom:4vh}.craft-copy .craft-lead{font-size:15px}.craft-quality{grid-template-columns:1fr 1fr;max-width:none}.craft-quality>div:last-child{grid-column:1/-1}}

/* Branding / embroidery + printing section */
.branding{position:relative;overflow:hidden;background:var(--leo-ivory);color:#171816;padding:13vh 7vw 14vh;min-height:105vh;}
.branding:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(40,91,34,.07) 0 42%,transparent 42% 58%,rgba(138,26,36,.08) 58% 100%);pointer-events:none;}
.branding:after{content:"";position:absolute;right:-8vw;bottom:-18vh;width:44vw;height:44vw;border-radius:50%;background:radial-gradient(circle,rgba(138,26,36,.14),transparent 68%);pointer-events:none;}
.ambient-logo-branding{position:absolute;width:48vw;max-width:760px;right:-13vw;top:18%;opacity:.13 !important;mix-blend-mode:multiply;filter:saturate(1.1)!important;pointer-events:none;}
.branding-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:7vw;align-items:center;max-width:1400px;margin:0 auto;}
.branding-copy{max-width:700px;}
.branding h2{font-size:clamp(64px,7vw,116px);line-height:.86;letter-spacing:-.065em;margin:16px 0 32px;font-weight:500;}
.branding h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--leo-burgundy);}
.branding-lead{font-size:20px;line-height:1.65;max-width:660px;margin-bottom:20px;color:#343631;}
.branding-detail{font-size:15px;line-height:1.75;max-width:660px;margin-bottom:14px;color:#666860;}
.branding-detail strong{color:var(--leo-green);font-weight:700;}
.branding-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:760px;}
.branding-points>div{border-top:2px solid var(--leo-burgundy);padding-top:12px;}
.branding-points span{display:block;color:var(--leo-burgundy);font-size:10px;letter-spacing:.18em;margin-bottom:10px;font-weight:700;}
.branding-points strong{display:block;font-size:14px;margin-bottom:6px;}
.branding-points small{display:block;color:#74766e;font-size:11px;line-height:1.55;}
.branding-visuals{position:relative;min-height:760px;}
.brand-image{position:absolute;overflow:hidden;margin:0;box-shadow:0 28px 70px rgba(24,24,20,.18);background:#20241f;}
.brand-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);}
.brand-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(10,16,10,.78));}
.brand-image figcaption{position:absolute;left:24px;right:24px;bottom:24px;color:var(--leo-ivory);}
.brand-image figcaption span{display:block;font-size:9px;letter-spacing:.18em;margin-bottom:8px;color:#efc7cb;}
.brand-image figcaption strong{font-size:21px;font-weight:500;letter-spacing:-.02em;}
.embroidery-image{width:68%;height:64%;top:0;left:0;}
.print-image{width:58%;height:52%;right:0;bottom:0;border:8px solid var(--leo-ivory);}
.print-image:before{content:"";position:absolute;inset:0;border:4px solid rgba(138,26,36,.7);z-index:2;pointer-events:none;}
.print-image figcaption{z-index:3;}
@media(max-width:1050px){.branding-grid{grid-template-columns:1fr}.branding-visuals{min-height:680px;max-width:720px}.branding-copy{max-width:none}.ambient-logo-branding{width:70vw;right:-18vw;top:32%;opacity:.10!important}.branding h2{font-size:clamp(60px,10vw,100px)}}
@media(max-width:700px){.branding{padding:9vh 6vw 10vh}.branding h2{font-size:clamp(54px,15vw,84px)}.branding-lead{font-size:17px}.branding-detail{font-size:14px}.branding-points{grid-template-columns:1fr;gap:14px}.branding-visuals{min-height:520px}.embroidery-image{width:78%;height:62%}.print-image{width:62%;height:48%;}.brand-image figcaption strong{font-size:17px}}
.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.contact-grid{grid-template-columns:1fr;}}

/* Clients section */
.clients{position:relative;overflow:hidden;background:var(--leo-ivory);padding-top:140px;padding-bottom:150px}
.clients-inner{position:relative;z-index:2;max-width:1400px;margin:0 auto}
.ambient-logo-clients{width:58vw;max-width:900px;right:-18vw;top:12%;opacity:.075;transform:rotate(7deg);pointer-events:none}
.clients-head{display:grid;grid-template-columns:1.1fr .9fr;column-gap:8vw;align-items:end;margin:55px 0 70px}
.clients-head h2{font-size:clamp(70px,9vw,145px);line-height:.84;letter-spacing:-.055em;margin:0;color:#111}
.clients-head h2 em{font-family:Georgia,serif;font-style:italic;color:var(--leo-burgundy);font-weight:500}
.clients-intro{max-width:520px;font-size:16px;line-height:1.8;color:#4e504b;margin:0 0 8px}
.clients-wall{margin:0;position:relative}
.clients-frame{position:relative;background:#fff;border:1px solid rgba(138,26,36,.24);padding:14px;box-shadow:0 28px 80px rgba(20,25,18,.12);overflow:hidden}
.clients-frame::before{content:"";position:absolute;inset:14px;pointer-events:none;border:1px solid rgba(40,91,34,.18);z-index:1}
.clients-frame img{display:block;width:100%;height:auto;position:relative;z-index:0;transition:transform .9s cubic-bezier(.2,.65,.2,1)}
.clients-frame:hover img{transform:scale(1.012)}
.clients-wall figcaption{margin-top:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#777a72}
@media(max-width:900px){
  .clients{padding-top:100px;padding-bottom:110px}
  .clients-head{grid-template-columns:1fr;gap:35px;margin:45px 0 50px}
  .clients-head h2{font-size:15vw}
  .clients-intro{font-size:14px}
  .ambient-logo-clients{width:115vw;right:-50vw;top:28%;opacity:.09}
}
@media(max-width:600px){
  .clients{padding-top:80px;padding-bottom:90px}
  .clients-head{margin:38px 0 38px}
  .clients-head h2{font-size:17vw}
  .clients-frame{padding:8px}
  .clients-frame::before{inset:8px}
  .clients-wall figcaption{font-size:8px}
}


/* Brochure CTA moved from the intro loader to the main hero. */
.hero-actions{margin-top:45px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.hero-actions .circle-link{margin-top:0;}
.brochure-link{display:inline-flex;align-items:center;gap:12px;color:var(--leo-ivory);text-decoration:none;font-size:9px;letter-spacing:.18em;font-weight:600;padding:14px 0;border-bottom:1px solid rgba(243,241,234,.42);transition:color .35s ease,border-color .35s ease,transform .35s ease;}
.brochure-link b{font-size:15px;font-weight:400;transition:transform .35s ease;}
.brochure-link:hover{color:#E6C4C8;border-color:var(--leo-burgundy);transform:translateY(-2px);}
.brochure-link:hover b{transform:translate(3px,-3px);}
@media(max-width:800px){.hero-actions{gap:18px;margin-top:35px}.brochure-link{font-size:8px;letter-spacing:.14em;}}

/* V16 — unmistakable brochure CTA on the main cinematic hero */
.hero-brochure-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:290px;position:relative;z-index:6}
.hero-brochure-label{font-size:8px;letter-spacing:.22em;color:rgba(243,241,234,.62);font-weight:600}
.hero .brochure-link{display:inline-flex;align-items:center;gap:16px;color:var(--leo-ivory);text-decoration:none;font-size:10px;letter-spacing:.16em;font-weight:700;padding:12px 0 11px;border-bottom:1px solid rgba(243,241,234,.7);transition:all .35s ease}
.hero .brochure-link b{font-size:18px;font-weight:400;transition:transform .35s ease}
.hero .brochure-link:hover{color:#f1c8cd;border-color:var(--leo-burgundy);transform:translateY(-2px)}
.hero .brochure-link:hover b{transform:translate(4px,-4px)}
.brochure-download{font-size:8px;letter-spacing:.16em;color:rgba(243,241,234,.55);text-decoration:none;border-bottom:1px solid rgba(243,241,234,.2);padding-bottom:4px;transition:all .3s ease}
.brochure-download:hover{color:#f1c8cd;border-color:var(--leo-burgundy)}
@media(max-width:800px){.hero-brochure-wrap{min-width:0;width:100%}.hero .brochure-link{font-size:8px}.hero-actions{align-items:flex-start;flex-direction:column}}


/* Brochure — main hero, lower-left corner only */
.hero-brochure-corner{position:absolute;left:5%;bottom:78px;z-index:8;display:inline-flex;align-items:center;gap:12px;color:var(--leo-ivory);text-decoration:none;font-size:9px;letter-spacing:.18em;font-weight:700;padding:9px 0 8px;border-bottom:1px solid rgba(243,241,234,.65);transition:all .3s ease;}
.hero-brochure-corner b{font-size:16px;font-weight:400;transition:transform .3s ease;}
.hero-brochure-corner:hover{color:#f1c8cd;border-color:var(--leo-burgundy);transform:translateY(-2px)}
.hero-brochure-corner:hover b{transform:translate(3px,-3px)}
@media(max-width:800px){.hero-brochure-corner{left:6%;bottom:82px;font-size:8px;letter-spacing:.13em;}}

/* V22 — hero brand introduction: show the official Leo mark large and clearly */
.ambient-logo-hero{
  width:min(72vw,1000px);
  max-height:none;
  right:-9vw;
  top:12%;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  z-index:3;
  pointer-events:none;
}
.hero-copy{z-index:4;}
.hero-orb{z-index:2;}
.hero-shade{z-index:1;}

@media(max-width:800px){
  .ambient-logo-hero{
    width:120vw;
    right:-35vw;
    top:18%;
    opacity:1 !important;
  }
}


/* V29 — restrained hero logo presentation */
.hero-logo-card{
  position:absolute;
  width:min(46vw,700px);
  aspect-ratio:1.18/1;
  right:5vw;
  top:50%;
  transform:translateY(-50%) rotate(0deg);
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(35px,5vw,78px);
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.9),transparent 38%),
    linear-gradient(135deg,#fffefa 0%,#f4f0e7 100%);
  border:1px solid rgba(45,43,37,.10);
  box-shadow:0 28px 70px rgba(0,0,0,.30),0 8px 20px rgba(0,0,0,.16);
  overflow:hidden;
  will-change:transform;
}
.hero-logo-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:radial-gradient(rgba(60,55,45,.12) .55px,transparent .7px);
  background-size:5px 5px;
  mix-blend-mode:multiply;
}
.hero-logo-card img{
  position:relative;z-index:1;width:100%;height:auto;display:block;
  object-fit:contain;filter:none;mix-blend-mode:normal;
}
.hero-orb{display:none;}
@media(max-width:800px){
  .hero-logo-card{
    width:76vw;right:-7vw;top:42%;padding:28px;
    transform:translateY(-50%) rotate(0deg);
  }
}

.social-link.facebook:hover{color:#1877F2}


/* SEO support: visually restrained, accessible supporting copy and internal links */
.seo-support{max-width:780px;margin:26px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.8}

/* removed unused SEO landing-page styles */
.seo-page .seo-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:rgba(243,239,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}
.seo-page .seo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:700;letter-spacing:.08em;font-size:13px}
.seo-page .seo-brand img{width:38px;height:38px;object-fit:contain}
.seo-page .seo-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.seo-page .seo-nav a{color:inherit;text-decoration:none;opacity:.7}
.seo-page .seo-nav a:hover{opacity:1}
.seo-hero{padding:100px 8vw 70px;max-width:1100px}
.seo-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.58}
.seo-hero h1{font-size:clamp(44px,7vw,92px);line-height:.95;margin:18px 0 28px;letter-spacing:-.04em;max-width:950px}
.seo-hero h1 em{font-style:normal;font-weight:500}
.seo-lead{font-size:clamp(18px,2.2vw,26px);line-height:1.5;max-width:820px;opacity:.78}
.seo-content{padding:0 8vw 90px;max-width:1200px}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:35px 0 65px}
.seo-card{padding:30px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.08)}
.seo-card h2{margin:0 0 12px;font-size:25px}
.seo-card p,.seo-content p,.seo-content li{font-size:16px;line-height:1.75;opacity:.76}
.seo-content h2{font-size:clamp(30px,4vw,48px);margin:55px 0 18px;letter-spacing:-.03em}
.seo-content ul{padding-left:22px}
.seo-cta{display:inline-flex;margin-top:18px;padding:14px 20px;background:#1b1b1b;color:#fff;text-decoration:none;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.seo-footer{padding:30px 8vw;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
@media(max-width:760px){.seo-page .seo-nav{display:none}.seo-hero{padding-top:70px}.seo-grid{grid-template-columns:1fr}.seo-content{padding-left:6vw;padding-right:6vw}.seo-hero{padding-left:6vw;padding-right:6vw}}


/* SEO support: visually restrained, accessible supporting copy and internal links */
.seo-support{max-width:780px;margin:26px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.8}
.seo-page{min-height:100vh;background:var(--paper,#f3efe7);color:var(--ink,#161616)}
/* removed unused SEO landing-page styles */
.seo-page .seo-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:rgba(243,239,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.08)}
.seo-page .seo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-weight:700;letter-spacing:.08em;font-size:13px}
.seo-page .seo-brand img{width:38px;height:38px;object-fit:contain}
.seo-page .seo-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.seo-page .seo-nav a{color:inherit;text-decoration:none;opacity:.7}
.seo-page .seo-nav a:hover{opacity:1}
.seo-hero{padding:100px 8vw 70px;max-width:1100px}
.seo-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.58}
.seo-hero h1{font-size:clamp(44px,7vw,92px);line-height:.95;margin:18px 0 28px;letter-spacing:-.04em;max-width:950px}
.seo-hero h1 em{font-style:normal;font-weight:500}
.seo-lead{font-size:clamp(18px,2.2vw,26px);line-height:1.5;max-width:820px;opacity:.78}
.seo-content{padding:0 8vw 90px;max-width:1200px}
.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:35px 0 65px}
.seo-card{padding:30px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.08)}
.seo-card h2{margin:0 0 12px;font-size:25px}
.seo-card p,.seo-content p,.seo-content li{font-size:16px;line-height:1.75;opacity:.76}
.seo-content h2{font-size:clamp(30px,4vw,48px);margin:55px 0 18px;letter-spacing:-.03em}
.seo-content ul{padding-left:22px}
.seo-cta{display:inline-flex;margin-top:18px;padding:14px 20px;background:#1b1b1b;color:#fff;text-decoration:none;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.seo-footer{padding:30px 8vw;border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
@media(max-width:760px){.seo-page .seo-nav{display:none}.seo-hero{padding-top:70px}.seo-grid{grid-template-columns:1fr}.seo-content{padding-left:6vw;padding-right:6vw}.seo-hero{padding-left:6vw;padding-right:6vw}}


/* MOBILE EXPERIENCE — V32
   Keeps the desktop art direction intact while making navigation, typography,
   hero composition and touch targets comfortable on phones. */
.mobile-menu{
  position:fixed;inset:0;z-index:45;background:rgba(10,12,9,.97);color:var(--ivory);
  opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;
  transition:opacity .35s ease,transform .35s ease,visibility .35s ease;
  overflow:auto;-webkit-overflow-scrolling:touch;
}
.mobile-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mobile-menu-inner{min-height:100%;padding:105px 8vw 38px;display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu-kicker{margin:0 0 28px;font-size:9px;letter-spacing:.22em;color:rgba(244,241,233,.52)}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{display:flex;align-items:baseline;gap:18px;padding:15px 0;border-bottom:1px solid rgba(244,241,233,.12);font-family:Manrope,sans-serif;font-size:clamp(29px,8vw,42px);line-height:1;letter-spacing:-.045em}
.mobile-menu nav a span{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.18em;color:#d8b8bc;min-width:22px}
.mobile-menu-brochure{align-self:flex-start;margin-top:32px;padding:13px 0 10px;border-bottom:1px solid rgba(244,241,233,.55);font-size:9px;letter-spacing:.18em;font-weight:700}
.mobile-menu-brochure b{font-size:15px;font-weight:400;margin-left:10px}
.menu{position:relative;width:42px;height:42px;padding:0;align-items:center;justify-content:center;z-index:60;cursor:pointer;color:var(--ivory)}
.menu span{position:absolute;left:9px;width:24px!important;transition:transform .3s ease,opacity .3s ease}
.menu span:first-child{transform:translateY(-4px)}
.menu span:last-child{transform:translateY(4px)}
.menu.is-open span:first-child{transform:rotate(45deg)}
.menu.is-open span:last-child{transform:rotate(-45deg)}
body.menu-open{overflow:hidden}

@media(max-width:800px){
  .nav{padding:0 5.5vw;height:70px}
  .brand{gap:9px;font-size:9px;letter-spacing:.13em}
  .brand img{width:38px;height:29px}
  .hero{min-height:760px;height:100svh}
  .hero-image{background-position:61% center}
  .hero-shade{background:linear-gradient(90deg,rgba(8,10,8,.91) 0%,rgba(8,10,8,.55) 70%,rgba(8,10,8,.25) 100%),linear-gradient(0deg,rgba(8,10,8,.72),rgba(8,10,8,.06) 65%)}
  .hero-copy{left:7vw;right:7vw;top:46%;transform:translateY(-50%);max-width:none}
  .hero .eyebrow{font-size:8px;letter-spacing:.19em;max-width:280px;line-height:1.5}
  .hero h1{font-size:clamp(54px,16vw,82px);line-height:.86;margin:18px 0 22px;letter-spacing:-.075em}
  .hero-sub{max-width:300px;font-size:12px;line-height:1.55}
  .circle-link{width:70px;height:70px;margin-top:25px;font-size:8px}
  .circle-link i{font-size:13px}
  .hero-logo-card{width:52vw;right:5vw;top:24%;padding:17px;box-shadow:0 18px 45px rgba(0,0,0,.25)}
  .hero-brochure-corner{left:7vw;bottom:72px;right:7vw;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.11em;padding-bottom:7px}
  .hero-bottom{left:7vw;right:7vw;bottom:24px;font-size:7px;letter-spacing:.13em}
  .section{padding:105px 7vw;min-height:0}
  .section-label{top:30px;left:7vw;font-size:8px}
  .statement{min-height:760px;align-items:center}
  .statement h2,.collections h2,.contact h2{font-size:clamp(48px,14.5vw,76px);line-height:.9;margin:18px 0 30px}
  .body-copy{font-size:14px;line-height:1.72}
  .seo-support{font-size:12px;line-height:1.7}
  .story-facts{grid-template-columns:repeat(3,1fr);gap:10px}
  .story-facts strong{font-size:28px}
  .story-facts span{font-size:7px;line-height:1.35}
  .sectors{padding-top:105px;padding-bottom:90px}
  .sectors-head{margin:42px 0 42px}
  .sectors-head h2{font-size:clamp(50px,15vw,78px)}
  .sectors-intro{font-size:13px;line-height:1.7}
  .sector-card,.sector-card:nth-child(2),.sector-card:nth-child(5),.sector-card:nth-child(8){min-height:410px}
  .sector-card{padding:20px}
  .sector-card h3{font-size:34px}
  .sector-card p{font-size:11px;line-height:1.5}
  .full-image-section{height:72svh;min-height:500px}
  .image-caption{left:7vw;right:7vw;bottom:7vh;display:block}
  .image-caption strong{font-size:clamp(30px,9vw,52px);margin-top:12px}
  .craft{min-height:920px;padding-top:95px;padding-bottom:55px}
  .craft-copy{width:100%;padding-top:0}
  .craft h2{font-size:clamp(50px,15vw,78px);margin:20px 0 25px}
  .craft-copy>p:last-child{font-size:13px;line-height:1.7;max-width:310px}
  .craft-visual{height:48%;bottom:0;opacity:.62}
  .fabric-word{font-size:28vw;bottom:43%;right:4%}
  .image-strip{padding:95px 7vw 90px;min-height:0}
  .manufacturing-heading{font-size:clamp(50px,15vw,78px);margin-bottom:32px}
  .image-strip-grid{grid-template-columns:1fr;gap:12px;margin-top:0}
  .image-tile.tall,.image-tile.wide{height:330px}
  .collections{padding-bottom:100px}
  .collections-head{margin:45px auto 50px}
  .collection-grid{grid-template-columns:1fr;gap:12px}
  .collection-card{height:360px;padding:22px}
  .collection-card h3{font-size:42px}
  .presence{min-height:720px}
  .presence h2{font-size:clamp(52px,15vw,80px)}
  .presence-copy{max-width:100%;font-size:12px;line-height:1.72;margin-top:22px}
  .route{margin-top:42px;font-size:8px;gap:8px}
  .route i{width:22px}
  .closing-image{height:70svh;min-height:480px}
  .closing-copy{left:7vw;right:7vw;bottom:7vh}
  .closing-copy strong{font-size:clamp(42px,12vw,68px)}
  .contact{min-height:0;padding-top:105px;padding-bottom:85px}
  .contact h2{max-width:100%}
  .contact-grid{grid-template-columns:1fr;gap:22px;margin-top:38px}
  .contact-block{min-height:auto;padding-bottom:5px}
  .contact-block address,.contact-links a,.email-link{font-size:13px;line-height:1.6}
  .location-link{font-size:7px}
  .social-links{flex-wrap:wrap;gap:8px}
  .social-link{min-height:42px;padding:11px 13px}
  .big-cta{max-width:none;font-size:9px;padding:20px 0}
  .clients{padding-top:80px;padding-bottom:85px}
  .clients-head{margin:38px 0 34px;gap:24px}
  .clients-head h2{font-size:clamp(52px,16vw,82px)}
  .clients-intro{font-size:13px;line-height:1.7}
  .clients-frame{padding:6px}
  .clients-frame::before{inset:6px}
  .clients-wall figcaption{font-size:7px;line-height:1.5}
  footer{padding:24px 7vw;font-size:7px;letter-spacing:.12em;gap:10px}
}

@media(max-width:380px){
  .brand span{font-size:8px}
  .hero-logo-card{width:49vw;top:23%;right:4vw;padding:14px}
  .hero-copy{top:47%}
  .hero h1{font-size:15.5vw}
  .hero-sub{max-width:270px}
  .hero-brochure-corner{bottom:68px}
  .statement{min-height:720px}
  .sector-card,.sector-card:nth-child(2),.sector-card:nth-child(5),.sector-card:nth-child(8){min-height:390px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu,.menu span{transition:none}
}


/* V33 — true edge-to-edge mobile layout / no horizontal overflow */
html{overflow-x:hidden;max-width:100%;}
body{overflow-x:hidden;width:100%;max-width:100%;}
*,*::before,*::after{box-sizing:border-box;}
img,video,svg{max-width:100%;}

@media (max-width: 800px){
  html,body{width:100%;overflow-x:hidden;}
  .nav{width:100%;left:0;right:0;}
  .hero,.section,.full-image-section,.dark,.image-strip,.collections,.presence,.contact,.clients,.branding{width:100%;max-width:100%;overflow:hidden;}
  .hero{min-height:100svh;height:auto;}
  .hero-copy{width:auto;max-width:86vw;}
  .hero h1,.statement h2,.collections h2,.contact h2,.sectors-head h2,.craft h2,.presence h2,.clients-head h2,.manufacturing-heading,.branding h2{max-width:100%;overflow-wrap:break-word;word-break:normal;}
  .hero-logo-card{width:min(62vw,280px);max-width:62vw;right:5vw;top:34%;padding:16px;}
  .hero-logo-card img{width:100%;max-width:100%;height:auto;}
  .hero-copy{top:55%;}
  .hero h1{font-size:clamp(48px,14.5vw,74px);max-width:80vw;}
  .hero-sub{max-width:72vw;}
  .hero-brochure-corner{left:7vw;right:7vw;max-width:86vw;white-space:normal;}
  .hero-bottom{max-width:86vw;}

  .section{padding-left:7vw;padding-right:7vw;}
  .statement-inner,.clients-inner,.contact-inner{width:100%;max-width:100%;}
  .story-copy-wrap{width:100%;max-width:100%;}
  .body-copy,.seo-support{width:100%;max-width:100%;margin-left:0;}
  .story-facts{width:100%;max-width:100%;}

  .sectors-head,.sectors-grid,.collection-grid,.image-strip-grid,.branding-grid,.contact-grid,.clients-head{width:100%;max-width:100%;}
  .sector-card,.collection-card,.image-tile,.contact-block,.clients-frame{min-width:0;max-width:100%;}
  .sector-card h3,.collection-card h3{overflow-wrap:anywhere;}

  .craft-visual{width:100%;right:0;left:0;}
  .craft-copy{width:100%;max-width:100%;}
  .craft-quality{width:100%;grid-template-columns:1fr;}
  .craft-quality>div:last-child{grid-column:auto;}

  .branding-grid{display:flex;flex-direction:column;gap:35px;}
  .branding-copy,.branding-visuals{width:100%;max-width:100%;min-width:0;}
  .branding-visuals{min-height:480px;}
  .branding-points{width:100%;max-width:100%;}

  .clients-wall img,.clients-frame img{display:block;width:100%;height:auto;}
  .clients-frame{overflow:hidden;}

  .contact-links,.social-links{width:100%;max-width:100%;min-width:0;}
  .social-link{max-width:100%;}
  .big-cta{width:100%;max-width:100%;}
  footer{width:100%;max-width:100%;flex-wrap:wrap;}

  .ambient-logo-hero{max-width:none;}
}

@media (max-width: 480px){
  .nav{padding-left:5vw;padding-right:5vw;}
  .brand{max-width:72vw;min-width:0;}
  .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .menu{flex:0 0 42px;}
  .hero-logo-card{width:58vw;max-width:240px;right:4vw;top:32%;padding:13px;}
  .hero-copy{top:56%;max-width:86vw;}
  .hero h1{font-size:clamp(46px,14vw,66px);margin-top:14px;}
  .hero-sub{font-size:11px;max-width:76vw;}
  .circle-link{width:62px;height:62px;}
  .hero-brochure-corner{bottom:72px;font-size:7px;letter-spacing:.09em;}
  .hero-bottom{font-size:6px;bottom:18px;}
  .statement{min-height:680px;}
  .story-facts{gap:7px;}
  .story-facts strong{font-size:24px;}
  .story-facts span{font-size:6.5px;}
  .sector-card,.sector-card:nth-child(2),.sector-card:nth-child(5),.sector-card:nth-child(8){min-height:360px;}
  .sector-card h3{font-size:30px;}
  .collection-card{height:320px;}
  .image-tile.tall,.image-tile.wide{height:270px;}
  .clients-head h2,.contact h2,.presence h2,.craft h2,.manufacturing-heading{font-size:clamp(44px,14vw,64px);}
}