@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#061f42;--blue:#0877c9;--green:#009650;--pink:#e10078;--yellow:#d6d600;--orange:#ff8a00;--ink:#0b2344;--muted:#5f6f82;--paper:#f4f7fa;--line:#dce4ec;--white:#fff;--display:Manrope,Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%}a{color:inherit}.skip{position:fixed;left:16px;top:-100px;z-index:1000;background:#fff;padding:12px 18px;border-radius:4px}.skip:focus{top:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1500px;margin:auto;padding:10px clamp(22px,4vw,64px);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(6,31,66,.08)}.brand{display:block;width:220px;flex:0 0 auto}.brand img{display:block;width:100%;height:auto}nav{display:flex;align-items:center;gap:clamp(10px,1.8vw,28px)}nav a{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:color .2s}nav>a:not(.nav-cta):hover{color:var(--green)}.nav-cta{display:inline-flex;align-items:center;gap:22px;padding:13px 18px;background:var(--navy);color:#fff;border-radius:4px}.nav-cta:hover{background:var(--green)}.menu-button{display:none;border:0;background:none;color:var(--navy);padding:10px;cursor:pointer}.menu-button span{display:block;width:24px;height:2px;background:currentColor;margin:5px}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:clamp(36px,5vw,86px);max-width:1500px;min-height:690px;margin:auto;padding:70px clamp(24px,6vw,96px) 84px;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(6,31,66,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,31,66,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 70%)}.hero:after{content:"";position:absolute;z-index:-1;width:540px;height:540px;right:-130px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(0,150,80,.12),transparent 67%)}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.kicker>span{width:32px;height:3px;background:linear-gradient(90deg,var(--green),var(--blue),var(--pink))}.kicker.light{color:#fff}.kicker.light>span{background:linear-gradient(90deg,var(--yellow),var(--green),#fff)}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em}h1{max-width:730px;margin:0;font-size:clamp(47px,6vw,88px);line-height:1.02;font-weight:800}h1 em,.about h2 em{font-style:normal;color:var(--green)}.hero-intro{max-width:620px;margin:26px 0 0;color:var(--muted);font-size:clamp(18px,1.6vw,22px);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 20px;border-radius:4px;text-decoration:none;font-family:var(--display);font-weight:800;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#007e43}.button.ghost{border:1px solid var(--line);background:#fff}.button.ghost:hover{border-color:var(--navy)}.button.white{background:#fff;color:var(--navy)}.hero-proof{display:flex;gap:0;list-style:none;padding:0;margin:46px 0 0;border-top:1px solid var(--line);max-width:660px}.hero-proof li{flex:1;padding:20px 22px 0 0}.hero-proof li+li{border-left:1px solid var(--line);padding-left:22px}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-family:var(--display);font-size:18px}.hero-proof span{color:var(--muted);font-size:12px}.hero-stage{position:relative;min-width:0}.hero-image{position:relative;background:#f3f4f6;border-radius:52% 48% 12px 12px;overflow:hidden;box-shadow:0 35px 90px rgba(6,31,66,.14)}.hero-image img{display:block;width:100%;height:auto;object-fit:contain}.hero-image:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.7);border-radius:inherit}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:11px 15px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:0 14px 34px rgba(6,31,66,.12);font-weight:700;font-size:13px}.floating-note span{display:grid;place-items:center;width:28px;height:28px;background:var(--navy);color:#fff;border-radius:50%;font-size:10px}.note-one{left:-26px;top:20%}.note-two{right:-22px;bottom:16%}.brand-ribbon{position:absolute;left:-7%;right:-7%;bottom:-26px;height:8px;background:linear-gradient(90deg,var(--yellow) 0 20%,var(--green) 20% 40%,var(--blue) 40% 60%,var(--pink) 60% 80%,var(--orange) 80%);transform:rotate(-2deg)}
.ticker{overflow:hidden;background:var(--navy);color:#fff;border-block:1px solid #17385f}.ticker div{display:flex;align-items:center;justify-content:center;gap:25px;min-width:max-content;padding:17px 25px;font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:.13em}.ticker i{color:var(--pink);font-style:normal}
.garment-guide{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,120px);align-items:center;max-width:1380px;margin:auto;padding:120px clamp(22px,5vw,74px);background:#fff}.garment-heading h2{margin:0;font-size:clamp(44px,5.7vw,76px);line-height:1.02}.garment-heading>p:last-of-type{max-width:510px;color:var(--muted);font-size:18px}.garment-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.garment-tags span{padding:9px 13px;border:1px solid var(--line);background:var(--paper);font-family:var(--display);font-size:13px;font-weight:700}.garment-photo{position:relative;margin:0;overflow:hidden;background:var(--paper);box-shadow:0 28px 80px rgba(6,31,66,.12)}.garment-photo img{display:block;width:100%;height:auto;transform:scale(1.01);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.garment-photo:hover img{transform:scale(1.045)}.garment-photo figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-left:5px solid var(--green)}.garment-photo b{font-family:var(--display);font-size:18px}.garment-photo span{color:var(--muted);font-size:13px;text-align:right}
.fabric-section{max-width:1380px;margin:auto;padding:120px clamp(22px,5vw,74px)}.section-intro{max-width:760px;margin:0 0 58px}.section-intro h2,.about h2,.hilando h2,.faq h2,.advice h2,.final-cta h2,.factory h2{margin:0;font-size:clamp(40px,5vw,66px);line-height:1.06}.section-intro>p:last-child{max-width:600px;color:var(--muted);font-size:18px}.fabric-showcase{display:grid;gap:22px}.fabric-card{--accent:var(--blue);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);min-height:500px;background:var(--paper);border:1px solid var(--line);overflow:hidden}.fabric-card.reverse{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)}.fabric-card.reverse .fabric-media{order:2}.fabric-card[data-accent=pink]{--accent:var(--pink)}.fabric-card[data-accent=green]{--accent:var(--green)}.fabric-card[data-accent=orange]{--accent:var(--orange)}.fabric-media{display:grid;place-items:center;min-width:0;background:#fff;padding:24px;overflow:hidden}.fabric-media img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center}.fabric-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,70px)}.fabric-label{align-self:flex-start;padding:8px 12px;background:var(--accent);color:#fff;font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.12em}.fabric-copy h3{margin:24px 0 12px;font-size:clamp(30px,3.3vw,48px);line-height:1.1}.fabric-copy p{margin:0;color:var(--muted);font-size:18px}.fabric-copy ul{list-style:none;padding:0;margin:24px 0;font-size:14px}.fabric-copy li{padding:10px 0;border-top:1px solid var(--line)}.fabric-copy a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:2px solid var(--accent);color:var(--accent);text-decoration:none;font-family:var(--display);font-weight:800}.availability{text-align:center;color:var(--muted);font-size:14px;margin:24px 0 0}
.factory{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(42px,7vw,110px);align-items:center;background:var(--navy);color:#fff;padding:110px max(6vw,calc((100vw - 1320px)/2))}.factory-copy>p:not(.kicker){color:#c9d4e1;font-size:18px}.process{margin-top:38px}.process>div{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,.18)}.process b{color:#46d18a}.process strong,.process span{display:block}.process strong{font-family:var(--display);font-size:17px}.process span{color:#c9d4e1;font-size:14px}.factory-visual{background:#fff;padding:18px}.factory-visual>img{display:block;width:100%;height:auto;object-fit:contain}.factory-caption{display:flex;justify-content:space-between;gap:20px;padding:20px 6px 5px;color:var(--navy)}.factory-caption span{color:var(--muted);font-size:13px;text-align:right}
.about{max-width:1380px;margin:auto;padding:130px clamp(22px,5vw,74px)}.about-lead,.about-body{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-lead .kicker{grid-column:1/-1}.about-lead h2{grid-column:1/2}.about-body{margin-top:-110px}.about-body>*{grid-column:2}.about-body .large{font-family:var(--display);font-size:22px;font-weight:700;line-height:1.5}.about-body p:last-child{color:var(--muted);font-size:17px}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:100px}.purpose-card{min-height:300px;padding:42px;background:var(--paper);border-top:5px solid var(--green)}.purpose-card:nth-child(2){border-color:var(--blue)}.purpose-card>span{font-family:var(--display);font-size:12px;font-weight:800;letter-spacing:.16em}.purpose-card h3{font-size:32px;margin:40px 0 15px}.purpose-card p{color:var(--muted);margin:0}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--line)}.values article{padding:34px}.values article+article{border-left:1px solid var(--line)}.values span{color:var(--green);font-family:var(--display);font-size:12px;font-weight:800}.values h3{font-size:26px;margin:35px 0 8px}.values p{color:var(--muted);margin:0}
.hilando{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;padding:110px max(6vw,calc((100vw - 1320px)/2));background:#eef4f1}.hilando-media{background:#fff;box-shadow:0 25px 70px rgba(6,31,66,.08)}.hilando-media img{display:block;width:100%;height:auto;object-fit:contain}.hilando-copy>p:not(.kicker){color:var(--muted);font-size:18px}.hilando blockquote{margin:28px 0;padding:16px 0 16px 22px;border-left:4px solid var(--green);font-family:var(--display);font-size:18px;font-weight:700}
.advice{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;padding:90px max(6vw,calc((100vw - 1320px)/2));background:linear-gradient(120deg,var(--green),#007b42);color:#fff}.advice-copy p:last-child{max-width:650px;color:#e1f5eb;font-size:18px}.advice-button{position:relative;display:block;padding:30px 74px 30px 30px;background:#fff;color:var(--navy);text-decoration:none;transition:transform .2s}.advice-button:hover{transform:translateY(-5px)}.advice-button span,.advice-button b{display:block}.advice-button span{font-size:14px;color:var(--muted)}.advice-button b{font-family:var(--display);font-size:24px;line-height:1.35;margin-top:8px}.advice-button i{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:32px;font-style:normal;color:var(--green)}
.faq{max-width:1200px;margin:auto;padding:120px clamp(22px,5vw,74px)}.faq .section-intro{text-align:center;margin:0 auto 50px}.faq .kicker{justify-content:center}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{display:flex;justify-content:space-between;gap:20px;padding:24px 6px;cursor:pointer;font-family:var(--display);font-size:18px;font-weight:700;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--green);font-size:26px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions p{max-width:760px;margin:0 0 26px 6px;color:var(--muted)}.final-cta{position:relative;isolation:isolate;overflow:hidden;padding:110px 24px;text-align:center;background:var(--navy);color:#fff}.final-cta p{font-family:var(--display);font-size:15px;letter-spacing:.14em;text-transform:uppercase}.final-cta h2{margin-bottom:35px}.final-thread{position:absolute;z-index:-1;inset:-60%;border:140px solid rgba(255,255,255,.03);border-radius:50%;transform:rotate(-12deg)}
footer{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:50px;align-items:start;max-width:1380px;margin:auto;padding:60px clamp(22px,5vw,74px) 30px;color:var(--muted);font-size:14px}.footer-brand{display:block;width:220px}.footer-brand img{display:block;width:100%}footer div{display:flex;flex-direction:column;gap:8px}footer strong{color:var(--navy);font-family:var(--display);margin-bottom:4px}footer a{text-decoration:none}footer>p{grid-column:1/-1;margin:25px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.site-header{padding-inline:22px}.brand{width:190px}.menu-button{display:block;margin-left:auto}.site-header nav{position:absolute;left:18px;right:18px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:4px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 60px rgba(6,31,66,.17)}.site-header nav.open{display:flex}.site-header nav a{display:flex;justify-content:space-between;padding:12px 10px;white-space:normal}.nav-cta{margin-top:6px;color:#fff}.hero{grid-template-columns:1fr 1fr;padding-inline:32px}.note-one{left:-10px}.note-two{right:-10px}.garment-guide{grid-template-columns:1fr 1.25fr;gap:40px;padding-inline:32px}.factory{padding-inline:32px}.about-body{margin-top:-80px}.hilando,.advice{padding-inline:32px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{padding:6px 18px}.brand{width:164px}.hero{grid-template-columns:1fr;min-height:0;padding:52px 22px 68px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}h1{font-size:clamp(43px,13vw,62px)}.hero-intro{font-size:17px}.hero-actions{width:100%;flex-direction:column}.hero-actions .button{width:100%}.hero-proof{width:100%;margin-top:34px}.hero-proof li{padding:16px 8px 0}.hero-proof li+li{padding-left:8px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:11px}.hero-stage{max-width:520px;margin:auto}.floating-note{font-size:11px;padding:8px}.floating-note span{width:22px;height:22px}.note-one{left:-4px}.note-two{right:-4px}.brand-ribbon{left:2%;right:2%}.ticker div{justify-content:flex-start}.garment-guide{grid-template-columns:1fr;padding:82px 18px;text-align:center}.garment-heading .kicker{justify-content:center}.garment-tags{justify-content:center}.garment-photo figcaption{position:static;flex-direction:column;gap:3px}.garment-photo span{text-align:center}.fabric-section{padding:82px 18px}.section-intro{text-align:center}.section-intro .kicker{justify-content:center}.section-intro h2,.about h2,.hilando h2,.faq h2,.advice h2,.final-cta h2,.factory h2{font-size:clamp(36px,11vw,50px)}.fabric-card,.fabric-card.reverse{grid-template-columns:1fr}.fabric-card.reverse .fabric-media{order:0}.fabric-media{min-height:0;padding:12px}.fabric-media img{height:auto;max-height:none}.fabric-copy{padding:32px 24px}.fabric-copy p{font-size:16px}.fabric-copy a{margin-top:10px}.factory{grid-template-columns:1fr;padding:82px 22px}.factory-copy{text-align:center}.factory-copy .kicker{justify-content:center}.process{text-align:left}.factory-caption{flex-direction:column;text-align:center}.factory-caption span{text-align:center}.about{padding:90px 22px}.about-lead,.about-body{display:block}.about-lead{text-align:center}.about-lead .kicker{justify-content:center}.about-body{margin-top:32px;text-align:center}.purpose-grid{grid-template-columns:1fr;margin-top:60px}.purpose-card{min-height:0;padding:32px 26px}.values{grid-template-columns:1fr}.values article{text-align:center}.values article+article{border-left:0;border-top:1px solid var(--line)}.hilando{grid-template-columns:1fr;padding:82px 22px}.hilando-copy{text-align:center}.hilando-copy .kicker{justify-content:center}.hilando blockquote{text-align:left}.advice{grid-template-columns:1fr;padding:72px 22px;text-align:center}.advice .kicker{justify-content:center}.faq{padding:82px 22px}.questions summary{font-size:16px}.final-cta{padding:82px 20px}footer{grid-template-columns:1fr;text-align:center;justify-items:center;gap:28px}.footer-brand{width:190px}footer div{align-items:center}footer>p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.advice-button{transition:none}}