:root{--paper:#f1f0e9;--ink:#171916;--muted:#757770;--line:#d5d6cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #698158;outline-offset:5px}.announcement{height:29px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px}header{height:85px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial Black,Arial,sans-serif;font-weight:1000;font-size:48px;letter-spacing:-5px;line-height:1}.wordmark sup{font-family:Arial;font-size:13px;letter-spacing:0;vertical-align:top;position:relative;top:8px;margin-left:6px}nav{display:flex;gap:35px;font-size:12px;font-weight:bold}.bag{background:none;border:0;font-size:12px}.bag span{background:var(--ink);color:var(--paper);border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;margin-left:10px}.hero{position:relative;min-height:640px;height:calc(100svh - 114px);max-height:950px;background:#43453e;color:var(--paper);overflow:hidden}.hero>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 35%)}.hero-top,.hero-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.hero-top{top:30px}.hero-bottom{bottom:25px}.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-45%)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:bold}h1{font-size:clamp(72px,8.5vw,142px);line-height:.9;letter-spacing:-7px;margin:28px 0 24px;font-weight:900}p{line-height:1.6}.hero-copy p{font-size:14px;margin:0 0 32px}.button{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.8px;border:0;max-width:330px}.button span{font-size:20px}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.ticker{overflow:hidden;background:#b7c29f;padding:16px 0;font-size:14px;font-weight:900;letter-spacing:1px}.ticker>div{white-space:nowrap;width:max-content;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:95px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}h2{font-size:clamp(34px,4vw,62px);letter-spacing:-2.8px;line-height:1;margin:18px 0 0;font-weight:900}.section-head p{font-size:12px;color:#60635d;margin:0;max-width:260px}.filters{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:25px}.filters button{border:0;background:none;font-size:11px;padding:6px 0;color:var(--muted)}.filters .active{color:var(--ink);font-weight:bold}.filters button span{font-size:8px;vertical-align:super;margin-left:3px}.concept-note{margin-left:auto;font-size:8px;letter-spacing:.6px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product{border:0;background:none;text-align:left;padding:0;min-width:0}.product-photo{background-image:url('assets/products.webp');background-size:200% 100%;background-repeat:no-repeat;position:relative;aspect-ratio:1/1;background-color:#e4e3dd;overflow:hidden;transition:filter .3s}.product:hover .product-photo{filter:brightness(.97)}.tee{background-position:left center}.hoodie{background-position:right center}.tag{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1px}.quick{position:absolute;bottom:20px;right:20px;font-size:10px;border-bottom:1px solid;padding-bottom:5px}.product-info{display:flex;justify-content:space-between;align-items:center;padding:18px 0}h3{font-size:12px;letter-spacing:.3px;margin:0}.product-info p{font-size:10px;color:var(--muted);margin:7px 0 0}.swatch{height:13px;width:13px;border:1px solid #aaa;border-radius:50%}.cream{background:#eeebe0}.black{background:#30302f}.small-note{font-size:10px;color:var(--muted);margin:20px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;background:#171b16;color:var(--paper);min-height:540px}.story-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial Black,Arial,sans-serif;font-weight:1000;font-size:clamp(85px,13vw,210px);letter-spacing:-13px;position:relative;background:radial-gradient(ellipse at center,#39402f 0%,#171b16 70%);border-right:1px solid #353930}.story-mark sup{position:absolute;font:24px Arial;top:32%;right:12%;letter-spacing:0}.story-mark span{font:9px Arial;letter-spacing:3px;margin-top:25px}.story-copy{padding:80px 14% 80px 12%}.story-copy h2{margin:25px 0 30px}.story-copy p{font-size:13px;color:#b8bbb0}.story-copy a{display:inline-block;font-size:10px;margin-top:18px;padding-bottom:10px;border-bottom:1px solid #727769}.info{display:grid;grid-template-columns:1fr 1fr;gap:50px}.faqs details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;padding:24px 0;font-size:13px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:20px}details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:12px;color:#60635d;max-width:420px;margin:0 0 22px}.closing{text-align:center;padding:75px 20px 80px;background:#dfe4d5;border-top:1px solid #ccd2c2}.closing>span{font-size:9px;letter-spacing:2px}.closing h2{font-size:clamp(60px,9vw,130px);letter-spacing:-6px;margin:25px 0 30px}.closing .button{margin:auto;min-width:240px;width:max-content}footer{padding:40px 4% 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-top>span{font-size:9px;letter-spacing:1.3px}.footer-top>a:last-child{font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:8px;color:var(--muted);letter-spacing:.5px}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-height:90svh}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.close{border:0;background:none;font-size:30px;padding:8px;line-height:1}#product-dialog{width:850px;max-width:92vw;overflow:auto}#product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}#product-dialog>.close{position:absolute;right:12px;top:10px;z-index:3}.modal-product-photo{height:100%;min-height:440px;aspect-ratio:auto;background-size:240% 100%}.modal-copy{padding:55px 30px 35px}.modal-copy h2{font-size:32px;letter-spacing:-1px}.modal-copy p{font-size:12px;color:var(--muted)}.size-label{font-size:10px;display:block;margin-top:25px}.sizes{display:flex;gap:8px;margin-top:10px}.sizes button{border:1px solid var(--line);background:none;width:43px;height:40px;font-size:11px}.sizes button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}#size-error{color:#9e3122;min-height:16px}.modal-copy small{display:block;font-size:9px;color:var(--muted);margin-top:15px}#cart-dialog{width:430px;max-width:95vw;margin-right:0;height:100svh;max-height:100svh;padding:30px;overflow:auto}#cart-dialog[open]{display:flex;flex-direction:column}.cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.cart-head h2{font-size:28px;margin:0;letter-spacing:-1px}.cart-end{margin-top:auto;padding-top:30px}.cart-end p{font-size:12px;color:var(--muted)}.cart-line{border-bottom:1px solid var(--line);padding:22px 0;display:flex;gap:15px}.cart-thumb{width:75px;height:90px;min-height:0;flex-shrink:0}.cart-line h3{font-size:10px;margin:3px 0}.cart-line p{font-size:10px;color:var(--muted)}.remove{background:none;border:0;text-decoration:underline;font-size:9px;padding:0}.empty{padding:45px 0;font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:var(--paper);padding:16px 25px;z-index:50;font-size:12px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:700px){header{height:70px;padding:0 5%}.wordmark{font-size:39px;letter-spacing:-4px}nav{gap:17px;font-size:10px}nav a:last-child{display:none}.bag{font-size:10px}.bag span{width:20px;height:20px;margin-left:5px}.hero{height:75svh;min-height:570px}.hero>img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0008,#0001),linear-gradient(0deg,#0009,transparent 65%)}.hero-copy{left:7%;top:52%}h1{font-size:76px;letter-spacing:-4px}.hero-top{font-size:8px;top:22px}.hero-bottom{font-size:8px}.hero-bottom a{display:none}.section{padding:60px 6%}.section-head{display:block}.section-head p{margin-top:20px}.section-head h2{font-size:36px;letter-spacing:-2px}.filters{gap:20px;flex-wrap:wrap}.concept-note{flex-basis:100%;margin:0;font-size:7px}.product-grid{gap:12px}.tag{top:12px;left:10px;font-size:7px}.quick{right:10px;bottom:12px;font-size:8px}.product-info h3{font-size:10px;line-height:1.3}.product-info p{font-size:9px}.product-info{gap:5px}.story{grid-template-columns:1fr}.story-mark{min-height:280px;font-size:150px;letter-spacing:-12px;border:0;border-bottom:1px solid #353930}.story-mark sup{top:30%;right:18%}.story-copy{padding:50px 8%}.story-copy h2{font-size:50px}.info{grid-template-columns:1fr;gap:25px}.closing h2{font-size:72px;letter-spacing:-4px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>span{display:none}.footer-bottom{font-size:7px;gap:15px}.footer-bottom span:last-child{display:none}#product-dialog[open]{grid-template-columns:1fr}.modal-product-photo{height:300px;min-height:300px;background-size:200% 100%}.modal-copy{padding:25px}.modal-copy h2{font-size:28px}#product-dialog>.close{background:var(--paper);border-radius:50%}#toast{max-width:90vw;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Brand logo hero */
.hero{background:#fff;color:var(--ink)}
.hero>img{width:52%;height:80%;right:3%;top:10%;object-fit:contain;object-position:center}
.hero-shade{display:none}
.hero .light{background:var(--ink);color:var(--paper)}
@media(max-width:700px){
.hero{height:auto;min-height:0;padding:64px 7% 78px;display:flex;flex-direction:column}
.hero>img{position:relative;right:auto;top:auto;width:100%;height:auto;max-height:380px;aspect-ratio:1;object-fit:contain;margin:0 auto 28px}
.hero-copy{position:relative;left:auto;top:auto;transform:none}
.hero-copy h1{font-size:clamp(58px,14vw,76px)}
.hero-top,.hero-bottom{left:7%;right:7%}
}

/* Original artwork leads the landing page. */
header{background:#fff}
.header-logo{display:flex;align-items:center;flex-shrink:0}
.header-logo img{width:64px;height:64px;object-fit:contain;display:block}
.brand-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:auto;min-height:calc(100svh - 114px);max-height:none;padding:68px 6% 84px;background:#fff}
.brand-hero>img{position:static;display:block;width:min(65vh,650px,85vw);height:auto;max-height:none;aspect-ratio:1;object-fit:contain;margin:0;flex-shrink:0}
.brand-hero .brand-tagline{font-size:12px;line-height:1.4;letter-spacing:4px;margin:0;font-weight:700;text-align:center}
.brand-hero .button{max-width:none;width:250px;justify-content:space-between}
@media(max-width:700px){
.header-logo img{width:52px;height:52px}
.brand-hero{padding:64px 7% 80px;min-height:calc(100svh - 99px);gap:20px}
.brand-hero>img{width:min(85vw,480px);height:auto;margin:0}
.brand-hero .brand-tagline{font-size:10px;letter-spacing:3px}
}

.brand-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.brand-story .story-copy{padding:80px 10%;min-width:0;max-width:800px}
.brand-story .story-copy h2{font-size:clamp(26px,3vw,44px);line-height:1.2;letter-spacing:-1px;overflow-wrap:break-word}
.brand-story .story-copy p{font-size:14px;line-height:1.8;margin:0 0 22px}
.brand-story .story-copy .story-manifesto{color:var(--paper);font-weight:800;letter-spacing:1px;font-size:13px;margin:30px 0}
.story-signature{border-top:1px solid #45493f;padding-top:26px;margin-top:30px}
.brand-story .story-signature p:first-child{font-weight:900;font-size:25px;color:var(--paper);margin-bottom:5px}
.brand-story .story-signature p:last-child{font-size:11px;letter-spacing:1px;margin-bottom:0}
@media(max-width:700px){.brand-story{grid-template-columns:1fr}.brand-story .story-copy{padding:48px 8%}.brand-story .story-copy h2{font-size:30px}.brand-story .story-copy p{font-size:13px}}
