@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#f8f5ef;--ink:#252b24;--pink:#efb8c8;--green:#dbe7d0;--orange:#d86343;--muted:#62665c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.06;letter-spacing:-2.5px}h1{font-size:clamp(56px,6.7vw,100px);margin-bottom:25px}h2{font-size:clamp(42px,4.6vw,65px);margin-bottom:25px}h1 em,h2 em{font-weight:500;color:var(--orange)}h3{font-weight:500;font-size:18px}em{font-family:'Playfair Display',Georgia,serif}.announcement{background:var(--green);text-align:center;font-size:11px;padding:9px 12px;letter-spacing:1px}.announcement span{margin-left:20px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:24px;border-bottom:1px solid #deded3}.brand{font-size:20px;white-space:nowrap;letter-spacing:-.7px;font-weight:500}.brand em{font-size:32px;margin-left:3px}.brand-star{color:var(--orange);margin-left:12px;font-size:32px;vertical-align:middle}nav{display:flex;gap:26px;font-size:13px}nav a:hover,.text-link:hover{color:var(--orange)}.bag{border:0;background:transparent;font-size:13px;white-space:nowrap}.bag span{background:var(--ink);color:var(--paper);border-radius:50%;display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;margin-left:6px}.hero{max-width:1440px;margin:auto;padding:70px 5% 75px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:23px}.tiny-star{color:var(--orange);font-size:24px;margin-right:8px;vertical-align:middle}.intro{max-width:380px;font-size:16px;color:var(--muted);line-height:1.8}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 23px;border-radius:3px;font-size:13px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.dark:hover{background:#444d3a}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}.hero-note{font-size:11px;color:var(--muted);margin-top:35px}.hero-art{height:570px;position:relative;margin:0 10px 0 15px}.hero-art>img{position:absolute;inset:0;transform:rotate(3deg);object-position:50% 64%;border:12px solid #fffdf6;box-shadow:8px 13px 22px #242d231a}.pink-shape{position:absolute;background:var(--pink);inset:6% -6% -4% 12%;border-radius:52% 48% 5% 12%;transform:rotate(-5deg)}.art-tag{position:absolute;bottom:22px;left:-30px;background:#f7ecb9;padding:16px 23px;transform:rotate(-7deg);font-size:13px;line-height:1.5;box-shadow:1px 4px 10px #00000012}.art-tag em{font-size:22px}.round-stamp{position:absolute;right:-23px;top:-29px;border:1px solid var(--ink);background:var(--green);height:108px;width:108px;border-radius:50%;text-align:center;padding:21px 5px;font-size:8px;line-height:2;letter-spacing:1.5px;transform:rotate(12deg)}.ticker{background:var(--pink);padding:19px;display:flex;justify-content:space-around;gap:25px;white-space:nowrap;overflow:hidden;font-size:11px;letter-spacing:2px}.section{max-width:1440px;margin:auto;padding:85px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filters button{background:transparent;border:1px solid #cfcfc2;border-radius:30px;padding:10px 20px;font-size:12px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product[hidden]{display:none}.product-image{padding:0;border:0;display:block;width:100%;height:360px;position:relative;overflow:hidden;border-radius:6px;background:#ddd}.product-image img{transition:transform .5s}.product-image:hover img{transform:scale(1.05)}.portrait-crop{object-position:50% 60%}.wallet-crop{object-position:50% 42%}.mini-crop{object-position:50% 75%;transform:scale(1.3)}.product-image:hover .mini-crop{transform:scale(1.35)}.badge{position:absolute;top:14px;left:14px;background:var(--paper);padding:5px 10px;font-size:10px;border-radius:25px}.image-arrow{position:absolute;bottom:14px;right:14px;background:var(--paper);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.product-title{display:flex;justify-content:space-between;align-items:center;margin:17px 0 3px;gap:10px}.product-title h3{margin:0;font-size:17px}.add-pick{background:transparent;border:1px solid #c9caba;border-radius:50%;height:30px;width:30px;font-size:20px;flex-shrink:0}.product>p{font-size:12px;color:var(--muted);margin:4px 0 12px}.availability{border:0;padding:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:5px}.shop-note{font-size:11px;color:var(--muted);margin:25px 0 0}.wallet-section{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;background:var(--green)}.wallet-photo{height:560px;position:relative}.wallet-photo img{object-position:50% 39%}.photo-note{position:absolute;bottom:30px;left:30px;transform:rotate(-5deg);background:#f8edbf;padding:12px 18px;font-family:Georgia,serif;font-style:italic}.wallet-copy{align-self:center;padding:50px 13%}.wallet-copy p:not(.eyebrow){color:var(--muted);font-size:14px}.wallet-copy .button{margin:15px 0 22px}.wallet-copy>.text-link{display:block}.commissions{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:100px;padding-bottom:100px}.commission-intro>p:not(.eyebrow){max-width:360px;color:var(--muted);font-size:14px}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{display:flex;gap:18px;margin-bottom:20px}.steps li>span{display:grid;place-items:center;width:35px;height:35px;background:var(--green);border-radius:50%;font-size:11px;flex-shrink:0}.steps h3{font-size:15px;margin:0}.steps p{font-size:12px;color:var(--muted);margin:3px 0}form{background:#eeeae1;padding:35px;border-radius:6px;align-self:start}form h3{font-family:Georgia,serif;font-size:24px;margin-bottom:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:500;margin-bottom:18px}label span{font-weight:400;font-size:10px}input,select,textarea{display:block;margin-top:7px;background:var(--paper);border:1px solid #d8d7ca;border-radius:3px;width:100%;padding:12px;font-size:13px;color:var(--ink);min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange)}form .button{width:100%}.form-note{font-size:11px;color:var(--muted);line-height:1.7;margin:14px 0 0}.form-status{font-size:12px;margin-top:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#efe8dd;align-items:center}.studio-photo{height:520px;position:relative}.studio-photo img{border-radius:5px;object-position:50% 50%}.studio-label{position:absolute;bottom:25px;left:-10px;background:var(--pink);padding:12px 18px;transform:rotate(-4deg);font-family:Georgia,serif;font-style:italic;font-size:13px}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:400px}.about-copy .text-link{display:inline-block;margin:15px 0}.signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:25px;margin-top:25px;color:var(--orange)}.faq{max-width:900px}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid #d6d5c8;padding:20px 0}.faq details:last-child{border-bottom:1px solid #d6d5c8}.faq summary{cursor:pointer;font-size:15px}.faq details p{padding-top:15px;font-size:13px;color:var(--muted);margin-bottom:0}.closing{position:relative;background:var(--pink);text-align:center;padding:50px 20px;overflow:hidden}.closing p{font-family:Georgia,serif;font-size:clamp(25px,3vw,42px);font-style:italic}.closing>span{position:absolute;right:7%;top:-20px;font-size:180px;color:#252b2410;pointer-events:none}footer{padding:50px 5% 25px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}footer>p{font-family:Georgia,serif;font-style:italic;justify-self:end;margin:0}footer>div{display:flex;gap:25px;font-size:12px}footer small{grid-column:1/-1;font-size:10px;color:var(--muted);border-top:1px solid #dddcce;margin-top:30px;padding-top:20px}dialog{background:var(--paper);border:0;border-radius:8px;color:var(--ink);max-width:900px;width:90%;padding:45px;max-height:90vh;overflow:auto}dialog::backdrop{background:#111a13aa;backdrop-filter:blur(3px)}.close{position:absolute;top:8px;right:15px;border:0;background:none;font-size:30px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-layout>img{max-height:480px;border-radius:5px}.detail-layout h2{font-size:40px;letter-spacing:-1px}.detail-layout p{font-size:14px}.detail-note{font-size:12px!important;color:var(--muted)}.detail-layout .text-link{display:block;margin-top:25px}#bag-dialog{max-width:550px}#bag-dialog h2{font-size:50px}#bag-dialog>p{font-size:13px}.bag-item{display:flex;gap:15px;align-items:center;border-bottom:1px solid #ddd;padding:15px 0}.bag-item img{height:70px;width:65px;border-radius:4px}.bag-item h3{font-size:14px;margin:0}.bag-item button{margin-left:auto;border:0;background:none;font-size:11px;text-decoration:underline}#email-picks{margin-top:25px}.disabled{opacity:.45;pointer-events:none}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:white;padding:12px 20px;border-radius:30px;font-size:12px;opacity:0;transition:all .2s;pointer-events:none;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-60px;left:10px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:90px}.hero-art{height:620px}}@media(max-width:1050px){nav{gap:15px;font-size:11px}.hero-art{height:490px}.actions{gap:15px;flex-wrap:wrap}.product-image{height:310px}.wallet-copy{padding:45px 9%}.commissions{gap:6%}form{padding:25px}.hero{gap:3%}.hero h1{font-size:70px}}@media(max-width:760px){html{scroll-padding-top:20px}.announcement{font-size:9px}.announcement span{display:none}header{padding:16px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:17px}.brand em{font-size:27px}.brand-star{font-size:25px}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #deded3;padding-top:12px;gap:8px}.hero{grid-template-columns:1fr;padding:38px 6% 50px;gap:45px}.hero h1{font-size:65px;letter-spacing:-2px}.hero-copy .eyebrow{margin-bottom:16px}.intro{font-size:14px;max-width:400px}.hero-note{margin-top:22px;margin-bottom:0}.hero-art{height:470px;margin:0 18px}.round-stamp{height:88px;width:88px;font-size:7px;padding:15px 3px;right:-15px}.art-tag{left:-15px}.ticker{justify-content:start;padding:15px;font-size:9px;gap:20px}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:18px}.section h2{font-size:44px;letter-spacing:-1.5px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 13px}.product-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.product-image{height:290px}.product-title h3{font-size:14px}.badge{left:8px;top:8px;font-size:8px;padding:4px 7px}.product>p{font-size:11px}.availability{font-size:11px}.wallet-section,.commissions,.about{grid-template-columns:1fr}.wallet-photo{height:430px}.wallet-copy{padding:45px 6%}.wallet-copy h2{font-size:50px}.commissions{gap:30px}form{padding:24px}.about{gap:35px}.studio-photo{height:430px}.about-copy h2{font-size:50px}.faq summary{font-size:14px}.closing{padding:38px 20px}.closing>span{font-size:130px;right:-20px}footer{padding:35px 6% 20px}footer>p{font-size:12px}dialog{padding:35px 22px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-layout>img{height:300px}.detail-layout h2{font-size:33px}#bag-dialog h2{font-size:42px}}@media(max-width:420px){.hero h1{font-size:58px}.hero-art{height:400px}.product-grid{grid-template-columns:1fr}.product-image{height:400px}.product-title h3{font-size:18px}.product>p{font-size:13px}.availability{font-size:12px}.badge{font-size:10px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}footer>p{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Drawn suns stay consistent across iPhone and desktop. */
.cute-sun{display:inline-block;background:url('assets/sun.svg') center/contain no-repeat;width:1em;height:1em;vertical-align:middle}.brand-star{display:inline-flex;align-items:center}.tiny-star{display:inline-flex;align-items:center;width:24px;height:24px}.round-stamp .cute-sun{width:20px;height:20px;margin:2px 0}.ticker>.cute-sun{width:20px;height:20px;flex-shrink:0}.closing>.cute-sun{width:160px;height:160px;opacity:.18;right:7%;top:0}.filters .commission-filter{border:1px solid #cfcfc2;border-radius:30px;padding:10px 20px;font-size:12px}.filters .commission-filter:hover{background:var(--green)}
@media(max-width:760px){nav{overflow-x:auto;justify-content:flex-start;gap:22px;padding-bottom:5px}nav a{white-space:nowrap;font-size:12px}header .brand-star{margin-left:8px}.filters .commission-filter{padding:8px 13px;font-size:11px}.closing>.cute-sun{width:120px;height:120px;right:-20px}}

.category-intro{padding:35px;background:var(--green);border-radius:6px;max-width:700px}.category-intro[hidden]{display:none}.category-intro>.cute-sun{width:42px;height:42px;margin-bottom:20px}.category-intro h3{font-family:Georgia,serif;font-size:27px}.category-intro p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:14px}

