@font-face{font-family:DM;src:url(assets/fonts/dm-sans-normal-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url(assets/fonts/dm-sans-normal-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Playfair;src:url(assets/fonts/playfair-display-italic-500.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}
:root{color-scheme:light;--ink:#1b1e2a;--paper:#f8f5ec;--muted:#55585a;--line:#cfcfc5;--orange:#ff8053;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}h1,h2,h3,p,figure{margin:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4768d3;outline-offset:4px}.wrap{width:min(1190px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:5;transform:translateY(-160%);background:white;padding:14px}.skip:focus{transform:none}header{background:#faf8f1;border-bottom:1px solid var(--line)}.bar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:23px;font-weight:700;letter-spacing:-1.3px}.brand-dot{color:#c94728}.brand-icon{display:flex;margin-right:9px}.brand-icon img{display:block}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.back:hover,.text-link:hover{text-decoration:underline;text-underline-offset:4px}.top-cta{display:inline-flex;align-items:center;gap:13px;border:1.5px solid var(--ink);border-radius:5px;padding:8px 14px;font-size:14px;font-weight:700}.top-cta:hover{background:var(--ink);color:var(--paper)}.btn svg,.top-cta svg,.text-link svg,summary svg{width:18px;height:18px;flex-shrink:0}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background-image:radial-gradient(#c3beb242 .85px,transparent 1px);background-size:9px 9px}.hero-grid{display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;gap:clamp(32px,6vw,92px);padding-block:76px 80px}.eyebrow{display:flex;align-items:center;gap:10px;font:700 11px/1.45 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.eyebrow i{width:22px;height:3px;background:#cb5032;display:block}h1{font-size:clamp(54px,5.75vw,83px);line-height:.99;letter-spacing:-.069em;margin:24px 0 23px}h1 em,h2 em{font-family:Playfair,Georgia,serif;font-weight:500;letter-spacing:-.06em;font-style:italic}h1 em{display:block;line-height:1.14;color:#973918}h1 em span{color:#e36737}.hero-copy>p{font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:#45484e;max-width:38ch}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.btn,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.btn{border:1.5px solid var(--ink);border-radius:6px;padding:12px 19px;min-height:45px;font-size:15px}.btn.primary{background:var(--orange);color:var(--ink);box-shadow:2px 3px 0 var(--ink)}.btn.primary:hover{background:#ff966c}.btn:active{transform:translateY(1px)}.text-link{font-size:14px}.hero-art{transform:rotate(1.5deg);position:relative}.hero-art:before{content:"";position:absolute;inset:5px -5px -6px 5px;background:#afbaeb;border:1.7px solid var(--ink);border-radius:8px;transform:rotate(-3.6deg)}.art-board{position:relative;border:1.7px solid var(--ink);border-radius:8px;overflow:hidden;background:#fffdf5;box-shadow:3px 4px 0 var(--ink)}.board-head,figcaption{display:flex;align-items:center;gap:8px;padding:7px 13px;font:700 11px/1.25 var(--mono);letter-spacing:.035em}.board-head{text-transform:uppercase;border-bottom:1.5px solid var(--ink)}.cross{font:21px/1 Arial;color:#ab3b24}.frame-mark{margin-left:auto;font-size:15px}.picture{aspect-ratio:1.51;overflow:hidden;background:#6568ad}.picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%}figcaption{min-height:32px;justify-content:space-between;border-top:1.5px solid var(--ink)}figcaption b{color:#a34c35}.registration{display:flex;padding-right:3px}.registration i{width:12px;height:12px;border:1px solid var(--ink);border-radius:50%;margin-left:-3px;background:#b9cdbd}.registration i:nth-child(2){background:#ff915f}.registration i:nth-child(3){background:#b8a9d8}
.basics,.questions{padding:68px 0 72px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:14px 0 28px}h2{font-size:clamp(36px,3.65vw,54px);letter-spacing:-.06em;line-height:1.06}.section-intro h2 span{color:#bf482b}.section-intro p{max-width:40ch;font-size:15px;color:var(--muted)}.lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.lesson{border:1.4px solid var(--ink);border-radius:9px;overflow:hidden;background:#fffdf6}.study-art{height:95px;display:grid;place-items:center;border-bottom:1.2px solid var(--ink);background:#d5e5d4}.study-art svg{width:74%;height:72px}.lesson-1 .study-art{background:#f4d4b8}.lesson-2 .study-art{background:#dbd4ed}.study-content{padding:19px 20px 4px}.study-content h3{font-size:24px;letter-spacing:-1px;line-height:1.15;margin-bottom:7px}.study-content>p,.expanded p,.faqs p{color:var(--muted);font-size:15px}.study-content details{margin-top:15px;border-top:1px solid var(--line)}summary{list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:center;font-weight:700}summary::-webkit-details-marker{display:none}.study-content summary{padding:12px 0;font-size:13px}summary svg{width:16px;transition:transform .18s}details[open]>summary svg{transform:rotate(45deg)}.expanded{padding-bottom:18px}.expanded strong{font-size:15px}.expanded p{margin-top:4px}
.studio-section{color:var(--paper);background:#242736;padding:78px 0}.studio-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(30px,7vw,105px)}.studio-copy h2,.questions h2{margin:18px 0}.studio-copy h2{font-size:clamp(42px,4.6vw,64px)}.studio-copy h2 em,.questions h2 em{display:block}.studio-copy h2 em{color:#ffab7c}.light i{background:#ff966b}.studio-copy>p,.prompt p{color:#d6d6de;max-width:42ch}.prompt{border-left:2px solid #dd9d7e;margin-top:26px;padding-left:16px}.prompt strong{font-size:15px}.prompt p{font-size:14px;margin-top:4px}.lab{border:1.5px solid #111825;background:#fffdf4;color:var(--ink);border-radius:10px;overflow:hidden;box-shadow:5px 6px 0 #111521}.lab-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:11px 16px}.lab-top span,.stage>span,.scrub label{font:700 11px/1.3 var(--mono)}.stage{position:relative;background:#e7ecdf}.stage svg{display:block;width:100%;height:auto}.stage>span{position:absolute;left:14px;top:12px;color:#50584c}.controls{border-top:1px solid var(--ink);padding:14px 18px 17px}.scrub,.play-row,.speed{display:flex;align-items:center;gap:12px}.scrub input{accent-color:#a44328;flex:1;min-width:0;cursor:pointer}.play-row{justify-content:space-between;margin-top:13px;flex-wrap:wrap}.play-row .btn{min-width:95px;padding:7px 15px;min-height:39px;font-size:14px}.speed{gap:3px}.speed button{background:transparent;border:1px solid #cac7be;border-radius:4px;min-height:36px;padding:5px 9px;font:700 12px var(--mono)}.speed button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.bottom-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}.faqs summary{padding:19px 0;font-size:17px}.faqs p{padding:0 22px 19px 0}.cta{padding:30px 34px;background:#dad6ea;border:1.3px solid var(--ink);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{font-size:clamp(26px,2.5vw,39px)}.cta p{margin-top:7px;font-size:15px;color:#444455}.dark{background:var(--ink);color:white;white-space:nowrap}.dark:hover{background:#363b49}footer{display:flex;justify-content:space-between;align-items:center;padding:29px 0;margin-top:21px}.back{font-size:13px;font-weight:700}footer .brand{font-size:18px}footer img{width:28px;height:28px}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero-grid{gap:30px;padding-block:57px}.hero-copy>p{font-size:16px}.bar{gap:15px}nav{gap:16px;font-size:13px}.study-content{padding-inline:15px}.studio-grid,.bottom-grid{gap:35px}.hero-actions{gap:15px}.picture{aspect-ratio:1.25}}
@media(max-width:720px){.wrap{width:calc(100% - 38px)}.bar{min-height:64px}.brand{font-size:20px}.brand-icon img{width:31px;height:31px}nav{display:none}.top-cta{font-size:12px;padding:7px 10px;gap:6px}.hero-grid,.studio-grid,.bottom-grid{grid-template-columns:1fr}.hero-grid{padding:39px 0 40px;gap:33px}.hero-copy h1{font-size:clamp(45px,9.6vw,66px);margin:17px 0}.hero-copy>p{max-width:42ch}.hero-art{width:calc(100% - 14px);max-width:500px;justify-self:center}.picture{aspect-ratio:1.75}.hero-actions{margin-top:22px}.section-intro{align-items:start;flex-direction:column;gap:11px;margin-bottom:20px}.basics,.questions,.studio-section{padding:47px 0}.lessons{grid-template-columns:1fr;gap:14px}.lesson{display:grid;grid-template-columns:29% 1fr}.study-art{height:100%;min-height:132px;border-bottom:0;border-right:1px solid var(--ink)}.study-art svg{width:100%;height:auto}.study-content{padding:15px 14px 2px}.study-content h3{font-size:21px}.study-content>p{font-size:14px}.study-content details{margin-top:9px}.studio-grid,.bottom-grid{gap:23px}.studio-copy h2 em,.questions h2 em{display:inline}.studio-copy h2,.questions h2{margin:13px 0 12px}.prompt{margin-top:16px}.cta{flex-direction:column;align-items:start;padding:23px}.back{font-size:12px}footer{padding:20px 0;margin-top:12px}}
@media(max-width:365px){.wrap{width:calc(100% - 28px)}.hero-actions{gap:13px}.hero-actions .btn{font-size:13px;padding:11px}.play-row{gap:8px}.controls{padding-inline:12px}.speed button{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}