/* Layout: "Linen & Nile". Mostly light ivory and sand surfaces, soft Nile sage for the Egyptian cotton story, navy kept for the footer, antique gold for buttons and fine detail. Single committed light look. .pal-a restores the original navy palette for comparison. */
:root{
  --navy:#17222d; --navy-2:#223140; --ivory:#faf7f1; --linen:#f3ede3; --paper:#ffffff;
  --gold:#8a6a3a; --gold-soft:#c9ad82; --teal:#1d4a45; --ink:#1b232b; --muted:#5e6670; --line:#e3dccf;
  --on-navy:#f4efe6; --on-navy-muted:#b8bfc7; --gold-hover:#735630; --accent2:#2f6b63;
  --top-bg:#faf7f1; --top-fg:#17222d; --top-muted:#4f5862; --top-line:#e3dccf; --top-hover:#f3ede3; --top-em:#8a6a3a;
  --band-bg:#eee6d8; --band-fg:#17222d; --band-muted:#545c66; --band-line:#d6c9b2; --band-em:#8a6a3a;
  --nile-bg:#dfe9e5; --nile-fg:#1c3b37; --nile-muted:#44605b; --nile-line:#b6cbc4; --nile-em:#2f6b63;
  --foot-bg:#e3ece8; --foot-fg:#1c3b37; --foot-muted:#3f5b56; --foot-line:#c3d4ce; --foot-em:#8a6a3a;
  --display:"Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --wrap:1200px;
}
body{background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--top-bg)}
*{box-sizing:border-box}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.005em}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.6rem}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
.lede{font-size:1.1rem;color:var(--muted);max-width:60ch}
.rule{width:56px;height:1px;background:var(--gold);border:0;margin:0}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.9em 1.5em;font:600 .82rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);background:var(--gold);color:#fff;cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--gold-hover);border-color:var(--gold-hover)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.btn.ghost:hover{background:rgba(168,131,79,.12)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sec{padding-block:clamp(64px,9vw,112px)}
.sec.tight{padding-block:clamp(48px,6vw,72px)}
.navy{background:var(--band-bg);color:var(--band-fg)}
.navy .lede,.navy .muted{color:var(--band-muted)}
.linenbg{background:var(--linen)}
.muted{color:var(--muted)}
.head{display:grid;gap:18px;margin-bottom:48px;max-width:760px}

/* draft strip + header */
.draft{background:var(--navy);color:#e8f0ee;font-size:.78rem;text-align:center;padding-block:7px;letter-spacing:.04em}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--top-bg);color:var(--top-fg);border-bottom:1px solid var(--top-line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.brand{text-decoration:none;display:grid;line-height:1}
.brand b{font:500 1.05rem/1 var(--body);letter-spacing:.32em}
.brand b span{color:var(--top-em)}
.brand small{font-size:.6rem;letter-spacing:.24em;color:var(--top-muted);margin-top:6px;text-transform:uppercase}
.menu{display:flex;gap:28px;align-items:center}
.menu a{text-decoration:none;font-size:.86rem;color:var(--top-muted);padding-block:6px;border-bottom:1px solid transparent}
.menu a:hover,.menu a[aria-current="page"]{color:var(--top-fg);border-color:var(--gold)}
.menu .btn{color:#fff;border-bottom:1px solid var(--gold);padding:.75em 1.2em}
.menu .nile-link{color:var(--top-em)}
.dd{position:relative}
.dd-top{background:none;border:0;border-bottom:1px solid transparent;font:inherit;font-size:.86rem;color:var(--top-muted);padding:6px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.dd-top:hover,.dd-top[aria-current="page"],.dd.open .dd-top{color:var(--top-fg)}
.dd-top[aria-current="page"]{border-color:var(--gold)}
.chev{display:inline-block;font-size:.7rem;transition:transform .2s}
.dd.open .chev{transform:rotate(180deg)}
.dd-menu{position:absolute;top:100%;left:-18px;min-width:230px;background:var(--top-bg);border:1px solid var(--top-line);padding:8px 0;display:none;flex-direction:column}
.dd.open .dd-menu{display:flex}
.dd-menu a{padding:10px 18px;border:0}
.dd-menu a:hover{background:var(--top-hover)}
@media (max-width:1240px){.dd-menu{position:static;border:0;padding:0 0 0 16px;min-width:0}.dd-menu a{font-size:.82rem;padding:10px 0}.dd-top{width:100%;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--top-line)}}
.burger{display:none;background:none;border:1px solid var(--top-line);color:var(--top-fg);padding:8px 12px;font:600 .75rem var(--body);letter-spacing:.12em;cursor:pointer}
@media (max-width:1240px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:72px;background:var(--top-bg);flex-direction:column;align-items:stretch;gap:0;padding:8px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--top-line)}
  .menu.open{display:flex}
  .menu a{padding:14px 0;border-bottom:1px solid var(--top-line)}
  .menu .btn{margin-top:14px;justify-content:center}
}

