@font-face{font-family:'Barlow Condensed';src:url(toj-barlow-0.ttf);font-weight:700;font-display:swap}
:root{--paper:#e9e6da;--ink:#141613;--sub:#5d5e54;--line:#b8b9aa;--gold:#c99a2e;--type-street:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--type-label:'Courier New',monospace}
body{background-color:var(--paper);background-image:linear-gradient(#e9e6dac4,#e9e6dac4),url(toj-street-paper.webp);background-blend-mode:normal,multiply;background-size:auto,800px}.site-header{position:fixed;inset:0 0 auto;height:94px;padding:0 4%;background:transparent;border-bottom:1px solid #ffffff35;color:#f5f2e7;backdrop-filter:none;transition:background .2s}.site-header.scrolled{background:#151713f5;border-color:#414438;backdrop-filter:blur(14px)}.site-header .brand img{filter:invert(1);mix-blend-mode:screen;width:192px}.site-header nav{font:700 11px var(--type-label);text-transform:uppercase;letter-spacing:1.2px;gap:40px}.site-header nav a:after,.site-header nav button:after{background:var(--gold)}.site-header .icon-button:hover{background:#ffffff14}.bag-button{font:700 11px var(--type-label);text-transform:uppercase}.bag-button [data-bag-count]{background:var(--gold);color:var(--ink);border-radius:0;min-width:18px;height:18px}.site-header .icon-button,.close-floating{border-radius:0}.site-header svg{stroke-width:1.6}#mobile-nav{background:#161813;color:var(--paper);border-color:#3d4135;padding-top:8px}#mobile-nav a,#mobile-nav button{font:700 30px var(--type-street);text-transform:uppercase;border-bottom:1px solid #42463b;padding:15px 0}
.hero{position:relative;isolation:isolate;display:block;width:100%;height:100svh;min-height:680px;max-height:none;background:#151613;overflow:hidden}.hero-visual{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-visual video,.hero-visual .hero-film-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.72) contrast(1.12)}.hero-visual:after{content:'';position:absolute;inset:0;background-image:url(toj-street-paper.webp);background-size:600px;mix-blend-mode:soft-light;opacity:.17;pointer-events:none}.image-shade{background:linear-gradient(90deg,rgba(8,12,8,.78),rgba(8,12,8,.2) 58%,rgba(8,12,8,.05)),linear-gradient(0deg,rgba(8,12,8,.78),transparent 50%,rgba(8,12,8,.35));z-index:1}.hero-copy{height:100%;width:100%;padding:150px 5% 38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;transform:translateY(var(--hero-travel,0px));z-index:2}.hero-copy a{pointer-events:auto}.hero .eyebrow{font:700 11px var(--type-label);letter-spacing:2px;margin:0 0 20px;color:var(--paper)}.hero .small-line{display:none}.hero h1{font-family:var(--type-street);font-weight:700;text-transform:uppercase;font-size:clamp(105px,13.3vw,210px);line-height:.78;letter-spacing:-4px;margin:0 0 30px;max-width:75%;transform:rotate(-1.5deg);transform-origin:left bottom}.hero h1 span,.hero h1 strong{display:block;font-weight:700;-webkit-mask-image:url(toj-street-paper.webp);mask-image:url(toj-street-paper.webp);mask-mode:luminance;mask-size:450px}.hero h1 span{color:#f3eee1}.hero h1 strong{color:var(--gold);margin-top:11px}.hero-description{font:400 12px/1.7 var(--type-label);text-transform:uppercase;letter-spacing:.5px;color:#f4f0e6;max-width:340px}.hero .button{margin-top:24px;min-height:54px;background:var(--gold);color:#151713;border:1px solid var(--gold);font:700 12px var(--type-label);text-transform:uppercase;letter-spacing:.8px;padding:18px 23px;gap:40px;box-shadow:4px 4px 0 #0008}.hero .button:hover{background:#e3b74c;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0008}.hero-bottom{width:100%;margin-top:auto;padding-top:35px;color:#e1e3cf;font:10px var(--type-label);letter-spacing:1.2px}.hero-bottom a{border:0;width:32px;height:32px;border-radius:0}.hero-topline{z-index:3;left:auto;right:4%;top:126px;gap:24px;color:#f5f1e4;font:10px var(--type-label);letter-spacing:1.6px}.motion-button{border-radius:0;border:1px solid #f2f0dfaa;background:#1119;min-width:44px;min-height:44px}.hero-caption{left:auto;right:5%;bottom:110px;z-index:3;max-width:290px;gap:24px;border-top:1px solid #fff8;padding-top:16px;font-family:var(--type-street);font-size:28px;text-transform:uppercase;letter-spacing:.5px}.hero-caption small{font:9px var(--type-label);letter-spacing:1.6px}.hero-caption>svg{border-radius:0;border:0;padding:5px}.street-strip{display:flex;gap:28px;align-items:center;background-color:var(--gold);background-image:url(toj-street-paper.webp);background-blend-mode:multiply;background-size:750px;padding:17px 4%;color:#171b12;font:700 23px/.95 var(--type-street);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--ink)}.street-strip i{font-style:normal;font-weight:400;color:#555d29}.strip-end{margin-left:auto;font:700 10px var(--type-label);letter-spacing:1px}
.section-pad{padding-top:66px}.section-heading .eyebrow{font:700 10px var(--type-label);letter-spacing:1px;color:#55574c;margin-bottom:12px}.section-heading h2{font:700 clamp(45px,5.4vw,80px)/.92 var(--type-street);letter-spacing:-1.3px;text-transform:uppercase}.section-heading h2 em{font:inherit;color:#171b12}.text-link{font:700 11px var(--type-label);text-transform:uppercase;letter-spacing:.5px;gap:25px;border-bottom-width:2px}.collection-tabs{gap:12px;padding-bottom:17px;border-bottom:2px solid var(--ink);margin-top:30px}.collection-tabs button{font:700 11px var(--type-label);text-transform:uppercase;letter-spacing:.4px;min-height:42px;padding:11px 16px;border:1px solid #878b7b;color:var(--ink)}.collection-tabs button.active{background:var(--ink);color:var(--paper);transform:rotate(-1deg)}.collection-tabs button.active:after{display:none}.products-grid{gap:22px}.product-media{background:#cfcec2;aspect-ratio:4/4.6}.product-media:after{content:'';position:absolute;inset:0;background:url(toj-street-paper.webp) center/480px;opacity:.11;mix-blend-mode:multiply;pointer-events:none}.product-label{font:700 8px var(--type-label);background:var(--gold);padding:7px 9px;left:12px;top:12px;transform:rotate(-2deg);z-index:1;letter-spacing:.3px}.quick-add{border-radius:0;background:var(--ink);color:var(--paper);width:38px;height:38px;z-index:1}.product-media:hover .quick-add{transform:none;background:var(--gold);color:var(--ink)}.product-title{font:700 17px/1.1 var(--type-street);text-transform:uppercase;letter-spacing:.3px}.product-price{font:700 11px var(--type-label);padding-top:2px}.product-group{font:10px var(--type-label);margin-top:8px}.shop-foot{border-top:1px solid #a6aa97;padding-top:16px;font:10px var(--type-label);text-transform:uppercase;letter-spacing:.5px}.shop-foot .text-link{font-size:10px}
.story{margin:20px 4.5% 60px;background:#171a14;color:var(--paper);grid-template-columns:1fr 1fr;min-height:440px;position:relative;isolation:isolate}.story:after{content:'';position:absolute;inset:0;background:url(toj-street-paper.webp) center/650px;mix-blend-mode:soft-light;opacity:.25;z-index:-1;pointer-events:none}.story-visual{background:#d7d7c9;overflow:hidden}.story-visual img{transform:rotate(-9deg) scale(1.2);filter:contrast(1.12);object-fit:contain}.story-visual>span{padding:10px 14px;background:var(--gold);color:var(--ink);font:700 10px var(--type-label);letter-spacing:1px;transform:rotate(-3deg);left:20px;bottom:24px}.story-copy{padding:48px 10%}.story-copy .eyebrow{font:10px var(--type-label);color:#c3c8ae;letter-spacing:1px}.story-copy h2{font:700 clamp(48px,5vw,72px)/.95 var(--type-street);text-transform:uppercase;letter-spacing:-.5px}.story-copy h2 em{font:inherit;color:var(--gold)}.story-copy p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d7dbc8}.story-copy .text-link{border-color:var(--paper);font-size:10px}.story-signoff{border-color:#616551;color:#c6cbb4;font:9px var(--type-label)}.story-signoff span{color:#b2b89f}footer{background:#151712;color:#f0ecdf;padding-top:8px}footer .brand img{filter:invert(1);mix-blend-mode:screen}footer .footer-top{border-color:#414635}footer .footer-top p{font:700 24px var(--type-street);text-transform:uppercase;letter-spacing:.4px}footer .footer-top>a:last-child{font:10px var(--type-label);text-transform:uppercase}.footer-bottom{border-color:#414635;color:#c3c6b5;font-family:var(--type-label)}.footer-bottom button{font-family:var(--type-label);text-transform:uppercase}
.dialog-top h2{font-family:var(--type-street);font-weight:700;text-transform:uppercase;letter-spacing:.3px;font-size:38px}.dialog-top .eyebrow{font-family:var(--type-label)}.option-values button.selected,.pdp-buy .button,.bag-checkout{background:var(--ink)}.option-values button{border-radius:0}.pdp-info h2{font:700 38px/1 var(--type-street);text-transform:uppercase;letter-spacing:0}.pdp-gallery,.product-media{background-image:linear-gradient(#d7d7ccb8,#d7d7ccb8),url(toj-street-paper.webp);background-size:auto,600px;background-blend-mode:normal,multiply}.pdp-buy .button,.button-outline{font-family:var(--type-label);text-transform:uppercase;letter-spacing:.3px}.pdp-buy .button.added{background:#485128}.thumbs button.active{border:2px solid var(--ink)}.video-preview-settings{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.video-preview-settings label{display:block;font-weight:700;color:var(--ink);margin-bottom:10px}.video-preview-settings input{width:100%;font-size:12px;padding:12px;border:1px solid var(--line)}.video-preview-settings p{font-size:11px;line-height:1.7;margin-top:8px}
@media(min-width:1600px){.hero-copy{padding-left:7%;padding-right:7%}.hero h1{font-size:210px}}
@media(max-height:750px) and (min-width:701px){.hero{min-height:620px}.hero-copy{padding-top:130px}.hero h1{font-size:125px}.hero .eyebrow{margin-bottom:14px}.hero-bottom{padding-top:18px}.hero-caption{bottom:90px}}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:150px}.hero-copy{padding-top:170px}.hero-caption{bottom:95px;font-size:24px;max-width:230px}.site-header nav{gap:20px}.site-header .brand img{width:175px}}
@media(max-width:700px){.site-header{height:76px;padding:0 16px}.site-header .brand img{width:146px}.site-header .brand{left:48%}.site-header nav{display:none}.header-actions{gap:0}.bag-button{font-size:10px}.hero{height:100svh;min-height:650px;max-height:950px}.hero-copy{padding:120px 22px 26px;justify-content:flex-end;width:100%}.hero-visual{inset:0}.hero-visual video,.hero-visual .hero-film-fallback{object-position:70% center;filter:saturate(.65) contrast(1.12)}.image-shade{background:linear-gradient(0deg,#10150ee6,transparent 70%),linear-gradient(90deg,#0c120c40,#0c120c10)}.hero .eyebrow{position:absolute;top:105px;font-size:8px;letter-spacing:1px;max-width:80%}.hero h1{font-size:clamp(92px,24vw,155px);line-height:.79;letter-spacing:-1.5px;margin:0 0 23px;max-width:100%;transform:rotate(-2deg)}.hero h1 strong{margin-top:9px}.hero-description{font-size:10px;line-height:1.7;letter-spacing:.2px;max-width:270px}.hero .button{margin-top:23px;min-height:50px;font-size:10px;padding:15px 19px;gap:45px}.hero-bottom{margin-top:28px;padding-top:0;font-size:8px;width:100%}.hero-topline{top:96px;right:20px;left:auto;gap:0}.hero-topline>span{display:none}.hero-caption{display:none}.motion-button{width:42px;height:42px}.street-strip{padding:15px 20px;gap:13px;font-size:16px;letter-spacing:0;line-height:1}.street-strip i{font-size:16px}.strip-end{display:none}.section-pad{padding:40px 20px 25px}.section-heading .eyebrow{font-size:8px;letter-spacing:.5px}.section-heading h2{font-size:43px;line-height:.92;letter-spacing:-.7px;max-width:270px}.section-heading>.text-link{border:0;border-radius:0;margin-top:12px;width:28px;min-height:40px;font-size:0}.collection-tabs{gap:8px;margin:24px 0 20px;padding-bottom:16px}.collection-tabs button{font-size:9px;padding:10px 13px;min-height:42px}.products-grid{gap:23px 12px}.product-label{font-size:6px;left:7px;top:9px;padding:6px;letter-spacing:0}.product-media{aspect-ratio:3/4}.product-title{font-size:16px;min-height:32px;line-height:1}.product-price{font-size:10px}.product-group{font-size:8px;margin-top:5px}.quick-add{width:31px;height:31px}.story{grid-template-columns:1fr;margin:10px 20px 35px;min-height:0}.story-visual{height:280px}.story-visual img{transform:rotate(-8deg) scale(1.12)}.story-visual>span{font-size:8px;padding:8px 11px;bottom:18px}.story-copy{padding:30px 25px}.story-copy h2{font-size:50px}.story-copy .eyebrow{font-size:8px}.story-copy p:not(.eyebrow){font-size:12px}.story-copy .text-link{font-size:9px}.story-signoff{font-size:8px}footer{padding:6px 20px 20px}.footer-top p{font-size:23px!important}.footer-bottom{font-size:8px}.footer-bottom button{font-size:8px}.pdp-info h2{font-size:31px}.dialog-top h2{font-size:32px}.hero-copy .hero-bottom{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.hero-copy{transform:none!important}.motion-button:not([hidden]){display:grid!important}.hero h1{transform:none}}

.product-media:hover>img:first-child:not(:only-child){opacity:0}.product-media>img:first-child{transition:opacity .35s,transform .65s var(--ease)}
.product-media img{mix-blend-mode:normal}.product-media:after{opacity:.04}

.hero-film-fallback{position:absolute;inset:0;pointer-events:none}.hero-film-fallback[hidden]{display:none}