@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f3f1e9;--ink:#20211d;--line:#d7d5cd;--accent:#dafa45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6d8520;outline-offset:4px}.announcement{background:var(--ink);color:var(--paper);text-align:center;font-size:10px;letter-spacing:1.6px;padding:10px 5%;position:relative}.announcement span{position:absolute;right:4%}.header{height:107px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line)}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:30px;line-height:.8;letter-spacing:-.9px;position:relative}.wordmark>span{font-family:Arial;font-size:12px;position:absolute;top:0;right:-13px}.header nav{display:flex;gap:36px;font-size:11px;font-weight:700;letter-spacing:1px}.header nav span{margin-left:15px}.bag-link{display:flex;gap:12px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1px}.bag-link span{background:var(--ink);color:var(--paper);padding:5px 9px;border-radius:50%}.hero{padding:47px 4% 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink);display:inline-block}.hero-heading{display:flex;justify-content:space-between;align-items:end;margin:17px 0 28px;gap:20px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(66px,10.4vw,170px);font-weight:800;letter-spacing:-.035em;line-height:.82;margin:0}.hero-intro{max-width:230px;line-height:1.7;font-size:12px;padding-bottom:2px}.hero-intro p{margin:0 0 16px}.text-link{font-size:10px;font-weight:700;letter-spacing:1.2px;border-bottom:1px solid;padding-bottom:5px}.hero-art{height:420px;position:relative;overflow:hidden;background:#777b72;background-image:repeating-linear-gradient(0deg,transparent 0 88px,#25292118 89px 90px),linear-gradient(110deg,#5a5f53,#a6a596 52%,#656b60);display:flex;align-items:center;justify-content:center}.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(95deg,transparent 0 2px,#fff02a03 3px 4px);box-shadow:inset 0 0 160px #1117}.hero-art .hero-shirt{height:560px;width:620px;transform:rotate(-9deg);filter:drop-shadow(20px 20px 24px #15161177);position:relative;top:70px}.hero-stamp{position:absolute;right:7%;top:65px;border:2px solid #e6e7d8;color:#e6e7d8;border-radius:50%;width:118px;height:118px;display:grid;place-content:center;text-align:center;transform:rotate(13deg);font-weight:700;font-size:12px;letter-spacing:2px}.hero-stamp strong{font-size:34px;line-height:1.2}.hero-art-label{position:absolute;left:28px;bottom:25px;z-index:1;color:#fff;font-size:10px;letter-spacing:1.5px}.hero-art-label strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin-top:7px;letter-spacing:0}.hero-art-link{position:absolute;right:25px;bottom:25px;z-index:1;border:1px solid #f3f1e970;color:white;padding:13px 19px;font-size:10px;letter-spacing:1px}.ticker{display:flex;justify-content:space-around;gap:22px;overflow:hidden;white-space:nowrap;padding:20px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.7px;font-weight:700}.ticker b{font-size:14px}.collection{padding:65px 4% 70px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.section-heading h2,.page-title{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:52px;letter-spacing:-1px;line-height:1;margin:10px 0 0}.section-heading p{font-size:11px;color:#65665e}.filters{display:flex;gap:8px;border-top:1px solid var(--line);padding:19px 0 25px}.filter{background:transparent;border:1px solid var(--line);padding:9px 15px;font-size:10px;font-weight:600;letter-spacing:.5px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:33px 20px}.product-image{background:#e6e5dd;aspect-ratio:1/.99;position:relative;overflow:hidden;display:grid;place-items:center}.product-image svg{width:90%;height:90%;transition:transform .4s;filter:drop-shadow(3px 10px 6px #20211d18)}.product-card:hover svg{transform:scale(1.045) rotate(-2deg)}.product-image .index{position:absolute;top:16px;left:16px;font-size:9px;letter-spacing:1px;z-index:1}.product-image .tag{position:absolute;top:14px;right:14px;background:var(--paper);padding:6px 9px;font-size:8px;letter-spacing:1px}.product-card:nth-child(3n+2) .product-image{background:#dedfd7}.product-card:nth-child(3n) .product-image{background:#e9e4da}.product-info{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;font-weight:700}.product-sub{font-size:10px;color:#76766c;margin-top:7px}.collection-note{margin-top:28px;font-size:11px;color:#6e6f65}.manifesto{margin:0 4% 65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:40px 0;gap:30px}.manifesto h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:.95;margin:0;max-width:500px}.manifesto p{max-width:320px;font-size:12px;line-height:1.8}footer{background:var(--ink);color:var(--paper);padding:42px 4% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:42px}.footer-logo{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:40px;letter-spacing:-1px}.footer-logo span{font-family:Arial;font-size:12px;vertical-align:top}.footer-top p{font-size:11px;color:#bfc0b5}.footer-top>a:last-child{font-size:10px;letter-spacing:1px}.footer-bottom{border-top:1px solid #ffffff26;padding-top:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#bfc0b5}.footer-bottom>div{display:flex;gap:25px}.page{padding:35px 4% 80px;min-height:60vh}.breadcrumb{font-size:10px;color:#74756b;margin-bottom:30px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:6%}.main-product{aspect-ratio:1;background:#e5e4db;display:grid;place-items:center}.main-product svg{width:90%;height:90%;filter:drop-shadow(4px 12px 8px #0002)}.thumbs{display:flex;gap:12px;margin-top:12px}.thumb{border:1px solid var(--line);background:#e5e4db;width:85px;height:95px;font-size:9px;padding:4px}.thumb.active{border:2px solid var(--ink)}.thumb svg{height:65px;width:100%}.detail-copy{padding-top:25px}.detail-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:1;margin:15px 0}.price{font-size:20px}.description{line-height:1.8;font-size:13px;color:#68695f;margin:28px 0}.field-heading{display:flex;justify-content:space-between;margin:26px 0 12px;font-size:10px;font-weight:700;letter-spacing:1px}.sizes{display:flex;gap:8px}.size{border:1px solid var(--line);background:transparent;width:48px;height:44px}.size.selected{background:var(--ink);color:var(--paper)}.quantity{display:flex;align-items:center;width:125px;border:1px solid var(--line)}.quantity button{border:0;background:transparent;width:38px;height:40px}.quantity input{width:45px;border:0;background:transparent;text-align:center;appearance:textfield;-moz-appearance:textfield}.quantity input::-webkit-inner-spin-button{appearance:none}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);display:block;text-align:center;padding:17px 22px;font-weight:600;font-size:11px;letter-spacing:1.1px}.add-button{width:100%;margin-top:24px}.secondary{display:inline-block;border:1px solid var(--line);background:transparent;padding:12px 18px;font-size:11px}.quiet{font-size:11px;color:#717268;line-height:1.7}.details{border-top:1px solid var(--line);padding:18px 0;font-size:12px;line-height:1.8}.details summary{cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:5%;margin-top:36px}.cart-row{display:grid;grid-template-columns:110px 1fr auto;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.cart-row:first-child{padding-top:0}.cart-art{background:#e5e4db;height:125px}.cart-art svg{width:100%;height:100%}.cart-row h2{font-size:14px;margin:5px 0 8px}.cart-row .quantity{margin-top:12px}.remove{border:0;background:transparent;text-decoration:underline;font-size:10px;color:#717268;padding:10px 0}.summary-box{background:#e8e7de;padding:26px;height:fit-content}.summary-box h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;margin:0 0 22px}.summary-line{display:flex;justify-content:space-between;gap:12px;margin:17px 0;font-size:12px}.summary-line.total{border-top:1px solid #c7c8bc;padding-top:20px;font-weight:700;font-size:16px}.summary-box .primary{margin-top:25px}.empty{padding:65px 0;text-align:center}.empty h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px}.empty .primary{display:inline-block;margin-top:18px}.form-section{border:0;padding:0;margin:0 0 30px}.form-section legend{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{border:1px solid #c8c9bf;background:transparent;width:100%;padding:13px;border-radius:0}.notice{border-left:3px solid #9fa94c;background:#e6e9d8;padding:17px;font-size:12px;line-height:1.7}.prose{max-width:690px;line-height:1.9;padding-bottom:50px}.prose h2{margin-top:30px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:16px 24px;box-shadow:0 4px 25px #0002;z-index:10;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-art{height:510px}.hero-art .hero-shirt{height:680px;width:750px}}@media(max-width:800px){.header{height:90px}.hero{padding-top:33px}.hero-heading{align-items:start;flex-direction:column}.hero h1{font-size:14vw}.hero-intro{max-width:100%;display:flex;gap:30px;align-items:center;width:100%;justify-content:space-between}.hero-intro p{margin:0;max-width:240px}.hero-art{height:330px}.hero-art .hero-shirt{height:440px;width:490px;top:55px}.hero-stamp{right:5%;width:90px;height:90px;font-size:9px;top:35px}.hero-stamp strong{font-size:28px}.collection{padding-top:40px}.product-grid{grid-template-columns:repeat(2,1fr)}.manifesto h2{font-size:40px}.footer-top{flex-wrap:wrap}.footer-bottom>span:last-child{display:none}.detail-grid{gap:25px}.detail-copy{padding-top:0}.detail-copy h1{font-size:42px}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-box{margin-top:20px}.announcement span{display:none}}@media(max-width:520px){.header nav{gap:15px;font-size:9px}.header nav span{display:none}.wordmark{font-size:25px}.hero-art{height:280px}.hero-art .hero-shirt{height:360px;top:35px}.hero-art-label{left:15px;bottom:20px}.hero-art-label strong{font-size:27px}.hero-art-link{right:13px;padding:11px;font-size:8px}.hero-stamp{width:75px;height:75px;font-size:8px;right:20px;top:25px}.hero-stamp strong{font-size:23px}.hero-intro{font-size:11px}.hero-intro .text-link{font-size:8px;white-space:nowrap}.ticker{justify-content:start;padding:16px 4%;font-size:9px}.section-heading h2,.page-title{font-size:40px}.section-heading p{font-size:9px}.product-grid{gap:26px 12px}.product-image .tag{top:10px;right:8px;font-size:6px;padding:4px}.product-image .index{left:9px;top:11px;font-size:7px}.product-info{font-size:10px}.product-sub{font-size:9px}.filters{overflow:auto}.filter{white-space:nowrap}.manifesto{display:block}.manifesto p{margin-top:22px}.footer-top{display:block}.footer-top p{margin:20px 0}.footer-bottom{font-size:7px}.footer-bottom>div{gap:12px}.detail-grid{grid-template-columns:1fr}.detail-copy{padding-top:20px}.cart-row{grid-template-columns:80px 1fr auto;gap:12px}.cart-art{height:100px}.cart-row h2{font-size:12px}.form-grid{gap:14px}.summary-box{padding:22px}.announcement{font-size:8px}.hero-heading{gap:18px}}
/* Product photography: preserve the complete outfit in every cover. */
.product-image{aspect-ratio:3/4;background:#eeedeb!important}
.garment-photo{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.product-image .garment-photo{position:absolute;inset:0}
.product-card:hover .garment-photo{transform:scale(1.025)}
.product-image .index,.product-image .tag{background:var(--paper);padding:5px 7px}
.main-product{aspect-ratio:3/4;overflow:hidden;background:#eeedeb;position:relative}
.main-product .garment-photo{position:absolute;inset:0}
.main-product .detail-zoom{transform:scale(2);transform-origin:50% 33%}
.thumb{height:100px;width:85px;overflow:hidden;font-size:8px}
.thumb .garment-photo{height:72px;margin-bottom:4px}
.cart-art{overflow:hidden;background:#eeedeb}
.sample-label{display:block;font-size:7px;font-weight:400;letter-spacing:.5px;color:#77786f;text-align:right;margin-top:5px}
.hero{padding-bottom:14px}.collection{padding-top:34px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Minimal collection layout, based on the supplied reference. */
:root{--paper:#f7fdfc;--ink:#20211f;--line:#e0e6e3}
body{font-family:Georgia,'Times New Roman',serif}
.header{height:155px;max-width:1050px;margin:auto;padding:35px 50px;border:0;position:relative}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:700;letter-spacing:28px;line-height:1;white-space:nowrap}
.site-menu{position:relative;z-index:5}
.site-menu summary{width:48px;height:42px;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer;list-style:none;padding:5px 0}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu summary span{height:1px;width:100%;background:#858b87;display:block}
.header .site-menu nav{position:absolute;top:55px;right:0;min-width:180px;display:flex;flex-direction:column;gap:0;background:var(--paper);border:1px solid var(--line);padding:10px;box-shadow:0 10px 25px #00000008;font-family:Georgia,serif;font-weight:400;font-size:13px;letter-spacing:0}
.site-menu:not([open]) nav{display:none}
.header .site-menu nav a{padding:12px}
.header .site-menu nav a:hover{background:#edf3f0}
.minimal-hero{max-width:500px;padding:16px 24px 0;margin:0 auto;text-align:center}
.minimal-hero p{font-size:16px;line-height:1.6;margin:0;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collection{max-width:590px;padding:0 24px;margin:85px auto 0;scroll-margin-top:30px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:130px;row-gap:105px}
.product-card{display:block;min-width:0}
.product-image{aspect-ratio:2/2.7;background:transparent!important}
.product-image .garment-photo{object-fit:contain}
.product-info{display:block;text-align:center;font-size:11px;letter-spacing:1.1px;font-weight:700;margin:9px 0 0}
.product-card:hover .garment-photo{transform:scale(1.02)}
footer{background:transparent;color:var(--ink);text-align:center;padding:210px 24px 90px}
.footer-logo{font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:4px}
.page{max-width:1150px;margin:auto;padding-top:30px}
.page-title,.detail-copy h1,.summary-box h2,.form-section legend,.empty h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.page-title{font-size:32px}.detail-copy h1{font-size:32px;line-height:1.2}
.summary-box{background:#edf3f0}
@media(max-width:650px){.header{height:135px;padding:28px 10%}.wordmark{font-size:21px;letter-spacing:20px}.site-menu summary{width:36px;height:36px}.minimal-hero{max-width:420px;padding:10px 26px 0}.minimal-hero p{font-size:14px;line-height:1.65}.collection{max-width:480px;margin-top:65px;padding:0 35px}.product-grid{column-gap:65px;row-gap:80px}.product-info{font-size:10px}footer{padding-top:160px;padding-bottom:65px}}
@media(max-width:380px){.collection{padding:0 24px}.product-grid{column-gap:35px}.minimal-hero p{font-size:13px}}
/* Original supplied brand mark, displayed at its natural proportions. */
.wordmark{display:flex;align-items:center;gap:65px}
.brand-logo{display:block;width:48px;height:auto;object-fit:contain}
.footer-logo{display:inline-block}
@media(max-width:650px){.wordmark{gap:30px}.brand-logo{width:40px}.wordmark span{font-size:18px;letter-spacing:14px}}
@media(max-width:380px){.wordmark{gap:22px}.wordmark span{letter-spacing:10px}}
/* Keep the acronym beside the logo at every screen size. */
.header .wordmark{position:static;gap:24px}
.header .wordmark > span{position:static;transform:none;font-size:28px;letter-spacing:0;word-spacing:10px;white-space:nowrap}
@media(max-width:650px){.header .wordmark{gap:18px}.header .wordmark > span{font-size:24px;word-spacing:7px}}
@media(max-width:380px){.header .wordmark{gap:14px}.header .wordmark > span{font-size:22px;word-spacing:5px}}
.contact-section{max-width:590px;margin:150px auto 0;padding:0 24px}
.contact-intro{text-align:center;margin-bottom:38px}
.contact-intro h2{font-size:22px;letter-spacing:2px;font-weight:400;margin:0 0 22px}
.contact-intro p{font-size:14px;line-height:1.75;margin:0 auto 18px;max-width:450px}
.contact-email{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.contact-intro .contact-motto{font-size:12px;margin-top:24px}
.contact-section .form-grid{gap:22px}
.contact-section input,.contact-section textarea{font:inherit;border:1px solid var(--line);background:transparent;border-radius:0;padding:12px;width:100%;color:var(--ink)}
.contact-section textarea{resize:vertical;min-height:130px}
.contact-section textarea:focus-visible{outline:3px solid #6d8520;outline-offset:4px}
.contact-section .primary{margin-top:24px;width:100%}
.contact-section form>.quiet{text-align:center;font-size:11px}
@media(max-width:650px){.contact-section{margin-top:100px;padding:0 35px}.contact-intro h2{font-size:18px;letter-spacing:1.5px}.contact-section .form-grid{grid-template-columns:1fr}.contact-section input,.contact-section textarea{font-size:16px}}
.thumbs{flex-wrap:wrap}
.thumb{flex-shrink:0}
/* Homepage photo fades into a white base behind the brand introduction. */
.minimal-hero{position:relative;isolation:isolate;max-width:none;width:100%;min-height:420px;margin:0;padding:90px 24px;display:grid;place-items:center;background:#fff;overflow:hidden}
.minimal-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/hero-background.jpg') center center/cover no-repeat;opacity:.32}
.minimal-hero p{max-width:520px;margin:0 auto;color:#000;font-weight:400;font-size:18px;line-height:1.75;text-shadow:0 1px 2px #fff,0 0 6px #fff,0 0 12px #ffffffcc}
@media(max-width:650px){.minimal-hero{min-height:350px;padding:65px 28px}.minimal-hero p{max-width:370px;font-size:16px;line-height:1.75}}
/* Slow, luminous waves frame the contact form. */
.contact-section{position:relative;isolation:isolate;max-width:none;margin:140px 0 0;padding:100px 7% 85px;background:linear-gradient(135deg,#171717,#484848);color:#fff;overflow:hidden}
#contact-shader{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}
.contact-section::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00000099,#00000055);z-index:-1;pointer-events:none}
.contact-content{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.contact-intro{text-align:left;margin:0}.contact-intro h2{font-size:30px;line-height:1.3;letter-spacing:2px}.contact-intro p{margin:0 0 22px;color:#eeeeee}.contact-intro .contact-motto{margin-top:28px;color:#cccccc}.contact-email{color:#fff}
.contact-section form{background:#111111ed;padding:30px;border:1px solid #ffffff24}
.contact-section input,.contact-section textarea{color:#fff;border-color:#ffffff45;background:#ffffff06}
.contact-section .primary{background:#f7f7f7;color:#181818;border-color:#f7f7f7}.contact-section form>.quiet{color:#c7c7c7}
.shader-toggle{display:block;margin:35px auto 0;padding:10px 14px;font:10px Arial,sans-serif;letter-spacing:1px;border:1px solid #ffffff50;background:#11111199;color:#eee;min-height:38px}
.shader-toggle[hidden]{display:none}.shader-toggle:disabled{opacity:.75}
@media(max-width:750px){.contact-section{padding:65px 24px 40px;margin-top:100px}.contact-content{grid-template-columns:1fr;gap:35px;max-width:490px}.contact-intro{text-align:center}.contact-intro h2{font-size:24px}.contact-intro p{margin-left:auto;margin-right:auto}.contact-section form{padding:24px}}

