:root{--ink:#123525;--paper:#f8f7f2;--line:#d8dcd4;--muted:#6c756d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b99853;outline-offset:6px}header{height:116px;padding:25px 4.5%;display:flex;align-items:center;gap:35px;background:var(--paper);position:relative;z-index:5}.brand{width:250px;flex-shrink:0}.brand img{width:100%;display:block;mix-blend-mode:multiply}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:7px;text-align:center}nav{display:flex;margin-left:auto;gap:29px;align-items:center}nav a{font-size:19px;letter-spacing:.5px;padding:10px 0;position:relative}nav a[aria-current]:after{content:'';height:1px;position:absolute;bottom:3px;background:var(--ink);left:0;right:0}.languages{display:flex;gap:8px;font-size:12px;margin-left:25px}.languages a{opacity:.45}.languages a[aria-current]{opacity:1}.menu-toggle{display:none}.home{height:100svh;display:flex;flex-direction:column}.home-main{flex:1;min-height:0;padding:0 22px}.hero{height:100%;position:relative;overflow:hidden;background:#5a6454}.slide{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity 1.2s ease}.slide.active{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,22,9,.6),rgba(0,22,9,.05) 85%)}.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);color:#fff}.eyebrow{font-size:11px;text-transform:none;letter-spacing:2.2px;line-height:1.7;margin:0 0 30px}h1{font-weight:400;letter-spacing:-3px;font-size:clamp(45px,5.5vw,85px);line-height:1.07;margin:0}h2{font-size:33px;font-weight:400;line-height:1.25;letter-spacing:-.7px}.hero-link{margin-top:40px;display:flex;width:max-content;gap:60px;font-size:13px;border-bottom:1px solid #ffffff60;padding:12px 0}.hero-link span{font-size:19px}.slider-controls{position:absolute;bottom:35px;left:7%;display:flex;gap:18px;align-items:center;color:white}.slider-controls button{border:1px solid #ffffff50;border-radius:50%;background:transparent;width:36px;height:36px;font-size:19px}.slider-controls button:hover{background:#ffffff20}#slide-count{font-size:11px;letter-spacing:2px}#pause{margin-left:8px;font-size:13px}.hero-note{position:absolute;bottom:45px;right:6%;font-size:11px;letter-spacing:1.5px;color:#fff}footer{padding:22px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.home footer{min-height:64px}.interior main{max-width:1600px;margin:auto}.intro{padding:85px 9% 75px}.intro .eyebrow{color:var(--muted)}.lead{max-width:610px;font-size:19px;line-height:1.7;margin-top:40px}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 9% 90px}.sticky-photo img{width:100%;height:620px;object-fit:cover}.sticky-photo p{font-size:10px;letter-spacing:2px;margin-top:15px}.story article h2{margin-top:0}.story article p{font-size:16px;line-height:1.85;color:#4b574e}.signature{margin-top:45px;font-size:27px}.signature span{display:block;font-size:13px;margin-top:12px;color:var(--muted)}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 22px 55px}.image-pair img{width:100%;height:360px;object-fit:cover}.nature{height:420px;position:relative;margin:0 22px}.nature img{height:100%;width:100%;object-fit:cover}.nature span{position:absolute;bottom:45px;left:8%;color:white;font-size:41px;letter-spacing:-1px;text-shadow:0 1px 10px #0008}.materials{padding:100px 9%;display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.section-heading h2{max-width:240px}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;gap:18px;padding:27px 0;font-size:16px;align-items:center}summary::-webkit-details-marker{display:none}.number{font-size:10px;color:var(--muted)}.plus{margin-left:auto;font-size:26px;font-weight:300}details[open] .plus{transform:rotate(45deg)}details>div{padding:0 0 25px 33px}details p{font-size:15px;line-height:1.8;color:#4b574e}.certifications{padding:75px 9%;background:#eceee6}.cert-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:50px}.cert-list article{border-top:1px solid #bfc8b9;padding:25px 0}.cert-list h3{font-size:17px;font-weight:400}.cert-list p{font-size:15px;line-height:1.8;color:#4b574e}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:0 9% 90px}.contact-layout>img{width:100%;height:560px;object-fit:cover}.contact-info h2{font-size:35px;margin-bottom:12px}.contact-info>p{font-size:15px}.text-link{font-size:13px;border-bottom:1px solid var(--line);display:inline-block;padding:12px 0}.contact-links{margin-top:55px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;font-size:18px}@media(min-width:1700px){header{height:140px}.hero-copy{left:9%}}@media(max-width:1050px){header{gap:20px;padding:22px 3%}nav{gap:17px}nav a{font-size:17px}.languages{margin-left:5px}.brand{width:190px}.story{gap:6%}.sticky-photo img{height:520px}}@media(max-width:760px){header{height:90px;padding:20px 6%;gap:20px}.brand{width:180px}.brand span{font-size:8px;letter-spacing:2px}.languages{margin-left:0}.menu-toggle{display:flex;flex-direction:column;gap:6px;margin-left:auto;border:0;background:none;padding:12px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:90px;left:0;right:0;padding:25px 6% 35px;background:var(--paper);box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:14px}nav a{font-size:22px}.home-main{padding:0 10px}.hero-copy{left:8%;right:6%}.hero-copy h1{font-size:45px;letter-spacing:-1.8px}.hero-copy .eyebrow{font-size:9px}.hero-link{margin-top:30px}.hero-note{display:none}.slider-controls{bottom:25px;left:8%}footer{padding:20px 6%;font-size:10px}.home footer span:nth-child(2){display:none}.intro{padding:55px 7%}.intro h1{font-size:49px;letter-spacing:-2px}.story{grid-template-columns:1fr;padding:0 7% 45px;gap:35px}.sticky-photo img{height:380px}.story h2{font-size:28px}.image-pair{gap:10px;padding:0 10px 25px}.image-pair img{height:230px}.nature{margin:0 10px;height:290px}.nature span{font-size:28px;bottom:30px}.materials{padding:55px 7%;grid-template-columns:1fr;gap:20px}.section-heading h2{max-width:none}.certifications{padding:50px 7%}.cert-list{grid-template-columns:1fr}.certifications h2{font-size:30px}.contact-layout{grid-template-columns:1fr;padding:0 7% 50px;gap:40px}.contact-layout>img{height:360px}.contact-links{font-size:16px}.interior footer{flex-wrap:wrap}.lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.slide{transition:none}}

.cert-seal{display:block;width:auto;max-width:180px;height:110px;object-fit:contain;object-position:left center;margin:0 0 24px}.intro h1{max-width:1150px}.hero-copy h1{max-width:900px}
.legal-content{max-width:900px;padding:0 9% 75px;margin:0 auto;box-sizing:content-box}.legal-content h2{font-size:26px;margin:38px 0 15px}.legal-content p{font-size:16px;line-height:1.85;color:#4b574e}.footer-legal{display:flex;gap:14px;flex-wrap:wrap;align-items:center}footer{flex-wrap:wrap}.footer-legal a,.footer-legal button{font-size:11px}.cookie-open{border:0;background:none;padding:0;color:inherit;text-decoration:underline}.cookie-banner[hidden]{display:none}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;margin:auto;max-width:950px;padding:26px 30px;z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 45px #0003}.cookie-banner h2{font-size:23px;margin:0 0 12px}.cookie-banner p{font-size:15px;line-height:1.6;max-width:780px}.cookie-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}.cookie-actions a{font-size:13px;text-decoration:underline}.cookie-actions button{border:1px solid var(--ink);background:transparent;padding:10px 18px;font-size:13px}.cookie-actions .cookie-dismiss{background:var(--ink);color:white;margin-left:auto}@media(max-width:760px){.cookie-banner{bottom:10px;left:10px;right:10px;padding:20px;max-height:75svh;overflow:auto}.footer-legal{gap:12px}.legal-content{padding:0 7% 45px}.cookie-actions{gap:12px}.cookie-actions .cookie-dismiss{margin-left:0}}

.breadcrumbs{display:flex;position:static;margin:0;padding:25px 9% 0;gap:10px;background:none;box-shadow:none;font-size:12px;color:var(--muted);flex-wrap:wrap}.breadcrumbs a{font-size:12px;text-decoration:underline}.breadcrumbs+ .intro{padding-top:45px}.brand img{height:auto}.cert-seal{width:auto}@media(max-width:760px){.breadcrumbs{display:flex;position:static;padding:20px 7% 0;flex-direction:row;gap:8px}}

header .brand{display:block;align-self:center}header .brand img{display:block;width:100%;height:auto;aspect-ratio:572 / 165;max-height:78px;object-fit:contain;object-position:center}

/* Justified body copy in both languages. */
.story article p,.lead,.accordion details p,.cert-list p,.legal-content p,.cookie-banner p{text-align:justify;hyphens:auto;overflow-wrap:break-word}

/* Individually extended landscape photographs. */
.home{height:auto;min-height:100svh}.home-main{flex:none}.home .hero{height:auto;aspect-ratio:2/1}
.hero>.slide{inset:0;overflow:hidden}.hero .slide picture{display:block;width:100%;height:100%}
.hero .slide-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.home .hero{aspect-ratio:3/4}.hero .slide-photo{object-position:center 40%}.hero-copy h1{font-size:clamp(31px,7.8vw,45px)}}

/* Screen-sized carousel with equal side and bottom spacing. */
.home{--slider-padding:22px;height:100vh;height:100dvh;min-height:0}
.home>header,.home>footer{flex-shrink:0}
.home .home-main{flex:1;min-height:0;padding:0 var(--slider-padding) var(--slider-padding)}
.home .hero{height:100%;width:100%;aspect-ratio:auto}
@media(max-width:760px){.home{--slider-padding:10px}.home .hero{aspect-ratio:auto}}
@media(max-height:500px) and (orientation:landscape){.home{height:auto;min-height:100dvh}.home .home-main{flex:none;height:calc(100dvh - 90px);min-height:240px}}

/* Single About photograph aligned to the upper story columns. */
.about-bottom-photo{padding:0 9% 55px}
.about-bottom-photo img{display:block;width:100%;height:clamp(280px,40vw,560px);object-fit:cover;object-position:center}
@media(max-width:760px){.about-bottom-photo{padding:0 7% 25px}.about-bottom-photo img{height:280px}}

/* Sustainability image aligned with the text column boundaries. */
.nature.sustainability-photo{margin:0 9%;height:clamp(280px,40vw,560px)}
@media(max-width:760px){.nature.sustainability-photo{margin:0 7%;height:280px}}

/* About composition follows the adjacent article height. */
.story{align-items:stretch}
.story .sticky-photo{position:relative;min-width:0;min-height:0}
.story .sticky-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story article>p:first-child{margin-top:0}
@media(max-width:760px){.story .sticky-photo img{position:static;height:auto}.story .sticky-photo{position:static}}

/* Larger carousel labels and sustainable materials heading. */
.hero-copy .eyebrow{font-size:16px}.hero-link{font-size:17px}
.materials .section-heading h2{font-size:28px;line-height:1.35;letter-spacing:-.4px;margin:0;max-width:none}
@media(max-width:760px){.hero-copy .eyebrow{font-size:14px}.hero-link{font-size:16px}.materials .section-heading h2{font-size:25px}}

/* Keep the new garment photograph complete at every viewport size. */
.hero .slide-photo.complete-garment{object-fit:contain;object-position:center;background:#fff}

/* Textil Selvi: green identity, white typography and transparent white logo. */
:root{--paper:#35463D;--ink:#ffffff;--line:rgba(255,255,255,.32);--muted:#d4e4d8}
body,header{background:var(--paper);color:var(--ink)}
.brand img{mix-blend-mode:normal}
.story article p,.accordion details p,.cert-list p,.legal-content p{color:#e5eee8}
.certifications{background:#35463D}
.cert-list article{border-top-color:rgba(255,255,255,.32)}
.contact-info>p,.contact-links,.lead,.story,.materials,.intro,.breadcrumbs{color:var(--ink)}
.cookie-banner{background:#35463D;color:#fff;border-color:rgba(255,255,255,.3)}
.cookie-actions .cookie-dismiss{background:#fff;color:#35463D}
.menu-toggle span{background:#fff}
footer{color:var(--muted)}

/* Slightly larger logo requested by client. */
.brand{width:280px}
header .brand img{max-height:88px}
@media(max-width:1050px){.brand{width:210px}}
@media(max-width:760px){.brand{width:195px}header .brand img{max-height:72px}}