:root{--paper:#eadfbe;--ink:#3b2119;--red:#d85b3d;--blue:#70a9aa;--yellow:#efc34d;--acid:#d7e46d;--p:clamp(18px,3.6vw,54px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}header{height:76px;position:absolute;z-index:10;width:100%;border-bottom:2px solid;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--p)}header a,header button{color:inherit;background:none;border:0;text-decoration:none;font:600 11px Inter;letter-spacing:.1em;cursor:pointer}header nav{display:flex;gap:30px}.brand{font:700 32px Oswald!important}.menu{display:none}.cart-open{justify-self:end}.cart-open b{background:var(--red);color:var(--paper);border-radius:50%;padding:7px 10px}.hero{height:100svh;min-height:720px;padding-top:100px;position:relative;overflow:hidden;background:radial-gradient(var(--ink) .8px,transparent .8px);background-size:5px 5px}.hero>p{text-align:center;font-size:10px;letter-spacing:.17em}.hero h1{position:relative;z-index:2;margin:55px auto 0;font:700 clamp(90px,13vw,205px)/.8 Oswald;width:90%;text-align:center;letter-spacing:-.055em}.hero h1 span{display:table;margin:auto;background:var(--ink);color:var(--paper);padding:0 .1em .05em;box-shadow:9px 10px rgba(59,33,25,.25);transform:rotate(-1deg)}.hero h1 span+span{margin-top:16px;transform:rotate(1deg)}.scene{position:absolute;inset:auto 0 0;height:46%}.scene>i{position:absolute;bottom:-20%;border:5px solid;border-radius:50% 50% 0 0}.scene>i:first-child{width:28vw;height:36vw;background:var(--red);right:3%}.scene>i:nth-child(2){width:23vw;height:23vw;border-radius:50%;background:var(--yellow);left:5%}.face{position:absolute;left:50%;bottom:0;transform:translateX(-50%) rotate(3deg);width:210px;height:210px;border:5px solid;border-radius:48%;background:var(--acid);display:grid;place-items:center;font-size:60px;letter-spacing:25px;padding-left:25px}.face b{position:absolute;bottom:40px;width:60px;height:25px;border-bottom:5px solid;border-radius:50%}.circle{position:absolute;right:var(--p);bottom:42px;z-index:4;width:100px;height:100px;border:3px solid;border-radius:50%;background:var(--blue);display:grid;place-items:center;text-align:center;color:inherit;text-decoration:none;font-weight:600;font-size:10px;transition:.25s}.circle:hover{transform:rotate(8deg) scale(1.06)}.ticker{position:absolute;bottom:0;z-index:3;width:200%;white-space:nowrap;background:var(--red);border-block:3px solid;padding:8px;font:600 16px Oswald;letter-spacing:.1em;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}small{font-size:10px;letter-spacing:.15em;font-weight:600}.intro{padding:140px var(--p);display:grid;grid-template-columns:1fr 3fr}.intro h2{grid-column:2;font:700 clamp(70px,10vw,155px)/.83 Oswald;margin:0;letter-spacing:-.04em}.intro h2 em{font-style:normal;color:var(--red)}.intro p{grid-column:2;max-width:620px;margin-left:auto;font-size:18px;line-height:1.6}.works{background:var(--ink);color:var(--paper);padding:100px var(--p) 140px}.section-title{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:55px}.section-title small{grid-column:1/-1}.section-title h2{font:700 clamp(68px,9vw,140px)/.9 Oswald;margin:20px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid article:nth-child(2){margin-top:90px}.art{height:clamp(430px,45vw,650px);border:2px solid;position:relative;overflow:hidden}.art i{position:absolute;inset:9%;transition:.5s}.art:hover i{transform:scale(1.05) rotate(2deg)}.a{background:var(--red)}.a i{background:linear-gradient(135deg,transparent 46%,var(--ink) 47% 53%,transparent 54%),radial-gradient(circle at 50% 30%,var(--yellow) 0 20%,var(--paper) 21% 35%,transparent 36%);border:3px solid}.b{background:var(--blue)}.b i{background:repeating-radial-gradient(ellipse at 50% 100%,var(--paper) 0 22px,var(--ink) 24px 29px,var(--yellow) 31px 53px)}.c{background:var(--yellow)}.c i{background:linear-gradient(90deg,var(--blue) 0 45%,var(--paper) 45% 58%,var(--red) 58%);clip-path:polygon(10% 0,100% 12%,88% 100%,0 88%)}.art button{position:absolute;right:12px;bottom:12px;padding:13px 17px;background:var(--paper);border:2px solid var(--ink);font-weight:600;cursor:pointer;transform:translateY(70px);transition:.25s}.art:hover button,.art button:focus{transform:none}.meta{display:flex;justify-content:space-between;gap:12px;padding-top:16px}.meta h3{font:600 22px Oswald;text-transform:uppercase;margin:0}.meta p{font-size:10px;opacity:.7}.meta>b{font-size:12px;white-space:nowrap}.artists{padding:130px var(--p);background:var(--blue)}.artist-head{display:flex;justify-content:space-between;align-items:center}.artist-head h2{font:700 clamp(80px,13vw,205px)/.78 Oswald;margin:45px 0}.artist-head>i{font-style:normal;width:150px;height:150px;border:3px solid;border-radius:50%;background:var(--acid);display:grid;place-content:center;text-align:center;font:700 38px Oswald;animation:float 3s ease-in-out infinite}.artist-list a{display:grid;grid-template-columns:60px 1fr auto;align-items:center;color:inherit;text-decoration:none;border-top:2px solid;padding:20px 5px;font:600 clamp(30px,4vw,60px) Oswald;transition:.25s}.artist-list a:last-child{border-bottom:2px solid}.artist-list a:hover{padding-inline:22px;background:var(--paper)}.newsletter{text-align:center;padding:140px var(--p);background:var(--red)}.newsletter h2{font:700 clamp(90px,15vw,220px)/.78 Oswald;margin:45px 0}.newsletter form{max-width:800px;margin:auto;display:flex;border-bottom:3px solid}.newsletter input{flex:1;background:none;border:0;padding:20px 0;font-weight:600;outline:none}.newsletter button{background:none;border:0;font-weight:600;cursor:pointer}body>footer{padding:70px var(--p);display:flex;justify-content:space-between;align-items:end}body>footer>a{font:700 clamp(100px,17vw,240px)/.7 Oswald;color:inherit;text-decoration:none;letter-spacing:-.06em}body>footer p{font-size:11px;line-height:1.7}aside{position:fixed;z-index:40;right:0;top:0;width:min(470px,100%);height:100%;background:var(--paper);border-left:3px solid;padding:28px;transform:translateX(102%);transition:.45s;display:flex;flex-direction:column}aside.open{transform:none}aside>div{display:flex;justify-content:space-between;border-bottom:2px solid}aside h2{font:600 30px Oswald}.close{font-size:36px;background:none;border:0;cursor:pointer}.items{flex:1;padding-top:25px}.item{display:flex;justify-content:space-between;border-bottom:1px solid;padding:14px 0}.items button{border:0;background:none;text-decoration:underline;cursor:pointer}aside footer{display:block;padding:0}aside footer b{display:flex;justify-content:space-between;margin-bottom:20px}aside footer>button{width:100%;padding:18px;background:var(--ink);color:var(--paper);border:0;font-weight:600}.overlay{position:fixed;z-index:30;inset:0;background:#1b0c0888;opacity:0;pointer-events:none;transition:.3s}.overlay.open{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(55px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}
@media(max-width:700px){header{height:66px}.menu{display:block}header nav{position:fixed;top:66px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;transform:translateY(-150%);transition:.3s;z-index:-1}header nav.open{transform:none}.hero{padding-top:90px}.hero>p{padding:0 65px;line-height:1.5}.hero h1{font-size:22vw;margin-top:62px}.scene{height:38%}.scene>i:first-child{width:58vw;height:72vw;right:-20%}.scene>i:nth-child(2){width:46vw;height:46vw;left:-12%}.face{width:145px;height:145px;font-size:40px}.face b{bottom:25px;width:45px}.circle{width:76px;height:76px;right:18px}.ticker{font-size:13px}.intro{display:block;padding:90px 18px}.intro h2{font-size:19vw;margin:40px 0}.intro p{font-size:16px}.works{padding:80px 18px}.section-title{display:block}.section-title h2{font-size:20vw}.grid{display:block}.grid article{margin:0 0 58px!important}.art{height:125vw}.art button{transform:none}.artists{padding:80px 18px}.artist-head h2{font-size:20vw}.artist-head>i{width:90px;height:90px;font-size:25px;flex:none}.artist-list a{grid-template-columns:30px 1fr auto;font-size:8vw}.newsletter{padding:90px 18px}.newsletter h2{font-size:22vw}.newsletter form{display:block;border:0}.newsletter input{width:100%;border-bottom:3px solid}.newsletter form button{width:100%;padding:17px;background:var(--ink);color:var(--paper);margin-top:12px}body>footer{display:block;padding:70px 18px}body>footer>a{display:block;margin-bottom:60px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Refined spacing, persistent navigation and original illustrated hero */
header{height:82px;position:fixed;z-index:25;width:calc(100% - 28px);left:14px;top:14px;border:2px solid var(--ink);padding:0 22px;background:rgba(234,223,190,.94);box-shadow:6px 6px 0 var(--ink);backdrop-filter:blur(10px);transition:transform .35s,background .35s}
header.scrolled{transform:translateY(-5px);background:var(--paper)}header nav{gap:38px}.brand{display:flex;align-items:center;gap:10px;font:700 17px Oswald!important}.brand span{font-size:30px}
.hero{min-height:780px;padding-top:128px}.hero h1{z-index:4;margin-top:44px}.hero h1 span{animation:titleIn .9s cubic-bezier(.16,1,.3,1) both}.hero h1 span+span{animation-delay:.12s}.scene{height:51%;z-index:2}.scene>i{will-change:transform}.scene img{position:absolute;z-index:3;width:min(590px,43vw);height:auto;left:50%;bottom:-16%;transform:translateX(-50%);filter:drop-shadow(10px 13px 0 rgba(59,33,25,.24));transform-origin:50% 100%;animation:flowersIn 1.25s .2s cubic-bezier(.16,1,.3,1) both,floatFlowers 5s 1.5s ease-in-out infinite;will-change:transform}
.intro{padding:180px var(--p) 210px}.works{padding:130px var(--p) 180px}.artists{padding:165px var(--p) 180px}.newsletter{padding:180px var(--p)}
@keyframes titleIn{from{opacity:0;transform:translateY(80px) rotate(-4deg) scale(.92)}}@keyframes flowersIn{from{opacity:0;transform:translateX(-50%) translateY(160px) scale(.8)}}@keyframes floatFlowers{0%,100%{transform:translateX(-50%) translateY(0) rotate(-.6deg)}50%{transform:translateX(-50%) translateY(-14px) rotate(.8deg)}}
@media(max-width:700px){header{height:62px;top:9px;left:9px;width:calc(100% - 18px);padding:0 12px;box-shadow:4px 4px 0 var(--ink)}.brand{font-size:0!important}.brand span{font-size:27px}header nav{top:70px;left:9px;right:9px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.hero{padding-top:102px;min-height:760px}.hero h1{font-size:21vw;margin-top:45px;width:96%}.scene{height:42%}.scene img{width:106vw;max-width:none;bottom:-14%;filter:drop-shadow(6px 8px 0 rgba(59,33,25,.2))}.intro{padding:120px 18px 135px}.works{padding:110px 18px 130px}.artists{padding:110px 18px 125px}.newsletter{padding:120px 18px}}

.ticker{display:flex;width:max-content;min-width:200%;padding-inline:0;animation-duration:22s}.ticker span{display:block;flex:none;white-space:nowrap;padding:8px 0}
.scene img{z-index:5;width:min(760px,52vw);bottom:-4%}
@media(max-width:700px){.scene img{width:106vw;bottom:-14%;z-index:3}.ticker{animation-duration:17s}}

.newsletter h2 span{display:block}
.artist-head{display:block}.artist-head h2{width:100%}
@media(max-width:700px){
  .newsletter{padding:105px 18px 110px;text-align:center;overflow:hidden}
  .newsletter h2{width:100%;font-size:clamp(54px,16.4vw,64px);line-height:.9;letter-spacing:-.05em;margin:36px auto 52px;text-wrap:nowrap}
  .newsletter h2 span+span{margin-top:6px}
  .newsletter form{max-width:100%;margin-inline:auto}
  .newsletter input{text-align:center;padding:17px 8px}
  .newsletter>p{max-width:290px;margin:22px auto 0;line-height:1.5;text-align:center}
}

.art:has(img){background:#fff;padding:14px;display:grid;place-items:center}
.art:has(img) img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.art:has(img):hover img{transform:scale(1.025)}
@media(max-width:700px){.art:has(img){padding:10px}}

.hero-flowers{position:absolute;z-index:6;width:min(720px,49vw);height:auto;left:50%;bottom:-4%;transform:translateX(-50%);filter:drop-shadow(10px 13px 0 rgba(59,33,25,.24));transform-origin:50% 100%;animation:flowersIn 1.25s .2s cubic-bezier(.16,1,.3,1) both,floatFlowers 5s 1.5s ease-in-out infinite;will-change:transform}
@media(max-width:700px){.hero-flowers{width:104vw;max-width:none;bottom:-13%;z-index:6;filter:drop-shadow(6px 8px 0 rgba(59,33,25,.2))}}