:root{--earth:#8e4230;--terra:#ae593e;--dark:#362a22;--cream:#e6d6c4;--sand:#c5a989}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--earth);color:#f5e7d7;font-family:"Hiragino Mincho ProN","Yu Mincho",serif}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f4d47c;outline-offset:4px}.skip{position:absolute;z-index:100;top:-100px;left:10px;background:#fff;color:#111;padding:10px}.skip:focus{top:10px}.fiction{margin:0;padding:8px 18px;text-align:center;background:#e3d3c1;color:#3d332b;font:11px/1.5 "Hiragino Kaku Gothic ProN",sans-serif}.top{display:flex;align-items:center;gap:30px;padding:16px 3vw;background:#38291f;border-bottom:1px solid #b8987e}.wordmark{text-decoration:none;font-size:25px;letter-spacing:-.08em;white-space:nowrap}.wordmark small{display:block;font:8px ui-monospace,monospace;letter-spacing:.13em}.top nav{display:flex;gap:30px;margin-left:auto;font:12px "Hiragino Kaku Gothic ProN",sans-serif}.top nav a{text-decoration:none}.top nav a:hover{color:#f6bb91}.issue{font:10px ui-monospace,monospace;white-space:nowrap}.intro{min-height:760px;padding:20px 3vw 30px;background:#a65339;overflow:hidden}.intro-line{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:.15em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;min-height:610px}.intro-letters{position:relative;z-index:1;display:flex;align-items:flex-end;gap:0;font-size:clamp(100px,13vw,220px);line-height:1;white-space:nowrap;letter-spacing:-.15em}.intro-letters span:nth-child(2){align-self:center;font-size:.55em}.intro-letters span:nth-child(3){align-self:center}.intro-letters span:nth-child(4){align-self:flex-start;margin-top:25px}.intro-letters i{font-style:normal;align-self:flex-end;color:#f5b186}.intro-visual{position:relative;overflow:hidden;margin:0 0 20px;background:#c4875c;border-radius:50% 50% 0 0}.sun{position:absolute;width:290px;height:290px;left:40%;top:5%;background:#eed2a4;border-radius:50%;filter:blur(2px)}.mountain{position:absolute;left:-10%;right:-10%;bottom:-40%;height:75%;background:#934c38;border-radius:50% 50% 0 0}.mountain-two{left:30%;bottom:-50%;height:70%;background:#693b32}.floating-bowl{position:absolute;left:25%;bottom:17%;width:53%;height:25%;border-radius:8% 8% 50% 50%;background:#54392d;box-shadow:inset 0 20px 0 #d5b692,20px 20px 0 rgba(40,25,15,.22);transform:rotate(-8deg)}.intro-visual span{position:absolute;right:15px;bottom:15px;font:9px ui-monospace,monospace;letter-spacing:.15em}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #f2d3bc;padding-top:15px}.intro-bottom p{margin:0;font-size:24px;line-height:1.5}.intro-bottom a{font:13px "Hiragino Kaku Gothic ProN",sans-serif;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.intro-bottom span{font:9px ui-monospace,monospace;letter-spacing:.15em}.atelier{padding:95px 3vw 125px;background:#30261e}.atelier-heading{display:grid;grid-template-columns:150px minmax(0,1fr) 280px;align-items:end;gap:30px;margin-bottom:60px}.chapter{font:10px ui-monospace,monospace;letter-spacing:.2em}.atelier h1{font-weight:500;font-size:clamp(60px,8vw,130px);letter-spacing:-.1em;line-height:1.05;margin:0}.atelier-heading p{font-size:13px;line-height:2}.atelier-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);gap:22px}.stage{position:relative;min-height:720px;overflow:hidden;background:#ba8464;border-radius:52% 52% 4px 4px / 20% 20% 4px 4px}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#d9aa82 0,#b87d5d 58%,#82553f 100%)}.stage-caption{position:absolute;z-index:5;top:22px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;font:10px ui-monospace,monospace;letter-spacing:.13em;color:#30251f}.stage-ring{position:absolute;width:520px;height:520px;left:50%;top:22%;transform:translateX(-50%);border:1px solid rgba(255,238,218,.35);border-radius:50%}.ring-b{width:390px;height:390px;top:31%}.vessel{position:absolute;z-index:3;left:50%;top:15%;width:min(75%,520px);height:520px;transform:translateX(-50%);overflow:visible;--glaze:#b96043;--rim:#8e3f2d;filter:drop-shadow(20px 25px 12px rgba(46,27,17,.35))}.vessel-shadow{fill:rgba(50,28,15,.2)}#vessel-body{fill:var(--glaze);stroke:#493326;stroke-width:4;transition:fill .35s,d .35s}#vessel-rim{fill:var(--rim);stroke:#493326;stroke-width:4;transition:fill .35s}.vessel-shine{fill:none;stroke:rgba(255,255,255,.32);stroke-width:8;stroke-linecap:round}.vessel-foot{fill:none;stroke:rgba(40,26,18,.35);stroke-width:4}.wheel{position:absolute;z-index:2;bottom:6%;left:50%;width:75%;max-width:590px;height:170px;transform:translateX(-50%);border-radius:50%;background:#594339;border:15px solid #786052;box-shadow:0 24px 0 #3c322d,0 45px 0 #2c2623}.wheel-inner{width:100%;height:100%;border-radius:50%;border:2px dashed #ba9981;animation:wheel 12s linear infinite}.stage-foot{position:absolute;bottom:18px;left:0;right:0;text-align:center;z-index:5;font:10px ui-monospace,monospace;letter-spacing:.1em}.selection{padding:25px;background:#dccbb6;color:#332a22}.selection-top span{font:10px ui-monospace,monospace;letter-spacing:.15em}.selection h2{font-size:32px;letter-spacing:-.08em;font-weight:500;margin:12px 0 20px}.options{border-top:1px solid #5b4b3d}.options button{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid #5b4b3d;padding:17px 10px;background:transparent;text-align:left;font-size:20px;cursor:pointer;color:#332a22}.options button span{font:11px ui-monospace,monospace}.options button i{margin-left:auto;font-style:normal}.options button[aria-pressed=true]{background:#98543c;color:#fff}.glaze-heading{margin-top:52px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.swatches button{border:1px solid #5b4b3d;background:transparent;padding:8px 4px;cursor:pointer;color:#332a22;font-size:12px}.swatches button[aria-pressed=true]{border:3px solid #43291e;font-weight:bold}.swatches i{display:block;width:45px;height:45px;max-width:80%;margin:5px auto 10px;border-radius:50%;background:#b96043}.swatches button:nth-child(2) i{background:#d9d5bd}.swatches button:nth-child(3) i{background:#343b35}.selection-note{margin-top:50px;padding-top:18px;border-top:2px solid #3d2c22}.selection-note span{font:10px ui-monospace,monospace;letter-spacing:.12em}.selection-note p{font-size:29px;line-height:1.4;margin:15px 0}.selection-note small{display:block;font:11px/1.8 "Hiragino Kaku Gothic ProN",sans-serif}.reset{margin-top:25px;padding:12px;width:100%;background:transparent;border:1px solid #3d2c22;text-align:left;color:#332a22;cursor:pointer}.steps{padding:100px 3vw 120px;background:#e3d3bf;color:#352820}.steps-heading{display:flex;gap:8vw;align-items:start}.steps-heading span{font:10px ui-monospace,monospace;letter-spacing:.15em}.steps h2{font-size:clamp(65px,8vw,120px);font-weight:500;letter-spacing:-.1em;line-height:1.15;margin:0}.steps-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:75px}.steps-strip article{border-top:4px solid #934a37;padding:22px 15px;min-height:260px}.steps-strip article span{font:26px ui-monospace,monospace;color:#9b5b41}.steps-strip h3{font-size:30px;font-weight:500}.steps-strip p{font-size:13px;line-height:2}.outro{padding:100px 3vw 120px;min-height:550px;background:#8e4230}.outro span{font:10px ui-monospace,monospace;letter-spacing:.15em}.outro p{font-size:clamp(65px,9vw,140px);letter-spacing:-.1em;line-height:1.25;margin:40px 0}.outro a{display:inline-block;border-bottom:1px solid;padding:10px 0;text-decoration:none;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 3vw;background:#2d241f;font:11px "Hiragino Kaku Gothic ProN",sans-serif}footer a{text-decoration:none}@keyframes wheel{to{transform:rotate(360deg)}}@media(max-width:1000px){.intro-letters{font-size:13vw}.atelier-heading{grid-template-columns:100px 1fr}.atelier-heading p{grid-column:2}.atelier-main{grid-template-columns:1fr 300px}.stage{min-height:660px}.vessel{top:13%}.wheel{bottom:6%}}@media(max-width:760px){.issue{display:none}.top nav{gap:12px}.top nav a{font-size:10px}.intro{min-height:0;padding:20px}.intro-grid{min-height:700px;display:block;position:relative}.intro-letters{position:absolute;top:0;left:0;right:0;font-size:17vw}.intro-visual{position:absolute;top:170px;bottom:25px;left:20%;right:0}.intro-bottom span{display:none}.atelier,.steps,.outro{padding:80px 20px 90px}.atelier-heading{display:block}.atelier-heading h1{margin:20px 0}.atelier-heading p{max-width:520px}.atelier-main{display:block}.stage{min-height:630px;margin-bottom:20px}.selection{max-width:none}.steps-heading{display:block}.steps h2{margin-top:20px}.steps-strip{margin-top:45px}.steps-strip article{min-height:0}.steps-strip h3{font-size:23px}}@media(max-width:520px){.fiction{font-size:10px}.top{padding:12px 15px}.wordmark{font-size:19px}.wordmark small{font-size:6px}.top nav a:first-child,.top nav a:nth-child(2){display:none}.intro{padding:15px}.intro-line{font-size:8px}.intro-grid{min-height:560px}.intro-letters{font-size:18vw;top:15px}.intro-visual{top:140px;bottom:20px;left:13%}.sun{width:200px;height:200px}.intro-bottom p{font-size:19px}.intro-bottom a{font-size:12px}.atelier h1,.steps h2{font-size:59px}.stage{min-height:530px}.stage-caption{left:15px;right:15px;font-size:8px}.vessel{width:95%;height:400px;top:14%}.wheel{height:95px;bottom:9%;border-width:9px}.stage-ring{width:380px;height:380px}.ring-b{width:280px;height:280px}.stage-foot{font-size:8px}.selection{padding:20px}.steps-strip{display:block}.steps-strip article{min-height:0;padding:20px 5px}.outro p{font-size:42px}footer{display:block}footer a{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Photo-led pottery introduction */
.intro{min-height:0;padding:18px clamp(18px,3vw,54px) 28px;background:#a65339}
.intro-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr);margin-top:16px;min-height:0;height:min(740px,calc(100svh - 170px))}
.intro-photo{position:relative;margin:0;min-width:0;min-height:0;overflow:hidden}
.intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center}
.intro-photo figcaption{position:absolute;left:17px;bottom:17px;background:#e6d6c4;color:#362a22;padding:7px 10px;font:11px "Hiragino Kaku Gothic ProN",sans-serif}
.intro-title{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#38291f;padding:30px 20px 24px;text-align:center}
.intro-title>span{font:10px ui-monospace,monospace;letter-spacing:.1em}
.intro h1{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(76px,7.5vw,118px);letter-spacing:.05em;line-height:1.08;font-weight:500;margin:0 auto}
.intro-title p{font-size:clamp(14px,1.3vw,19px);line-height:1.6;margin:0}
.intro-title a{display:flex;justify-content:space-between;gap:25px;width:min(290px,100%);border-top:1px solid #e6d6c4;padding-top:10px;text-decoration:none;font:700 12px "Hiragino Kaku Gothic ProN",sans-serif}
.atelier-heading h2{font-weight:500;font-size:clamp(60px,8vw,130px);letter-spacing:-.1em;line-height:1.05;margin:0}
@media(max-width:760px){
.intro{padding:13px 16px 20px}
.intro-grid{display:flex;flex-direction:column;height:auto;margin-top:12px}
.intro-photo{height:clamp(280px,66vw,430px);flex:none}
.intro-title{align-items:flex-start;text-align:left;gap:8px;padding:23px 23px 26px}
.intro h1{writing-mode:horizontal-tb;font-size:clamp(67px,13vw,96px);line-height:1.04;letter-spacing:-.08em;margin:7px 0}
.intro-title p{font-size:15px}
.intro-title a{margin-top:10px}
.atelier-heading h2{font-size:clamp(59px,11vw,90px);margin:20px 0}
}
@media(max-width:520px){
.intro{padding:10px}
.intro-photo{height:clamp(270px,72vw,350px)}
.intro h1{font-size:clamp(64px,16vw,82px)}
.intro-title{padding:18px 18px 21px}
.intro-title>span{font-size:8px}
.atelier-heading h2{font-size:59px}
}