:root{--ink:#121210;--paper:#f4f1e9;--olive:#464a35;--stone:#c8c0b4;--navy:#172235;--line:rgba(18,18,16,.16);--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "DM Sans",sans-serif}img{display:block;max-width:100%}a{color:inherit}
.header{position:sticky;top:0;z-index:20;height:82px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;background:rgba(244,241,233,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;flex-direction:column;text-decoration:none;line-height:1}.brand b{font:700 21px "Manrope";letter-spacing:-1.5px}.brand span{font:600 9px/1.5 "Manrope";letter-spacing:2px}.header nav{display:flex;gap:27px}.header nav a{font:600 11px "Manrope";letter-spacing:1.2px;text-transform:uppercase;text-decoration:none}.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:9px 14px;text-transform:uppercase;font:600 11px "Manrope"}
.hero{height:min(820px,82vh);min-height:650px;position:relative;overflow:hidden;background:#171713;color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,8,.88) 0%,rgba(9,9,8,.52) 42%,transparent 70%)}.hero-copy{position:absolute;left:max(28px,6vw);top:50%;transform:translateY(-50%);max-width:670px}.kicker{font:600 12px/1.4 "Manrope";letter-spacing:2.5px}.hero h1{font:500 clamp(56px,8vw,118px)/.93 "Manrope";letter-spacing:.055em;margin:20px 0 28px}.hero-copy>p:not(.kicker){font-size:19px;color:#e4dfd5;max-width:480px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border:0;text-decoration:none;text-transform:uppercase;font:600 12px "Manrope";letter-spacing:1.2px;cursor:pointer}.light{background:white;color:#111}.dark{background:#111;color:white}
.intro{max-width:920px;margin:auto;padding:120px 28px 80px;text-align:center}.intro h2,.section-copy h2,.original h2,.story h2,.contact h2{font:500 clamp(36px,4.8vw,72px)/1.06 "Manrope";letter-spacing:-.035em;margin:14px 0 22px}.intro>p:last-of-type{color:#555149}.palette{display:flex;justify-content:center;gap:28px;margin-top:42px;flex-wrap:wrap}.palette div{display:grid;justify-items:center;gap:7px;text-transform:uppercase;font:600 10px "Manrope";letter-spacing:1px}.palette i{width:32px;height:32px;border:1px solid #0003;border-radius:50%}.black{background:#131312}.ivory{background:#eeeae0}.olive{background:#454934}.stone{background:#c8c0b4}.navy{background:#172235}
.word-grid{max-width:var(--max);margin:auto;padding:0 28px 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.word-card{background:var(--paper);padding:48px;min-height:290px}.word-card>span{font:600 11px "Manrope";letter-spacing:1px}.word-card h3{font:500 clamp(30px,3vw,48px) "Manrope";letter-spacing:.15em;margin:30px 0 8px}.word-card p{color:#5d5951}.mini-palette{height:7px;margin-top:34px;background:linear-gradient(90deg,#131312 0 20%,#eeeae0 20% 40%,#454934 40% 60%,#c8c0b4 60% 80%,#172235 80%)}
.section-copy{max-width:900px;padding:0 0 56px}.image-story{padding:110px max(28px,5vw);background:white}.image-story>img{width:100%;max-width:var(--max);margin:auto;box-shadow:0 25px 70px #0002}.sets{padding:110px max(28px,5vw);background:#e4dfd5}.sets figure{max-width:var(--max);margin:0 auto 50px}.sets figure img{width:100%}.sets figcaption{padding:18px 0;font:600 12px "Manrope";letter-spacing:2px}
.products{padding:110px max(28px,5vw);background:#f7f5ef}.product-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-grid article{background:white;padding-bottom:30px}.product-grid h3,.product-grid p,.product-grid article>span{margin-left:26px;margin-right:26px}.product-grid article>span{display:block;margin-top:24px;font:600 11px "Manrope";letter-spacing:1px}.product-grid h3{font:500 30px "Manrope";margin-top:8px;margin-bottom:3px}.product-grid p{color:#68645d;margin-top:0}.crop{aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat}.crop-shirts{background-image:url('assets/category-tshirts.png')}.crop-tops{background-image:url('assets/category-tops.png')}.crop-leggings{background-image:url('assets/category-leggings.png')}.crop-bottles{background-image:url('assets/category-bottles.png')}.crop-towels{background-image:url('assets/category-towels.png')}.crop-bags{background-image:url('assets/category-bags.png')}
.original{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:120px max(28px,8vw);background:#11110f;color:white}.original p{max-width:650px;color:#cbc6bb}.story{display:grid;grid-template-columns:1.12fr .88fr;min-height:720px;background:#ded8ce}.story-photo{overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.story-copy{padding:90px max(28px,7vw);display:flex;flex-direction:column;justify-content:center}.story-copy p:not(.kicker){color:#524f49}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;padding:110px max(28px,8vw);background:var(--stone)}.contact-links{display:grid;gap:8px}.contact-links a{width:max-content}.contact form{display:grid;gap:18px}.contact label{display:grid;gap:7px;text-transform:uppercase;font:600 11px "Manrope";letter-spacing:1px}.contact input,.contact textarea{border:0;border-bottom:1px solid #716c64;background:transparent;padding:13px 2px;font:16px "DM Sans";border-radius:0}.contact textarea{border:1px solid #716c64;padding:13px}.form-status{min-height:24px}.legal{max-width:1000px;margin:auto;padding:50px 28px}.legal details{padding:21px 0;border-top:1px solid var(--line)}.legal summary{cursor:pointer;text-transform:uppercase;font:600 12px "Manrope";letter-spacing:1.2px}
footer{background:#11110f;color:white;padding:52px max(28px,5vw);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.footer-brand{display:flex}.footer-brand+p{color:#bbb}footer>p:last-child{text-align:right;color:#999;font-size:13px}
@media(max-width:900px){.header{height:72px}.menu-button{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:26px;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.hero{height:760px}.hero-shade{background:linear-gradient(90deg,rgba(9,9,8,.82),rgba(9,9,8,.32))}.word-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.original,.story,.contact{grid-template-columns:1fr}.story-photo{height:600px}.contact{gap:45px}}
@media(max-width:620px){.hero{min-height:700px}.hero>img{object-position:58% center}.hero h1{font-size:50px}.word-grid,.product-grid{grid-template-columns:1fr}.word-card{min-height:230px;padding:36px}.intro,.image-story,.sets,.products{padding-top:80px;padding-bottom:80px}.original,.contact{padding-top:80px;padding-bottom:80px}.story-photo{height:480px}footer{grid-template-columns:1fr}footer>p:last-child{text-align:left}}

/* Approved flowing W = W identity, ivory on black. */
.brand .logo-window{display:block;position:relative;width:200px;height:78px;overflow:hidden;background:#000;flex:none}
.brand .logo-window img{position:absolute;width:200px;max-width:none;height:200px;top:-60px;left:0}
.footer-brand .logo-window{width:260px;height:100px}
.footer-brand .logo-window img{width:260px;height:260px;top:-77px}
@media(max-width:900px){.header .logo-window{width:180px;height:68px}.header .logo-window img{width:180px;height:180px;top:-55px}}