@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gaegu:wght@400;700&display=swap";:root{--paper:#f5f0e4;--ink:#293326;--green:#657654;--orange:#d4774e;--hand:"Gaegu","Comic Sans MS",cursive;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);font-family:var(--body);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.045' filter='url(%23n)'/%3E%3C/svg%3E");margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{max-width:100%;display:block}.wrap{width:min(1200px,100% - 100px);margin-inline:auto}.header{border-bottom:1px solid #29332626;justify-content:space-between;align-items:center;height:113px;display:flex}.wordmark{align-items:center;line-height:1;display:flex}nav{align-items:center;gap:37px;font-size:14px;display:flex}nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid var(--ink);border-radius:48% 43% 42% 38%/12% 15% 14%;padding:12px 20px;box-shadow:2px 2px #293326}.nav-contact span{margin-left:18px}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;min-height:640px;padding-block:58px 66px;display:grid}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}h1,h2,h3,p,figure{margin:0}h1{font-family:var(--hand);letter-spacing:-4px;margin:24px 0 25px;font-size:88px;font-weight:700;line-height:.98}.clay-word{color:var(--green);position:relative}.clay-word:after{content:"";border-bottom:3px solid var(--green);border-radius:50%;width:100%;height:7px;position:absolute;bottom:1px;left:0;transform:rotate(-3deg)}.color-word{color:var(--orange)}.hero-text{color:#626659;font-size:15px;line-height:1.9}.button{background:var(--green);color:#fffaf0;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:5px 9px 4px 7px;align-items:center;gap:30px;margin-top:28px;padding:17px 24px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button span{font-size:22px;line-height:1}.hand-note{font-family:var(--hand);align-items:center;gap:5px;margin-top:15px;font-size:19px;display:flex;transform:rotate(-3deg)}.hand-note svg{fill:none;width:65px;height:35px;stroke:var(--ink);stroke-width:2px;margin-top:-20px;transform:rotate(155deg)}.hero-art{height:465px;position:relative}.hero-photo{background:#fffcf3;border:1px solid #e2ddcc;padding:12px 12px 0;position:absolute;box-shadow:2px 5px 14px #302a2222}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero-photo figcaption{font-family:var(--hand);text-align:center;padding:8px 0 12px;font-size:21px}.painting{z-index:1;width:225px;height:310px;top:5px;right:5px;transform:rotate(9deg)}.painting img{height:246px}.ceramic{z-index:2;width:259px;height:330px;top:102px;left:20px;transform:rotate(-8deg)}.ceramic img{height:267px}.tape{clip-path:polygon(3% 0,100% 5%,97% 94%,0 100%);z-index:3;background:#ddd1a89e;width:87px;height:28px;position:absolute;top:-14px;left:calc(50% - 44px);transform:rotate(-7deg)}.doodle{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.sun{width:85px;position:absolute;top:-10px;left:42px;transform:rotate(-10deg)}.orbit{border:1px dashed #8c907866;border-radius:50%;position:absolute;inset:18px 5px 15px 0;transform:rotate(-35deg)}.made-stamp{z-index:3;width:117px;height:117px;font-family:var(--hand);text-align:center;border:1px solid var(--ink);outline:1px dashed var(--ink);outline-offset:-8px;background:#e8bd6c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:18px;line-height:.85;display:flex;position:absolute;bottom:47px;right:-2px;transform:rotate(12deg)}.made-stamp strong{font-size:27px}.made-stamp span{margin-top:6px;font-size:17px}.spark{width:49px;stroke:var(--orange);position:absolute;bottom:12px;left:10px}.art-note{font-family:var(--hand);font-size:22px;position:absolute;bottom:-14px;left:130px;transform:rotate(-4deg)}.ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#ebeccf;width:100%;overflow:hidden;transform:rotate(-1deg)}.collection{padding-block:83px 55px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{font-family:var(--hand);letter-spacing:-1.3px;margin-top:13px;font-size:47px;line-height:1.2}.section-heading h2 span{color:var(--orange);margin-left:16px;display:inline-block;transform:rotate(-12deg)}.section-note{font-family:var(--hand);padding-right:28px;font-size:21px;line-height:1.05;transform:rotate(5deg)}.gallery-toolbar{justify-content:space-between;align-items:center;margin:35px 0 32px;display:flex}.filters{gap:12px;display:flex}.filters button{background:0 0;border:1px solid #29332650;border-radius:50px;align-items:center;gap:11px;padding:10px 19px;font-size:12px;display:flex}.filters button span{opacity:.65;font-size:10px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{border-color:var(--orange)}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;display:grid}.art-card[hidden]{display:none}.art-button{text-align:left;background:0 0;border:0;width:100%;padding:0}.image-mat{background:#e8e6d5;border-radius:3px 6px 2px 4px;padding:11px;transition:transform .25s;position:relative}.mat-1{background:#e8dfd4}.mat-2{background:#e1e5d9}.mat-3{background:#ebe0cf}.image-mat img{object-fit:cover;width:100%;height:280px}.art-button:hover .image-mat{transform:rotate(-2deg)}.zoom{background:var(--paper);border:1px solid var(--ink);opacity:0;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .2s;display:grid;position:absolute;bottom:19px;right:19px}.art-button:hover .zoom,.art-button:focus-visible .zoom{opacity:1}.card-caption{justify-content:space-between;align-items:baseline;gap:8px;padding:13px 2px 0;display:flex}.card-caption h3{font-family:var(--hand);font-size:21px;font-weight:400;line-height:1.05}.card-caption>span{letter-spacing:1.3px;white-space:nowrap;color:#747667;font-size:8px}.card-caption>span span{margin-left:3px;font-size:14px}.gallery-end{text-align:center;color:#6a6e61;padding-top:55px;font-size:12px}.gallery-end span{font-family:var(--hand);margin-left:8px;font-size:21px}.about{background:#e7e9da;border-block:1px solid #29332635;margin-top:30px}.about-inner{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;padding-block:68px;display:grid}.about-art{text-align:center}.about-art span{font-family:var(--hand);font-size:22px;display:block;transform:rotate(-5deg)}.about-copy h2{font-family:var(--hand);letter-spacing:-2px;margin:12px 0 20px;font-size:58px}.about-copy>p:not(.eyebrow){color:#626659;max-width:480px;margin-bottom:15px;font-size:14px;line-height:1.9}.text-link{border-bottom:1px solid var(--ink);margin-top:12px;padding-bottom:5px;font-size:13px;display:inline-block}.contact{text-align:center;padding-block:75px 80px;position:relative}.contact .eyebrow{justify-content:center}.contact h2{font-family:var(--hand);letter-spacing:-1px;margin:16px 0;font-size:51px}.contact>p:not(.eyebrow){color:#626659;font-size:14px;line-height:1.9}.contact-flower{width:104px;height:116px;margin:0 auto 22px;display:block;transform:rotate(-7deg)}.contact .button{gap:50px}footer{color:#626659;border-top:1px solid #29332635;align-items:center;gap:30px;padding-block:25px;font-size:11px;display:flex}footer .wordmark{margin-right:20px}footer p{flex:1}footer>a:not(.wordmark){border-bottom:1px solid #29332650;padding-bottom:3px}.sr-only,.skip:not(:focus){clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip:focus{z-index:20;background:var(--paper);padding:15px;position:fixed;top:10px;left:10px}dialog{border:1px solid var(--ink);background:var(--paper);border-radius:8px;max-width:min(900px,92vw);max-height:92dvh;padding:20px;overflow:auto}dialog::backdrop{backdrop-filter:blur(4px);background:#182015d9}#dialog-image{object-fit:contain;max-width:100%;max-height:73dvh;margin:auto}.dialog-caption{text-align:center;padding-top:15px}.dialog-caption h2{font-family:var(--hand);font-size:30px}.dialog-caption p{letter-spacing:2px;text-transform:uppercase;padding-top:5px;font-size:11px}.dialog-open{overflow:hidden}@media (width>=1500px){.hero{min-height:700px}.hero-art{transform:scale(1.05)}}@media (width<=1100px){.wrap{width:calc(100% - 64px)}h1{font-size:73px}.hero{gap:10px}.hero-art{transform-origin:100%;transform:scale(.88)}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading h2{font-size:41px}.about-inner{gap:30px}}@media (width<=760px){.wrap{width:calc(100% - 38px)}.header{height:90px}nav{gap:18px;font-size:11px}.nav-contact{display:none}.hero{grid-template-columns:1fr;gap:15px;min-height:0;padding-top:38px;padding-bottom:40px}h1{font-size:77px}.eyebrow{letter-spacing:1.5px;font-size:9px}.hero-text{font-size:14px}.hero-art{transform-origin:50%;width:430px;max-width:100%;height:450px;margin:20px auto 0;transform:scale(.95)}.painting{width:205px;height:290px;right:7px}.painting img{height:224px}.ceramic{width:235px;height:315px;left:10px}.ceramic img{height:251px}.sun{left:18px}.made-stamp{width:106px;height:106px;bottom:32px;right:0}.art-note{bottom:-10px;left:100px}.collection{padding-top:52px}.section-heading h2{max-width:300px;font-size:38px}.section-heading h2 span{margin-left:5px}.section-note{display:none}.gallery-toolbar{gap:10px;margin-top:25px}.filters{gap:7px}.filters button{gap:7px;padding:9px 12px;font-size:11px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.image-mat{padding:7px}.image-mat img{height:220px}.card-caption{display:block}.card-caption h3{margin-bottom:6px;font-size:20px}.gallery-end{line-height:1.9}.gallery-end span{display:block}.about-inner{grid-template-columns:1fr;gap:25px;padding-block:45px}.about-art span{font-size:20px}.about-copy h2{font-size:49px}.contact{padding-block:50px}.contact h2{font-size:41px}footer{flex-wrap:wrap;gap:18px}footer .wordmark{margin-right:0}footer p{flex:1;font-size:10px}footer>span{margin-left:auto;font-size:10px}}@media (width<=380px){h1{font-size:67px}.hero-art{width:350px;max-width:none;height:410px;margin-left:-8px;transform:scale(.85)}.image-mat img{height:180px}.filters button{padding:8px 10px}.section-heading h2{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}html,body{max-width:100%;overflow-x:clip}.hero-photo{height:auto}.hero-photo figcaption{font-size:19px;line-height:1.15}.hero-copy,.hero-art{min-width:0}@media (width<=760px){h1{letter-spacing:-2px;font-size:clamp(50px,15.5vw,67px)}.hero-art{width:100%;max-width:100%;margin-left:auto}.hand-note{font-size:17px}.hand-note svg{flex-shrink:0;width:42px}.hero-photo figcaption{font-size:18px}}.brand-name{object-fit:contain}[role=tabpanel][hidden],.photo-group-label[hidden],#group-manager[hidden],.empty-group[hidden]{display:none}.medium-tabs{gap:10px;display:flex}.medium-tabs button{font-family:var(--hand);border:1px solid var(--ink);background:0 0;border-radius:9px 12px 3px 4px;padding:9px 25px;font-size:28px}.medium-tabs button[aria-selected=true]{background:var(--green);color:var(--paper);box-shadow:2px 2px 0 var(--ink)}.medium-tabs span{font:11px var(--body);margin-left:10px}.group-filters{flex-wrap:wrap;margin-bottom:28px}#group-manager{border:1px dashed var(--green);background:#e7e9da;border-radius:8px;margin-bottom:25px;padding:22px}#group-manager h3{font:28px var(--hand)}#group-manager p{margin:8px 0 16px;font-size:12px}#add-group-form{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:15px;display:flex}#group-manager button,#new-group,.photo-group{font:12px var(--body);border:1px solid var(--green);background:var(--paper);color:var(--ink);border-radius:5px;padding:10px}#group-manager a{margin-left:20px;font-size:12px;text-decoration:underline}.photo-group-label{margin-top:12px;font-size:10px;display:block}.photo-group{width:100%;margin-top:5px;display:block}.empty-group{font-family:var(--hand);padding:35px 0;font-size:25px}#panel-ceramics:focus-visible,#panel-paintings:focus-visible{outline:2px solid var(--orange);outline-offset:8px}@media (width<=760px){.medium-tabs button{padding:8px 15px;font-size:24px}.medium-tabs span{margin-left:5px}.gallery-toolbar{flex-wrap:wrap}.group-filters button{padding:8px 12px}}.art-price{color:var(--green);margin-top:8px;font-size:12px}#dialog-message{font:14px var(--body);white-space:pre-wrap;text-transform:none;letter-spacing:0;max-width:650px;margin:15px auto;line-height:1.7}#dialog-price{color:var(--green);font-size:16px}#dialog-tags{color:#626659}#dialog-photos{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}#dialog-photos button{border:1px solid var(--green);background:var(--paper);border-radius:4px;padding:3px}#dialog-photos img{object-fit:cover;width:65px;height:65px}.admin-intro{max-width:850px;padding-block:65px}.admin-intro h1{font-size:70px}.admin-intro>p{font-size:15px;line-height:1.8}.admin-intro .admin-caption{color:#626659;margin-top:20px;font-size:12px}.about-art-logo{object-fit:contain;width:min(290px,80%);height:auto;margin:0 auto 18px;transform:rotate(-4deg)}@media (width<=760px){.about-art-logo{width:min(220px,70%);margin-bottom:14px}}.contact-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-actions .button{margin-top:28px}.button-instagram{background:var(--orange)}@media (width<=520px){.contact-actions{flex-direction:column;align-items:center;gap:14px;margin-top:28px}.contact-actions .button{justify-content:space-between;width:min(270px,100%);margin-top:0}}.photo-count{border:1px solid var(--ink);box-shadow:1px 1px 0 var(--ink);letter-spacing:.04em;background:#f5f0e4e8;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:600;position:absolute;bottom:19px;left:19px}.art-button:hover .photo-count{transform:translateY(-1px)}#dialog-photos button{transition:transform .18s,box-shadow .18s,border-color .18s}#dialog-photos button[aria-pressed=true]{border-color:var(--orange);box-shadow:0 0 0 2px var(--orange);transform:rotate(-2deg)}#dialog-photos button:focus-visible{outline-offset:3px}@media (width<=760px){.photo-count{bottom:13px;left:13px}.zoom{display:none}}.brand-name{width:224px;height:92px}footer .brand-name{width:160px;height:72px}@media (width<=760px){.brand-name{width:140px;height:68px}.header{height:auto;min-height:90px;padding-block:10px}nav{gap:12px}footer .brand-name{width:160px;height:72px}}#art-dialog{overflow-anchor:none;width:min(900px,92vw)}.dialog-topbar{z-index:2;pointer-events:none;justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex;position:sticky;top:0}#close-dialog{pointer-events:auto;border:1px solid var(--ink);background:var(--paper);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;display:grid}#close-dialog svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round}#dialog-image-stage{justify-content:center;align-items:center;width:100%;min-height:min(380px,45dvh);display:flex;position:relative}#dialog-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:68dvh;margin:0 auto}#dialog-image[hidden],#dialog-loading[hidden],#dialog-image-error[hidden]{display:none}#dialog-loading{text-align:center;padding:35px 15px}#dialog-loading>span{font:22px var(--hand);color:var(--green);margin-top:22px;display:block}#dialog-image-error{text-align:center;font-size:14px}#dialog-retry{background:var(--green);color:var(--paper);border:1px solid var(--ink);border-radius:5px;margin-top:15px;padding:10px 20px}.mug-spinner{perspective:400px;width:110px;height:110px;margin:auto;position:relative}.ceramic-mug{width:66px;height:72px;transform-style:preserve-3d;animation:2.8s ease-in-out infinite mug-turn;position:absolute;top:25px;left:22px}.mug-body{background:linear-gradient(90deg,#596d50 0%,#9dac83 22%,#d1d8b6 40%,#a9b68f 62%,#657654 90%);border:1px solid #4e6047;border-radius:8px 8px 25px 25px/8px 8px 13px 13px;position:absolute;inset:0;transform:translateZ(9px);box-shadow:inset 0 -8px 10px #3c51332e,inset 5px 0 6px #fff8db44}.mug-body:after{content:"";border:1.5px solid #f5f0e499;border-radius:50% 45% 48% 40%;width:23px;height:24px;position:absolute;top:23px;left:18px;transform:rotate(-12deg)}.mug-rim{background:radial-gradient(#34482e 0%,#53664a 58%,#d5ddbc 61%,#9dac83 78%);border:1px solid #657654;border-radius:50%;width:66px;height:17px;position:absolute;top:-6px;left:0;transform:translateZ(10px)}.mug-handle{border:8px solid #9eae85;border-left-width:6px;border-radius:11px 20px 20px 11px;width:34px;height:43px;position:absolute;top:12px;right:-24px;transform:translateZ(-5px);box-shadow:inset -2px 0 3px #4c624d66,2px 1px #657654}.mug-shadow{filter:blur(3px);background:#29332620;border-radius:50%;width:85px;height:10px;animation:2.8s ease-in-out infinite mug-shadow;position:absolute;bottom:0;left:16px}@keyframes mug-turn{0%,to{transform:rotateY(-32deg)rotateX(-8deg)rotate(-5deg)translateY(0)}50%{transform:rotateY(38deg)rotateX(-8deg)rotate(5deg)translateY(-7px)}}@keyframes mug-shadow{50%{opacity:.65;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.ceramic-mug,.mug-shadow{animation:none}.ceramic-mug{transform:rotateY(-20deg)rotateX(-8deg)}}@media (width<=760px){.hero-art .art-note{left:20px}.hero-art .made-stamp{width:78px;height:78px;font-size:13px;line-height:.95;top:0;bottom:auto;right:-17px}.hero-art .made-stamp strong{font-size:19px}.hero-art .made-stamp span{margin-top:3px;font-size:12px}.hero-art .spark{display:none}}@media (width<=380px){.hero-art{height:480px}.hero-art .made-stamp{width:68px;height:68px;font-size:11px}.hero-art .made-stamp strong{font-size:16px}.hero-art .made-stamp span{margin-top:2px;font-size:10px}}