/* Creative studio theme: real work first, decorative stickers are non-interactive. */
.hero-artwork:has(.hero-classroom){max-width:480px}.hero-artwork>img.hero-classroom{height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center}
.art-hero{background-color:#fffdf5;background-image:linear-gradient(#62229b08 1px,transparent 1px),linear-gradient(90deg,#62229b08 1px,transparent 1px);background-size:32px 32px;padding-top:60px;padding-bottom:72px}
.art-hero-grid{gap:76px}.art-hero h1 em{color:#62229b}.hero-chips span{border-radius:20px;padding:6px 13px;border-color:#eed174;background:#fff4ba}.hero-chips span:nth-child(2){background:#e7f8f7;border-color:#a8d8d5}.hero-chips span:nth-child(3){background:#fbe8f2;border-color:#edbed5}
.hero-artwork{border:0;border-radius:7px;padding:12px 12px 0;box-shadow:12px 14px 0 #ffdc48,0 5px 24px #27163d15}.hero-artwork>img:not(.art-sticker){border-radius:3px}.hero-artwork .hero-palette{position:absolute;width:140px;height:140px;object-fit:contain;top:-46px;right:-40px;z-index:2;pointer-events:none}.hero-artwork figcaption{padding-block:15px}.photo-tag{background:#ffdc48;border-radius:4px;box-shadow:0 3px 0 #27163d12}.art-sticker{pointer-events:none;user-select:none}
.media-explorer{border:2px solid #eadff2;box-shadow:6px 7px 0 #f2e9f8}.media-tabs{background:#fff;padding:14px;gap:9px}.media-tabs button{border:1px solid #e2d9e9;border-top:4px solid #ed8b35;border-radius:8px;background:#fffaf2;transition:transform .18s,background .18s,box-shadow .18s}.media-tabs button:nth-child(2){border-top-color:#747683;background:#f5f5f8}.media-tabs button:nth-child(3){border-top-color:#2b9eae;background:#effafb}.media-tabs button:nth-child(4){border-top-color:#ce4787;background:#fff2f8}.media-tabs button:nth-child(5){border-top-color:#7255b7;background:#f5f0fd}.media-tabs button[aria-selected=true]{background:#62229b;border-color:#62229b;color:white;box-shadow:0 3px 0 #3e1268}.media-tabs button:hover{transform:translateY(-2px)}.media-panel{background:linear-gradient(110deg,#fffdf5,#fff);min-height:220px}.medium-number{color:#eddcf9}.media-panel:not([hidden]){animation:studio-panel-in .3s ease-out}
.monthly-section{background:#ffdc48}.monthly-heading{position:relative;padding-right:110px}.monthly-crayons{position:absolute;width:130px;height:130px;object-fit:contain;right:-15px;top:-30px}.monthly-details>div{background:#ffffff8c;padding:16px;border-radius:10px}.monthly-details{border-top:0;padding-top:0;gap:14px}.monthly-details span{display:block}.monthly-copy>p{color:#27163d}
.works-section{background:#fff}.work-grid{gap:29px;padding:9px 4px 12px}.work-grid figure{padding:12px 12px 18px;border:1px solid #e3d9ed;border-radius:9px;box-shadow:5px 7px 0 #efe5f8;transform:rotate(-1.4deg);transition:transform .25s,box-shadow .25s}.work-grid figure:nth-child(2){transform:rotate(1.5deg);box-shadow:5px 7px 0 #fff0ae}.work-grid figure:nth-child(3){transform:rotate(-.8deg);box-shadow:5px 7px 0 #d9f4f0}.work-grid img{border-radius:4px}.work-grid figcaption{padding-inline:4px}.work-grid figcaption>span{background:#f0e2fb;border-radius:50%;width:30px;min-width:30px;height:30px;display:grid;place-items:center;padding:0;font-size:.8rem}.work-grid figure:hover{transform:translateY(-6px) rotate(0);box-shadow:7px 12px 0 #e9daf5}.questions-section{background:#f6f0fc}.art-enquiry-form{box-shadow:9px 9px 0 #ffdc48}.art-button{transition:background .2s,transform .2s,box-shadow .2s}.art-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #45176e}.art-button:active{transform:translateY(1px);box-shadow:0 2px 0 #45176e}
@media(prefers-reduced-motion:no-preference){.art-studio-ready .hero-palette{animation:studio-palette-bob 3.8s ease-in-out 1}.art-studio-ready .photo-tag{animation:studio-tag-in .7s .15s both}.art-studio-ready .hero-chips span{animation:studio-chip-in .4s both}.art-studio-ready .hero-chips span:nth-child(2){animation-delay:.08s}.art-studio-ready .hero-chips span:nth-child(3){animation-delay:.16s}.art-studio-ready .hero-artwork>img:not(.art-sticker){animation:studio-photo-in .75s ease-out both}.monthly-heading.is-visible .monthly-crayons{animation:studio-crayons-in .7s ease-out both}.art-motion .work-grid figure.art-reveal{opacity:1;transform:rotate(-1.4deg);transition:transform .25s,box-shadow .25s}.art-motion .work-grid figure:nth-child(2).art-reveal{transform:rotate(1.5deg)}.art-motion .work-grid figure:nth-child(3).art-reveal{transform:rotate(-.8deg)}.art-motion .work-grid figure.art-reveal.is-visible{animation:studio-work-in .65s ease-out both;animation-delay:var(--work-delay,0ms)}.art-motion .work-grid figure.art-reveal:hover{transform:translateY(-6px) rotate(0)}}
@keyframes studio-palette-bob{0%,100%{transform:translateY(0) rotate(7deg)}35%{transform:translateY(-8px) rotate(-5deg)}70%{transform:translateY(3px) rotate(4deg)}}@keyframes studio-tag-in{from{opacity:0;transform:translateX(-12px) rotate(-9deg)}to{opacity:1;transform:translateX(0) rotate(-4deg)}}@keyframes studio-chip-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes studio-photo-in{from{opacity:.6;filter:saturate(.6)}to{opacity:1;filter:saturate(1)}}@keyframes studio-crayons-in{from{opacity:0;transform:translateY(10px) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes studio-panel-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes studio-work-in{from{opacity:.35;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.art-hero-grid{gap:48px}.hero-artwork .hero-palette{width:115px;height:115px;right:-20px;top:-35px}.monthly-heading{padding-right:80px}.monthly-crayons{width:105px;height:105px;right:-18px;top:-20px}}@media(max-width:650px){.art-hero{padding:32px 0 52px}.art-hero-grid{gap:48px}.hero-artwork{width:calc(100% - 30px);box-shadow:9px 11px 0 #ffdc48}.hero-artwork .hero-palette{width:105px;height:105px;right:-24px;top:-34px}.photo-tag{max-width:calc(100% - 70px);left:-15px}.monthly-heading{padding-right:80px}.monthly-crayons{width:105px;height:105px;right:-6px;top:-8px}.monthly-heading h2{font-size:1.8rem}.monthly-details{grid-template-columns:1fr}.work-grid{gap:31px;padding-inline:7px}.work-grid figure{padding:10px 10px 17px}.media-tabs{gap:7px;padding:11px}.media-tabs button{padding:9px 12px}.media-panel{min-height:240px}.art-enquiry-form{box-shadow:6px 7px 0 #ffdc48}}@media(max-width:360px){.monthly-heading{padding-right:60px}.monthly-crayons{width:80px;height:80px}.hero-artwork .hero-palette{width:90px;height:90px}.hero-chips span{font-size:.8rem;padding:5px 10px}}
/* Course explorer: a framed studio photograph with clear practice points. */
.media-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:18px;gap:12px;border-bottom:1px solid #eadff2}
.media-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 10px;min-height:58px;font-weight:700;line-height:1.4}
.medium-tab-number{font-size:.75rem;opacity:.7;font-weight:600;letter-spacing:.04em}
.media-tabs button:focus-visible,.media-panel:focus-visible{outline:3px solid #62229b;outline-offset:-5px}
.media-panel{--medium-accent:#a65016;--medium-tint:#fff0dc;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,52px);padding:30px;align-items:center;min-height:0;background:#fff}
.medium-1{--medium-accent:#555865;--medium-tint:#f0f0f4}.medium-2{--medium-accent:#167484;--medium-tint:#e6f6f8}.medium-3{--medium-accent:#a52f6a;--medium-tint:#fcebf3}.medium-4{--medium-accent:#62229b;--medium-tint:#f1e8fa}
.medium-photo{margin:0;padding:12px 12px 0;background:var(--medium-tint);border-radius:12px;min-width:0}
.medium-photo img{display:block;width:100%;height:290px;object-fit:contain;border-radius:5px}
.medium-photo figcaption{font-size:.875rem;line-height:1.6;padding:12px 3px;color:#4a4054}
.medium-copy{min-width:0;padding:12px 8px 12px 0}.medium-label{display:flex;align-items:center;gap:10px;color:var(--medium-accent);font-size:.875rem;font-weight:700;margin-bottom:18px}
.medium-number{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--medium-tint);color:var(--medium-accent);font-size:.875rem;line-height:1;padding:0;flex-shrink:0}
.media-panel h3{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.4;margin:0 0 14px;letter-spacing:-.03em}
.media-panel p{font-size:1rem;line-height:1.85;margin:0;max-width:36em}
.medium-copy h4{font-size:.875rem;line-height:1.6;margin:26px 0 10px;color:#4a4054;font-weight:600}
.medium-skills{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.medium-skills li{font-size:.875rem;line-height:1.5;padding:7px 12px;background:var(--medium-tint);color:var(--medium-accent);border-radius:7px;font-weight:600}
@media(max-width:850px){.media-tabs{gap:8px;padding:12px}.media-tabs button{flex-direction:column;gap:3px;font-size:.875rem;padding:10px 6px}.media-panel{gap:24px;padding:22px}.medium-photo img{height:270px}.medium-copy{padding:4px 0}.medium-copy h4{margin-top:18px}}
@media(max-width:650px){.media-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.media-tabs button{flex-direction:row;gap:7px;min-height:47px}.media-panel{grid-template-columns:minmax(0,1fr);padding:18px;gap:23px}.medium-photo img{height:auto;max-height:290px;aspect-ratio:4/3}.medium-copy{padding:0 3px 7px}.medium-label{margin-bottom:12px}.media-panel h3{font-size:1.5rem}.medium-copy h4{margin-top:20px}.medium-photo figcaption{padding:10px 2px}.medium-skills li{padding:7px 10px}}
@media(max-width:420px){.media-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.media-tabs button:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.art-studio-ready *,.monthly-heading.is-visible .monthly-crayons{animation:none!important;transition:none!important}.work-grid figure,.work-grid figure:nth-child(2),.work-grid figure:nth-child(3),.work-grid figure:hover{transform:none}.art-motion .art-reveal{opacity:1;transform:none}.art-button:hover,.media-tabs button:hover{transform:none}}

.art-visit{background:#faf7ff;border-top:1px solid #e7dff0}.art-visit-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px;align-items:start}.art-visit-photo{margin:0;background:#fff;padding:12px;border:1px solid #e6daf0;border-radius:24px;box-shadow:8px 8px 0 #eee6f6}.art-visit-photo img{display:block;width:100%;height:auto;border-radius:16px}.art-visit-photo figcaption{padding:16px 8px 6px;font-size:.9rem;color:#62229b;font-weight:700}.art-visit-details h3{font-size:1.5rem;line-height:1.5;margin:0 0 18px}.art-visit-details h3 span{color:#62229b}.art-visit-details address{font-style:normal;line-height:1.9;color:#536381}.art-route-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 20px}.art-route-buttons .art-button{display:flex;gap:25px;justify-content:space-between;align-items:center;min-height:50px;padding:12px 20px;font-size:.95rem}.art-map-button{background:#62229b}.art-route-buttons .art-waze-button{background:#d7f6fb;color:#144957;box-shadow:0 4px 0 #b5e8ed}.art-visit-contact{display:flex;flex-direction:column;gap:12px;font-size:.9rem;font-weight:600}.art-visit-contact a{color:#62229b;text-underline-offset:4px}.art-opening-hours{margin-top:26px;border-top:1px solid #e5d9ef;padding-top:18px}.art-opening-hours summary{cursor:pointer;font-weight:700;font-size:.95rem;line-height:1.6}.art-opening-hours table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.875rem}.art-opening-hours th,.art-opening-hours td{text-align:left;vertical-align:top;border-bottom:1px solid #e7dff0;padding:9px 0;line-height:1.6}.art-opening-hours th{padding-right:15px}.art-arrival-note{font-size:.875rem;line-height:1.85;margin-top:16px;color:#62708a}@media(max-width:850px){.art-visit-grid{gap:28px}.art-nav{gap:15px;font-size:.85rem}}@media(max-width:650px){.art-visit-grid{grid-template-columns:minmax(0,1fr);gap:32px}.art-visit-photo{padding:9px;box-shadow:5px 5px 0 #eee6f6}.art-route-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-route-buttons .art-button{font-size:.875rem;gap:10px;padding:12px 15px}.art-visit-details h3{font-size:1.4rem}}