/* The existing Art Nook identity: pastel colour, painted details and café memories. */
:root{--paper:#fff8ee;--ink:#403538;--olive:#536348;--muted:#6b595f;--line:#dfccd0;--ochre:#a46924;--rose:#9d3f5b;--blush:#f7dce5;--lavender:#e9e1f0}
::selection{background:#efc2d2;color:#403538}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--rose)}
.site-header{background:#fff8eee8;border-color:#a7667c24;height:108px}
.brand-identity{flex-direction:row;gap:13px;text-align:center;flex-shrink:0}
.brand-portrait{width:67px;height:67px;object-fit:cover;border-radius:50%;border:1px solid #d7b9c4}
.brand-lettering{display:flex;flex-direction:column;align-items:center}
.site-header .brand-top{font-size:27px;font-style:italic;letter-spacing:-.04em}
.brand-bottom{font-size:14px;color:var(--rose)}
.header-cta{border-color:#9d3f5b77;background:#f9e4e9}
.header-cta:hover{background:#f2d2dc}
.button{border-radius:50px}
.olive{background:var(--rose);color:#fff8ee}
.olive:hover{background:#80344b}
.outline{border-color:#a05a71}
.outline:hover{background:#f7dce5}
.hero{padding-top:163px;min-height:840px;background:linear-gradient(115deg,#fff4d6 0%,#fff8ee 37%,#f8dfe9 100%);gap:5%;grid-template-columns:1fr 1fr}
.hero::before{background:#e7deef;right:-7%;top:22%;width:46%;border-radius:48% 52% 60% 40%}
.hero-copy{padding-bottom:12px}
.hero h1{font-size:clamp(76px,7.8vw,128px);line-height:.98;letter-spacing:-.045em;margin-block:27px 30px}
.hero-title-line:nth-child(3){color:#6f547d;animation-delay:.24s}
.hero h1 em{color:var(--rose)}
.hero-brush{stroke:#c35d80;opacity:.34;bottom:-8px;width:87%}
.hero-description{font-size:14px;line-height:1.85;max-width:355px}
.hero-footnote{margin-top:26px}
.hero-footnote-rule{background:var(--rose)}
.hero-play{border-color:#b56880}
.hero-art{background:#fffcf6;box-shadow:4px 17px 35px #8d486b19;min-height:0}
.hero-art::before{content:"";position:absolute;top:-11px;left:38%;width:100px;height:28px;background:#dfcfe5b3;transform:rotate(-7deg);z-index:3}
.hero-photo{height:clamp(480px,48vw,640px);border-radius:110px 110px 2px 2px}
.real-photo{overflow:hidden}
.real-photo img{width:120%;max-width:none;margin-left:-10%;height:100%;object-fit:cover;object-position:50% 45%}
.hero-art figcaption>em{font-size:23px;color:var(--rose)}
.hero-photo-note{background:#fff0bc;color:#664023;font-size:24px;right:-12px}
.hero-seal{display:none}
.event-ribbon{background:#f4d7e2;border-color:#e3bcca}
.ribbon-dot{background:var(--rose)}
.event-ribbon a{border-color:#a3667c}
.intro-meta .handwritten,.intro h2 em{color:var(--rose)}
.asterisk,.little-star{color:#9e6a27}
.intro{position:relative;isolation:isolate}
.intro::after{content:"";position:absolute;right:1%;top:12%;width:135px;height:175px;background:url('assets/petal-doodle.svg') center/contain no-repeat;opacity:.65;z-index:-1;pointer-events:none}
.past-workshops{padding-top:12px;padding-bottom:100px}
.past-workshops .notes-heading{grid-template-columns:1fr 1.5fr 1fr}
.past-workshops .notes-heading h2 em{color:var(--rose)}
.past-workshops .notes-gallery{padding-top:12px}
.memory-photo{display:block;min-width:0}
.memory-photo figure{padding:10px;background:#fffcf6;box-shadow:3px 12px 24px #8d486b13;transform:rotate(-2deg);height:100%}
.memory-photo:nth-child(2) figure{transform:rotate(3deg);background:#f4eaf8}
.memory-photo:nth-child(3) figure{transform:rotate(-1deg);background:#fff2d3}
.memory-photo .real-photo{aspect-ratio:1/1.1}
.memory-photo figcaption{padding:20px 9px 13px}
.memory-photo figcaption>span{font-size:8px;letter-spacing:.11em;display:block;margin-bottom:9px}
.memory-photo figcaption>em{font:italic 24px var(--serif);color:var(--rose);line-height:1.2}
.memory-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;font-size:12px;border-bottom:1px solid var(--rose);margin-top:32px}
.studio-notes{background:#f8edf1;padding-block:85px 110px}
.notes-heading h2 em{color:var(--rose)}
.note-photo figure{background:#fffaf3;box-shadow:3px 12px 24px #8d486b13}
.note-photo figcaption>em{color:var(--rose)}
.journey,.journey-sticky{background:#f2e9dc}
.journey-sticky{background:radial-gradient(ellipse at 53% 38%,#fff2df,#edddce)}
.journey-heading h2 em{color:var(--rose)}
.scene-note{color:var(--rose)}
.napkin{background:repeating-linear-gradient(0deg,#f0ccd2 0 1px,#f4d7db 1px 3px)}
.paint-section{background:#eee5f3}
.paint-copy h2 em{color:var(--rose)}
.paint-caption{border-color:#b9a3c8}
.paint-copy .handwritten{color:#745781}
.canvas-frame{border-color:#fffaf3;box-shadow:6px 14px 30px #6f547d19}
.swatch{border-color:#eee5f3}
.journey-colours .swatch{border-color:#f2e9dc}
#paint-help,.paint-access{color:#66526d}
#enable-paint{border-color:#856194;border-radius:24px}
.signature-section{background:#f5dbe4;color:var(--ink)}
.signature-copy .eyebrow{color:#71535d}
.signature-copy h2 em{color:var(--rose)}
.signature-copy>p:not(.eyebrow){color:#6b505b}
.signature-link{border-color:#a3667c}
.signature-index{color:#71535d}
.signature-section::before{border-color:#bd738c33}
.signature-paper{box-shadow:9px 22px 45px #95557426}
.object-display{background:radial-gradient(ellipse at 50% 42%,#fff0da,#f1d7cd);border-color:#e0b9ba}
.workshop-list h2 em{color:var(--rose)}
.activity.active{color:var(--rose)}
.activity-number{color:#8a4b61}
.gather-ticket{background:#f5d7e1;color:#673c4c}
.gather-copy h2 em{color:var(--rose)}
.gather-art>img{filter:saturate(1.08)}
.event-empty{background:#f0e5f4;border:1px solid #e0cfeb;border-radius:12px}
.event-empty-mark{color:var(--rose)}
.next-events h2 em{color:var(--rose)}
.closing{background:linear-gradient(120deg,#fff0c8,#f7dce6 66%,#e9def2);border-color:#e4c8d1}
.closing h2 em{color:var(--rose)}
.closing-star{color:#e4b9c7;opacity:.5}
.site-footer{background:#553548;color:#fff8ee}
.site-footer>.footer-statement{color:#fff8ee}
.site-footer>.footer-statement em{color:#f0bbc9}
.site-footer .brand-bottom{color:#f0bbc9}
.site-footer>p:not(.footer-statement){color:#f5dce5}
.site-footer>a:last-of-type{border-color:#c796ad}
.footer-base{border-color:#c796ad55;color:#f0d8e2}
.site-footer .brand-portrait{border-color:#c796ad}
dialog{background:var(--paper);border-color:#dab6c3;border-radius:14px}
dialog::backdrop{background:#4c2d40c4}
.booking-art{background:#f4e2ec;border-radius:8px}
#inquiry-receipt{background:#eee5f3;border-radius:8px}
.mobile-seat{background:var(--rose);color:#fff8ee;box-shadow:0 5px 25px #80344b33;border-radius:30px}
.past-hero .mobile-seat{background:var(--rose);color:#fff8ee;box-shadow:0 5px 25px #80344b33;border-radius:30px}
.toast{background:#553548;color:#fff8ee}
@media(min-width:761px) and (max-width:1100px){.hero h1{font-size:clamp(68px,8vw,92px)}.brand-portrait{width:56px;height:56px}.site-header .brand-top{font-size:23px}.brand-identity{gap:9px}.site-header nav{gap:15px;font-size:10px}}
@media(max-width:760px){
 html{scroll-padding-top:96px}
 .site-header{height:96px;padding-inline:5%}
 .brand-identity{gap:8px}
 .brand-portrait{width:48px;height:48px}
 .site-header .brand-top{font-size:21px;letter-spacing:-.05em}
 .site-header .brand-bottom{font-size:11px;margin-top:3px}
 .header-cta{font-size:9px;padding:10px 12px;gap:8px;margin-right:12px}
 .menu-toggle{min-width:32px}
 .site-header nav{top:96px;background:#fff8ee}
 .hero{padding:131px 6% 90px;min-height:0;grid-template-columns:1fr;gap:41px}
 .hero::before{top:55%;right:-25%;width:95%}
 .hero-copy{padding-bottom:0}
 .hero h1{font-size:clamp(73px,18vw,112px);margin-block:24px 25px;line-height:.99}
 .hero-description{font-size:13px;max-width:340px}
 .hero-actions{gap:20px}
 .hero-footnote{margin-top:22px}
 .hero-art{margin:0 3%;width:94%}
 .hero-photo{height:auto;aspect-ratio:1/1.13;border-radius:80px 80px 2px 2px}
 .hero-photo picture{height:100%;position:absolute;inset:0}
 .hero-photo-note{font-size:21px;right:-13px;bottom:94px;padding:17px}
 .hero-art figcaption>em{font-size:20px}
 .hero-art figcaption>span{font-size:6px}
 .event-ribbon>p{font-size:18px}
 .intro::after{width:90px;height:120px;right:3%;top:1%;opacity:.45}
 .past-workshops{padding:14px 0 66px}
 .past-workshops .notes-heading{display:block;padding-inline:6%}
 .past-workshops .notes-gallery{display:flex;gap:23px;padding:24px 7% 30px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:7%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .memory-photo{flex:0 0 77vw;max-width:400px;scroll-snap-align:start}
 .memory-photo figure{height:auto;padding:9px}
 .memory-photo figcaption>em{font-size:23px}
 .memory-link{margin:15px 6% 0;font-size:11px}
 .studio-notes{padding:59px 0 61px}
 .site-footer .brand-portrait{width:58px;height:58px}
 .site-footer>.wordmark .brand-top{font-size:28px}
 .site-footer>.footer-statement{font-size:clamp(40px,11.5vw,75px)}
 .signature-copy .eyebrow,.signature-index{color:#71535d}
}
@media(max-width:370px){.site-header .brand-top{font-size:18px}.brand-portrait{width:42px;height:42px}.brand-identity{gap:6px}.header-cta{padding:10px;gap:7px;margin-right:8px}.hero h1{font-size:70px}.hero-actions{gap:14px}.hero-play{font-size:10px}.hero-art figcaption>em{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-title-line,.hero-art{animation:none}.hero-brush path{animation:none;stroke-dasharray:none}}