/* The Pottery Studio: unpublished local preview. Warm, tactile, and quiet. */
body.pottery-page{--clay:#a76d50;--sage:#6b7560;--paper:#f3e8d2;background:var(--honey)}
.pottery-page .site-header .rooms{min-width:0}
/* This room has its own opt-in soundscape; never mount the global playlist here. */
.pottery-page .mx-music{display:none!important}
/* Portrait home-room arch keeps the full landscape photograph, without cropping away a bowl. */
.arch-win img[src$="three-speckled-bowls.webp"]{object-fit:contain;object-position:50% 52%;background:#e3cda9}
@media(max-width:1079px){
 .pottery-page .site-header .rooms{background:#2b1d14;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(223,196,141,.32);box-shadow:0 18px 30px rgba(43,29,20,.38);max-height:calc(100svh - 76px);overflow-y:auto}
 .pottery-page .site-header .rooms a{color:#f3e8d2}
 .pottery-page .site-header .rooms .r{color:#dfc48d}
 .pottery-page .site-header .rooms .l{color:#e5d6ba}
}
.pottery-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#34261c;color:var(--cream-2)}
.pottery-hero-media,.pottery-hero-media::after{position:absolute;inset:0}
.pottery-hero-media{z-index:-2;background:#34261c url('../assets/pottery/studio-ambient-poster.webp') center/cover no-repeat}
.pottery-hero-media video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.pottery-hero-media{background-image:url('../assets/pottery/studio-ambient-mobile-poster.webp')}}
.pottery-hero-media::after{content:"";z-index:1;background:radial-gradient(72% 90% at 15% 70%,rgba(43,29,20,.82) 0%,rgba(43,29,20,.58) 43%,transparent 78%),linear-gradient(90deg,rgba(43,29,20,.78),rgba(43,29,20,.25) 64%,rgba(43,29,20,.12)),linear-gradient(0deg,rgba(43,29,20,.9),rgba(43,29,20,.12) 55%,transparent 76%);pointer-events:none}
.pottery-hero .wrap{position:relative;z-index:2;padding:9rem 0 clamp(4.5rem,9vh,7rem)}
.pottery-hero h1{font-family:var(--display);font-size:clamp(3.4rem,8.7vw,7.7rem);font-weight:400;letter-spacing:-.035em;line-height:.88;color:#f6ecd8;max-width:8ch;margin:.1em 0 .25em;text-shadow:0 2px 24px rgba(43,29,20,.62)}
.pottery-hero h1 em{display:block;color:#dfc48d;font-weight:400}
.pottery-hero .lede{color:#f3e9d6;max-width:31ch;font-size:clamp(1.12rem,1.7vw,1.35rem)}
.pottery-hero .label{color:#dfc48d}.pottery-hero .label.rule::before{background:#dfc48d}
.pottery-entry{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:2rem}
.pottery-entry .btn{background:#d2b071;border-color:#d2b071;color:#34261c}
.pottery-entry .btn:hover{background:#f3e8d2;border-color:#f3e8d2}
.sound-step{display:flex;align-items:center;gap:.8rem;background:rgba(43,29,20,.55);border:1px solid rgba(239,228,207,.5);color:#f3e8d2;padding:.85rem 1.25rem;cursor:pointer;font:600 .77rem var(--body);letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(10px)}
.sound-step .sound-icon{font-family:var(--display);font-size:1.4rem;font-weight:400;line-height:1}
.sound-step:hover,.sound-step[aria-pressed="true"]{background:rgba(107,85,60,.85);border-color:#dfc48d}
.pottery-hero .lede{text-shadow:0 1px 16px rgba(43,29,20,.65)}
.pottery-ambient-transcript{max-width:36rem;color:#e0d2ba}
.pottery-ambient-transcript summary{min-height:44px;display:flex;align-items:center;color:#dfc48d}
.pottery-hero-note{max-width:40rem;color:#e0d2ba;font-size:.9rem;line-height:1.5;margin:1.1rem 0 0;text-shadow:0 1px 12px rgba(43,29,20,.65)}
.studio-motion-control{display:inline-flex;align-items:center;min-width:44px;min-height:44px;margin:-.45rem 0 -.45rem .3rem;padding:.55rem .65rem;background:transparent;border:0;border-bottom:1px solid rgba(223,196,141,.6);cursor:pointer;color:#dfc48d;font:600 .78rem/1.35 var(--body);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 12px rgba(43,29,20,.65)}
.studio-motion-control:hover{color:#f3e8d2;border-bottom-color:#f3e8d2}
.studio-motion-control:focus-visible{outline:2px solid #dfc48d;outline-offset:3px}
.pottery-scroll{position:absolute;right:1.8rem;bottom:2.4rem;color:#e0d2ba;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;writing-mode:vertical-rl}
/* Rachel's journal: short movements, generous reading measure, real work as visual pauses. */
.pottery-story{position:relative;overflow:hidden;background:linear-gradient(155deg,#f7efdf 0%,#f2e5cd 58%,#ead7b8 100%);padding:clamp(5rem,9vw,9rem) 0 0;color:var(--espresso)}
.pottery-story::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 13%,rgba(255,255,255,.7),transparent 28%),radial-gradient(circle at 6% 74%,rgba(167,109,80,.08),transparent 24%)}
.pottery-story>*{position:relative}
.pottery-story-intro,.story-movement,.story-closing{width:min(calc(100% - 3rem),1180px);margin-inline:auto}
.pottery-story-intro{max-width:800px;margin-bottom:clamp(3.5rem,7vw,6rem);text-align:center}
.pottery-story-intro .label{justify-content:center}
.pottery-story-intro h2{font-family:var(--display);font-weight:400;font-size:clamp(3.5rem,7vw,6.5rem);letter-spacing:-.035em;line-height:.95;margin:.22em 0 .2em}
.pottery-story-intro h2 em{font-weight:400;color:var(--gold-ink)}
.pottery-story-byline{font:italic 1.35rem var(--display);color:var(--gold-ink);margin:0}
.story-movement{display:grid;gap:2.5rem;align-items:center;margin-bottom:clamp(4.5rem,9vw,8rem)}
.story-prose{max-width:37rem}
.story-prose p{font-size:clamp(1.13rem,1.65vw,1.3rem);line-height:1.85;margin:0 0 1.35em}
.story-prose p:last-child{margin-bottom:0}
.story-prose .story-first::first-letter{float:left;font:400 4.6rem/.78 var(--display);color:var(--gold-ink);padding:.15rem .6rem .15rem 0}
.story-prose .story-turn{font:italic clamp(1.65rem,2.7vw,2.15rem)/1.4 var(--display);color:var(--gold-ink);padding-top:.5rem}
.story-photo{margin:0;position:relative}
.story-photo img{display:block;width:100%;height:auto;box-shadow:0 25px 55px -34px rgba(43,29,20,.68);filter:saturate(1.025)}
.story-photo figcaption,.story-home-photos figcaption{font:italic 1.05rem var(--display);color:var(--espresso-2);padding-top:.8rem}
.story-photo-wheel{max-width:440px;justify-self:end;transform:rotate(1.2deg)}
.story-photo-guidance{max-width:440px;justify-self:start;transform:rotate(-1deg)}
.story-watching .story-prose{justify-self:end}
.story-faith{margin:0 0 clamp(4.5rem,9vw,8rem);padding:clamp(4.5rem,9vw,8rem) max(1.5rem,calc((100% - 760px)/2));background:#3d3025;color:#f3e8d2;text-align:center}
.story-faith p{font-family:var(--display);font-size:clamp(1.7rem,3.25vw,2.65rem);font-weight:400;line-height:1.45;max-width:30ch;margin:0 auto 1.2em}
.story-faith p:nth-child(2){color:#dfc48d;font-style:italic}
.story-faith p:nth-child(3){font-size:clamp(2.15rem,4.4vw,3.75rem);line-height:1.2;color:#f6ecd8}
.story-faith p:last-child{font:italic 1.35rem var(--display);color:#d2b071;margin-top:3rem;margin-bottom:0}
.story-home{align-items:center}
.story-home-photos{display:grid;grid-template-columns:1.35fr .8fr;align-items:end;gap:1rem}
.story-home-photos figure{margin:0}
.story-home-photos img{display:block;width:100%;height:auto;box-shadow:0 22px 45px -32px rgba(43,29,20,.58)}
.story-home-photos figure:first-child{margin-bottom:3rem}
.story-home-photos figcaption{font-size:.94rem}
.story-closing{max-width:750px;text-align:center;padding:0 0 clamp(5rem,10vw,9rem)}
.story-closing p{font:italic clamp(1.55rem,2.7vw,2.15rem)/1.5 var(--display);margin:0 0 1.3em}
.story-closing .story-last-line{font-size:clamp(2.55rem,5vw,4.65rem);font-style:normal;line-height:1.12;color:var(--gold-ink);margin:1.7em 0 .5em}
.story-signoff{font:italic 1.7rem var(--display);color:var(--espresso-2)}
@media(min-width:850px){.story-movement{grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem)}.story-watching{grid-template-columns:.85fr 1.15fr}.story-watching .story-photo{grid-column:1;grid-row:1}.story-watching .story-prose{grid-column:2;grid-row:1}.story-home{grid-template-columns:1fr 1.1fr}}
@media(max-width:600px){.pottery-story-intro,.story-movement,.story-closing{width:min(calc(100% - 2.5rem),1180px)}.story-movement{gap:2rem}.story-photo{max-width:90%;justify-self:center}.story-watching .story-prose{order:0}.story-watching .story-photo{order:1}.story-home-photos{gap:.75rem}.story-home-photos figure:first-child{margin-bottom:1.5rem}.story-faith{padding-inline:1.25rem}.story-prose p{line-height:1.75}.story-prose .story-first::first-letter{font-size:4rem}.story-closing .story-last-line{margin-top:1.35em}}
@media(prefers-reduced-motion:reduce){.story-photo{transform:none}}
.pottery-section{padding:clamp(4.5rem,9vw,8rem) 0}
.pottery-section-head{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.pottery-section-head h2{max-width:15ch}
.pottery-section-head p{max-width:38ch;font-size:1.17rem}
.process-grid{display:grid;gap:2.6rem 1.5rem}
.process-figure{margin:0}
.process-figure .frame{aspect-ratio:4/5;box-shadow:0 22px 42px -30px rgba(43,29,20,.55)}
.process-figure img{filter:saturate(1.025)}
.process-figure figcaption{padding:1rem 0 0;font-size:1.02rem;max-width:30ch}
.process-figure figcaption b{display:block;font-family:var(--display);font-size:1.55rem;font-weight:400;line-height:1.2;color:var(--espresso);margin-bottom:.35rem}
.process-figure.wide .frame{aspect-ratio:4/3}
.process-figure.wide figcaption{max-width:40ch}
@media(min-width:850px){
 .pottery-section-head{grid-template-columns:1fr 1fr;gap:4rem;align-items:end}
 .process-grid{grid-template-columns:1.1fr .9fr;gap:5rem 2.5rem;align-items:start}
 .process-figure:nth-child(even){margin-top:6rem}
}
.studio-interlude{background:#3d3025;color:#eee0c6;position:relative;overflow:hidden}
.studio-interlude .wrap{max-width:850px;text-align:center;padding:1rem 0}
.studio-interlude p{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.25;color:#f3e8d2;margin:0}
.studio-interlude .label{color:#d2b071}
.lesson-layout{display:grid;gap:2.6rem;align-items:center}
.lesson-video{margin:0;background:#34261c;box-shadow:0 26px 50px -34px rgba(43,29,20,.7)}
.lesson-video video{display:block;width:100%;aspect-ratio:16/9;background:#34261c}
.lesson-video figcaption{font-size:.85rem;padding:.8rem 1rem;color:#e6d7b9}
.lesson-copy h3{font-size:2rem;margin-bottom:.7rem}
.lesson-steps{list-style:none;margin:1.5rem 0 0;padding:0;counter-reset:lesson}
.lesson-steps li{position:relative;padding:0 0 1.5rem 3.1rem;max-width:38ch}
.lesson-steps li::before{counter-increment:lesson;content:counter(lesson,decimal-leading-zero);position:absolute;left:0;top:.1rem;font:italic 1.4rem var(--display);color:var(--gold-ink)}
.lesson-steps b{display:block;color:var(--espresso);font-weight:600}
.lesson-steps p{margin:.25rem 0 0;font-size:1.02rem}
.transcript{margin-top:1rem;font-size:.94rem;color:#6b5442}
.transcript summary{cursor:pointer;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px}
.transcript p{margin-top:.8rem}
@media(min-width:950px){.lesson-layout{grid-template-columns:1.15fr .85fr;gap:4.5rem}}
.pottery-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.gallery-item{margin:0;position:relative;overflow:hidden;background:#dfcbaa}
.gallery-item img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform 1.6s ease}
.gallery-item:nth-child(1){grid-column:1/-1}
.gallery-item:nth-child(1) img{aspect-ratio:4/3;object-fit:contain;object-position:50% 52%;background:#e3cda9}
.gallery-item:nth-child(2) img{aspect-ratio:4/5}
.gallery-item figcaption{font:italic 1rem var(--display);color:var(--espresso-2);padding:.7rem .1rem 0}
.gallery-item:hover img{transform:scale(1.035)}
@media(min-width:800px){.pottery-gallery{grid-template-columns:repeat(12,1fr);gap:1.6rem}.gallery-item:nth-child(1){grid-column:span 5}.gallery-item:nth-child(2){grid-column:span 7}.gallery-item:nth-child(2) img{aspect-ratio:7/5}.gallery-item:nth-child(3){grid-column:span 7}.gallery-item:nth-child(3) img{aspect-ratio:7/5}.gallery-item:nth-child(4){grid-column:span 5}.gallery-item:nth-child(5){grid-column:span 6}.gallery-item:nth-child(6){grid-column:span 6}}
.pottery-note{max-width:650px;margin:2.5rem auto 0;text-align:center;font-size:1.15rem}
.pottery-notify{position:relative;overflow:hidden;background:radial-gradient(65% 90% at 85% 10%,rgba(239,218,165,.55),transparent 70%),#e2cba6}
.pottery-notify .wrap{max-width:840px}
.pottery-notify h2{font-size:clamp(2.5rem,5vw,4rem)}
.pottery-notify form{margin-top:1.8rem}
.pottery-notify .field{margin-bottom:1.4rem}
.pottery-notify .form-note{font-size:.94rem;color:#6b5442;margin-top:1rem}
.form-status{font-size:1.05rem;padding:.9rem 1rem;border:1px solid rgba(122,90,31,.35);margin-top:1rem}
.form-status[hidden]{display:none}
.form-status.error{border-color:#8a472f;color:#71351f}
@media(max-width:1079px) and (min-width:900px){.pottery-page .site-header .wrap{gap:.5rem}.pottery-page .brand b{font-size:1.45rem}.pottery-page .brand span{font-size:.51rem}.pottery-page .rooms ul{gap:.7rem}.pottery-page .rooms .r{font-size:.85rem}.pottery-page .rooms .l{font-size:.51rem}}
@media(max-width:700px){.pottery-hero .wrap{padding-top:8rem}.pottery-hero h1{font-size:clamp(3.1rem,16vw,5.2rem)}.pottery-scroll{display:none}.pottery-entry{align-items:stretch}.pottery-entry .btn,.sound-step{justify-content:center;text-align:center}.pottery-gallery{gap:1rem}.gallery-item figcaption{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}}
@media print{.pottery-hero-media video,.pottery-entry,.pottery-scroll{display:none}.pottery-hero{min-height:55vh}}