*{box-sizing:border-box} :root{--paper:#f7f4ee;--ink:#191919;--orange:#ff5938;--lime:#d8f84a;--blue:#5158f6;--line:#d9d5cc}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topline{height:29px;background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px}.topline span{color:var(--lime)}.header{height:84px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:700;letter-spacing:-.7px}.brand-icon{height:38px;width:38px;background:var(--orange);display:grid;place-items:center;font-size:25px;transform:rotate(-5deg)}.brand small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:1.4px;margin-top:3px}.orange{color:var(--orange)}nav{display:flex;gap:30px}nav a,.header-cta{font-size:10px;font-weight:700;letter-spacing:1px}.header-cta{border:1px solid var(--ink);padding:13px 16px}.header-cta:hover{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:48px 5vw 0;min-height:550px;overflow:hidden}.hero-text{padding:38px 0 18px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 17px}.dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:7px}.hero h1,.section-head h2,.how-heading h2,.about h2,.contact h2{font:700 clamp(45px,6.5vw,86px)/.92 "Space Grotesk",sans-serif;letter-spacing:-.08em;margin:0}.hero h1 span,.how-heading h2 span,.about h2 span{color:var(--orange)}.intro{max-width:420px;font-size:13px;line-height:1.8;color:#57534c;margin:24px 0 27px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:white;border:0;padding:16px 19px;font-size:9px;font-weight:700;letter-spacing:1.1px;cursor:pointer}.primary:hover{background:var(--orange)}.primary b{font-size:17px}.hero-meta{display:flex;justify-content:space-between;width:100%;margin-top:auto;border-top:1px solid var(--line);padding-top:14px;font-size:8px;letter-spacing:1px;color:#777}.hero-visual{position:relative;min-height:450px;background:var(--lime);overflow:hidden}.hero-visual:before{content:"";position:absolute;width:88%;height:115%;left:8%;top:5%;background:var(--orange);border-radius:48% 48% 0 0;transform:rotate(-10deg)}.circle{position:absolute;width:65%;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:var(--blue);right:3%;bottom:-7%}.block{position:absolute;width:50%;height:44%;background:var(--lime);right:8%;top:31%;transform:rotate(12deg);border:2px solid var(--ink)}.sun{position:absolute;width:105px;height:105px;border-radius:50%;background:var(--paper);right:8%;top:8%}.hero-type{position:absolute;left:10%;top:22%;font:700 clamp(55px,7.5vw,100px)/.77 "Space Grotesk",sans-serif;letter-spacing:-.1em;transform:rotate(-7deg)}.hero-type em{font-style:normal;color:var(--paper)}.hero-sticker{position:absolute;right:7%;bottom:8%;background:var(--paper);padding:14px 16px;font:700 16px/1.05 "Space Grotesk",sans-serif;transform:rotate(5deg)}.hero-sticker small{display:block;font:700 8px "DM Sans",sans-serif;letter-spacing:1.5px;margin-top:9px}.side-note{position:absolute;right:12px;top:38%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.ticker{background:var(--orange);white-space:nowrap;overflow:hidden;padding:15px 0;font:700 12px "Space Grotesk",sans-serif;letter-spacing:1px}.ticker{animation:none}.collection{padding:88px 5vw 78px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section-head h2{font-size:clamp(37px,5.3vw,66px)}.section-head>p{font-size:11px;line-height:1.7;color:#666;margin-bottom:4px}.filters{display:flex;gap:8px;margin:32px 0 20px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{min-width:0}.product-art{position:relative;aspect-ratio:4/4.8;display:grid;place-items:center;overflow:hidden}.tag{position:absolute;top:13px;left:12px;font-size:8px;font-weight:700;letter-spacing:1.4px}.product-shape{width:67%;height:60%;display:grid;place-items:center;text-align:center;font:700 clamp(25px,3.5vw,48px)/.9 "Space Grotesk",sans-serif;letter-spacing:-.08em;box-shadow:12px 13px 0 #00000012;transform:rotate(-5deg);position:relative}.product-shape:after{content:"";position:absolute;inset:9px;border:1px solid #0003}.product-note{position:absolute;right:10px;bottom:10px;background:var(--paper);padding:7px 8px;font-size:7px;font-weight:700;letter-spacing:.8px}.order-link{position:absolute;bottom:10px;left:10px;right:10px;padding:13px;background:var(--ink);color:white;text-align:center;font-size:9px;font-weight:700;letter-spacing:1px;cursor:pointer;border:0}.order-link:hover{background:var(--orange)}.product-info{display:flex;justify-content:space-between;gap:8px;padding:12px 1px}.product-info h3{font-size:11px;margin:0 0 5px}.product-info p{font-size:9px;color:#777;margin:0}.price{font-size:11px;font-weight:700;white-space:nowrap}.disclaimer{font-size:9px;line-height:1.6;color:#777;margin-top:20px}.order-how{background:var(--ink);color:white;padding:75px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw}.how-heading h2{font-size:clamp(40px,5vw,64px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{border-top:1px solid #555;padding-top:15px}.steps article>span{font:700 25px "Space Grotesk",sans-serif;color:var(--lime)}.steps h3{font-size:13px;margin:28px 0 10px}.steps p{font-size:10px;line-height:1.8;color:#bbb}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9e5dc;min-height:400px}.about-art{background:var(--blue);position:relative;display:grid;place-items:center;overflow:hidden}.about-art>span{font:700 clamp(190px,30vw,380px)/.8 "Space Grotesk",sans-serif;color:var(--lime);letter-spacing:-.16em;transform:rotate(-9deg);text-shadow:12px 12px 0 var(--orange)}.about-art b{position:absolute;right:10%;bottom:13%;background:var(--paper);padding:15px;font:700 13px/1.1 "Space Grotesk",sans-serif;transform:rotate(6deg)}.about-copy{padding:65px 8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about h2{font-size:clamp(42px,5vw,65px)}.about-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#57534c;max-width:430px;margin:22px 0}.text-link{font-size:9px;font-weight:700;letter-spacing:1px;border-bottom:1px solid;padding-bottom:8px}.contact{padding:65px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:clamp(40px,5vw,60px)}.contact>div>p:last-child{font-size:11px;color:#666}.footer{background:var(--ink);color:white;padding:40px 5vw 25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-brand{font:700 26px "Space Grotesk",sans-serif;letter-spacing:-1.5px}.footer-brand span{color:var(--orange)}.footer p{font-size:8px;letter-spacing:1px;color:#aaa;margin-right:auto}.footer div{display:flex;gap:17px}.footer div a{font-size:8px;font-weight:700;letter-spacing:1px}.footer small{width:100%;border-top:1px solid #383838;padding-top:18px;color:#999;font-size:9px}.modal-backdrop{position:fixed;inset:0;background:#0008;z-index:10;opacity:0;visibility:hidden;transition:.2s}.order-modal{position:fixed;z-index:11;top:50%;left:50%;transform:translate(-50%,-46%) scale(.98);width:min(590px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--paper);padding:25px;opacity:0;visibility:hidden;transition:.2s}.modal-open .modal-backdrop,.modal-open .order-modal{opacity:1;visibility:visible}.modal-open .order-modal{transform:translate(-50%,-50%) scale(1)}.modal-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.modal-head .eyebrow{margin-bottom:8px}.modal-head h2{font:700 24px "Space Grotesk",sans-serif;letter-spacing:-1px;margin:0}.modal-head>button{align-self:flex-start;border:0;background:transparent;font-size:20px;cursor:pointer}.modal-intro{font-size:11px;line-height:1.7;color:#666}.selected-product{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--lime);font-size:12px;font-weight:700;margin:17px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:8px;font-weight:700;letter-spacing:1px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:#fffdf8;padding:12px;font-size:12px;letter-spacing:0;outline-color:var(--orange);border-radius:0}.form-grid .full{grid-column:1/-1}.submit{width:100%;margin-top:18px;justify-content:center}.form-note,.form-error{font-size:9px;line-height:1.6;color:#777;text-align:center}.form-error{color:#b42318}.form-error:empty{display:none}
@media(max-width:800px){.header{height:70px}.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:15px;gap:24px}.hero-text{padding-top:28px;min-height:350px}.hero h1{font-size:clamp(52px,12vw,82px)}.hero-visual{min-height:380px}.hero-type{font-size:clamp(65px,15vw,100px)}.hero-meta{margin-top:42px}.section-head{align-items:flex-start;flex-direction:column}.collection{padding:62px 5vw}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.order-how{grid-template-columns:1fr;gap:35px;padding:60px 5vw}.steps{gap:14px}.steps h3{margin-top:20px}.about{grid-template-columns:1fr}.about-art{min-height:280px}.about-copy{padding:50px 7vw}.contact{align-items:flex-start;flex-direction:column;padding:50px 5vw}.footer p{width:100%;order:2}.footer div{width:100%;order:3}.footer small{order:4}}@media(max-width:430px){.brand{font-size:15px}.brand-icon{width:33px;height:33px}.header-cta{font-size:8px;padding:11px 9px}.steps{grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:36px 1fr;column-gap:12px}.steps article>span{grid-row:span 2}.steps h3{margin:0 0 7px}.steps p{margin:0 0 12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.order-modal{padding:18px}.footer div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.real-product-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.order-link:disabled{background:#777;cursor:not-allowed}.product-art{isolation:isolate}.product-art .tag,.product-note,.order-link{z-index:2}.product-shape{z-index:1}

/* Official DJ Sedan logo supplied by the owner */
.brand{gap:12px}.brand img{display:block;width:142px;height:48px;object-fit:contain;object-position:left center}.brand-caption{font:700 8px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#191919;align-self:flex-end;padding-bottom:7px}
.footer-brand{display:inline-flex;align-items:center}.footer-brand img{width:150px;height:50px;object-fit:contain;filter:invert(1) hue-rotate(180deg)}
@media(max-width:430px){.brand img{width:112px;height:40px}.brand-caption{display:none}.footer-brand img{width:130px}}

/* Original DJ Sedan wordmark: white artwork with transparent background */
.brand img{background:#000;padding:5px 8px;width:150px;height:48px;object-fit:contain;object-position:center}.footer-brand img{filter:none;background:#000;padding:5px 8px;width:150px;height:50px;object-fit:contain}
@media(max-width:430px){.brand img{width:112px;height:40px}.footer-brand img{width:130px}}

/* Original DJ Sedan wordmark: keep the white mark legible on the light storefront. */
.header .brand img{display:block;width:150px;height:40px;object-fit:contain;background:#000;padding:5px 8px;}
.header .brand .brand-caption{display:block;font-size:8px;font-weight:700;letter-spacing:1.4px;white-space:nowrap;}
.footer-brand img{display:block;width:150px;height:42px;object-fit:contain;background:#000;padding:5px 8px;}
@media(max-width:800px){.header .brand img{width:118px;height:34px}.header .brand .brand-caption{font-size:7px}.footer-brand img{width:130px;height:38px}}