:root{--paper:#f3efe6;--card:#fffaf2;--ink:#211c17;--muted:#655e52;--line:#d9d0bf;--amber:#e2a30f;--green:#28634b;--serif:Georgia,'Iowan Old Style',serif;--sans:'Avenir Next','Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6;scroll-behavior:smooth;scroll-padding-top:28px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}button,summary{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}em{font-weight:400;color:var(--green)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:bold;font-size:35px;letter-spacing:-2px;line-height:1}.brand-note{font-family:var(--sans);font-size:10px;line-height:1.35;font-weight:500;letter-spacing:.11em;text-transform:uppercase;max-width:68px;margin-left:3px}.brand-mark{font-family:var(--sans);width:34px;height:34px;background:var(--amber);font-size:28px;border-radius:50%;display:grid;place-content:center;position:relative;letter-spacing:0}.brand-mark span{position:absolute;bottom:7px;width:10px;height:2px;background:var(--ink);left:13px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-cta{border-bottom:1px solid var(--ink);padding:7px 0}.nav-cta span{margin-left:16px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:82px;padding-bottom:75px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;display:flex;gap:10px;align-items:center}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(48px,5.15vw,72px);margin:23px 0}.intro{font-size:16px;max-width:430px;color:var(--muted);line-height:1.75}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--ink);color:var(--card);font-size:13px;font-weight:600;padding:16px 21px;margin-top:28px;border:1px solid var(--ink);transition:background .15s,transform .15s}.button:hover{background:var(--green);transform:translateY(-2px)}.hero-footnote{font-size:11px;color:var(--muted);margin-top:15px}.hero-art{background:#e9e2d4;padding:26px 24px 17px;position:relative;border-radius:4px;transform:rotate(1deg);box-shadow:0 22px 45px #342a1510}.art-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:22px;align-items:center}.small-dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%}.mini-week{display:grid;grid-template-columns:repeat(5,1fr);margin-left:34px;border-bottom:1px solid #c9beab;padding-bottom:12px;gap:8px}.day{text-align:center;padding:10px 0}.day small{font-size:9px;letter-spacing:.08em;display:block;color:var(--muted)}.day strong{font-family:var(--serif);font-size:27px;font-weight:400;display:block;line-height:1.25}.day.selected{background:var(--amber);border-radius:3px}.schedule-art{height:268px;position:relative;margin-top:15px}.hour{position:absolute;font-size:8px;color:var(--muted);left:0}.hour-one{top:0}.hour-two{top:67px}.hour-three{top:134px}.hour-four{top:201px}.grid-lines{position:absolute;inset:6px 0 0 34px;background:repeating-linear-gradient(to bottom,#cfc5b4 0,#cfc5b4 1px,transparent 1px,transparent 67px)}.lesson{position:absolute;border:1px solid #a5b6a4;background:#e5ebdd;padding:12px;border-left:3px solid var(--green);width:49%;box-shadow:0 3px 5px #211c1707}.lesson-top{display:flex;justify-content:space-between;font-size:10px;gap:8px}.lesson strong{font-family:var(--serif);font-size:20px;font-weight:400;display:block;margin:13px 0 3px}.lesson small{font-size:9px;color:var(--muted)}.lesson-one{left:42px;top:9px;z-index:1}.lesson-two{right:0;top:98px;background:#f7e9c4;border-color:#d6ba77;border-left-color:#a97412;z-index:2}.open-slot{position:absolute;bottom:0;left:42px;border:1px dashed #8c816b;border-radius:2px;padding:8px 10px;font-size:10px;display:flex;gap:10px;align-items:center}.open-slot>span{font-size:18px}.board-note{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);padding:17px;margin-top:22px;align-items:center;box-shadow:4px 4px 0 #d8cfbd}.board-note strong{display:block;font-size:12px}.board-note div>span{font-size:10px;color:var(--muted);display:block}.check{display:grid;place-content:center;width:29px;height:29px;background:#e5ebdd;color:var(--green);border-radius:50%;font-weight:700}.art-caption{font-size:8px;color:var(--muted);margin-top:16px;text-align:center}.principles{border-block:1px solid var(--line);padding-block:21px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.principles>span{font-weight:600}.principles p{color:var(--muted)}.principles p span{margin-inline:18px;color:#9b8d75}.section-space{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(36px,4vw,52px)}.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:25px}.why-layout p{font-size:15px;color:var(--muted);margin-bottom:17px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:57px;border-top:1px solid var(--line)}.feature-row article{padding:26px 30px 0 0}.feature-row article+article{border-left:1px solid var(--line);padding-left:30px}.feature-number{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--green)}.feature-row h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-1px;margin:20px 0 13px}.feature-row p{font-size:13px;color:var(--muted);max-width:310px}.walkthrough{background:#e9e3d6;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-heading h2{margin-top:22px}.section-heading>p{max-width:310px;font-size:14px;color:var(--muted);padding-bottom:4px}.walk-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;margin-top:50px;align-items:start}.step{width:100%;display:flex;align-items:baseline;gap:18px;text-align:left;background:transparent;border:0;border-top:1px solid #cbc1af;padding:21px 13px;transition:background .15s}.step:last-child{border-bottom:1px solid #cbc1af}.step>span:first-child{font-size:10px;color:var(--muted)}.step>span:nth-child(2){flex:1}.step>span:last-child{color:var(--green)}.step strong{font-size:14px;font-weight:600;display:block}.step small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.step.active{background:var(--card);border-left:3px solid var(--green);padding-left:10px}.step:hover{background:#fffaf299}.example{background:var(--card);border:1px solid #cbc1af;border-radius:4px;box-shadow:0 12px 22px #342a1508}.example-bar{display:flex;justify-content:space-between;gap:12px;font-size:8px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.example-bar>span:first-child{letter-spacing:.1em;font-weight:700}.example-bar .small-dot{margin-right:7px;width:5px;height:5px}.example-content{padding:28px}.student-heading{display:flex;gap:12px;align-items:center}.avatar{background:#e6dfcf;border-radius:50%;width:42px;height:42px;display:grid;place-content:center;font-size:12px}.student-heading small{font-size:8px;letter-spacing:.06em;color:var(--muted)}.student-heading h3{font-family:var(--serif);font-weight:400;font-size:23px;margin-top:4px;letter-spacing:-.5px}.status{margin-left:auto;font-size:9px;white-space:nowrap;color:#77530b;background:#f3e5c0;padding:5px 8px;border-radius:3px}.status.covered{color:var(--green);background:#e5ebdd}.progress{margin-top:27px}.progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;gap:10px}.progress strong{font-weight:600}.progress-track{height:8px;background:#e8e1d5;display:flex;margin:10px 0;border-radius:2px;overflow:hidden}.progress-track span{transition:width .2s}#driven-progress{width:66.667%;background:var(--green)}#booked-progress{width:16.666%;background:#bdcfb7}.progress>p{font-size:9px;color:var(--muted)}.example-detail{margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.example-detail .eyebrow{font-size:8px;color:var(--green)}.example-detail h4{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.5px;margin:12px 0}.example-detail>p:not(.eyebrow){font-size:12px;line-height:1.65;color:var(--muted);min-height:60px}.detail-strip{margin-top:19px;border:1px solid var(--line);padding:12px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:10px}.detail-strip>span{color:var(--muted)}.detail-strip>strong{font-weight:600;text-align:right}.sample-note{font-size:8px;color:var(--muted);margin-top:18px}.session-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.session-section h2{margin:20px 0}.session-section>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:16px;max-width:395px}.readiness{padding:28px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--green)}.readiness-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.readiness-title h3{font-family:var(--serif);font-weight:400;font-size:23px;letter-spacing:-.7px}.readiness-title>span{font-size:9px;color:var(--muted)}.readiness ul{padding:0;list-style:none;margin:23px 0 0}.readiness li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.readiness li>span{display:flex;align-items:center;gap:10px}.readiness i{font-style:normal;color:var(--green);font-size:12px}.readiness li strong{font-size:9px;color:var(--green);font-weight:600;white-space:nowrap}.readiness .attention i,.readiness .attention strong{color:#805b0c}.readiness>p{font-size:10px;margin-top:18px;color:var(--muted)}.faq{padding-top:15px;padding-bottom:90px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:25px}.faq h2{font-size:40px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:600;padding:18px 0}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:20px;font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:20px}.closing{border-top:1px solid var(--line);padding-top:68px;padding-bottom:75px;text-align:center;position:relative;overflow:hidden}.closing .eyebrow{justify-content:center}.closing h2{margin-top:24px;font-size:55px}.closing>p:last-child{font-size:11px;color:var(--muted);margin-top:18px}.road-line{display:block;width:2px;height:34px;background:var(--amber);margin:0 auto 23px}footer{border-top:1px solid var(--line);padding-block:29px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:28px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero{gap:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px;padding-top:60px}h1{font-size:54px}.hero-art{padding:21px 16px 15px}.lesson{width:52%;padding:10px}.lesson-top{font-size:9px}.lesson strong{font-size:18px}.why-layout,.session-section,.faq-grid{gap:45px}.walk-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.example-content{padding:20px}.student-heading{flex-wrap:wrap}.status{margin-left:54px;margin-top:-5px}.section-heading{gap:35px}.principles p span{margin-inline:8px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px}.brand{font-size:31px;gap:8px}.brand-mark{width:28px;height:28px;font-size:23px}.brand-mark span{bottom:6px;left:10px;width:9px}.brand-note{font-size:8px;max-width:58px}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px}.nav-cta span{margin-left:9px}.hero{grid-template-columns:1fr;padding-top:47px;padding-bottom:42px;gap:43px}h1{font-size:clamp(43px,10.8vw,65px);margin-block:21px}.intro{font-size:15px;max-width:480px}.hero-art{max-width:480px;width:100%;margin-inline:auto;padding:24px 20px 16px;transform:none}.lesson{width:49%;padding:12px}.lesson-top{font-size:10px}.lesson strong{font-size:21px}.art-caption{font-size:9px}.principles{display:block;font-size:11px;padding-block:18px}.principles p{margin-top:6px}.principles p span{margin-inline:7px}.section-space{padding-block:61px}.why-layout,.session-section,.faq-grid{grid-template-columns:1fr;gap:25px}.why-layout{margin-top:20px}h2{font-size:40px}.why-layout p{font-size:14px}.feature-row{grid-template-columns:1fr;margin-top:25px}.feature-row article{padding:23px 0}.feature-row article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.feature-row article:last-child{padding-bottom:0}.feature-row h3{margin-block:13px 9px;font-size:27px}.feature-row p{max-width:100%;font-size:14px}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:100%}.walk-layout{grid-template-columns:1fr;gap:25px;margin-top:28px}.step{padding-block:15px}.step small{font-size:12px}.example-content{padding:24px 20px}.student-heading{flex-wrap:nowrap;gap:10px}.status{margin-left:auto;margin-top:0;font-size:8px}.student-heading small{font-size:7px}.student-heading h3{font-size:21px}.example-detail>p:not(.eyebrow){font-size:13px;min-height:65px}.sample-note{font-size:9px}.example-bar{font-size:7px;padding-inline:15px}.session-section{gap:30px}.session-section>div>p:not(.eyebrow){max-width:100%}.readiness{padding:22px}.readiness li{font-size:12px}.faq{padding-top:0;padding-bottom:60px}.faq-grid{gap:28px}.faq h2{font-size:38px}.faq summary{font-size:14px}.closing{padding-top:45px;padding-bottom:50px}.closing h2{font-size:41px}footer{flex-wrap:wrap;row-gap:23px}footer .brand{width:100%}footer>span,footer>a:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media(max-width:370px){.student-heading{flex-wrap:wrap}.status{margin-left:52px}.lesson{padding:9px}.lesson-top{font-size:8px}.lesson strong{font-size:18px}.open-slot{font-size:9px}}
