*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f1f0e8;color:#48392e;font-family:'DM Sans',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a85a45;outline-offset:5px}.example-nav{height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 35px;border-bottom:1px solid #e3e0d1;font-size:11px;background:#fbfaf5}.example-nav>span{color:#a09985;font-size:9px;text-transform:uppercase;letter-spacing:1px}.example-nav a:last-child{font-weight:600}.studio{max-width:570px;margin:35px auto;background:#faf6ec;box-shadow:0 14px 60px #49382712;overflow:hidden}.studio>header{padding:25px 32px;display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.5px}.studio-mark{font:italic 38px/1 Georgia;letter-spacing:-3px}.studio header button{margin-left:auto;border:1px solid #c8bba5;background:none;border-radius:50%;width:31px;height:31px;font-size:20px;letter-spacing:0}.studio-hero .intro{padding:20px 33px 30px}.small-label{display:block;font-size:8px;letter-spacing:1.6px;font-weight:500;color:#9a8b72}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:62px;line-height:.99;letter-spacing:-3px;margin:21px 0}p{line-height:1.8;color:#968872;font-size:12px}.intro p{font-size:13px;margin:0 0 25px}.primary{border:1px solid #744231;background:#884b39;color:#fff8e9;border-radius:4px;padding:16px 20px;font-size:12px;font-weight:500;width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center}.primary:hover{background:#a26049}.primary span{font-size:17px}.studio-hero figure{margin:0;height:305px;overflow:hidden}.studio-hero figure img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.studio-links{padding:15px 32px 0;display:flex;flex-direction:column}.studio-links a{border-bottom:1px solid #dcd2bf;padding:17px 0;font-size:12px;display:flex;justify-content:space-between}.studio-links a:hover{color:#a85a45}.content{padding:46px 32px}.section-top h2,.journal h2{font-size:39px;line-height:1.06;letter-spacing:-1.6px;margin:16px 0}.section-top>p{font-size:10px;max-width:330px;margin-bottom:25px}.classes article{display:flex;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #ddd3c0}.class-num{font-size:9px;color:#b2a48e;width:18px}.classes h3{font-size:14px;font-weight:550;letter-spacing:-.25px;margin:0 0 4px}.classes p{font-size:10px;margin:0}.classes button{border:1px solid #bba88b;color:#785c44;background:transparent;border-radius:50%;width:32px;height:32px;margin-left:auto;font-size:17px;flex-shrink:0}.classes button:hover{background:#e8dfcc}.journal{background:#e9e1d0}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.journal-grid>button{border:0;padding:0;background:transparent;text-align:left;color:#514132}.story-art{height:175px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:25px/1.1 Georgia;text-align:center;letter-spacing:-.7px;background:#d5c3a9}.story-art em{font-size:35px}.art-two{background:#c4c6ab}.story-title{display:flex;justify-content:space-between;font-size:10px;padding:13px 0}.story-title b{font-weight:400}.questions h2{font-size:32px;letter-spacing:-1.3px;margin:20px 0 25px}.questions details{border-bottom:1px solid #ddd3c0;padding:15px 0}.questions summary{font-size:11px;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.questions summary:after{content:'+';color:#a38c6d}.questions details[open] summary:after{content:'−'}.questions p{font-size:11px}.questions a{text-decoration:underline}.studio footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e0d6c3;padding:23px 32px;font-size:9px}.studio footer span{color:#b0a58e;font-size:8px}dialog{position:relative;border:1px solid #bca88d;border-radius:10px;padding:33px;background:#faf6ec;color:#48392e;max-width:450px;width:calc(100% - 40px);box-shadow:0 20px 100px #2f211e55}dialog::backdrop{background:#302d2588;backdrop-filter:blur(5px)}dialog h2{font-size:35px;line-height:1.1;letter-spacing:-1px;margin:22px 0 15px}dialog p{font-size:12px}dialog .close{position:absolute;right:15px;top:10px;background:none;border:0;color:#9a8067;font-size:25px}dialog .primary{margin-top:24px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#44382e;color:#fff6e5;padding:12px 18px;border-radius:5px;font-size:11px;white-space:nowrap}@media(max-width:640px){.example-nav{padding:0 17px;font-size:9px;height:53px}.example-nav>span{font-size:7px}.studio{margin:0 auto;box-shadow:none}.studio>header{padding:23px 25px}.studio-hero .intro{padding:15px 25px 28px}h1{font-size:55px;letter-spacing:-2.5px}.studio-hero figure{height:260px}.content{padding:39px 25px}.studio-links{padding:12px 25px 0}.story-art{height:145px;font-size:22px}.story-art em{font-size:31px}.studio footer{padding:22px 25px;font-size:8px}.section-top h2,.journal h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.primary{justify-content:center}.classes button{width:auto;min-width:45px;height:30px;padding:0 10px;border-radius:5px;font-size:10px}.studio header button{width:auto;padding:0 11px;border-radius:5px;font-size:10px;letter-spacing:0}