:root{--paper:#f3f1ec;--ink:#151515;--muted:#62625d;--line:#d0cec8;--accent:#254f98;--selected:#e9edf3;font-family:Archivo,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}a,button,input{-webkit-tap-highlight-color:transparent}button,a,label{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:absolute;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:15px;z-index:10}.skip-link:focus{top:12px}
.site-header{max-width:1600px;margin:auto;padding:36px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.site-header img{display:block;width:340px;max-width:100%;height:auto}.home-link,.eyebrow,.workshop-meta,.how-it-works,.selection-count,.primary-button,.select-workshop,.site-footer,.mobile-selection-link{font-family:'IBM Plex Mono',monospace}.home-link{font-size:11px;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.home-link span{margin-left:14px}
main{max-width:1440px;margin:auto}.hero{padding:85px 6% 70px;display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:end}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500;margin:0 0 25px;line-height:1.7}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.4vw,92px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:0}h1 span{color:var(--accent)}.hero-intro>p:first-child{font-size:23px;line-height:1.35;letter-spacing:-.025em;margin-bottom:18px}.hero-intro strong{font-weight:500}.body-copy{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:24px;max-width:380px}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;display:inline-flex;gap:45px;align-items:center}.text-link:hover{color:var(--accent);border-color:var(--accent)}
.how-it-works{margin:0 6%;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;font-size:11px}.how-it-works p{margin:0;display:flex;gap:18px;align-items:center}.how-it-works span{color:var(--accent);font-size:10px}.library{padding:70px 6% 90px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.library-heading .eyebrow{margin-bottom:14px}h2{font-size:clamp(29px,3vw,40px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin-bottom:0}.library-heading>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.workshop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.workshop-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 25px 20px;display:flex;flex-direction:column;transition:background .18s}.workshop-card:has(input:checked){background:var(--selected)}.workshop-meta{font-size:9px;text-transform:uppercase;letter-spacing:.065em;color:var(--accent);display:flex;gap:16px;align-items:center;margin-bottom:26px;line-height:1.6}.workshop-number{font-size:13px;letter-spacing:0}.workshop-card h3{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.18;margin-bottom:17px}.workshop-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:26px}.select-workshop{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:16px 0 2px;margin-top:auto;cursor:pointer;font-size:10px;line-height:1.5;min-height:46px}.select-workshop input{width:18px;height:18px;accent-color:var(--accent);margin:0;flex:none;cursor:pointer}.selection-mark{margin-left:auto;font-size:15px}.select-workshop:hover{color:var(--accent)}.workshop-card:has(input:checked) .select-workshop{color:var(--accent)}
.request-panel{position:sticky;top:28px;max-height:calc(100dvh - 56px);overflow-y:auto;scrollbar-width:thin;background:#fffefb;padding:29px 25px;border-top:3px solid var(--accent)}.request-panel .eyebrow{margin-bottom:18px}.request-panel h2{font-size:38px;margin-bottom:24px}.selection-count{font-size:11px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:0}.selected-workshops{list-style:none;padding:0;margin:0;counter-reset:chosen}.selected-workshops li{counter-increment:chosen;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5;display:flex;gap:12px}.selected-workshops li:before{content:'0' counter(chosen);font:10px 'IBM Plex Mono',monospace;color:var(--accent);padding-top:2px}.selection-feedback{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0}.primary-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:17px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;min-height:52px;transition:background .2s,border-color .2s;cursor:pointer}.primary-button:hover{background:var(--accent);border-color:var(--accent)}.request-panel .primary-button{width:100%}.primary-button[aria-disabled=true]{background:#e5e3de;color:#686861;border-color:#e5e3de;cursor:default}.request-message-label{font-size:11px;margin:0 0 8px;display:block}#request-message{display:block;width:100%;padding:10px;border:1px solid var(--line);background:var(--paper);font-size:12px;line-height:1.55;resize:vertical;min-height:110px;margin:0 0 18px}.instagram-option{border-bottom:1px solid var(--line);padding:20px 0}.instagram-option p{font-size:12px;margin-bottom:12px}.instagram-option button{display:flex;width:100%;background:none;border:1px solid var(--line);align-items:center;justify-content:space-between;padding:12px;font-size:12px;cursor:pointer;min-height:44px}.instagram-option button:disabled{color:#76766f;cursor:default}.instagram-option button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.instagram-option a{font-size:11px;display:inline-block;line-height:1.6;margin-top:14px}.delivery-note,.request-status,.no-script{font-size:11px;line-height:1.6;color:var(--muted);margin:18px 0 0}.request-status:empty{display:none}.request-status{color:var(--accent)}
.next-chapter{background:var(--ink);color:var(--paper);padding:65px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.next-chapter .eyebrow{color:#9eB9eb;margin-bottom:20px}.next-chapter h2{font-size:clamp(38px,4vw,54px);line-height:1.05}.next-chapter p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c4c2bd;margin-bottom:25px}.next-chapter .primary-button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.next-chapter .primary-button:hover{background:#dfe7f5;border-color:#dfe7f5}.questions{padding:75px 6%;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.questions h2{font-size:29px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:0}.questions summary{font-size:15px;font-weight:500;cursor:pointer;line-height:1.5}.questions details p{font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0 0}.site-footer{border-top:1px solid var(--line);padding:26px 6%;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;max-width:1600px;margin:auto}.mobile-selection-link{display:none}
@media(min-width:1440px){.hero{padding-top:100px;padding-bottom:85px}}@media(max-width:1050px){.hero{grid-template-columns:1.4fr 1fr;gap:35px}.library-layout{grid-template-columns:minmax(0,1fr) 275px;gap:23px}.workshop-grid{grid-template-columns:1fr}.workshop-card{padding:26px}.workshop-meta{margin-bottom:16px}.workshop-card h3{font-size:25px}.request-panel{padding:25px 22px}.hero-intro>p:first-child{font-size:21px}.hero{padding-top:65px;padding-bottom:55px}.library-heading>p{max-width:210px}}
@media(max-width:680px){html{scroll-padding-top:20px}.site-header{padding:24px 6%}.site-header img{width:min(64vw,340px)}.home-link{font-size:0;padding:6px}.home-link span{font-size:19px;margin:0}.hero{display:block;padding:45px 6% 34px}.hero .eyebrow{font-size:9px;margin-bottom:23px}h1{font-size:clamp(48px,10.8vw,72px)}.hero-intro{margin-top:30px}.hero-intro>p:first-child{font-size:21px;margin-bottom:13px}.hero-intro>p:first-child br{display:none}.body-copy{font-size:14px;max-width:100%;margin-bottom:20px}.how-it-works{grid-template-columns:1fr;gap:15px;font-size:11px;padding:22px 0}.how-it-works p{gap:18px}.library{padding:40px 6% 48px}.library-heading{display:block;margin-bottom:25px}.library-heading h2{font-size:31px;max-width:290px}.library-heading>p{max-width:none;margin-top:16px}.library-heading>p br{display:none}.library-layout{display:block}.workshop-grid{grid-template-columns:1fr}.workshop-card{padding:24px 22px 18px}.workshop-card h3{font-size:25px;max-width:440px}.workshop-card>p{font-size:14px}.select-workshop{font-size:11px;padding-top:17px}.request-panel{position:static;max-height:none;overflow:visible;margin-top:35px;padding:28px 24px}.request-panel h2{font-size:37px}.request-panel h2 br{display:none}.selected-workshops li{font-size:14px}.request-message-label{font-size:12px}#request-message{font-size:16px;min-height:160px}.selection-feedback,.delivery-note,.request-status{font-size:12px}.instagram-option a{font-size:13px}.next-chapter{grid-template-columns:1fr;gap:30px;padding:42px 6%}.next-chapter h2{font-size:43px}.next-chapter p:not(.eyebrow){font-size:14px}.questions{display:block;padding:45px 6%}.questions h2{margin-bottom:30px}.questions summary{font-size:14px}.site-footer{flex-wrap:wrap;padding:25px 6% 100px;line-height:1.6}.site-footer>span{width:100%}.mobile-selection-link{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;z-index:3;background:var(--ink);color:var(--paper);padding:20px 6% max(20px,env(safe-area-inset-bottom));font-size:10px;text-decoration:none;border-top:1px solid #474747;min-height:58px}.mobile-selection-link span:first-child{color:#a8c1ee}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
