:root{--ink:#201b18;--paper:#f3eadb;--paper-deep:#e7dac7;--red:#b74235;--rust:#9a4f37;--sage:#727c67;--charcoal:#292522;--chalk:#f6eedf;--muted:#746a62;--line:rgba(32,27,24,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden;position:relative}.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.22;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 5.5vw;background:transparent}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--red);color:#fff;font-family:"Noto Serif JP",serif;font-size:19px;transform:rotate(-5deg);border-radius:49% 51% 45% 55%}.brand-name{font-size:14px;font-weight:500}.site-nav{display:flex;align-items:center;gap:28px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:18px}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--ink);transition:.25s}.site-nav a:hover:after{right:0}.menu-toggle{display:none;border:0;background:none;font:italic 18px "Cormorant Garamond",serif;color:inherit}
.hero{min-height:100vh;padding:170px 7vw 80px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:6vw;overflow:hidden}.hero-copy{position:relative;z-index:3;max-width:980px}.eyebrow,.margin-note{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:500}.eyebrow{margin-bottom:16px}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(100px,16vw,240px);font-weight:400;line-height:.67;letter-spacing:-.07em;margin:45px 0 32px;position:relative}.hero h1 span{position:relative;z-index:2}.hero h1 em{font-style:italic;color:var(--red);position:relative;z-index:2}.hero-jp{font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:.08em;margin:0 0 27px}.hero-lede{font-family:"Cormorant Garamond",serif;font-size:clamp(23px,2.4vw,34px);line-height:1.35;max-width:810px;margin:0}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:38px}.hand-button{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 21px 14px;border:0;font:italic 18px "Cormorant Garamond",serif;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--red);cursor:pointer;transition:.2s}.hand-button:hover{transform:rotate(1deg) translateY(-2px);box-shadow:6px 6px 0 var(--red)}.under-link{font:italic 19px "Cormorant Garamond",serif;border-bottom:1px solid currentColor}.hero-note{position:relative;z-index:3;margin-bottom:50px;border:1px solid var(--ink);padding:36px 25px 23px;background:#eee0c9;transform:rotate(2deg);box-shadow:8px 9px 0 rgba(32,27,24,.08)}.hero-note .tape{position:absolute;top:-18px;left:35px;background:rgba(204,178,133,.68);padding:7px 25px;transform:rotate(-4deg);font:italic 17px "Cormorant Garamond",serif}.hero-note p:last-child{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.38;margin:0}.ink-circle{position:absolute;width:min(42vw,640px);aspect-ratio:1;border:55px solid var(--red);border-radius:47% 53% 52% 48%;right:-8vw;top:7vh;opacity:.84;transform:rotate(-12deg)}.ink-circle:after{content:"";position:absolute;inset:-61px;border:2px solid rgba(32,27,24,.25);border-radius:52% 48% 46% 54%;transform:rotate(7deg)}.scribble{position:absolute;z-index:1;border-top:2px solid var(--ink);width:48vw;opacity:.72}.scribble-one{right:-9vw;top:43%;transform:rotate(-11deg)}.scribble-two{right:8vw;top:54%;width:30vw;transform:rotate(16deg)}.vertical-note{position:absolute;right:2vw;bottom:55px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.22em;color:var(--muted)}
.hand-marquee{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:13px 0;transform:rotate(-.5deg);background:#e6d7c0}.marquee-track{display:flex;width:max-content;gap:25px;align-items:center;animation:marquee 28s linear infinite;font:italic 24px "Cormorant Garamond",serif;letter-spacing:.08em}.marquee-track i{color:var(--red);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{position:relative;padding:120px 7vw}.margin-note{color:var(--red);margin-bottom:52px;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px}.about-grid{display:grid;grid-template-columns:1fr .85fr;gap:11vw;align-items:start}.about-title{position:relative}.about-title h2,.practice-intro h2,.artists-layout h2,.events-top h2,.contact-layout h2{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(55px,7vw,102px);line-height:.88;letter-spacing:-.045em;margin:0}.about-title h2 em,.practice-intro h2 em,.artists-layout h2 em,.events-top h2 em,.contact-layout h2 em{font-weight:400;color:var(--red)}.brush-word{position:absolute;top:-42px;right:15%;font:italic 28px "Cormorant Garamond",serif;color:var(--paper);background:var(--ink);padding:2px 13px;transform:rotate(4deg)}.about-copy{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.55;padding-top:14px}.about-copy .lead,.artists-copy .lead{font-size:28px;line-height:1.35}.handwritten{font-style:italic;color:var(--red);font-size:29px!important;transform:rotate(-2deg);display:inline-block;border-bottom:2px solid var(--red)}.found-note{margin:100px 6vw 0 auto;width:min(550px,80%);padding:25px 30px;background:#d8c9ad;transform:rotate(-2deg);position:relative}.found-note:before{content:"";position:absolute;width:110px;height:28px;background:rgba(188,158,114,.55);top:-14px;left:35%;transform:rotate(4deg)}.found-note span{font:500 34px "Noto Serif JP",serif}.found-note p{font:italic 19px "Cormorant Garamond",serif;margin:6px 0 0}
.practice-section{background:var(--paper-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.practice-intro{display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end}.practice-intro p{font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.5;margin:0 0 4px}.practice-scatter{position:relative;min-height:760px;margin-top:65px}.practice-piece{position:absolute;width:min(330px,31vw);padding:27px 27px 30px;border:1px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 rgba(32,27,24,.1)}.practice-piece:before{content:"";position:absolute;width:66px;height:19px;background:rgba(187,158,116,.5);top:-10px;left:40%;transform:rotate(-3deg)}.practice-piece h3{font:italic 52px "Cormorant Garamond",serif;margin:4px 0 12px}.practice-piece p{font-family:"Cormorant Garamond",serif;font-size:19px;line-height:1.42;margin:0}.jp-num{font-family:"Noto Serif JP",serif;color:var(--red);font-size:19px}.piece-art{left:2%;top:35px;transform:rotate(-3deg)}.piece-music{left:35%;top:165px;transform:rotate(2deg);background:#eadac1}.piece-movement{right:2%;top:10px;transform:rotate(3.5deg);background:#d9ddcf}.piece-story{right:17%;top:440px;transform:rotate(-2deg);background:#efe2d2}
.artists-section{background:var(--charcoal);color:var(--chalk);overflow:hidden}.artists-stamp{position:absolute;right:-5vw;top:20px;font-family:"Noto Serif JP",serif;font-size:36vw;line-height:1;color:rgba(246,238,223,.035);transform:rotate(8deg)}.artists-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr .65fr;gap:10vw}.artists-layout h2 em{color:#e97966}.margin-note.light{color:#e97966}.artists-copy{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.5;padding-top:75px}.artists-copy .lead{font-size:28px}.chalk-link{display:inline-block;margin-top:25px;font-style:italic;font-size:23px;color:#e7a391;border-bottom:1px wavy #e7a391}
.events-top{display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end}.events-top p{font-family:"Cormorant Garamond",serif;font-size:22px;line-height:1.5;margin:0}.event-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:85px;align-items:start}.event-note{min-height:285px;padding:27px 24px;border:1px solid var(--ink);background:#eadbc6;box-shadow:6px 7px 0 rgba(32,27,24,.08)}.event-note span{font-size:11px;color:var(--red);letter-spacing:.15em}.event-note h3{font:italic 37px "Cormorant Garamond",serif;margin:45px 0 9px}.event-note p{font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1.45;margin:0}.tilt-left{transform:rotate(-2.2deg)}.tilt-right{transform:rotate(2.6deg);margin-top:28px;background:#dce0d2}.tilt-small{transform:rotate(-1deg);margin-top:-10px;background:#efe1cf}.tilt-back{transform:rotate(2deg);margin-top:40px}
.toronto-note{margin:0 7vw 70px;padding:36px 45px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;gap:25px;transform:rotate(.35deg)}.map-dot{font-size:28px;color:var(--red)}.toronto-note p{font:italic 29px "Cormorant Garamond",serif;margin:0}.toronto-note p span{font-style:normal;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.toronto-note .toronto-small{font-size:18px;line-height:1.4;color:var(--muted)}
.contact-section{padding-bottom:130px}.contact-layout{display:grid;grid-template-columns:1fr .72fr;gap:12vw}.contact-intro{font-family:"Cormorant Garamond",serif;font-size:23px;line-height:1.45;max-width:570px;margin-top:35px}.doodle-arrow{font:70px "Cormorant Garamond",serif;color:var(--red);margin:0 0 0 65%;transform:rotate(14deg)}.contact-card{background:#e9dcc8;border:1px solid var(--ink);padding:34px 35px;transform:rotate(1.5deg);box-shadow:9px 10px 0 rgba(32,27,24,.09);align-self:end}.form-note{font:italic 27px "Cormorant Garamond",serif;margin:0 0 20px;border-bottom:1px solid var(--ink);padding-bottom:12px}.inquiry-form{display:grid;gap:9px}.inquiry-form label{font:italic 18px "Cormorant Garamond",serif;margin-top:10px}.inquiry-form input,.inquiry-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:18px "Cormorant Garamond",serif;padding:12px 4px;outline:none;border-radius:0}.inquiry-form textarea{border:1px solid var(--ink);min-height:155px;padding:13px;margin-top:5px;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{box-shadow:inset 0 -2px 0 var(--red)}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#877b70}.submit-button{justify-self:start;margin-top:16px}.small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:25px 0 0}.form-hidden{display:none!important}
footer{border-top:1px solid var(--ink);padding:30px 6vw 38px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font:italic 16px "Cormorant Garamond",serif}.footer-brand{font-style:normal}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.practice-piece.reveal.visible,.event-note.reveal.visible{transform:var(--final-transform,none)}
@media(max-width:950px){.site-header{padding:21px 6vw}.site-nav{position:absolute;top:72px;left:5vw;right:5vw;display:none;flex-direction:column;align-items:flex-start;background:#eee1ce;border:1px solid var(--ink);padding:25px;gap:17px;box-shadow:7px 7px 0 rgba(32,27,24,.1)}.site-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:145px}.hero h1{font-size:clamp(92px,24vw,180px);margin-top:40px}.hero-note{width:min(380px,82%);margin:40px 0 0 auto}.ink-circle{width:70vw;right:-30vw;top:13vh;opacity:.34}.about-grid,.practice-intro,.artists-layout,.events-top,.contact-layout{grid-template-columns:1fr;gap:45px}.artists-copy{padding-top:0}.practice-scatter{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:65px}.practice-piece{position:relative;inset:auto!important;width:auto;transform:none!important}.event-notes{grid-template-columns:1fr 1fr}.toronto-note{grid-template-columns:40px 1fr}.toronto-small{grid-column:2}.contact-card{transform:none}footer{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){.hero{padding:135px 6vw 65px}.hero h1{font-size:25vw;line-height:.72}.hero-lede{font-size:25px}.hero-actions{flex-direction:column;align-items:flex-start}.vertical-note{display:none}.section{padding:90px 6vw}.about-title h2,.practice-intro h2,.artists-layout h2,.events-top h2,.contact-layout h2{font-size:58px}.practice-scatter,.event-notes{grid-template-columns:1fr}.practice-piece,.event-note{margin:0!important;transform:none!important}.practice-scatter{gap:18px}.found-note{width:92%;margin-top:65px}.artists-stamp{font-size:70vw}.toronto-note{margin:0 6vw 55px;padding:26px 5px;grid-template-columns:28px 1fr}.toronto-note p{font-size:24px}.contact-card{padding:27px 22px}footer{padding-left:6vw}.hero-note{width:90%}}


/* 2026-08-18 — warmer, curvier local-studio treatment for the opening page only */
.hero{
  min-height:100svh;
  padding:158px 7vw 92px;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px);
  background:
    radial-gradient(ellipse at 16% 18%,rgba(255,250,237,.78) 0 19%,transparent 52%),
    radial-gradient(ellipse at 82% 74%,rgba(182,114,84,.09) 0 15%,transparent 43%),
    linear-gradient(118deg,#f6ecdc 0%,#f1e4d2 52%,#eadbc8 100%);
}
.hero:before{
  content:"";position:absolute;left:-7vw;bottom:-135px;width:48vw;height:285px;
  background:#d8c7aa;border-radius:48% 52% 0 0 / 78% 74% 0 0;
  transform:rotate(5deg);opacity:.48;z-index:0;
}
.hero:after{
  content:"";position:absolute;left:37%;top:24%;width:250px;height:120px;
  border:2px solid rgba(154,79,55,.25);border-left-color:transparent;border-bottom-color:transparent;
  border-radius:50% 55% 48% 60%;transform:rotate(-14deg);z-index:0;
}
.hero-copy{max-width:920px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,250,240,.58);padding:8px 14px 9px;border-radius:999px;letter-spacing:.12em;text-transform:none;font-family:"DM Sans",sans-serif;font-size:11px;box-shadow:0 1px 0 rgba(32,27,24,.1)}
.eyebrow-dot{color:#ba6650;font-size:8px}
.hero h1{font-size:clamp(108px,15.5vw,232px);line-height:.64;margin:54px 0 33px;transform:rotate(-1deg);text-shadow:0 2px 0 rgba(255,255,255,.26)}
.hero h1 em{color:#aa5842;display:inline-block;transform:translateY(8px) rotate(2deg)}
.hero-jp{display:inline-flex;gap:10px;align-items:center;font-size:15px;background:#dfcfb3;padding:9px 17px;border-radius:48% 52% 45% 55% / 54% 45% 55% 46%;transform:rotate(-1deg);margin-bottom:31px}
.hero-jp span{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:17px;letter-spacing:0}
.hero-lede{font-size:clamp(25px,2.35vw,35px);max-width:760px;line-height:1.31}
.hero-actions{margin-top:42px}
.hand-button{border-radius:999px;padding:14px 24px 15px;box-shadow:none;background:#29231f;outline:1px solid rgba(32,27,24,.15);outline-offset:4px}
.hand-button:hover{box-shadow:none;transform:rotate(1deg) translateY(-2px)}
.under-link{border-bottom:0;position:relative}.under-link:after{content:"";position:absolute;height:5px;left:-3px;right:-4px;bottom:-7px;border-top:1.5px solid currentColor;border-radius:50%}
.hero-note{margin-bottom:36px;border:0;padding:52px 30px 28px;background:#f7ecd8;transform:rotate(2.2deg);box-shadow:0 12px 30px rgba(78,56,39,.12);border-radius:37% 63% 42% 58% / 16% 20% 80% 84%}
.hero-note:after{content:"";position:absolute;inset:7px 9px;border:1px solid rgba(75,57,45,.25);border-radius:38% 62% 41% 59% / 17% 22% 78% 83%;pointer-events:none}
.hero-note .tape{top:-15px;left:29px;background:#cfb383;padding:8px 22px;border-radius:3px;transform:rotate(-5deg);font-size:15px;z-index:2}
.hero-note p:last-of-type:not(.tape){font-size:20px}
.hero-note .note-signoff{font-size:16px!important;color:#9a4f37;font-style:italic;margin-top:18px!important;text-align:right;transform:rotate(-2deg)}
.note-flower{position:absolute;right:25px;top:24px;color:#b74235;font-size:24px;transform:rotate(14deg);z-index:2}
.ink-circle{width:min(45vw,680px);border:0;background:#b75a43;right:-10vw;top:3vh;opacity:.82;border-radius:44% 56% 65% 35% / 56% 39% 61% 44%;transform:rotate(-15deg);filter:saturate(.78)}
.ink-circle:before{content:"";position:absolute;inset:19%;background:#f0e2d0;border-radius:55% 45% 41% 59% / 46% 57% 43% 54%;transform:rotate(12deg)}
.ink-circle:after{inset:7%;border:2px solid rgba(255,241,220,.68);border-radius:59% 41% 55% 45% / 43% 58% 42% 57%;transform:rotate(-9deg)}
.hero-blob{position:absolute;pointer-events:none;z-index:0}
.hero-blob-sage{width:255px;height:185px;right:23vw;top:17vh;background:#9ca38d;opacity:.42;border-radius:62% 38% 45% 55% / 50% 62% 38% 50%;transform:rotate(18deg)}
.hero-blob-clay{width:190px;height:125px;right:3vw;bottom:4vh;background:#d29b78;opacity:.38;border-radius:42% 58% 65% 35% / 58% 42% 58% 42%;transform:rotate(-17deg)}
.flow-line{position:absolute;z-index:1;border:2px solid rgba(32,27,24,.42);border-left-color:transparent;border-bottom-color:transparent;pointer-events:none}
.flow-line-one{width:320px;height:155px;right:24vw;top:39%;border-radius:49% 56% 44% 51%;transform:rotate(15deg)}
.flow-line-two{width:220px;height:105px;right:9vw;bottom:17%;border-radius:60% 42% 55% 45%;transform:rotate(-31deg);border-color:rgba(154,79,55,.45);border-right-color:transparent}
.scribble{border-top:0;height:28px;opacity:.48}
.scribble:before,.scribble:after{content:"";position:absolute;left:0;right:0;height:12px;border-top:1.5px solid var(--ink);border-radius:50%}
.scribble:after{top:6px;left:16%;right:8%;transform:rotate(-2deg)}
.scribble-one{right:-5vw;top:46%;transform:rotate(-8deg)}.scribble-two{right:10vw;top:60%;transform:rotate(12deg)}
.vertical-note{right:1.8vw;bottom:42px;color:#76695d;background:rgba(247,236,216,.42);padding:10px 7px;border-radius:999px}
.hand-marquee{background:#dbbea0;border:0;padding:15px 0;transform:rotate(-.75deg);box-shadow:0 -1px 0 rgba(32,27,24,.18),0 1px 0 rgba(32,27,24,.18)}
.marquee-track{font-size:25px;gap:29px}.marquee-track i{color:#89493b}

@media(max-width:950px){
  .hero{padding-top:140px;background:linear-gradient(145deg,#f6ecdc,#ecddc9)}
  .hero:before{width:80vw;height:220px;bottom:-120px}
  .hero-note{border-radius:28% 72% 35% 65% / 16% 19% 81% 84%}
  .ink-circle{width:78vw;right:-34vw;top:10vh;opacity:.28}
  .hero-blob-sage{right:-2vw;top:34vh;opacity:.25}.hero-blob-clay{right:40vw;bottom:3vh;opacity:.26}
  .flow-line-one{right:-10vw;top:42%}.flow-line-two{right:5vw;bottom:12%}
}
@media(max-width:600px){
  .hero{padding:128px 6vw 74px}
  .hero h1{font-size:25.5vw;margin-top:43px}
  .hero-jp{font-size:13px;gap:7px;padding:8px 13px}.hero-jp span{font-size:15px}
  .hero-lede{font-size:25px}
  .hero-note{width:92%;padding:48px 25px 25px;border-radius:24% 76% 31% 69% / 14% 17% 83% 86%}
  .hero-blob-sage{width:150px;height:120px}.hero-blob-clay{width:120px;height:85px}
  .scribble,.flow-line{opacity:.42}
  .eyebrow{font-size:10px;line-height:1.35}
}

/* Artist portraits — names only, no title labels */
.artist-heading{position:relative;z-index:2;max-width:820px;margin-bottom:75px}.artist-heading h2{font:500 clamp(58px,7vw,104px)/.88 "Cormorant Garamond",serif;margin:24px 0 28px}.artist-heading h2 em{font-weight:400}.artist-heading>p{max-width:600px;font:21px/1.5 "Cormorant Garamond",serif;color:#e9dfd1}.artist-profiles{position:relative;z-index:2;display:grid;gap:110px}.artist-profile{display:grid;grid-template-columns:minmax(280px,440px) minmax(300px,610px);gap:clamp(45px,7vw,110px);align-items:center}.artist-profile.artist-right{grid-template-columns:minmax(300px,610px) minmax(280px,440px);margin-left:auto}.artist-right .artist-photo-wrap{grid-column:2;grid-row:1}.artist-right .artist-bio{grid-column:1;grid-row:1}.artist-photo-wrap{position:relative;margin:0;padding:13px 13px 34px;background:#eee1ce;box-shadow:12px 14px 0 rgba(0,0,0,.16);transform:rotate(-1.8deg);border-radius:44% 56% 7% 9% / 8% 9% 4% 5%}.artist-right .artist-photo-wrap{transform:rotate(2deg)}.artist-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:43% 57% 4% 5% / 8% 9% 3% 4%;filter:saturate(.92)}.artist-photo-wrap figcaption{position:absolute;right:18px;bottom:10px;color:#655c54;font:italic 13px "Cormorant Garamond",serif}.artist-doodle{position:absolute;right:-36px;top:-28px;color:#d9aa83;font:italic 28px "Noto Serif JP",serif;transform:rotate(9deg);white-space:nowrap}.artist-right .artist-doodle{left:-34px;right:auto;transform:rotate(-8deg)}.artist-bio h3{font:500 clamp(52px,6vw,88px)/.9 "Cormorant Garamond",serif;margin:0 0 28px;color:#f3e8da;display:inline-block;position:relative}.artist-bio h3:after{content:"";position:absolute;left:-4px;right:-12px;bottom:-10px;height:9px;border-top:2px solid #c58a67;border-radius:50%;transform:rotate(-2deg)}.artist-bio p{font:19px/1.72 "Cormorant Garamond",serif;color:#e6dbcf;margin:0}.artist-contact{position:relative;z-index:2;display:inline-block;margin-top:85px;color:#f0e4d6}.artists-section{padding-bottom:130px}
@media(max-width:850px){.artist-profiles{gap:85px}.artist-profile,.artist-profile.artist-right{grid-template-columns:1fr;gap:38px;margin:0}.artist-right .artist-photo-wrap,.artist-right .artist-bio{grid-column:1;grid-row:auto}.artist-photo-wrap{width:min(440px,88%)}.artist-right .artist-photo-wrap{margin-left:auto}.artist-bio p{font-size:18px}.artist-heading{margin-bottom:60px}}
@media(max-width:600px){.artist-heading h2{font-size:58px}.artist-heading>p{font-size:19px}.artist-profiles{gap:75px}.artist-photo-wrap{width:92%;padding:10px 10px 30px}.artist-doodle{right:-15px;top:-24px;font-size:22px}.artist-right .artist-doodle{left:-13px}.artist-bio h3{font-size:55px}.artist-bio p{font-size:17px;line-height:1.65}}

/* Emi portrait: keep the visual focus around the left third of the source image. */
.artist-photo-emi{object-position:33% center;}

/* iPhone / small-screen refinements — layout only; content unchanged */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{min-width:0;}
img{max-width:100%;height:auto;}
button,a,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}

@supports (padding:max(0px)){
  .site-header{
    padding-left:max(5.5vw,env(safe-area-inset-left));
    padding-right:max(5.5vw,env(safe-area-inset-right));
    padding-top:max(21px,env(safe-area-inset-top));
  }
  .hero,.section{
    padding-left:max(6vw,env(safe-area-inset-left));
    padding-right:max(6vw,env(safe-area-inset-right));
  }
  footer{
    padding-left:max(6vw,env(safe-area-inset-left));
    padding-right:max(6vw,env(safe-area-inset-right));
    padding-bottom:max(38px,env(safe-area-inset-bottom));
  }
}

@media(max-width:600px){
  body{overflow-x:clip;}
  .paper-noise{opacity:.14;}

  .site-header{
    position:absolute;
    padding-top:calc(18px + env(safe-area-inset-top,0px));
    min-height:72px;
  }
  .brand{gap:9px;}
  .brand-mark{width:42px;height:42px;font-size:20px;}
  .brand-name{font-size:13px;}
  .menu-toggle{
    min-width:48px;min-height:44px;padding:8px 4px;
    font-size:19px;cursor:pointer;
  }
  .site-nav{
    position:fixed;
    top:calc(72px + env(safe-area-inset-top,0px));
    left:14px;right:14px;
    width:auto;max-height:calc(100svh - 92px - env(safe-area-inset-top,0px));
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    z-index:80;padding:21px 22px 23px;gap:5px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(32,27,24,.18);
  }
  .site-nav a{
    width:100%;min-height:46px;display:flex;align-items:center;
    padding:7px 2px;font-size:21px;
  }

  .hero{
    min-height:auto;
    padding-top:calc(116px + env(safe-area-inset-top,0px));
    padding-bottom:68px;
    gap:34px;
  }
  .hero-copy{width:100%;min-width:0;}
  .eyebrow{max-width:100%;white-space:normal;padding:8px 12px;}
  .hero h1{
    font-size:clamp(82px,25vw,112px);
    line-height:.72;letter-spacing:-.075em;
    margin:38px 0 28px;
    max-width:100%;
  }
  .hero-jp{max-width:100%;flex-wrap:wrap;line-height:1.45;margin-bottom:25px;}
  .hero-lede{font-size:clamp(23px,6.5vw,27px);line-height:1.34;}
  .hero-actions{gap:21px;margin-top:34px;width:100%;}
  .hand-button{
    min-height:48px;display:inline-flex;align-items:center;justify-content:center;
    padding:13px 22px 14px;font-size:19px;
  }
  .under-link{font-size:19px;line-height:1.3;}
  .hero-note{
    width:94%;max-width:390px;margin:38px auto 0;
    padding:48px 24px 27px;
    border-radius:20% 80% 26% 74% / 12% 16% 84% 88%;
  }
  .hero-note p:last-of-type:not(.tape){font-size:19px;line-height:1.45;}
  .hero-note .tape{left:22px;right:auto;max-width:85%;font-size:15px;}
  .ink-circle{width:88vw;right:-46vw;top:16vh;}
  .flow-line-one{width:210px;right:-26vw;top:39%;}
  .flow-line-two{width:160px;right:-8vw;bottom:14%;}
  .hero-blob-sage{right:-9vw;top:32vh;}
  .hero-blob-clay{right:47vw;bottom:2vh;}

  .hand-marquee{padding:12px 0;}
  .marquee-track{font-size:21px;gap:22px;}

  .section{padding-top:78px;padding-bottom:78px;}
  .margin-note{margin-bottom:42px;line-height:1.4;}
  .about-grid,.practice-intro,.events-top,.contact-layout{gap:34px;}
  .about-title h2,.practice-intro h2,.events-top h2,.contact-layout h2{
    font-size:clamp(48px,14vw,60px);line-height:.92;
  }
  .brush-word{right:2%;top:-35px;font-size:24px;}
  .about-copy{font-size:19px;line-height:1.58;padding-top:4px;}
  .about-copy .lead{font-size:24px;line-height:1.42;}
  .handwritten{font-size:25px!important;line-height:1.25;}
  .found-note{width:96%;margin:58px auto 0;padding:24px 22px;}
  .found-note span{font-size:31px;}
  .found-note p{font-size:18px;line-height:1.4;}

  .practice-intro p,.events-top p{font-size:20px;line-height:1.5;}
  .practice-scatter{margin-top:48px;gap:22px;}
  .practice-piece{padding:25px 23px 27px;box-shadow:5px 6px 0 rgba(32,27,24,.09);}
  .practice-piece h3{font-size:46px;}
  .practice-piece p{font-size:18px;line-height:1.48;}

  .artists-section{padding-bottom:88px;}
  .artist-heading{margin-bottom:52px;}
  .artist-heading h2{font-size:clamp(50px,14.5vw,61px);line-height:.93;margin-top:20px;}
  .artist-heading>p{font-size:18px;line-height:1.5;}
  .artist-profiles{gap:70px;}
  .artist-profile,.artist-profile.artist-right{gap:30px;}
  .artist-photo-wrap,.artist-right .artist-photo-wrap{width:94%;max-width:410px;margin-left:auto;margin-right:auto;}
  .artist-doodle{right:-9px;}.artist-right .artist-doodle{left:-8px;}
  .artist-bio h3{font-size:clamp(48px,14vw,58px);margin-bottom:24px;}
  .artist-bio p{font-size:17px;line-height:1.65;overflow-wrap:anywhere;}
  .artist-contact{font-size:20px;margin-top:62px;line-height:1.4;}

  .event-notes{margin-top:55px;gap:19px;}
  .event-note{min-height:0;padding:24px 22px;box-shadow:5px 6px 0 rgba(32,27,24,.07);}
  .event-note h3{font-size:35px;margin:28px 0 8px;}
  .event-note p{font-size:18px;}

  .toronto-note{
    margin:0 6vw 50px;padding:24px 4px;gap:14px 10px;
    grid-template-columns:22px minmax(0,1fr);
  }
  .map-dot{font-size:20px;align-self:start;padding-top:5px;}
  .toronto-note p{font-size:23px;line-height:1.25;min-width:0;}
  .toronto-note .toronto-small{font-size:17px;line-height:1.5;grid-column:2;}

  .contact-intro{font-size:21px;line-height:1.5;margin-top:27px;}
  .doodle-arrow{font-size:55px;margin-left:70%;}
  .contact-card{padding:25px 20px 27px;border-radius:4px;}
  .form-note{font-size:25px;}
  .inquiry-form label{font-size:18px;}
  .inquiry-form input,.inquiry-form textarea{
    font-size:16px; /* prevents Safari auto-zoom on focus */
    line-height:1.45;min-height:46px;
  }
  .inquiry-form textarea{min-height:150px;}
  .submit-button{width:100%;margin-top:18px;}

  footer{grid-template-columns:1fr;gap:7px;padding-top:28px;padding-bottom:calc(34px + env(safe-area-inset-bottom,0px));}
  footer p{margin:3px 0;line-height:1.4;}
}

@media(max-width:390px){
  .site-header{padding-left:18px;padding-right:18px;}
  .hero,.section{padding-left:20px;padding-right:20px;}
  .hero h1{font-size:23.5vw;}
  .hero-lede{font-size:23px;}
  .hero-note{width:100%;}
  .artist-photo-wrap,.artist-right .artist-photo-wrap{width:96%;}
  .about-title h2,.practice-intro h2,.events-top h2,.contact-layout h2{font-size:47px;}
  .artist-heading h2{font-size:49px;}
  .artist-bio h3{font-size:49px;}
  .toronto-note{margin-left:20px;margin-right:20px;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .marquee-track{animation:none;}
  .reveal{opacity:1!important;transform:none!important;transition:none!important;}
}

/* Mobile hero artwork: decorative shapes float behind the copy and consume no layout width. */
@media (max-width: 600px){
  .hero{display:block;position:relative;isolation:isolate;}
  .hero-copy{position:relative;z-index:3;width:100%;max-width:none;}
  .ink-circle,.hero-blob,.flow-line{position:absolute;z-index:0;pointer-events:none;}
  .ink-circle{width:82vw;right:-43vw;top:11vh;opacity:.20;}
  .hero-blob-sage{right:-12vw;top:29vh;opacity:.18;}
  .hero-blob-clay{right:48vw;bottom:2vh;opacity:.20;}
  .hero h1{width:100%;max-width:none;font-size:clamp(82px,25.5vw,112px);white-space:nowrap;}
}

/* iPhone/mobile hero: artwork is a true background image and never participates in layout. */
@media (max-width: 600px){
  .hero{
    display:block;
    grid-template-columns:none;
    background-image:url("hero-art-mobile.svg"),linear-gradient(145deg,#f6ecdc,#ecddc9);
    background-repeat:no-repeat,no-repeat;
    background-position:center top,center;
    background-size:100% 100%,cover;
  }
  .hero > .ink-circle,
  .hero > .hero-blob,
  .hero > .flow-line,
  .hero > .scribble{display:none!important;}
  .hero-copy{width:100%;max-width:none;min-width:0;}
  .hero h1{
    width:100%;
    max-width:none;
    white-space:nowrap;
    font-size:clamp(76px,23vw,102px);
    letter-spacing:-.075em;
  }
}


/* Artist contact links */
.artist-links{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-top:1.15rem;padding-top:.85rem;border-top:1px solid rgba(32,28,24,.16)}
.artist-links a{display:inline-flex;align-items:center;gap:.42rem;color:inherit;text-decoration:none;font-size:.9rem;line-height:1.3;border-bottom:1px solid transparent;transition:border-color .2s ease,opacity .2s ease}
.artist-links a span{font-size:.7rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;opacity:.62}
.artist-links a:hover,.artist-links a:focus-visible{border-bottom-color:currentColor}
@media(max-width:600px){.artist-links{gap:.65rem 1.1rem}.artist-links a{font-size:.95rem;min-height:44px}}