/* HerDigitalArt 02 — bold, optimistic consumer brand. */
:root{--paper:#fffbed;--ink:#142b62;--wine:#184dd8;--muted:#46577b;--line:#c8cfe0;--clay:#153fc0;--serif:'Outfit','Arial Black',Arial,sans-serif;--sans:'Outfit',Arial,sans-serif;--yellow:#ffe257;--blue:#d9e7fc;--pink:#f6c9de;--orange:#ff9c66}body{font-family:var(--sans);line-height:1.5}h1,h2,h3{font-weight:800;letter-spacing:-.045em}em{font-style:normal}.wrap{width:min(1380px,90%)}.preview-note{background:#edf0f7;color:#44536c;font-size:12px;padding:5px 12px}.topline{background:var(--ink);color:#fffbea;padding:10px 18px;font-size:13px;letter-spacing:.015em;font-weight:500}.header{padding:21px 0 24px;border:0}.wordmark{font:800 32px/1 var(--sans);letter-spacing:-1.6px}.wordmark em{font-weight:800;color:var(--wine)}.nav{font-size:15px;font-weight:600;gap:30px}.header-cta{border:0;background:var(--yellow);padding:13px 24px;border-radius:32px;font-weight:700}.hero-shell{background:var(--blue);overflow:hidden}.hero{min-height:610px;padding:58px 0 65px;grid-template-columns:1.04fr 1fr;gap:2%}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:12px;letter-spacing:.09em}.hero h1{font-family:var(--sans);font-size:clamp(70px,7.5vw,112px);font-weight:900;line-height:.94;letter-spacing:-.055em;margin:22px 0 28px}.hero h1 em{color:var(--wine)}.hero p{font-size:18px;line-height:1.55;max-width:465px;color:var(--ink);margin-bottom:27px}.button{background:var(--wine);border:0;border-radius:40px;color:white;padding:19px 27px;font-size:16px;font-weight:700;transition:transform .18s,background .18s;gap:24px}.button:hover{transform:translateY(-3px);background:var(--ink)}.button.secondary{border:1.5px solid var(--ink);color:var(--ink);background:transparent}.hero-foot{display:flex;gap:22px;font-size:12px;letter-spacing:0;color:var(--ink);margin-top:20px}.hero-foot span:before{content:'✓';margin-right:6px;font-weight:800}.hero-collage{height:480px;position:relative;margin-left:0;isolation:isolate}.collage-item{position:absolute;background:var(--paper);border:7px solid var(--paper);border-radius:12px;transition:transform .25s;overflow:hidden}.collage-item img{aspect-ratio:1;object-fit:contain}.collage-item span{display:block;padding:12px 4px 6px;font-size:10px;letter-spacing:.045em;font-weight:800;color:var(--ink)}.collage-learning{width:61%;left:0;top:0;transform:rotate(-8deg);z-index:1}.collage-labels{width:58%;right:-6%;top:136px;transform:rotate(9deg);z-index:3;background:#fff3b7;border-color:#fff3b7}.collage-wedding{width:43%;left:7%;top:279px;transform:rotate(-4deg);z-index:2;background:#f4cbe0;border-color:#f4cbe0}.collage-learning:hover{transform:rotate(-4deg) translateY(-6px)}.collage-labels:hover{transform:rotate(5deg) translateY(-6px)}.collage-wedding:hover{transform:rotate(0) translateY(-6px);z-index:4}.purpose-shell{background:var(--yellow)}.purpose-strip{border:0;font:800 17px var(--sans);padding:22px 0;letter-spacing:-.025em}.purpose-strip span{color:var(--ink);font-size:24px}.collection{padding:75px 0 65px}.section-top{margin-bottom:30px}.section-top .eyebrow{color:var(--wine)}.section-top h2{font:800 clamp(36px,4vw,59px)/1 var(--sans);letter-spacing:-.055em;max-width:670px}.section-top p{font-size:16px;max-width:315px}.search{border:1.5px solid var(--line);padding:11px 18px;border-radius:30px;background:#fff;max-width:490px}.search input{font-size:15px}.search:focus-within{border-color:var(--wine);outline:2px solid var(--wine);outline-offset:2px}.search input:focus-visible{outline:none}select{border-radius:30px;border:1.5px solid var(--line);background:white;padding:12px 18px}.filters{gap:9px;margin-top:25px}.filter{border-radius:30px;font-size:14px;padding:10px 18px;border:1.5px solid var(--line);font-weight:500}.filter.active{background:var(--ink);border-color:var(--ink)}.count{font-size:13px}.grid{gap:25px}.card{border-radius:22px;background:#f4dded;padding:16px!important;display:flex;flex-direction:column}.card:nth-child(3n+2){background:#dae7ff;transform:translateY(19px)}.card:nth-child(3n+3){background:#fae8a8}.card-media{border-radius:13px;aspect-ratio:1;overflow:hidden;background:white}.card-media img{object-fit:contain}.card-meta{color:var(--ink);font-size:10px;letter-spacing:.07em;margin:21px 0 9px}.card h3{font:800 29px/1.03 var(--sans);letter-spacing:-.04em;margin:0 0 12px}.card p{font-size:15px;color:var(--ink);line-height:1.5;margin-bottom:20px}.card-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;border:0;padding:0;gap:12px;font-size:13px}.card-bottom span{font-weight:500}.card-bottom a{display:block;background:var(--ink);color:var(--paper);padding:13px 18px;border-radius:30px;text-align:center;text-decoration:none;font-size:14px;font-weight:700}.card-bottom a:hover{background:var(--wine)}.more{margin-top:50px}.empty{border:0;border-radius:22px;background:#e7edfc}.empty h3{font:800 36px/1.1 var(--sans)}.browse{padding:65px 0 80px;gap:8%;grid-template-columns:1fr 1fr}.browse .eyebrow{font-size:11px;letter-spacing:.07em}.browse h2{font-size:clamp(48px,5.4vw,78px);line-height:.98;font-weight:900;margin-top:20px}.browse h2 em{color:var(--wine)}.browse p{font-size:18px;max-width:350px}.category-row{border:0!important;border-radius:18px;padding:18px 22px;margin-bottom:10px;background:#eee4fb;transition:transform .2s}.category-row:nth-child(2){background:#f7d2de;margin-left:25px}.category-row:nth-child(3){background:#d9e8fc;margin-right:15px}.category-row:nth-child(4){background:#ffdfa7;margin-left:12px}.category-row:nth-child(5){background:#e4e8bf}.category-row:hover{transform:translateX(5px);color:var(--ink)}.category-row strong{font:700 25px/1.2 var(--sans);letter-spacing:-.04em}.category-row small{font-size:12px;color:var(--ink);margin-right:15px}.category-row>span{font-size:25px}.manifesto{background:var(--wine);padding:70px 0;color:#fffbed}.manifesto-inner{grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.manifesto h2{font-size:clamp(54px,6vw,87px);line-height:.99;font-weight:900}.manifesto h2 em{color:var(--yellow)}.manifesto p{color:#fffbed;font-size:21px;line-height:1.5;margin-bottom:20px}.manifesto .button{background:var(--yellow);color:var(--ink);margin-top:12px}.manifesto .signature{font:500 14px var(--sans);margin-top:24px;margin-bottom:0}.faq{padding:75px 0;grid-template-columns:.85fr 1.15fr}.faq h2{font-size:55px;font-weight:800;line-height:1.02}.faq h2 em{color:var(--wine)}details{background:#f0ede2;border:0!important;border-radius:14px;padding:20px 22px;margin-bottom:10px}summary{font-size:17px;font-weight:600}details p{font-size:15px;color:var(--ink)}.footer{border-top:2px solid var(--ink);padding:40px 0 28px}.footer .wordmark{font-size:48px}.footer-links{font-weight:600}.footer p,.footer-bottom{color:var(--muted)}.shop-heading h1{font-weight:900;line-height:1;font-size:clamp(64px,8vw,115px)}.shop-heading h1 em{color:var(--wine)}.shop-heading p{font-size:18px}.detail-grid{gap:6%}.detail-image{border-radius:24px;background:#e0eafa}.detail h1{font-weight:800;line-height:1.02}.detail-price{font-weight:600}.detail-facts{line-height:1.9}.status-note{background:#fff0b9;border:0;border-radius:14px}.menu{border-radius:30px;border:1.5px solid var(--ink);padding:9px 17px;font-weight:600}
@media(min-width:1600px){.hero{min-height:660px}.hero-collage{height:520px}.collage-wedding{top:310px}.collage-labels{top:155px}}
@media(max-width:1000px){.nav{gap:18px}.hero{min-height:550px}.hero h1{font-size:82px}.hero-collage{height:430px}.collage-labels{top:160px;right:0}.collage-wedding{top:280px}.card h3{font-size:25px}.hero-foot{gap:12px}.category-row strong{font-size:22px}}
@media(max-width:650px){.header{padding:18px 0}.wordmark{font-size:28px}.nav{font-size:15px}.hero{padding:38px 0 45px;display:block}.hero h1{font-size:clamp(66px,17vw,89px);line-height:.94;margin-top:18px}.hero p{font-size:17px;max-width:100%}.hero-copy .button{font-size:15px;width:100%;justify-content:center}.hero .eyebrow{font-size:10px}.hero-foot{justify-content:center;font-size:11px;gap:16px}.hero-collage{height:390px;margin:42px 0 0}.collage-learning{width:61%;left:2%;top:0}.collage-labels{width:56%;right:0;top:126px}.collage-wedding{width:43%;left:6%;top:230px}.collage-item{border-width:5px;border-radius:8px}.collage-item span{font-size:8px;padding:8px 2px 4px}.purpose-strip{font-size:11px;padding:16px 0;gap:12px;justify-content:center;line-height:1.5}.purpose-strip span{display:none}.collection{padding:45px 0}.section-top h2{font-size:40px;line-height:1.02}.section-top p{font-size:16px;max-width:100%}.filters{margin-top:15px;gap:7px}.filter{font-size:12px;padding:9px 13px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card{padding:10px!important;border-radius:16px}.card:nth-child(3n+2){transform:none}.card-media{border-radius:9px}.card h3{font-size:23px}.card-meta{font-size:9px;margin-top:15px}.card p{font-size:13px;margin-bottom:15px}.card-bottom{font-size:11px;gap:9px}.card-bottom a{font-size:11px;padding:11px 5px;letter-spacing:-.01em}.browse{display:block;padding:30px 0 40px}.browse h2{font-size:56px}.browse p{font-size:17px;margin:17px 0 30px}.category-row{padding:17px 15px;border-radius:14px}.category-row strong{font-size:23px}.category-row small{margin-right:10px}.manifesto{padding:45px 0}.manifesto-inner{display:block}.manifesto h2{font-size:60px;margin-bottom:28px}.manifesto p{font-size:18px}.manifesto .button{font-size:14px}.faq{display:block;padding:45px 0}.faq h2{font-size:46px;margin-bottom:30px}.faq summary{font-size:15px}.faq details{padding:18px}.footer .wordmark{font-size:38px}.footer-links{font-size:14px}.shop-heading h1{font-size:68px}.detail h1{font-size:48px}.detail-grid{display:block}.detail-grid>div+div{margin-top:32px}.detail .button{width:100%;font-size:14px}}