/* hero */
.hero{position:relative;background:var(--top-bg);color:var(--top-fg);overflow:hidden}
.hero .lede{color:var(--top-muted)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px}
.hero-copy{display:grid;align-content:center;gap:26px;padding-block:72px;padding-right:48px}
.hero h1 em{font-style:italic;color:var(--top-em)}
.hero-img{position:relative;margin-right:calc(-1 * max(24px,env(safe-area-inset-right,0px)))}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--top-line)}
.facts div{padding:22px 18px 4px 0;display:grid;gap:4px}
.facts strong{font:500 2rem/1 var(--display);color:var(--top-fg)}
.facts span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--top-muted)}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-img{order:-1;height:320px;margin:0 calc(-1 * max(16px,env(safe-area-inset-right,0px))) 0 calc(-1 * max(16px,env(safe-area-inset-left,0px)))}
  .hero-copy{padding-right:0;padding-block:40px 56px}
  .facts{grid-template-columns:repeat(2,1fr)}
}

/* nile origin + egyptian cotton */
.nile{background:var(--nile-bg);color:var(--nile-fg)}
.nile .eyebrow{color:var(--gold)}
.nile p{color:var(--nile-muted)}
.nile h2 em,.nile h1 em{font-style:italic;color:var(--nile-em)}
.origin{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.origin > *{min-width:0}
.origin-copy{display:grid;gap:20px;max-width:62ch}
.origin-img{margin:0;position:relative}
.origin-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.origin-img figcaption{position:absolute;left:16px;bottom:16px;background:rgba(23,34,45,.82);color:var(--gold-soft);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--nile-line)}
.pillars div{padding:16px 14px 0 0;display:grid;gap:4px}
.pillars b{font:500 1.3rem/1.1 var(--display);color:var(--nile-fg)}
.pillars span{font-size:.78rem;color:var(--nile-muted)}
@media (max-width:860px){.origin{grid-template-columns:1fr}.origin-img img{aspect-ratio:4/3}}
@media (max-width:520px){.pillars{grid-template-columns:1fr}.pillars div{padding:12px 0;border-bottom:1px solid var(--nile-line)}}
.ec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ec-grid div{display:grid;gap:10px;border-top:1px solid var(--gold);padding-top:18px}
.ec-grid b{font:500 1.5rem var(--display)}
.ec-grid p{font-size:.92rem;color:var(--muted)}
@media (max-width:860px){.ec-grid{grid-template-columns:1fr}}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.docs div{background:var(--paper);border:1px solid var(--line);padding:22px;display:grid;gap:6px}
.docs b{font-weight:600}
.docs p{font-size:.88rem;color:var(--muted)}
@media (max-width:640px){.docs{grid-template-columns:1fr}}
/* markets */
.mkts{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.mkt{background:var(--paper);padding:24px 20px;display:grid;gap:10px;align-content:start;text-decoration:none;transition:background .2s}
.mkt:hover{background:var(--linen)}
.mkt .code{font:600 .7rem var(--body);letter-spacing:.18em;color:var(--gold)}
.mkt b{font:500 1.45rem/1.1 var(--display)}
.mkt p{font-size:.85rem;color:var(--muted)}
.mkt .go{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2)}
@media (max-width:1000px){.mkts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.mkts{grid-template-columns:1fr}}
.mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mrow > div{background:var(--paper);border:1px solid var(--line);padding:24px;display:grid;gap:10px;align-content:start;min-width:0}
.mrow h3{font-size:1.35rem}
@media (max-width:860px){.mrow{grid-template-columns:1fr}}
.countries{display:flex;flex-wrap:wrap;gap:8px}
.countries span{border:1px solid var(--band-line);padding:5px 12px;font-size:.8rem;color:var(--band-fg)}
.mnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mnav a{font-size:.78rem;text-decoration:none;padding:7px 14px;border:1px solid var(--band-line);color:var(--band-muted)}
.mnav a[aria-current="page"]{background:var(--gold);border-color:var(--gold);color:#fff}

/* signature collections */
.sig{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.sig.rev{grid-template-columns:1fr 1.1fr}
.sig.rev .sig-media{order:2}
.sig-media{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5/4;max-width:100%}
.sig-media img{width:100%;height:100%;object-fit:cover;background:var(--paper)}
.sig-media img:first-child{grid-row:1/3}
.sig-copy{display:grid;gap:22px;min-width:0}
.tag{font-family:var(--display);font-size:1rem;color:var(--gold);font-style:italic}
.spec{display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--line);font-size:.9rem}
.spec dt,.spec dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}
.spec dt{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-right:24px;padding-top:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:.75rem;border:1px solid var(--line);padding:5px 12px;background:var(--paper);color:var(--ink)}
.sets{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.sets div{background:var(--paper);padding:12px 14px;display:grid;gap:2px;min-width:0}
.sets code{font:600 .72rem var(--body);color:var(--accent2);letter-spacing:.06em}
.sets span{font-size:.84rem}
@media (max-width:900px){.sig,.sig.rev{grid-template-columns:1fr}.sig.rev .sig-media{order:0}.sets{grid-template-columns:repeat(2,1fr)}}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tile{display:grid;gap:12px;text-decoration:none}
.tile img{aspect-ratio:4/3;width:100%;object-fit:cover;background:var(--paper);transition:transform .5s}
.tile figure{margin:0;overflow:hidden}
.tile:hover img{transform:scale(1.03)}
.tile h3{font-size:1.45rem}
.tile p{font-size:.9rem;color:var(--muted)}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr);gap:20px}}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}

