@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#151515;background:#fff;font-size:16px;--lime:#d7ff3f;--violet:#6c3cff}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.preview-banner{background:#151515;color:#fff;text-align:center;font-size:.8rem;padding:10px 16px;line-height:1.5}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #e9e9e9}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:2rem;font-weight:700;letter-spacing:-2px;line-height:.9;display:block}.wordmark span{display:block;font:600 .65rem 'DM Sans',sans-serif;letter-spacing:5px;margin-top:9px}nav{display:flex;gap:32px;align-items:center;font-size:.9rem}.bag-button{background:transparent;border:1px solid #151515;border-radius:24px;padding:10px 17px}.bag-button span{display:inline-flex;background:#151515;color:#fff;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;margin-left:10px}.intro{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#f4f4f6}.intro-copy{padding:65px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:2px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(3.5rem,6vw,6rem);letter-spacing:-5px;line-height:1.02;margin:22px 0}p{line-height:1.65}.intro-copy p{max-width:350px;color:#555;margin:0 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 23px;border:0;font-weight:700;border-radius:3px}.primary{background:#151515;color:#fff}.primary:hover{background:#363636}.secondary{border:1px solid #151515;background:#fff;color:#151515}.intro-note{font-size:.8rem;color:#555;margin-top:18px}.hero-art{position:relative;background:var(--lime);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:35px}.hero-product{position:relative;height:440px;width:320px;background:#eee;transform:rotate(-7deg);box-shadow:15px 17px 0 rgba(0,0,0,.12);overflow:hidden}.tile-image{position:absolute;width:300%;height:200%;max-width:none;object-fit:fill}.tile-0{left:0;top:0}.tile-1{left:-100%;top:0}.tile-2{left:-200%;top:0}.tile-3{left:0;top:-100%}.tile-4{left:-100%;top:-100%}.tile-5{left:-200%;top:-100%}.hero-label{position:absolute;right:22px;bottom:68px;background:var(--violet);color:#fff;padding:18px 20px;transform:rotate(5deg);font-size:1.25rem;font-weight:700;line-height:1.2}.hero-caption{position:absolute;bottom:18px;font-size:.75rem}.shop{padding:65px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{font-size:2.6rem;letter-spacing:-1.5px;margin:10px 0 24px}.section-heading p{color:#666;font-size:.9rem}.categories{display:flex;gap:10px;flex-wrap:wrap}.categories button{padding:11px 22px;border:1px solid #ddd;background:#fff;border-radius:25px}.categories button.active{background:#151515;border-color:#151515;color:#fff}.sample-note{font-size:.85rem;color:#626262;margin:20px 0 27px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.product-card{padding:0;border:0;text-align:left;background:#fff;width:100%}.product-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#ececef}.product-card .product-image{transition:transform .2s}.product-card:hover .product-image{transform:translateY(-3px)}.sample-tag{position:absolute;z-index:1;top:13px;left:13px;background:#fff;padding:6px 10px;font-size:.75rem}.product-meta{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-top:15px}.product-meta h3{margin:0;font-size:1rem}.product-meta span{display:block;margin-top:5px;font-size:.8rem;color:#777}.product-meta strong{font-size:.95rem;white-space:nowrap}.how-to{background:#151515;color:#fff;padding:50px 6%}.how-to h2{font-size:2.2rem;letter-spacing:-1px;margin-top:0}.how-to>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-to article>span{color:var(--lime);font-size:.9rem}.how-to h3{font-size:1.1rem;margin-bottom:8px}.how-to p{color:#bbb;font-size:.9rem;max-width:330px}footer{padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>span{font-size:.85rem;color:#666}dialog{border:0;padding:30px;border-radius:6px;max-width:900px;width:calc(100% - 40px);max-height:90vh;overflow:auto}dialog::backdrop{background:#0009}.close{background:none;border:0;font-size:2rem;line-height:1;padding:10px}.close:hover{background:#eee}#product-dialog>.close{position:absolute;right:10px;top:10px;z-index:3;background:#fff}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-info{padding:25px 0}.detail-info h2{font-size:2rem;margin:14px 0}.price{font-weight:700}.detail-info>p{color:#666}.detail-info .button{width:100%}fieldset{border:0;padding:0;margin:22px 0}legend{font-weight:600;margin-bottom:12px}#sizes{display:flex;gap:8px;flex-wrap:wrap}.size-option{border:1px solid #ccc;min-width:44px;min-height:44px;background:#fff;padding:10px}.size-option.selected{background:#151515;color:#fff;border-color:#151515}#size-error{color:#b12525;font-size:.85rem}.detail-note{font-size:.8rem}#bag-dialog{width:min(560px,calc(100% - 30px))}.bag-heading{display:flex;justify-content:space-between;align-items:center}.bag-heading h2{margin:0;font-size:1.8rem}.bag-row{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #ddd}.bag-row h3{font-size:1rem;margin:0}.bag-row p{font-size:.85rem;margin:4px 0;color:#666}.quantity{display:flex;align-items:center;gap:10px;margin-top:8px}.quantity button{border:1px solid #ddd;background:white;padding:7px 12px;min-height:38px}.quantity .remove{border:0;text-decoration:underline;font-size:.8rem;margin-left:auto;padding:5px}.subtotal{display:flex;justify-content:space-between;padding-top:24px}.checkout-note{background:#f3f0ff;padding:14px;line-height:1.5;font-size:.85rem;margin:18px 0}#bag-summary>p{font-size:.8rem;color:#666}#bag-summary .button{width:100%;margin:5px 0}.button:disabled{background:#e6e6e6;color:#686868;cursor:not-allowed}textarea{width:100%;min-height:160px;padding:12px;font:inherit;margin-top:10px}.empty-bag{text-align:center;padding:40px 10px}.empty-bag p{color:#666}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#151515;color:#fff;padding:15px 25px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;z-index:20;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}html{scroll-behavior:smooth} [hidden]{display:none!important}
@media(min-width:1300px){header,main,footer{max-width:1600px;margin:auto}}@media(max-width:700px){header{padding:20px 5%}.wordmark{font-size:1.65rem}nav{gap:10px}nav>a{display:none}.intro{grid-template-columns:1fr}.intro-copy{padding:35px 6%}h1{letter-spacing:-3px;font-size:3.7rem}.intro-copy p{margin-bottom:20px}.hero-art{height:340px}.hero-product{height:280px;width:210px}.hero-label{font-size:1rem;bottom:50px}.shop{padding:40px 5%}.section-heading h2{font-size:2rem}.section-heading p{font-size:.8rem}.eyebrow{font-size:.72rem;letter-spacing:1.4px}.product-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}.product-meta{display:block}.product-meta strong{display:block;margin-top:9px}.product-meta h3{font-size:.95rem}.sample-tag{font-size:.7rem;padding:5px 8px;top:8px;left:8px}.how-to{padding:35px 6%}.how-to h2{font-size:1.8rem}.how-to>div{grid-template-columns:1fr;gap:14px}.how-to p{margin-top:0;max-width:none}footer{align-items:start;flex-direction:column;gap:10px}.detail-layout{grid-template-columns:1fr;gap:10px}.detail-image{aspect-ratio:1/1;max-width:280px;margin:auto;width:100%}dialog{padding:20px}.detail-info{padding-top:10px}.preview-banner{font-size:.75rem}.categories button{font-size:.9rem;padding:10px 15px}.toast{font-size:.85rem;max-width:95vw;white-space:normal}.bag-row{grid-template-columns:50px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.catalog-photo{display:block;position:static;width:100%;height:100%;object-fit:contain;background:#f4f4f6}.hero-product .catalog-photo{object-fit:cover}.product-meta strong{font-size:.85rem;white-space:normal}.availability-note{font-size:.9rem;color:#555;line-height:1.5}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Original Duplexx Apparels brand emblem. */
header{padding-top:12px;padding-bottom:12px}.brand-logo{display:block;flex-shrink:0;line-height:0}.brand-logo img{display:block;width:124px;height:auto;object-fit:contain}footer .brand-logo img{width:180px}@media(max-width:700px){header{padding-top:10px;padding-bottom:10px}.brand-logo img{width:100px}footer .brand-logo img{width:160px}}