@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assistant-400.woff2) format('woff2')}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/assistant-700.woff2) format('woff2')}

:root{--page:#e6dbcb;--ink:#0e0e0b;--brass:#ac8752;--night:#14130f;--paper:#efe6d6;--tan:#dacbb7;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--text:'Assistant',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 18px/1.55 var(--text)}
img{max-width:100%;display:block}
a{color:inherit}
a:focus-visible,.btn:focus-visible{outline:3px solid currentColor;outline-offset:3px}
ul,ol,dl{margin:0;padding:0}

/* bloco do pacote */
.pular{position:absolute;left:8px;top:-60px;z-index:50;background:#121212;color:#fff;padding:12px 18px;min-height:44px;text-decoration:none}
.pular:focus{top:8px}
.rascunho{background:var(--brass);color:var(--ink);text-align:center;padding:8px 16px;font-size:15px;font-weight:700}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 24px;background:#121212;color:#e6dbcb}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:#e6dbcb;border-bottom:3px solid transparent}
.pacote-abas a[aria-current=page]{border-bottom-color:#e6dbcb}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:#e6dbcb;color:var(--ink);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:15px}
.rodape{background:#121212;color:#e6dbcb;padding:48px 24px;display:grid;gap:12px;justify-items:start}
.rodape p{margin:0;max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:700}
.rodape-fontes{font-size:15px}

/* base das seções */
.sec{position:relative;overflow-x:clip;padding:clamp(56px,8vw,112px) 0}
.wrap{position:relative;z-index:1;width:min(1360px,100% - 48px);margin-inline:auto}
.eb{margin:0 0 16px;font:700 15px/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase}
.t{margin:0 0 24px;font:700 clamp(44px,8vw,96px)/.92 var(--cond);text-transform:uppercase;letter-spacing:.005em}
.sub{margin:36px 0 16px;font:600 clamp(24px,2.6vw,32px)/1.05 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.lead{margin:0 0 24px;font-size:clamp(19px,2vw,26px);line-height:1.38;max-width:62ch}
.lead.big{font:600 clamp(30px,4.2vw,58px)/1.08 var(--cond);max-width:22em;margin-inline:auto}
.narrow{max-width:70ch}
.price{margin:0 0 8px;font:700 30px/1 var(--cond);letter-spacing:.03em}
.price s{font-weight:600;font-size:.7em;margin-left:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;background:#e6dbcb;color:var(--ink);font:700 16px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:0}
.btn:hover{background:#fff}
.yr{display:block;width:min(1360px,100% - 48px);margin:0 auto 12px;font:700 clamp(120px,22vw,300px)/.8 var(--cond);letter-spacing:-.01em;position:relative;z-index:1}
.yr.right{text-align:right}
.two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:stretch}
.two.flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.col-text{min-width:0}
.col-text.right{text-align:right}
.col-text.right .lead{margin-left:auto}
.col-text.right .t{margin-left:auto}
.col-fig{display:grid;gap:16px;grid-template-rows:1fr 1fr;min-width:0}
.col-fig.rows{grid-template-rows:2.4fr 1fr}
.col-fig figure,.col-fig-one{position:relative;margin:0;min-height:240px;min-width:0}
.col-fig-one{min-height:520px}
.col-fig img,.col-fig-one img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* mídia sangrada */
.bleed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.box{max-width:640px;padding:32px;background:rgba(14,14,11,.86);color:#e6dbcb}
.box .t{font-size:clamp(44px,6.5vw,80px)}
.box .lead{margin-bottom:20px}
.box .mini{margin:0 0 24px}
.box.right{margin-left:auto;text-align:right}
.box.right .lead,.box.right p{margin-left:auto}

#dock{background-color:var(--paper);padding-block:clamp(32px,4vw,56px)}
#dock .wrap{width:min(1392px,100% - 32px)}
.dock-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px;align-items:stretch}
.dock-copy{align-self:end;padding:8px 0 16px}
.dock-copy .t{font-size:clamp(44px,6.2vw,88px)}
.dock-copy .lead{margin-bottom:20px}
.dock-copy .mini{margin:0 0 28px}
.dock-fig{margin:0;position:relative;min-height:640px;min-width:0}
.dock-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dock-links{grid-column:1/-1;width:100%;max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 32px;padding:8px 32px}
.dock-links .eb{margin:0}
.dock-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 32px;margin-left:auto}
.dock-links a{display:flex;align-items:center;min-height:52px;text-decoration:none;font:700 16px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}
.dock-links a:hover{border-bottom-color:currentColor}
#alaska{display:flex;align-items:center;min-height:480px}
#unfailing{display:flex;align-items:center;min-height:700px}
#closing{display:flex;align-items:center;min-height:440px}
#unfailing .box{max-width:720px}
#unfailing .box p{margin:0 0 16px}

/* fundos */
#clinton,#workshop{background-color:var(--brass);color:var(--ink)}
#flannel,#giving{background-color:var(--tan);color:var(--ink)}
#terms{background-color:var(--paper);color:var(--ink)}
#cruiser,#guarantee,#stores{background-color:var(--night);color:#e6dbcb}
#giving{border-top:10px solid var(--brass)}

/* títulos centralizados */
#guarantee .wrap>.eb,#guarantee .wrap>.t,#stores .wrap>.eb,#stores .wrap>.t{text-align:center}
#jul-27 .wrap>.eb,#jul-27 .wrap>.t,#flannel .wrap>.eb,#flannel .wrap>.t,#flannel .wrap>.lead{text-align:center}
#flannel .wrap>.lead{margin-inline:auto}
#jul-27 .two{margin-top:24px}

/* linhas de categoria */
.cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;margin-bottom:24px}
.cats figure{margin:0}
.cats img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.cats figcaption{padding-top:10px}
.cats strong{display:block;font:700 26px/1 var(--cond);text-transform:uppercase;letter-spacing:.03em}
.cats span{display:block;font-size:16px;line-height:1.3;margin-top:4px}

/* fundador */
.lead+.entries{margin-top:8px}
.entries{list-style:none;margin:0 0 32px}
.entries li{display:flex;gap:24px;border-top:2px solid var(--ink);padding:18px 0}
.entries .when{flex:0 0 120px;font:700 54px/.9 var(--cond)}
.entries p{margin:0}
blockquote{margin:0;padding-left:24px;border-left:6px solid var(--ink);font-size:clamp(19px,1.8vw,23px);line-height:1.4}
blockquote p{margin:0}
.stamp{margin:24px 0;font:700 clamp(64px,10vw,140px)/.9 var(--cond);text-transform:uppercase}

/* cruiser */
#cruiser .t{font-size:clamp(34px,4.6vw,64px);line-height:1}
.spec{margin-top:32px;border:2px solid var(--brass);padding:28px}
.spec .sub{margin-top:0}
.spec p{margin:0 0 14px}
.spec .price{margin-bottom:14px}

/* bolsas */
.home-bags{list-style:none;columns:3;column-gap:32px;margin:28px 0 8px}
.home-bags li{break-inside:avoid;padding:14px 0;border-top:2px solid var(--ink)}
.bag-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;list-style:none;margin-top:36px}
.bag{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:20px;align-items:stretch;border-top:2px solid var(--ink);padding-top:20px}
.bag .card,.bag .photo{position:relative;min-height:300px}
.bag .info{min-width:0}
.bag h3,.grid3 h3{margin:0 0 8px;font:700 clamp(24px,2.2vw,30px)/1.02 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.bag p,.grid3 p{margin:0 0 12px}
.card{background:var(--tan)}
.card img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* camisas */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0 0 40px}
.chips li{padding:10px 18px;border:2px solid var(--ink);font-weight:700;font-size:16px}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.pair figure{margin:0 0 20px;aspect-ratio:3/2;position:relative}
.pair img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pair h3{margin:0 0 8px;font:700 clamp(28px,3vw,40px)/1 var(--cond);text-transform:uppercase}
.pair p{margin:0 0 14px}

/* vitrine, causa, eventos: grade de 3 */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;list-style:none;margin-top:36px}
.grid3>li{min-width:0}
.grid3>li>.card,.grid3>li>.photo{position:relative;aspect-ratio:4/5;margin-bottom:16px;min-height:0}
.grid3 figure{position:relative;margin:0 0 16px;aspect-ratio:4/5}
.grid3 figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ev figure{aspect-ratio:1}
.more{list-style:none;column-count:3;column-gap:32px;margin-top:40px;border-top:2px solid var(--ink);padding-top:16px;text-align:left}
.more li{break-inside:avoid;padding:6px 0;font-weight:700}

/* garantia */
.covers{column-count:2;column-gap:56px;text-align:left;margin-top:28px}
.covers>div{break-inside:avoid}
.covers ul{margin-left:1.2em}
.covers p{margin:0}
.faq{column-count:2;column-gap:56px;margin-top:48px;text-align:left}
.qa{break-inside:avoid;border-top:2px solid var(--brass);padding:16px 0 26px}
.qa dt{font:600 clamp(26px,2.4vw,32px)/1.05 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.qa dd{margin:8px 0 0}
#guarantee .narrow{margin-inline:auto;text-align:center}

/* termos */
.ledger{margin:0 0 28px}
.ledger>div{display:flex;gap:32px;border-top:2px solid var(--ink);padding:16px 0}
.ledger dt{flex:0 0 220px;font:600 28px/1.05 var(--cond);text-transform:uppercase}
.ledger dd{flex:1;margin:0;min-width:0}
.notes{margin:0 0 32px 1.2em}

/* lojas */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:32px 0 40px}
.trio img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.addr{list-style:none;column-count:4;column-gap:32px;text-align:left}
.addr li{break-inside:avoid;margin-bottom:24px}
.addr strong{display:block;font:700 28px/1 var(--cond);text-transform:uppercase;letter-spacing:.02em}
.addr span{display:block;font-size:17px}
#stores .t{font-size:clamp(56px,10vw,128px)}

/* vitrine em linhas: miniatura, nome e preço, descrição */
.sec-shelf .grid3{display:block;margin-top:28px}
.sec-shelf .grid3>li{display:grid;grid-template-columns:clamp(150px,18vw,240px) minmax(0,1fr) minmax(0,1.3fr);column-gap:32px;grid-template-rows:auto 1fr;align-items:start;border-top:2px solid var(--ink);padding:20px 0}
.sec-shelf .grid3>li>.card,.sec-shelf .grid3>li>.photo{grid-row:1/span 2;grid-column:1;margin-bottom:0}
.sec-shelf .grid3>li>h3{grid-column:2;grid-row:1;margin:0}
.sec-shelf .grid3>li>.price{grid-column:2;grid-row:2;margin:0}
.sec-shelf .grid3>li>p:last-child{grid-column:3;grid-row:1/span 2;margin:0;font-size:18px}

/* causa em zigue-zague */
.grid3.give{gap:40px 32px;margin-top:40px}
.give>li figure{aspect-ratio:1;margin:0 0 16px}

/* devoluções: título à esquerda, livro-caixa à direita */
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.split-head{position:sticky;top:24px}
.sec-terms .split+.split{margin-top:56px;border-top:2px solid var(--ink);padding-top:40px}
.sec-terms .split{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.sec-terms .split-head{grid-column:2;grid-row:1}
.sec-terms .ledger{grid-column:1;grid-row:1;margin:0}
.sec-terms .notes{margin-bottom:0}
.col-text .yr{width:auto;margin:0 0 12px}

/* revelação */
.rv{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.com-js .rv:not(.in){opacity:0;transform:translateY(24px)}

@media (max-width:1100px){
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .addr{column-count:3}
}
@media (max-width:900px){
  .two,.two.flip{grid-template-columns:minmax(0,1fr);gap:32px}
  .col-fig{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .col-fig.rows{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .col-fig figure{min-height:0;aspect-ratio:4/3}
  .col-fig.rows .tall{aspect-ratio:4/5}
  .col-fig-one{min-height:0;aspect-ratio:4/5}
  .dock-grid{grid-template-columns:minmax(0,1fr)}
  .dock-fig{min-height:0;aspect-ratio:4/3}
  .dock-links{max-width:none}
  .bag-list{grid-template-columns:minmax(0,1fr)}
  .pair{grid-template-columns:minmax(0,1fr)}
  .grid3{grid-template-columns:minmax(0,1fr)}
  .sec-shelf .grid3>li{grid-template-columns:clamp(110px,28vw,200px) minmax(0,1fr);column-gap:20px}
  .sec-shelf .grid3>li>p:last-child{grid-column:2;grid-row:3;margin-top:10px}
  .sec-shelf .grid3>li>.card,.sec-shelf .grid3>li>.photo{grid-row:1/span 3}
  .split{grid-template-columns:minmax(0,1fr);gap:24px}
  .split-head{position:static}
  .sec-terms .split-head,.sec-terms .ledger{grid-column:auto;grid-row:auto}
  .dock-links{padding:8px 20px}
  .dock-links ul{margin-left:0;width:100%;flex-direction:column}
  .home-bags{columns:1}
  .more,.covers,.faq{column-count:1}
  .ledger>div{flex-direction:column;gap:6px}
  .ledger dt{flex:none}
  .addr{column-count:2}
  .entries li{flex-direction:column;gap:6px}
  .entries .when{flex:none}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 8px;font-size:14px}
}
@media (max-width:600px){
  body{font-size:17px}
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bag{grid-template-columns:minmax(0,1fr)}
  .bag .card,.bag .photo{min-height:0;aspect-ratio:1}
  .box{padding:24px}
  .trio{gap:8px}
  .pacote{padding:8px 12px}
}
@media (prefers-reduced-motion:reduce){
  .rv{transition:none}
  .com-js .rv:not(.in){opacity:1;transform:none}
}