.detail-photo{min-width:0}.detail-photo>img{max-height:480px;width:100%;object-fit:contain;border-radius:5px}.detail-thumbs{display:flex;gap:10px;margin-top:12px}.detail-thumbs:empty{display:none}.detail-thumbs button{padding:0;background:transparent;border:1px solid #cfcfc2;border-radius:4px;width:65px;height:75px;overflow:hidden}.product-image img{object-position:50% 55%}#reimagined-empty{margin-top:28px}@media(max-width:760px){.detail-photo>img{height:360px}}

.product>.product-price{font-size:17px;color:var(--ink);font-weight:600;margin:8px 0 12px}.detail-layout .detail-price{font-size:24px;font-weight:600;margin-bottom:15px}.pick-price{font-size:12px;margin:4px 0 0;color:var(--muted)}

/* A warm gallery with category colors from rosy pink to soft green. */
:root{--paper:#f6edcf;--pink:#eab7c4;--green:#d9e5c7;--ink:#293025;--muted:#64654f}
body{background:var(--paper)}header{flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid #ded3b5}.bag{margin-left:auto}nav{order:3;flex-basis:100%;display:flex;justify-content:center;gap:10px;border-top:0;padding-top:4px}nav a,.filters button,.filters .commission-filter{--tab-color:#f2dbac;background:var(--tab-color);color:var(--ink);border:1px solid transparent;border-radius:12px;padding:11px 17px;font-size:12px;font-weight:500;transition:box-shadow .2s,transform .2s}nav a:hover,.filters button:hover,.filters .commission-filter:hover{color:var(--ink);background:var(--tab-color);transform:translateY(-2px);box-shadow:0 3px 0 #29302522}
[data-shop-filter="all"],[data-filter="all"]{--tab-color:#efce89}
[data-shop-filter="canvases"],[data-filter="canvases"]{--tab-color:#e89aaf}
[data-shop-filter="minis"],[data-filter="minis"]{--tab-color:#f2c7d3}
[data-shop-filter="wearable"],[data-filter="wearable"]{--tab-color:#a6c88e}
[data-shop-filter="reimagined"],[data-filter="reimagined"]{--tab-color:#c3d9ad}
nav a[href="#commissions"],.filters .commission-filter{--tab-color:#dfebd0}
nav a.active,.filters button.active{color:var(--ink);background:var(--tab-color);border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);font-weight:700}.filters{gap:10px}
.hero{padding-top:48px;padding-bottom:60px;gap:6%;align-items:center}.hero-gallery{width:100%;min-width:0}.gallery-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:0 0 14px;color:var(--muted);border-bottom:1px solid #ded3b5;margin-bottom:20px}.gallery-heading>a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.hero-gallery figure{margin:0}.hero-gallery button{display:block;padding:0;border:0;background:none;width:100%;overflow:hidden;border-radius:5px}.hero-gallery img{transition:transform .4s}.hero-gallery button:hover img{transform:scale(1.03)}.gallery-main button{height:285px}.gallery-main img{object-position:50% 78%}.hero-gallery figcaption{font-size:10px;margin-top:9px;color:var(--muted)}.gallery-main figcaption{display:flex;justify-content:space-between}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.gallery-pair button{height:210px}.gallery-pair figure:first-child img{object-position:50% 65%}.gallery-pair figure:last-child img{object-position:50% 67%}.ticker{background:#ead7b8;border-top:1px solid #dfc9a7;border-bottom:1px solid #dfc9a7}.wallet-section{background:#e4e8ce}.commissions form{background:#eddfbd}.about{background:#efe2c2}.closing{background:#edd0b9}.badge{background:#fff4d7}.announcement{background:#dbe6c9}dialog{background:var(--paper)}input,select,textarea{background:#fbf4de}.product-image{background:#ede0bd}.category-intro{background:#e1e9cd}
@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:70px}.gallery-main button{height:340px}.gallery-pair button{height:230px}}
@media(max-width:1050px){nav{gap:8px}nav a{padding:10px 14px;font-size:11px}.gallery-main button{height:230px}.gallery-pair button{height:175px}}
@media(max-width:760px){header{padding-bottom:16px}nav{justify-content:flex-start;flex-wrap:wrap;gap:8px;overflow:visible;padding-top:8px;padding-bottom:0}nav a{font-size:11px;padding:9px 12px;border-radius:10px}.hero{padding:35px 6% 45px;gap:32px}.gallery-heading{font-size:11px;gap:12px}.gallery-heading>a{font-size:10px}.gallery-main button{height:255px}.gallery-pair{gap:14px;margin-top:18px}.gallery-pair button{height:200px}.filters{gap:8px}.filters button,.filters .commission-filter{border-radius:10px;padding:10px 13px;font-size:11px}.hero-gallery figcaption{font-size:10px}}
@media(max-width:420px){.gallery-main button{height:220px}.gallery-pair button{height:175px}.gallery-heading{flex-wrap:wrap;gap:4px}.gallery-main figcaption{gap:10px}}
.filters button[data-filter="all"]{--tab-color:#efce89}.filters button[data-filter="canvases"]{--tab-color:#e89aaf}.filters button[data-filter="minis"]{--tab-color:#f2c7d3}.filters button[data-filter="wearable"]{--tab-color:#a6c88e}.filters button[data-filter="reimagined"]{--tab-color:#c3d9ad}

/* Near-white tan canvas; category colors remain as accents. */
:root{--paper:#fcfaf6}body{background:#fcfaf6}.hero{grid-template-columns:1fr;gap:0}.hero-copy{max-width:850px}.hero .intro{max-width:520px}.hero{padding-top:45px;padding-bottom:45px}.hero h1{font-size:clamp(56px,6.7vw,96px)}header{border-bottom-color:#e8e3d9}.ticker{background:#f3e8df;border-top-color:#ebe0d6;border-bottom-color:#ebe0d6}.wallet-section{background:#f3f6ee}.commissions form{background:#f5f0e8}.about{background:#f6f2ec}.closing{background:#f4e6e8}input,select,textarea{background:#fffdfa}.badge{background:#fcfaf6}.product-image{background:#f3eee5}.category-intro{background:#f0f5e9}.announcement{background:#edf3e5}
@media(max-width:760px){.hero{padding:32px 6% 35px;gap:0}.hero h1{font-size:65px}}@media(max-width:420px){.hero h1{font-size:58px}}

/* User-selected Cornsilk and the artist portrait. */
:root{--paper:#fffdf2}body{background:#fffdf2}.about{background:var(--paper)}.studio-photo{height:auto;aspect-ratio:1320/1927}.studio-photo img{object-fit:contain;object-position:center;border-radius:5px}.badge{background:var(--paper)}
@media(max-width:760px){.studio-photo{height:auto;aspect-ratio:1320/1927}}

/* Pink category palette sampled from the user reference, bright to pale. */
nav a[data-shop-filter="all"],.filters button[data-filter="all"]{--tab-color:var(--category-all)}
nav a[data-shop-filter="canvases"],.filters button[data-filter="canvases"]{--tab-color:var(--category-canvases)}
nav a[data-shop-filter="minis"],.filters button[data-filter="minis"]{--tab-color:var(--category-minis)}
nav a[data-shop-filter="wearable"],.filters button[data-filter="wearable"]{--tab-color:var(--category-wearable)}
nav a[data-shop-filter="reimagined"],.filters button[data-filter="reimagined"]{--tab-color:var(--category-reimagined)}
nav a[href="#commissions"],.filters .commission-filter{--tab-color:var(--category-commissions)}
.hero .actions>.button{background:#f9d3dd;color:var(--ink)}.hero .actions>.button:hover{background:#f9b7cb;color:var(--ink)}.hero .actions{margin-top:30px}

.catalog-group{margin-top:30px}.catalog-heading{font-family:'Playfair Display',Georgia,serif;font-size:28px;letter-spacing:-.5px;margin:0 0 22px}.shop .wallet-section{margin:55px 0 35px;border-radius:6px;overflow:hidden;width:100%}.shop .wallet-photo{height:490px}.shop .wallet-copy{padding:35px 10%}.catalog-group[hidden],#wearable-art[hidden]{display:none}@media(max-width:760px){.shop .wallet-section{margin:42px 0 30px}.shop .wallet-photo{height:380px}.shop .wallet-copy{padding:35px 6%}.catalog-heading{font-size:26px}}

/* Bright candy pink for accent words. */
:root{--word-accent:#e54383}
h1 em,h2 em,.signature{color:var(--word-accent)}

/* Category navigation below the main introduction. */
.category-navigation{max-width:1440px;margin:0 auto;padding:0 5% 28px;flex-wrap:wrap;overflow:visible}.ticker{white-space:normal;text-align:center;justify-content:center}.ticker>span{white-space:normal}
@media(max-width:760px){.category-navigation{padding:0 6% 28px;justify-content:flex-start;gap:8px}.ticker{font-size:10px;padding:16px 6%;letter-spacing:2px}}

/* One category menu directly under the headline, with compact gallery spacing. */
.hero .category-navigation{max-width:none;margin:0;padding:0;justify-content:flex-start;gap:10px}
.hero .actions{margin-top:24px}
.hero{padding-bottom:20px}
.shop{padding-top:24px}
@media(max-width:760px){.hero .category-navigation{padding:0;gap:8px}.hero .actions{margin-top:24px}.hero{padding-bottom:18px}.shop{padding-top:20px}}

/* A clear introduction that leads straight into the artwork. */
.hero{padding-bottom:24px}
.shop{padding-top:12px}
.shop .section-heading{align-items:center;gap:24px;margin-bottom:16px}
.shop .section-heading h2{font-size:36px;line-height:1.15;letter-spacing:-1px}
.shop .section-heading .eyebrow{margin-bottom:10px}
.shop>.shop-note:first-of-type{margin-top:12px}
.shop>.catalog-group:first-of-type{margin-top:24px}
@media(max-width:760px){.hero{padding-bottom:24px}.shop{padding-top:12px}.shop .section-heading h2{font-size:30px;letter-spacing:-.8px}.shop .section-heading>p{margin-top:12px;margin-bottom:0}.shop .section-heading{margin-bottom:12px}}

/* Categories sit with the catalog; the sold-piece invitation is easy to read. */
.hero h1{margin-bottom:0}
.shop>.category-navigation{max-width:none;margin:24px 0 0;padding:0;justify-content:flex-start;gap:10px}
.shop>.sold-piece-note,.shop>.sold-piece-note .text-link{font-size:15px;line-height:1.65}
.shop>.category-navigation+.catalog-group{margin-top:22px}
@media(max-width:760px){.shop>.category-navigation{padding:0;gap:8px;margin-top:24px}.shop>.sold-piece-note,.shop>.sold-piece-note .text-link{font-size:14px}}

/* Contact links are visible beneath the brand on every screen size. */
.header-contact{display:flex;flex-basis:100%;align-items:center;flex-wrap:wrap;gap:4px 22px;color:var(--muted);font-size:12px;line-height:1.5}
.header-contact a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline;text-decoration-color:#e5438355;text-underline-offset:4px;overflow-wrap:anywhere}
.header-contact a:hover{color:var(--word-accent);text-decoration-color:currentColor}
@media(max-width:760px){header{gap:8px 12px}.header-contact{font-size:11px;gap:2px 16px}.header-contact a{min-height:34px}}

/* Inspired wallets get their own section and level photo presentation. */
#inspired-wallets{margin-top:42px}
#inspired-wallets .catalog-heading{font-weight:600}
#inspired-wallets .product-image{aspect-ratio:1/1;height:auto}
#inspired-wallets .product-image img{position:absolute;width:100%;height:auto;left:50%;top:50%;object-fit:contain;transform-origin:50% var(--photo-center);transform:translate(-50%,calc(-1 * var(--photo-center))) rotate(var(--photo-angle)) scale(.85)}
#inspired-wallets .product-image:hover img{transform:translate(-50%,calc(-1 * var(--photo-center))) rotate(var(--photo-angle)) scale(.88)}
#inspired-wallets [data-detail="billfish"]{--photo-angle:12deg;--photo-center:52%}
#inspired-wallets [data-detail="reef-fish"]{--photo-angle:4deg;--photo-center:58%}
#inspired-wallets [data-detail="pink-fish"]{--photo-angle:14deg;--photo-center:52%}

/* Purse photos show the requested crop, and sold designs remain available for inquiries. */
.shop .wallet-photo:has(.purse-lifestyle-photo){height:auto;aspect-ratio:390/610}
.purse-lifestyle-photo{display:block;width:100%;height:100%;overflow:hidden}
#inspired-wallets .purse-set-photo{aspect-ratio:706/940}
.purse-set-image{display:block;width:100%;height:100%;overflow:hidden}
.product>.sold-status{font-size:14px;color:var(--word-accent);font-weight:600}
#detail-crop{display:block;width:100%;max-height:480px;overflow:hidden;border-radius:5px}
#detail-crop[hidden],#detail-image[hidden]{display:none}

/* A compact product photo introduces the wearable-art collection. */
.shop .wallet-photo.wearable-set-photo{height:auto;aspect-ratio:706/660;align-self:center}
.wearable-set-image{display:block;width:100%;height:100%;overflow:hidden}

#wallet-list>.wallet-discount-note{font-size:16px;line-height:1.6}

/* Compact section rhythm with a small designer-product note. */
.section:not(.shop){padding-top:32px;padding-bottom:32px}
.shop{padding-bottom:20px}
.hero{padding-top:30px;padding-bottom:16px}
.section h2{margin-bottom:18px}
.section-heading{margin-bottom:18px}
.shop .wallet-section{margin-top:28px;margin-bottom:24px}
.shop .wallet-copy{padding-top:28px;padding-bottom:28px}
#inspired-wallets{margin-top:28px}
#reimagined-empty.designer-disclaimer{margin:14px 0 0;padding:0;background:none;border-radius:0;max-width:none;font-size:11px;line-height:1.5;color:var(--muted)}
.designer-disclaimer[hidden]{display:none}
.commissions .steps{margin-top:22px;margin-bottom:0}
.commissions .steps li{margin-bottom:14px}
.commissions .steps li:last-child{margin-bottom:0}
.about{gap:24px}
.faq h2{margin-bottom:20px}
.closing{padding-top:30px;padding-bottom:30px}
@media(max-width:760px){.section:not(.shop){padding-top:24px;padding-bottom:24px}.hero{padding-top:26px;padding-bottom:14px}.commissions{gap:20px}.about{gap:20px}.shop .wallet-section{margin-top:24px;margin-bottom:20px}.shop .wallet-copy{padding:24px 6%}footer{padding-top:24px}}

/* A blush commission section with candy-pink steps and a white request card. */
#commissions{background:#fbe3ea;gap:6%}
#commissions .steps li>span{background:#f85484;color:var(--ink);font-weight:700;width:38px;height:38px}
#commissions form{background:#fff;border-radius:18px;border:1px solid #f0cbd6;box-shadow:0 6px 20px #9a41620a;padding:30px}
#commissions input,#commissions select,#commissions textarea{background:#fffafb;border-color:#e8d5db;border-radius:8px}
#commissions input:focus,#commissions select:focus,#commissions textarea:focus{outline:2px solid var(--word-accent);outline-offset:1px}
#commissions form .button{background:#f85484;color:var(--ink);border-radius:10px;font-weight:600}
#commissions form .button:hover{background:#f9749b}
@media(max-width:760px){#commissions{gap:22px}#commissions form{padding:24px;border-radius:16px}}

/* Square checkout for pieces with a verified payment link. */
.canvas-buy{background:#f85484;color:var(--ink);border-radius:10px;padding:12px 18px;margin:0 12px 12px 0;font-weight:600}
.canvas-buy:hover{background:#f9749b}
#detail-buy[hidden]{display:none}


/* Artwork names and prices use the same upright serif as the catalog headings. */
.product-title h3,#detail-title,.bag-item h3,.product>.product-price,.detail-layout .detail-price,.pick-price{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:500;letter-spacing:-.3px;line-height:1.3}
.product-title h3{font-size:23px;min-width:0;overflow-wrap:anywhere}
.product>.product-price{font-size:20px}
.product>.sold-status{font-size:17px}
#detail-title{font-size:40px;letter-spacing:-.5px}
.detail-layout .detail-price{font-size:25px}
.bag-item h3{font-size:21px}
.pick-price{font-size:17px}
@media(max-width:760px){.product-title h3{font-size:22px}#detail-title{font-size:34px}}

/* Shared category colors for navigation and purchase actions. */
:root{--category-all:#f85484;--category-canvases:#f9749b;--category-minis:#f795b0;--category-wearable:#f9b7cb;--category-reimagined:#f9d3dd;--category-commissions:#fbe3ea;}
.product[data-category~="canvases"],#detail-buy[data-category~="canvases"]{--purchase-color:var(--category-canvases)}
.product[data-category~="minis"],#detail-buy[data-category~="minis"]{--purchase-color:var(--category-minis)}
.product[data-category~="wearable"],#detail-buy[data-category~="wearable"]{--purchase-color:var(--category-wearable)}
.product[data-category~="reimagined"],#detail-buy[data-category~="reimagined"]{--purchase-color:var(--category-reimagined)}
.canvas-buy,.canvas-buy:hover{background:var(--purchase-color,var(--category-all));color:var(--ink)}
#commissions form .button,#commissions form .button:hover{background:var(--category-commissions)}

/* Purchase available artwork directly from saved picks. */
.bag-item{align-items:flex-start;gap:14px}.bag-item-info{flex:1;min-width:0}.bag-item-info h3{overflow-wrap:anywhere}.bag-item-info .pick-price{margin:5px 0 9px}.bag-item .pick-buy{margin:0;padding:10px 15px;min-height:44px;gap:8px;white-space:nowrap}.bag-item>button{min-height:44px;flex-shrink:0;padding:0 2px}
.pick-buy[data-category~="canvases"]{--purchase-color:var(--category-canvases)}
.pick-buy[data-category~="minis"]{--purchase-color:var(--category-minis)}
.pick-buy[data-category~="wearable"]{--purchase-color:var(--category-wearable)}
.pick-buy[data-category~="reimagined"]{--purchase-color:var(--category-reimagined)}
@media(max-width:380px){.bag-item{gap:10px}.bag-item img{width:48px;height:58px}.bag-item h3{font-size:18px}.bag-item .pick-buy{font-size:12px;padding:10px 12px}}

/* Minimal artwork pricing: price and purchase in one compact button. */
.product .product-title{margin:12px 0 10px;align-items:center}.product>.canvas-buy{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px;min-height:46px}.product>.canvas-buy .buy-price{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:500;white-space:nowrap}.product>.canvas-buy+.availability{display:block;min-height:44px;margin:0 auto;padding:10px 4px}.product-title .add-pick{width:36px;height:36px;min-width:36px}.product-title h3{font-size:22px}
@media(pointer:coarse){.product-title .add-pick{width:44px;height:44px;min-width:44px}}

/* Compact introduction and saved-picks layout; retain established typefaces. */
.hero{display:block;padding-top:34px;padding-bottom:0}.hero h1{font-size:clamp(42px,5.5vw,68px);line-height:1.08;letter-spacing:-1.8px}.hero-summary{font-size:14px;color:var(--muted);margin:14px 0 0}.shop{padding-top:0}.shop>.category-navigation{margin-top:20px}.shop>.sold-piece-note{margin:12px 0 20px}.shop>.sold-piece-note,.shop>.sold-piece-note .text-link{font-size:12px;line-height:1.5}.shop>.sold-piece-note+.catalog-group{margin-top:18px}
#bag-dialog{padding:30px 24px;max-width:560px}#bag-dialog #bag-title{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 40px 18px 0}#bag-dialog .form-note{font-size:11px;line-height:1.5;margin:14px 0 0}.bag-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.bag-item img{width:52px;height:64px}.bag-item h3{font-size:20px;line-height:1.2}.bag-item-info .pick-price{font-size:17px;margin:5px 0 0}.bag-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:140px}.bag-item-actions>button{margin:0;padding:4px 0;min-height:32px}.bag-item-actions .pick-inquiry{font-size:12px;text-align:right}.bag-item .pick-buy{font-size:12px;padding:10px 12px}#bag-status:empty{display:none}
@media(max-width:760px){.hero{padding-top:28px;padding-bottom:0}.hero h1{font-size:44px;letter-spacing:-1px}.hero-summary{margin-top:12px;font-size:13px}.shop{padding-top:0}.shop>.category-navigation{margin-top:18px}.shop>.sold-piece-note{margin-bottom:18px}}
@media(max-width:380px){.bag-item{grid-template-columns:44px minmax(0,1fr);gap:8px 12px}.bag-item img{width:44px;height:56px}.bag-item-actions{grid-column:2;max-width:none;flex-direction:row;align-items:center;gap:18px}.bag-item h3{font-size:19px}}

#commissions .eyebrow .you-emphasis{font-family:inherit;font-style:italic;font-weight:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

.product>.wallet-color-note{font-size:12px;font-family:inherit;color:var(--muted);margin:-3px 0 10px}

/* Left menu and delivery information retain the site palette and typography. */
header{gap:12px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);font-size:24px}.bag{padding:0;min-height:44px}#site-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(340px,88vw);max-width:none;height:100dvh;max-height:100dvh;padding:64px 28px 28px;border:0;border-radius:0 18px 18px 0;background:var(--paper);overflow-y:auto}#site-menu h2{font-size:38px;letter-spacing:-1px;margin-bottom:24px}.site-menu-links{display:flex;flex-direction:column;gap:4px}.site-menu-links a{display:block;padding:12px 0;min-height:44px;border-bottom:1px solid #eadfe0;font-size:16px}.site-menu-links a:hover{color:var(--word-accent)}.menu-signature{margin-top:28px;font-size:12px;color:var(--muted)}.shipping-section{background:#fbe3ea;padding-top:48px;padding-bottom:48px}.shipping-section h2{font-size:42px}.shipping-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.shipping-options h3{font-size:18px;margin-bottom:8px}.shipping-options p{font-size:14px;color:var(--muted);margin-bottom:0}.shipping-options .text-link{font-size:inherit}.detail-note .text-link{display:inline-block;min-height:32px;padding:4px 0}
@media(max-width:760px){header{column-gap:8px}.menu-toggle{width:36px;min-width:36px}.shipping-options{grid-template-columns:1fr;gap:24px}.shipping-section h2{font-size:36px}}
@media(max-width:380px){header{column-gap:6px}.brand{font-size:15px}.brand em{font-size:24px}.bag{font-size:12px}.bag span{margin-left:3px;width:20px;height:20px}.menu-toggle{width:30px;min-width:30px}}

footer .back-to-top{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--category-commissions);color:var(--ink);font-size:13px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the return-to-top action available while browsing. */
.back-to-top-floating{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;min-height:44px;padding:11px 16px;border-radius:24px;background:var(--category-commissions);color:var(--ink);font-size:12px;box-shadow:0 3px 14px #29302524;border:1px solid #eec2d0}.back-to-top-floating:hover{background:var(--category-wearable)}.back-to-top-floating[hidden]{display:none}

.site-menu-links button{display:block;width:100%;text-align:left;padding:12px 0;min-height:44px;border:0;border-bottom:1px solid #eadfe0;font-size:16px;background:none;color:var(--ink)}.site-menu-links button:hover{color:var(--word-accent)}.inline-contact{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;min-height:44px}#contact-dialog{max-width:460px;padding:36px 28px;border-radius:16px}#contact-dialog h2{font-size:42px;letter-spacing:-1px;margin-bottom:18px}#contact-dialog .eyebrow{margin-bottom:16px}#contact-dialog>p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.contact-actions .button{min-height:48px;justify-content:space-between;border-radius:10px}.contact-email{background:var(--category-canvases);color:var(--ink)}.contact-instagram{background:var(--category-commissions);color:var(--ink)}.contact-address{margin:18px 0 0;overflow-wrap:anywhere}.shipping-options{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.shipping-options{grid-template-columns:1fr}}

.contact-facebook{background:var(--category-wearable);color:var(--ink)}

.header-contact{gap:0 12px;align-items:center;font-size:12px}.header-contact a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.header-contact>span{color:var(--muted);opacity:.6}.header-contact a:hover{color:var(--word-accent)}

/* Tighten the header contact row while keeping comfortable tap targets. */
header{padding-top:10px;padding-bottom:2px;row-gap:0}.header-contact{margin:0;padding:0;line-height:1.2}.header-contact a{min-height:44px;padding-top:0;padding-bottom:0}
@media(max-width:760px){header{padding-top:10px;padding-bottom:2px;row-gap:0}}

/* A compact commission guide beside the request form. */
.commission-guide{margin-top:30px;border-top:1px solid #e8c8d2;padding-top:22px}.commission-guide>h3{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:500;line-height:1.25;margin-bottom:14px}.commission-guide details{border-bottom:1px solid #e8c8d2;padding:0}.commission-guide summary{padding:12px 24px 12px 0;min-height:44px;font-size:14px;font-weight:500;cursor:pointer}.commission-guide details p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}.commission-guide>.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px}

/* One closed dropdown keeps the commission section light. */
details.commission-guide{margin-top:18px;padding:0;border-top:1px solid #e8c8d2;border-bottom:1px solid #e8c8d2}details.commission-guide>summary{min-height:44px;padding:12px 0;font-size:14px;font-weight:500}.commission-guide-content{padding:4px 0 16px}.commission-guide-content p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}.commission-guide-content strong{font-weight:500;color:var(--ink)}.commission-guide-content>.text-link{display:inline-flex;align-items:center;min-height:44px}

/* Selected artwork gallery photograph. */
.detail-thumbs{flex-wrap:wrap}.detail-thumbs button[aria-pressed="true"]{border:2px solid var(--word-accent);box-shadow:0 0 0 2px #e5438320}

/* Preserve the complete uploaded photo and its natural framing. */
.shop .product-image.full-photo{height:auto;aspect-ratio:3/4}.shop .product-image.full-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.shop .product-image.full-photo:hover img{transform:none}

/* Compact listing spacing: retain the existing photos and column layout. */
.shop .product-grid{row-gap:18px}
.shop .product .product-title{margin:8px 0 4px}
.shop .product>.product-price{margin:4px 0 6px}
.shop .product>.availability{display:block;min-height:44px;padding:8px 0}
.shop .product>.canvas-buy+.availability{margin:0 auto;padding:8px 4px;min-height:44px}
