@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/inter-regular.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/inter-semibold.woff') format('woff'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/inter-bold.woff') format('woff'); }
:root{--ink:#171717;--ivory:#f5f1e9;--paper:#fffdf8;--lime:#d6ff3f;--red:#fa5738;--line:rgba(23,23,23,.18);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:var(--sans);line-height:1.35}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 28px}.topbar{background:var(--ink);color:var(--ivory);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:9px 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);position:relative}.wordmark{font-size:.9rem;font-weight:700;letter-spacing:.15em}.navlinks{display:flex;gap:28px;font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.menu{display:none;border:0;background:none;font-size:1.4rem;cursor:pointer;color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;gap:50px;align-items:center;padding:64px 0 88px}.eyebrow{font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin:0 0 22px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(4rem,8vw,8.4rem);line-height:.84;letter-spacing:-.07em;margin:0 0 34px;max-width:760px}.hero h1 em{font-style:italic}.lede{font-size:1.05rem;max-width:430px;margin:0 0 32px}.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--ivory);padding:15px 21px;min-width:177px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);cursor:pointer}.cta:hover{background:transparent;color:var(--ink)}.heroart{position:relative;min-height:490px;background:var(--lime);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden}.heroart:before{content:'01';position:absolute;top:16px;left:18px;font-size:.7rem;font-weight:700;letter-spacing:.14em}.hero-shirt{width:310px;height:405px;transform:rotate(-3deg);box-shadow:16px 18px 0 rgba(20,20,20,.12)}.hero-shirt img{padding:56px 30px 30px}.sectionhead{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:19px 0 25px}.sectionhead h2{font:400 clamp(2.1rem,4vw,4.2rem)/.9 var(--serif);letter-spacing:-.05em;margin:0}.sectionhead p{max-width:300px;font-size:.88rem;margin:0}.shop{padding:50px 0 100px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}.product-image{height:430px;display:flex;align-items:center;justify-content:center;background:#e9e4da;position:relative;transition:background .2s}.product-image.dark{background:#313131}.product-image.bg-ivory{background:#e9e4da}.product-image.bg-black{background:#313131}.product-image .tee{transform:scale(1.08)}.art-tee{width:255px;height:335px;display:flex;align-items:center;justify-content:center;background:var(--paper);border:3px solid var(--ink);clip-path:polygon(18% 0,37% 8%,63% 8%,82% 0,100% 18%,82% 31%,78% 100%,22% 100%,18% 31%,0 18%);overflow:hidden;transition:background .2s,border-color .2s}.art-tee.color-black{background:var(--ink);border-color:var(--ink)}.art-tee img{width:100%;height:100%;object-fit:contain;padding:24px 14px}.type-tee img{padding:66px 38px 29px}.art-tee img{max-width:100%}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7f36b8;outline-offset:4px}.cardbody{padding:20px 20px 23px}.cardtitle{display:flex;justify-content:space-between;gap:20px;align-items:start}.card h3{font-size:1.2rem;line-height:1.05;margin:0 0 8px}.card p{font-size:.82rem;color:#555;margin:0}.selection{display:block;margin-top:8px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#666}.price{font-weight:700;white-space:nowrap}.selectrow{display:flex;gap:10px;margin-top:20px}.selectrow label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:flex;flex-direction:column;gap:6px;flex:1}.selectrow select{background:transparent;border:1px solid var(--line);padding:10px 8px;color:var(--ink)}.buy{width:100%;margin-top:16px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:16px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;cursor:pointer}.buy[disabled]{cursor:not-allowed;opacity:.75}.notice{display:block;margin-top:12px;font-size:.76rem;line-height:1.25;background:var(--lime);border:1px solid var(--ink);padding:10px}.manifesto{background:var(--ink);color:var(--ivory);padding:100px 0}.manifesto .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.manifesto h2{font:400 clamp(3rem,6vw,6rem)/.88 var(--serif);letter-spacing:-.06em;margin:0}.manifesto h2 em{color:var(--lime);font-style:italic}.manifesto p{font-size:1rem;max-width:390px;margin:11px 0 0;color:#d8d3ca}.faq{padding:90px 0}.faqgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq h2{font:400 clamp(2.5rem,5vw,5rem)/.9 var(--serif);letter-spacing:-.06em;margin:0}.qa{border-top:1px solid var(--line);padding:19px 0}.qa:last-child{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;font-weight:700;font-size:.9rem;list-style:none;display:flex;justify-content:space-between}.qa summary:after{content:'+';font-size:1.1rem}.qa[open] summary:after{content:'−'}.qa p{font-size:.88rem;max-width:560px;margin:14px 0 2px;color:#555}.footer{border-top:1px solid var(--line);padding:27px 0 45px;font-size:.72rem;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.08em}.fineprint{max-width:500px;text-transform:none;letter-spacing:0;font-size:.72rem;color:#666;line-height:1.4}
    @media(max-width:760px){.sectionhead{display:block}.sectionhead h2{margin-bottom:18px}.sectionhead p{max-width:none}.hero-poster{min-height:0}.heroart{min-height:0;align-self:stretch}.wrap{padding:0 18px}.nav{padding:17px 0}.navlinks{display:none;position:absolute;z-index:4;top:64px;left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--line);padding:20px 0;flex-direction:column;gap:18px}.navlinks.open{display:flex}.menu{display:block}.hero{display:flex;flex-direction:column;gap:36px;align-items:stretch;padding:55px 0 70px;min-height:0}.hero h1{font-size:clamp(3.7rem,17vw,6rem)}.heroart{min-height:390px}.products{grid-template-columns:1fr}.product-image{height:350px}.manifesto .wrap,.faqgrid{grid-template-columns:1fr;gap:35px}.manifesto{padding:75px 0}.faq{padding:70px 0}.footer{flex-direction:column}}
    .product-image.bg-blue{background:#dbeafe}.art-tee.color-blue{background:#01408D;border-color:#01408D}.hero-shirt.color-blue{background:#01408D;border-color:#01408D}
  
    .product-page { padding-top: 44px; padding-bottom: 64px; }
    .product-detail { display: grid; grid-template-columns: 1.1fr 1fr; }
    .product-detail .product-image { min-height: 630px; height: 100%; }
    .product-detail .art-tee { width: 340px; height: 445px; }
    .product-detail .cardbody { padding: 48px 38px; align-self: center; }
    .product-detail .cardtitle { display: block; }
    .product-detail h1 { font: 400 clamp(2.8rem, 5vw, 4.8rem)/.95 var(--serif); letter-spacing: -.055em; margin: 0 0 24px; }
    .product-detail .cardtitle p { font-size: 1.05rem; line-height: 1.55; }
    .product-detail .price { margin-top: 22px; font-size: 1rem; }
    .product-detail .eyebrow { color: var(--ink); font-size: .72rem; margin-bottom: 18px; }
    .product-detail .selectrow { margin-top: 24px; }
    .product-detail .buy { margin-top: 22px; }
    .product-detail .notice { line-height: 1.5; }
    .product-details { border-top: 1px solid var(--line); padding-top: 26px; padding-bottom: 18px; }
    .product-details h2 { font: 400 2.1rem var(--serif); margin: 0 0 14px; }
    .product-details p { max-width: 650px; font-size: .92rem; line-height: 1.6; }
    .faq { padding-top: 48px; padding-bottom: 60px; }
    @media (max-width: 760px) {
      .product-page { padding-top: 24px; padding-bottom: 40px; }
      .product-detail { grid-template-columns: 1fr; }
      .product-detail .product-image { min-height: 420px; }
      .product-detail .art-tee { width: 285px; height: 375px; }
      .product-detail .cardbody { padding: 28px 22px; }
      .product-detail h1 { font-size: 3rem; }
    }
    .mockup-panel { background: #fff; padding: 26px; }
    .mockup-image { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
    .product-detail .availability { margin: 24px 0 0; font-size: .8rem; font-weight: 700; letter-spacing: .04em; color: #555; }
    .product-detail .shipping-note { margin: 10px 0 0; font-size: .78rem; color: #666; }
    .buy { display: flex; align-items: center; justify-content: center; text-decoration: none; }
    @media (max-width: 760px) { .mockup-panel { min-height: 420px; padding: 16px; } }
    .nav { padding-left: 28px; padding-right: 28px; }
    .product-detail .type-tee img { padding: 19% 23% 9%; }
    @media (max-width: 760px) {
      .nav { padding-left: 18px; padding-right: 18px; }
      .navlinks { padding-left: 18px; padding-right: 18px; }
    }

    /* Premium retail typography: clean, confident sans-serif hierarchy. */
    :root { --serif: var(--sans); }
    .hero h1,
    .sectionhead h2,
    .manifesto h2,
    .faq h2,
    .product-detail h1,
    .product-details h2 {
      font-family: var(--sans);
      font-weight: 700;
      letter-spacing: -.045em;
    }
    .hero h1 { line-height: .88; }
    .hero h1 em,
    .manifesto h2 em { font-style: normal; }
    .sectionhead h2,
    .manifesto h2,
    .faq h2 { line-height: .92; }
    .product-detail h1 {
      font-size: clamp(2.8rem, 5vw, 4.8rem);
      line-height: .95;
    }
    .product-details h2 { line-height: 1; }
    .card h3,
    .product-detail .cardtitle p,
    .product-details p,
    .qa summary { font-family: var(--sans); }