:root{--ink:#171714;--paper:#f1eee7;--cream:#fbf8f0;--copper:#b67443;--muted:#77736b;--line:rgba(23,23,20,.18);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.75rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:88px;display:flex;align-items:center;padding:0 clamp(22px,4vw,72px);position:absolute;top:0;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;align-items:center;gap:14px;min-width:250px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;font:11px var(--sans);letter-spacing:-1px}.brand-name{font-size:12px;letter-spacing:.18em;font-weight:700}.brand-name small{font-size:9px;font-weight:400;margin-left:3px}.site-nav{display:flex;gap:clamp(24px,3vw,48px);margin:auto}.site-nav a{font-size:12px;letter-spacing:.08em;position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.3s}.site-nav a:hover:after{right:0}.header-cta{font-size:11px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:7px}.header-cta span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:#fff;width:38px;padding:5px}.menu-toggle span:not(.sr-only){display:block;height:1px;background:currentColor;margin:6px 0}
.hero{height:min(920px,100svh);min-height:700px;background:url('assets/style-swagger-hero.webp') center/cover no-repeat;position:relative;color:white;display:flex;align-items:center;padding:90px clamp(22px,8vw,145px) 20px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,9,.72) 0%,rgba(11,11,9,.32) 43%,rgba(11,11,9,.02) 70%),linear-gradient(0deg,rgba(0,0,0,.25),transparent 40%)}.hero-content{position:relative;width:min(660px,53vw);z-index:2}.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:bold;margin:0 0 28px}.eyebrow.dark{color:var(--copper)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;margin:0}h1{font-size:clamp(58px,7.5vw,116px);line-height:.88}h1 em,h2 em{font-weight:400;color:#d39a6b}.hero-copy{width:min(480px,100%);font-size:16px;line-height:1.7;color:rgba(255,255,255,.82);margin:34px 0}.hero-actions{display:flex;align-items:center;gap:38px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;border:1px solid transparent;transition:.25s}.button-light{background:var(--cream);color:var(--ink)}.button-light:hover{background:#fff;transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.text-link{font-size:12px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}.text-link span,.line-link span{margin-left:14px}.hero-index{position:absolute;z-index:2;bottom:42px;left:clamp(22px,4vw,72px);display:flex;align-items:center;gap:12px;font-size:9px}.hero-index i{width:75px;height:1px;background:rgba(255,255,255,.55)}.hero-caption{position:absolute;z-index:2;right:clamp(22px,4vw,72px);bottom:34px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}
.section-pad{padding:clamp(85px,10vw,160px) clamp(22px,8vw,145px)}.manifesto{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.manifesto h2,.section-head h2,.contact h2{font-size:clamp(47px,6vw,88px);line-height:1}.manifesto-copy{padding-top:48px;max-width:590px}.manifesto-copy p{font:clamp(18px,1.4vw,23px)/1.65 var(--serif);color:#3f3e39}.manifesto-copy p+p{font:14px/1.75 var(--sans);color:var(--muted);margin-top:24px}.line-link{display:inline-block;margin-top:32px;border-bottom:1px solid var(--ink);padding-bottom:7px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.collection{padding:120px clamp(22px,4vw,72px);background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 auto 62px;max-width:1440px}.section-head h2{font-size:clamp(44px,5vw,74px)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 15px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:white}.product-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{transition:.35s}.product-card.is-hidden{display:none}.product-visual{height:clamp(390px,43vw,640px);position:relative;overflow:hidden;display:grid;place-items:center}.visual-sand{background:linear-gradient(145deg,#d9c8af,#a88663)}.visual-charcoal{background:linear-gradient(145deg,#686966,#323431)}.visual-ivory{background:linear-gradient(145deg,#f3eee1,#c9bfa8)}.product-label{position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:.16em;background:var(--cream);padding:7px 9px}.quick-view{position:absolute;left:18px;right:18px;bottom:-60px;padding:15px;border:0;background:rgba(251,248,240,.95);text-transform:uppercase;font-size:10px;letter-spacing:.14em;cursor:pointer;transition:.3s}.product-visual:hover .quick-view,.quick-view:focus{bottom:18px}.garment{position:relative;filter:drop-shadow(0 24px 18px rgba(0,0,0,.18))}.overshirt{width:54%;height:58%;background:#c4a47b;clip-path:polygon(25% 0,43% 8%,57% 8%,75% 0,100% 18%,88% 36%,75% 29%,78% 100%,22% 100%,25% 29%,12% 36%,0 18%)}.overshirt:after{content:"";position:absolute;top:9%;bottom:2%;left:50%;width:1px;background:#806d56}.overshirt i,.overshirt b{position:absolute;top:41%;width:16%;height:12%;border:1px solid rgba(70,54,39,.35)}.overshirt i{left:28%}.overshirt b{right:28%}.trousers{width:43%;height:69%;background:#252725;clip-path:polygon(12% 0,88% 0,96% 100%,55% 100%,50% 36%,45% 100%,4% 100%)}.trousers:after{content:"";position:absolute;left:15%;right:15%;top:4%;height:1px;background:#595b58}.tshirt{width:58%;height:55%;background:#eee9dc;clip-path:polygon(30% 0,43% 7%,57% 7%,70% 0,100% 20%,83% 40%,72% 31%,78% 100%,22% 100%,28% 31%,17% 40%,0 20%)}.tshirt i{position:absolute;width:20%;height:11%;left:40%;top:-1%;border:2px solid #d3cdbc;border-radius:50%}.product-info{display:flex;justify-content:space-between;padding:18px 2px}.product-info h3{font:20px var(--serif);margin:0 0 4px}.product-info p{font-size:11px;color:var(--muted);margin:0}.product-info>span{font-size:10px;color:var(--muted)}
.statement{min-height:700px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 24px}.statement:before{content:"";position:absolute;width:min(65vw,850px);aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%}.statement>p{position:absolute;top:50px;font-size:9px;letter-spacing:.35em}.statement h2{font-size:clamp(62px,8.2vw,125px);line-height:.88;z-index:1}.statement-orbit{position:absolute;width:min(48vw,630px);aspect-ratio:1;border:1px solid rgba(182,116,67,.5);border-radius:50%;animation:spin 30s linear infinite}.statement-orbit:before{content:"";position:absolute;width:9px;height:9px;background:var(--copper);border-radius:50%;top:10%;left:17%}.statement-orbit span{position:absolute;right:-18px;top:48%;border:1px solid var(--copper);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:9px;background:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}
.pillars .section-head{max-width:none}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillar-grid article{padding:38px 10% 20px 0;border-right:1px solid var(--line);min-height:330px}.pillar-grid article+article{padding-left:10%}.pillar-grid article:last-child{border:0}.pillar-grid article>span{font-size:9px;color:var(--copper)}.pillar-grid svg{display:block;width:48px;margin:55px 0 32px;fill:none;stroke:var(--ink);stroke-width:1}.pillar-grid h3{font:25px var(--serif);margin:0 0 14px}.pillar-grid p{font-size:13px;color:var(--muted);max-width:300px;line-height:1.7}
.journal{display:grid;grid-template-columns:1.18fr .82fr;min-height:720px;background:#262823;color:#fff}.journal-image{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/style-swagger-hero.webp') 76% center/cover no-repeat;filter:saturate(.75)}.journal-content{padding:100px clamp(35px,7vw,110px);align-self:center}.journal-content h2{font-size:clamp(50px,5vw,78px);line-height:.96}.journal-content>p:not(.eyebrow){margin:35px 0 0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.8;max-width:430px}.line-link.light{border-color:#fff}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:var(--cream)}.contact-intro>p:last-child{color:var(--muted);font-size:13px;margin-top:27px}.signup{align-self:center}.signup>label:first-child{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}.input-row{display:flex;border-bottom:1px solid var(--ink)}.input-row input{min-width:0;flex:1;border:0;background:transparent;padding:16px 0;outline:none;font:20px var(--serif)}.input-row button{border:0;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer}.input-row button span{margin-left:12px}.check{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:18px}.check input{accent-color:var(--ink)}.form-note{font-size:12px;color:var(--copper);min-height:18px}
footer{background:var(--ink);color:#fff;padding:90px clamp(22px,4vw,72px) 30px}.footer-brand{display:flex;gap:23px;align-items:start}.footer-brand .brand-mark{width:52px;height:52px}.footer-brand h2{font:42px/1 var(--serif)}.footer-brand em{color:var(--copper)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);width:55%;margin:80px 0 80px auto}.footer-cols div{display:flex;flex-direction:column;gap:10px}.footer-cols p{font-size:9px;color:var(--copper);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.footer-cols a,.footer-cols span{font-size:12px;color:rgba(255,255,255,.67)}.footer-cols a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:25px;display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.product-modal{width:min(520px,calc(100% - 32px));border:0;padding:50px;background:var(--cream);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.45)}.product-modal::backdrop{background:rgba(10,10,8,.72);backdrop-filter:blur(4px)}.product-modal h2{font-size:48px;line-height:1}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font:30px var(--serif);cursor:pointer}.modal-detail{color:var(--muted);line-height:1.7;margin:24px 0}.availability{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-top:1px solid var(--line);padding-top:16px}.product-modal .button{margin-top:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:74px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.site-nav{position:fixed;inset:74px 0 0;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;transform:translateX(100%);transition:.35s}.site-nav.open{transform:none}.site-nav a{font:36px var(--serif)}.brand{min-width:0}.hero{min-height:720px;background-position:64% center}.hero-content{width:85%;margin-top:80px}.manifesto,.contact{grid-template-columns:1fr}.manifesto-copy{padding-top:0}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card:last-child{grid-column:span 2;width:calc(50% - 11px)}.pillar-grid{grid-template-columns:1fr}.pillar-grid article,.pillar-grid article+article{padding:35px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.pillar-grid svg{margin:35px 0 20px}.journal{grid-template-columns:1fr;min-height:0}.journal-image{min-height:520px}.footer-cols{width:100%}.statement{min-height:600px}}
@media(max-width:600px){.brand-name{font-size:10px}.hero{height:100svh;min-height:650px;padding-top:100px;background-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(11,11,9,.74),rgba(11,11,9,.16)),linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.hero-content{width:100%;margin-top:100px}.hero-copy{font-size:14px;max-width:330px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.hero-caption{display:none}.manifesto,.section-pad{padding:85px 22px}.collection{padding:85px 22px}.section-head{display:block}.filters{margin-top:30px}.product-grid{grid-template-columns:1fr}.product-card:last-child{grid-column:auto;width:auto}.product-visual{height:115vw;max-height:570px}.statement{min-height:520px}.statement-orbit{width:80vw}.statement:before{width:110vw}.journal-image{min-height:400px}.journal-content{padding:75px 24px}.footer-cols{grid-template-columns:1fr 1fr;gap:35px}.footer-cols div:last-child{grid-column:span 2}.footer-bottom{gap:12px;flex-direction:column}.product-modal{padding:42px 28px}.product-modal h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.statement-orbit{animation:none}}