/* why */
.why{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.why div{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:22px 0;border-top:1px solid var(--line)}
.why i{font:italic 500 1.4rem/1 var(--display);color:var(--gold);grid-row:1/3}
.why b{font-weight:600;font-size:.98rem}
.why p{font-size:.9rem;color:var(--muted)}
@media (max-width:760px){.why{grid-template-columns:1fr}}
.cmp-wrap{overflow-x:auto;margin-top:48px}
table.cmp{width:100%;border-collapse:collapse;font-size:.9rem;min-width:620px}
.cmp th,.cmp td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.cmp thead th:last-child{background:var(--accent2);color:#fff}
.cmp td:first-child{font-weight:600;width:20%}
.cmp td:nth-child(2){color:var(--muted)}
.cmp td:last-child{background:rgba(47,107,99,.07)}

/* flow */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.flow div{padding:24px 20px 0 0;border-top:1px solid rgba(168,131,79,.45);position:relative;display:grid;gap:6px;align-content:start}
.flow div::before{counter-increment:s;content:counter(s);position:absolute;top:-15px;left:0;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font:600 .8rem/30px var(--body);text-align:center}
.flow b{font-family:var(--display);font-size:1.35rem;font-weight:500;margin-top:10px}
.flow p{font-size:.86rem}
.navy .flow p{color:var(--band-muted)}
@media (max-width:860px){.flow{grid-template-columns:1fr;gap:28px}.flow div{border-top:0;border-left:1px solid rgba(168,131,79,.45);padding:0 0 0 30px}.flow div::before{left:-15px;top:0}.flow b{margin-top:0}}
.boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.boxes div{border:1px solid var(--band-line);padding:22px;display:grid;gap:8px;align-content:start}
.boxes b{font-family:var(--display);font-size:1.3rem;font-weight:500}
.boxes p{font-size:.86rem;color:var(--band-muted)}
@media (max-width:900px){.boxes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.boxes{grid-template-columns:1fr}}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.split > *{min-width:0}
.split img{width:100%;aspect-ratio:4/5;object-fit:cover}
.split .wide{aspect-ratio:4/3}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ticks li{padding-left:26px;position:relative;font-size:.95rem}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:1px;background:var(--gold)}
.markets{display:flex;flex-wrap:wrap;gap:8px}
.markets span{border:1px solid var(--band-line);padding:6px 14px;font-size:.8rem}

/* sectors */
.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sectors figure{margin:0;position:relative;overflow:hidden}
.sectors img{aspect-ratio:3/2;width:100%;object-fit:cover}
.sectors figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(23,34,45,.85));color:#fff;font:500 1.25rem var(--display)}
@media (max-width:860px){.sectors{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sectors{grid-template-columns:1fr}}

/* cta band */
.cta{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cta .contact{display:grid;gap:4px;font-size:.95rem}

/* page heads */
.phead{background:var(--band-bg);color:var(--band-fg);padding-block:72px 64px}
.phead .wrap{display:grid;gap:18px}
.phead .lede{color:var(--band-muted)}
.phead.nile{background:var(--nile-bg);color:var(--nile-fg)}
.phead.nile .lede,.phead.nile .crumb{color:var(--nile-muted)}
.crumb{font-size:.75rem;color:var(--band-muted);letter-spacing:.08em}
.crumb a{text-decoration:none;color:var(--band-em)}

/* catalogue */
.partnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.partnav a{text-decoration:none;font-size:.8rem;border:1px solid var(--line);padding:8px 16px;background:var(--paper)}
.partnav a:hover{border-color:var(--gold)}
.part{display:grid;gap:28px;padding-top:64px}
.part-h{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px}
.part-h .num{font:italic 500 2.6rem/1 var(--display);color:var(--gold)}
.part-h p{font-size:.9rem;color:var(--muted);flex-basis:100%}
.fams{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fam{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;text-decoration:none;transition:border-color .2s}
.fam:hover{border-color:var(--gold)}
.fam .ph{aspect-ratio:1;display:grid;place-items:center;padding:14px;background:var(--paper);overflow:hidden}
.fam .ph img{max-height:100%;width:100%;height:100%;object-fit:contain}
.fam .ph.cover{padding:0}.fam .ph.cover img{object-fit:cover}
.fam .meta{padding:14px 16px 16px;display:grid;gap:4px;border-top:1px solid var(--line);align-content:start}
.fam code{font:600 .7rem var(--body);color:var(--accent2);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.fam b{font-family:var(--display);font-size:1.25rem;font-weight:500;line-height:1.15}
.fam small{font-size:.75rem;color:var(--muted)}
.fam.star{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:none}
.fam.star .ph{aspect-ratio:auto;height:100%;padding:0}
.fam.star .ph img{object-fit:cover}
.fam.star .meta{border-top:0;border-left:1px solid var(--line);align-content:center;gap:8px;padding:24px}
.fam.star b{font-size:1.7rem}
.fam .flag{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
@media (max-width:1000px){.fams{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.fams{grid-template-columns:repeat(2,1fr);gap:12px}.fam.star{grid-template-columns:1fr}.fam.star .ph{aspect-ratio:4/3}.fam.star .meta{border-left:0;border-top:1px solid var(--line)}}
.howto{display:flex;gap:20px;align-items:center;background:var(--linen);padding:20px 24px;margin-top:32px;flex-wrap:wrap}
.howto strong{font:500 2.2rem/1 var(--display);color:var(--accent2);font-variant-numeric:tabular-nums}
.howto strong span{color:var(--gold)}
.howto p{font-size:.88rem;flex:1;min-width:220px}
.sizes{overflow-x:auto}
.sizes table{border-collapse:collapse;width:100%;min-width:520px;font-size:.86rem;font-variant-numeric:tabular-nums}
.sizes th,.sizes td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}
.sizes th{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;background:var(--navy);color:var(--on-navy);font-weight:600}

/* cards on about/quality */
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.cols div{padding:24px 24px 24px 0;display:grid;gap:8px;align-content:start}
.cols b{font-family:var(--display);font-size:1.45rem;font-weight:500}
.cols p{font-size:.9rem;color:var(--muted)}
@media (max-width:860px){.cols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cols{grid-template-columns:1fr}}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.vm blockquote{margin:0;font:italic 400 clamp(1.5rem,2.6vw,2rem)/1.3 var(--display);display:grid;gap:14px}
@media (max-width:760px){.vm{grid-template-columns:1fr}}
.legal{background:var(--linen);padding:22px 24px;font-size:.88rem;display:grid;gap:6px;border-left:2px solid var(--gold)}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.foot-grid div{background:var(--paper);border:1px solid var(--line);padding:22px;display:grid;gap:6px;align-content:start}
.foot-grid .pill{justify-self:start;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:3px 8px;background:var(--accent2);color:#fff}
.foot-grid .pill.od{background:var(--gold)}
.foot-grid b{font-family:var(--display);font-size:1.4rem;font-weight:500}
.foot-grid p{font-size:.86rem;color:var(--muted)}
@media (max-width:900px){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.certs{display:grid;gap:0;border-top:1px solid var(--line)}
.certs div{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.certs b{font-weight:600;font-size:.95rem}
.certs p{font-size:.9rem;color:var(--muted)}
@media (max-width:560px){.certs div{grid-template-columns:1fr;gap:2px}}
.note{font-size:.82rem;color:var(--muted);font-style:italic}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{aspect-ratio:1;object-fit:cover;width:100%}
@media (max-width:700px){.gallery{grid-template-columns:repeat(2,1fr)}}
.pl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pl div{display:grid;gap:8px;border-top:1px solid var(--gold);padding-top:16px}
.pl b{font-family:var(--display);font-size:1.4rem;font-weight:500}
.pl p{font-size:.88rem;color:var(--muted)}
@media (max-width:860px){.pl{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.pl{grid-template-columns:1fr}}
.terms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.terms div{background:var(--paper);border:1px solid var(--line);padding:22px;display:grid;gap:6px}
.terms span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.terms b{font-family:var(--display);font-size:1.5rem;font-weight:500}
@media (max-width:700px){.terms{grid-template-columns:1fr}}

/* form */
.rfq{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
.rfq > *{min-width:0}
@media (max-width:900px){.rfq{grid-template-columns:1fr}}
form{display:grid;gap:20px;background:var(--paper);border:1px solid var(--line);padding:clamp(20px,4vw,40px)}
fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}
legend{font:500 1.35rem var(--display);margin-bottom:6px;padding:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.row{grid-template-columns:1fr}}
label{display:grid;gap:6px;font-size:.78rem;font-weight:600;letter-spacing:.02em}
label .opt{font-weight:400;color:var(--muted)}
input,select,textarea{font:400 .95rem var(--body);padding:11px 12px;border:1px solid #cfc6b6;background:var(--ivory);color:var(--ink);width:100%;border-radius:0}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(168,131,79,.18)}
textarea{min-height:110px;resize:vertical}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px}
.checks label{display:flex;gap:10px;align-items:center;font-weight:400;font-size:.88rem}
.checks input{width:16px;height:16px;padding:0;accent-color:var(--accent2)}
@media (max-width:480px){.checks{grid-template-columns:1fr}}
.consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.8rem;color:var(--muted)}
.consent input{width:16px;height:16px;margin-top:3px;accent-color:var(--accent2);flex:none}
.sent{background:rgba(47,107,99,.08);border-left:2px solid var(--accent2);padding:14px 16px;font-size:.88rem}
.side{display:grid;gap:28px}
.side .blk{display:grid;gap:6px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.side .blk span{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.side .blk b{font:500 1.3rem var(--display)}
.copy{font:600 .7rem var(--body);letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid var(--line);padding:4px 8px;cursor:pointer;justify-self:start;color:var(--ink)}
.prose{max-width:720px;display:grid;gap:18px}
.prose h3{margin-top:18px}
.prose p,.prose li{color:var(--muted);font-size:.95rem}

/* footer */
footer{background:var(--foot-bg);color:var(--foot-muted);font-size:.86rem;border-top:1px solid var(--foot-line)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;padding-block:64px 40px}
.foot h4{font:600 .68rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--foot-em);margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--foot-fg);text-decoration:underline;text-underline-offset:3px}
.foot .brand b{color:var(--foot-fg)}
.foot .brand b span{color:var(--foot-em)}
.foot .brand small{color:var(--foot-muted)}
.legalline{border-top:1px solid var(--foot-line);padding-block:22px;font-size:.76rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot{grid-template-columns:1fr}}

@keyframes fade{from{opacity:.4}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.page{animation:none}.tile img{transition:none}}
.sec.nile + .sec.nile{padding-top:0}
.fibres{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fib{background:var(--paper);border:1px solid var(--line);padding:22px;display:grid;gap:8px;align-content:start}
.fib.top{background:var(--nile-bg);border-color:var(--nile-line)}
.fib .tier{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.fib b{font:500 1.45rem/1.15 var(--display)}
.fib p{font-size:.88rem;color:var(--muted)}
.fib a{font-size:.78rem;font-weight:600;color:var(--accent2);text-decoration:none}
.inline-link{font-size:.78rem;font-weight:600;color:var(--accent2);margin-left:6px;white-space:nowrap}
@media (max-width:900px){.fibres{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.fibres{grid-template-columns:1fr}}
/* gold thread motif */
.thread{position:relative;height:36px;margin:0 0 40px;max-width:100%}
.thread svg{width:100%;height:100%;display:block;overflow:visible}
.thread path,.hero-thread path{fill:none;stroke:var(--gold);stroke-width:1.2;vector-effect:non-scaling-stroke}
.thread .knot{position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--gold)}
.hero-thread{width:min(320px,80%);height:24px;margin-top:-6px}
.hero-thread circle{fill:var(--gold)}
/* estimator */
.est{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);background:var(--paper)}
.est > *{min-width:0}
.est-in{border:0;background:var(--linen);padding:clamp(20px,3vw,36px);display:grid;gap:16px;align-content:start}
.est-out{padding:clamp(20px,3vw,36px);display:grid;gap:16px;align-content:start}
.est-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--gold);padding-bottom:10px}
.est-head span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.est-head b{font:500 1.5rem var(--display)}
.est-scroll{overflow-x:auto}
.est-t{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.est-t th{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px 0;font-weight:600}
.est-t td{padding:9px 0;border-bottom:1px solid var(--line)}
.est-t td:nth-child(2){color:var(--accent2);font-size:.75rem;font-weight:600}
.est-t td:last-child,.est-t th:last-child{text-align:right}
.est-t td:last-child{font:500 1.15rem var(--display)}
.est-moq{font-size:.82rem;color:var(--muted);min-height:1.2em}
.est-moq.warn{color:var(--gold)}
@media (max-width:860px){.est{grid-template-columns:1fr}}
/* founder */
.founder{display:grid;grid-template-columns:280px 1fr;gap:clamp(32px,5vw,72px);align-items:center;max-width:1040px}
.founder > *{min-width:0}
.portrait{aspect-ratio:4/5;background:var(--linen);border:1px solid var(--line);display:grid;place-items:center;align-content:center;gap:8px;max-width:100%}
.portrait span{font:italic 500 4rem/1 var(--display);color:var(--gold)}
.portrait small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.founder-copy{display:grid;gap:22px}
.founder blockquote{margin:0;font:italic 400 clamp(1.35rem,2.4vw,1.85rem)/1.38 var(--display);color:var(--ink)}
.sig-name{display:flex;gap:6px 16px;align-items:baseline;flex-wrap:wrap}
.sig-name b{font:500 1.35rem var(--display)}
.sig-name span{font-size:.85rem;color:var(--muted)}
.sig-name a{font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--accent2);text-decoration:none}
@media (max-width:760px){.founder{grid-template-columns:1fr}.portrait{max-width:240px}}
/* sample box */
.box{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.box > *{min-width:0}
.box-img{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:var(--paper);border:1px solid var(--nile-line);box-shadow:0 18px 40px -24px rgba(28,59,55,.35)}
.box-img img{aspect-ratio:1;object-fit:cover;width:100%}
.nile .ticks li{color:var(--nile-fg)}
.box h2 em{font-style:italic;color:var(--gold)}
@media (max-width:860px){.box{grid-template-columns:1fr}}
/* journey */
.journey{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative;max-width:820px}
.journey::before{content:"";position:absolute;left:23px;top:12px;bottom:12px;width:1px;background:repeating-linear-gradient(var(--gold) 0 10px,transparent 10px 14px)}
.journey li{display:grid;grid-template-columns:48px 1fr;gap:22px;padding:0 0 34px;position:relative}
.journey li:last-child{padding-bottom:0}
.j-n{width:48px;height:48px;border-radius:50%;background:var(--ivory);border:1px solid var(--gold);display:grid;place-items:center;font:italic 500 1.15rem var(--display);color:var(--gold);position:relative;z-index:1}
.journey b{font:500 1.5rem/1.2 var(--display);display:block;margin-top:8px}
.journey p{color:var(--muted);font-size:.95rem;margin-top:6px;max-width:60ch}


html{scroll-behavior:smooth}
[id]{scroll-margin-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.skip{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--gold);color:#fff;z-index:100}
.skip:focus{width:auto;height:auto;clip-path:none;padding:10px 14px;top:12px;left:12px}
html[dir=rtl] .skip:focus{left:auto;right:12px}
.side .blk a{text-decoration:none}

/* language switcher */
.menu{gap:22px}
.menu a,.menu .dd-top{white-space:nowrap}
.brand small{white-space:nowrap}
@media (min-width:1241px){html[lang=el] .brand small,html[lang=fr] .brand small,html[lang=es] .brand small{font-size:.54rem;letter-spacing:.16em}}
.lang-btn{gap:6px}
.lang-btn svg{opacity:.8}
.lang-menu{min-width:170px}
.lang-menu a[aria-current="true"]{color:var(--top-fg);font-weight:600}
.lang-menu a[lang="ar"]{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}
@media (max-width:1240px){.dd.lang .dd-top{justify-content:flex-start}.lang-menu{display:none}.dd.lang.open .lang-menu{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 18px;padding:4px 0 10px}}
/* Arabic: no letter-spacing (breaks joined script), no faux italics, right-to-left fixes */
html[lang="ar"] body *{letter-spacing:0!important}
html[lang="ar"] .brand b{letter-spacing:.32em!important;direction:ltr;unicode-bidi:isolate}
html[lang="ar"] em{font-style:normal!important}
html[lang="ar"] body{line-height:1.75}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.3}
html[lang="ar"] .eyebrow,html[lang="ar"] .lbl,html[lang="ar"] .facts span,html[lang="ar"] .spec dt{font-size:.82rem;text-transform:none}
html[dir="rtl"] .dd-menu{left:auto;right:-18px}
html[dir="rtl"] .hero-img{margin-right:0;margin-left:calc(-1 * max(24px,env(safe-area-inset-left,0px)))}
html[dir="rtl"] .hero-copy{padding-right:0;padding-left:48px}
html[dir="rtl"] .facts div{padding:22px 0 4px 18px}
html[dir="rtl"] .hero-thread,html[dir="rtl"] .thread svg{transform:scaleX(-1)}
html[dir="rtl"] .thread .knot{right:auto;left:-4px}
html[dir="rtl"] .ticks li{padding-left:0;padding-right:26px}
html[dir="rtl"] .ticks li::before{left:auto;right:0}
html[dir="rtl"] .flow div{padding:24px 0 0 20px}
html[dir="rtl"] .flow div::before{left:auto;right:0}
html[dir="rtl"] .spec dt{padding-right:0;padding-left:24px}
html[dir="rtl"] .cols div{padding:24px 0 24px 24px}
html[dir="rtl"] .legal{border-left:0;border-right:2px solid var(--gold)}
html[dir="rtl"] .sent{border-left:0;border-right:2px solid var(--accent2)}
html[dir="rtl"] .origin-img figcaption{left:auto;right:16px}
html[dir="rtl"] .journey::before{left:auto;right:23px}
html[dir="rtl"] .pillars div{padding:16px 0 0 14px}
html[dir="rtl"] .est-t td:last-child,html[dir="rtl"] .est-t th:last-child{text-align:left}
html[dir="rtl"] .est-t th{text-align:right}
html[dir="rtl"] .cmp th,html[dir="rtl"] .cmp td,html[dir="rtl"] .sizes th,html[dir="rtl"] .sizes td{text-align:right}
html[dir="rtl"] .dd-top span.chev{margin:0}
@media (max-width:980px){html[dir="rtl"] .dd-menu{padding:0 16px 0 0}}
@media (max-width:860px){html[dir="rtl"] .flow div{border-left:0;border-right:1px solid rgba(168,131,79,.45);padding:0 30px 0 0}html[dir="rtl"] .flow div::before{right:-15px}}
@media (max-width:900px){html[dir="rtl"] .hero-img{margin:0 calc(-1 * max(16px,env(safe-area-inset-right,0px))) 0 calc(-1 * max(16px,env(safe-area-inset-left,0px)))}html[dir="rtl"] .hero-copy{padding-left:0}}
html[dir="rtl"] input[type=tel],html[dir="rtl"] input[type=email],html[dir="rtl"] .sets code,html[dir="rtl"] .fam code{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type=tel],html[dir="rtl"] input[type=email]{text-align:right}
/* Greek headings: GFS Didot has no italic */
html[lang="el"] h1 em,html[lang="el"] h2 em{font-style:normal}