/* A small working guide. Swatches are decorative marks, never product pictures. */
.starter-bench{position:relative;max-width:1330px;margin:36px auto 60px;padding:36px 44px 28px;color:#263f37;background:#ddd6c4;border:1px solid #afa68f;box-shadow:8px 12px 0 #243e351c;background-image:linear-gradient(#dbd3c4e0,#dbd3c4e0),var(--material-wood);background-size:cover;scroll-margin-top:100px}
.starter-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.bench-eyebrow,.starter-card-number{font:10px/1.5 ui-monospace,monospace;letter-spacing:.16em}
.starter-heading h2{font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.05;margin:12px 0 0;letter-spacing:-.04em}
.starter-heading>p{max-width:325px;font-size:14px;line-height:1.65;margin:0 0 3px}
.starter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;z-index:2;padding:0 18px;margin-bottom:-1px}
.starter-tab{color:#35423a;border:1px solid #a79e86;background:#e9e1cf;padding:15px 14px 14px;display:flex;align-items:center;gap:10px;position:relative;transform:translateY(3px);border-radius:3px 3px 0 0;font:inherit;min-width:0;cursor:pointer;transition:background .2s,transform .25s}
.starter-tab small{font:10px ui-monospace,monospace;margin-left:auto;opacity:.6}
.starter-tab[aria-selected=true]{background:#f6efdf;border-bottom-color:#f6efdf;transform:translateY(0);box-shadow:2px -3px 3px #6752390a}
.starter-tab:hover{transform:translateY(-2px)}
.starter-tab:focus-visible,.starter-panel:focus-visible{outline:3px solid #a64a30;outline-offset:3px}
.starter-swatch{display:block;width:28px;height:25px;flex:0 0 28px;transform:rotate(-8deg);border-radius:45% 23% 35% 17%;background:#4a4c43}
.swatch-graphite{background:repeating-linear-gradient(120deg,#66675e 0px,#66675e 1px,transparent 1px,transparent 3px);border-radius:0;transform:rotate(5deg)}
.swatch-watercolor{background:radial-gradient(ellipse at 65% 35%,#b0cdcd 0,#3d8493a1 45%,#52929b66 70%,transparent 73%);transform:rotate(-18deg)}
.swatch-acrylic{background:linear-gradient(130deg,#c86643 10%,#d38e4d 35%,#b75c3d 70%);box-shadow:inset -3px 2px 0 #dfb175}
.swatch-ink{background:#293d38;border-radius:47% 35% 60% 24%;width:19px;height:20px;flex-basis:19px;margin-left:4px;margin-right:5px;transform:rotate(30deg)}
.starter-panel{background:#f6efdf;position:relative;border:1px solid #aaa08b;padding:30px;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:40px;min-width:0;box-shadow:4px 8px 12px #4d3c2e0d}
.starter-panel[hidden]{display:none}
.starter-prompt{position:relative;align-self:start;transform:rotate(-1.3deg);padding:22px 27px 30px;background-color:#ede5d4;background-image:var(--material-paper);background-size:cover;border:1px solid #d8cdb5;box-shadow:5px 6px 8px #5243311a}
.starter-prompt:before{content:'';position:absolute;top:-9px;right:16%;width:72px;height:24px;background:#d8bb7c70;transform:rotate(5deg);box-shadow:0 1px 1px #a68a4f25}
.starter-prompt h3{font-size:clamp(25px,2.7vw,38px);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:12px 0 16px}
.starter-prompt>p:not(.starter-gesture){font-size:14px;line-height:1.7;margin:0}
.starter-prompt .starter-gesture{font:italic 16px/1.45 Georgia,serif;max-width:260px;margin:12px 0 0;color:#795c41}
.starter-handnote{display:block;margin-top:22px;font:italic 13px Georgia,serif;color:#76664f}
.starter-marks{height:105px;position:relative;margin:20px 0 22px;max-width:315px}
.starter-marks i{position:absolute;display:block}
.marks-graphite i{border:2px solid #55574e;border-radius:50%;width:90px;height:53px;left:18%;top:15px;transform:rotate(-9deg)}
.marks-graphite i:nth-child(2){width:87px;height:58px;left:18.5%;top:16px;transform:rotate(3deg);opacity:.3}
.marks-graphite i:nth-child(3){width:130px;height:24px;top:65px;left:28%;border:0;background:repeating-linear-gradient(115deg,#64645b77 0,#64645b77 1px,transparent 1px,transparent 4px);transform:rotate(-11deg)}
.marks-graphite i:nth-child(4){width:67px;height:26px;top:33px;left:26%;border-radius:0 0 50% 50%;border-top:0;transform:rotate(-16deg);opacity:.55}
.marks-watercolor i{width:110px;height:80px;left:10%;top:8px;border-radius:38% 54% 50% 40%;background:radial-gradient(ellipse at 30% 45%,#266c7590,#6ea0a054 65%,#7da8aa10 75%);transform:rotate(-20deg)}
.marks-watercolor i:nth-child(2){left:33%;top:22px;background:radial-gradient(ellipse at 25% 30%,#ceae5ab0,#d6bc7670 65%,#d6bc7610 75%);transform:rotate(15deg)}
.marks-watercolor i:nth-child(3){left:54%;top:2px;width:85px;height:87px;background:radial-gradient(ellipse at 35% 40%,#ad6e5580,#c9876560 65%,#c9876510 75%)}
.marks-watercolor i:nth-child(4){width:60px;height:55px;left:28%;top:20px;background:#5f9b7a25;filter:blur(6px)}
.marks-acrylic i{width:67px;height:74px;left:10%;top:10px;background:#bd6744;transform:rotate(-8deg);box-shadow:inset 3px 0 0 #d28e5b,inset -4px 0 0 #aa573b}
.marks-acrylic i:nth-child(2){left:34%;top:31px;height:60px;background:#e0bb77;transform:rotate(3deg);box-shadow:inset 2px 0 0 #eed6a5}
.marks-acrylic i:nth-child(3){left:58%;top:4px;height:74px;background:#30594a;transform:rotate(9deg);box-shadow:inset -4px 0 0 #517662}
.marks-acrylic i:nth-child(4){left:22%;top:79px;height:6px;width:180px;background:#c6a35b55;transform:rotate(-2deg);box-shadow:none}
.marks-ink i{left:15%;top:0;width:84px;height:86px;border:3px solid #263d35;border-radius:65% 20% 60% 30%;transform:rotate(38deg)}
.marks-ink i:nth-child(2){left:32%;top:12px;width:130px;height:56px;border-radius:28% 65% 50% 40%;transform:rotate(-24deg);border-width:2px}
.marks-ink i:nth-child(3){left:52%;top:38px;width:26px;height:37px;border:0;background:#263d35;border-radius:60% 35% 60% 20%;transform:rotate(30deg)}
.marks-ink i:nth-child(4){left:71%;top:83px;width:5px;height:5px;border:0;border-radius:50%;background:#263d35;box-shadow:9px -3px 0 -1px #263d35}
.starter-checklist{min-width:0}
.checklist-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:2px 0 16px;border-bottom:1px solid #b5a98c}
.checklist-heading h3{font-size:19px;font-weight:400;margin:0}
.checklist-heading>span{font:10px/1.5 ui-monospace,monospace;text-align:right}
.starter-checklist ul{list-style:none;padding:0;margin:0}
.starter-material{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #d4c9b1;transition:background .2s}
.starter-material h4{font-size:15px;font-weight:600;margin:0 0 6px}
.starter-material p{font-size:12px;line-height:1.6;margin:0 0 9px;color:#566257;max-width:320px}
.starter-material a{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-underline-offset:3px}
.starter-material .arrow{width:12px;height:12px}
.already-have{align-self:center;display:flex;flex-direction:column;gap:6px;align-items:center;flex:0 0 62px;font:10px/1.4 ui-monospace,monospace;text-align:center;cursor:pointer;padding:6px 0;min-height:44px}
.already-have input{appearance:auto;accent-color:#365a47;width:21px;height:21px;cursor:pointer;margin:0}
.on-desk h4:after{content:' · on your desk';font:italic 11px Georgia,serif;color:#53704a}
.starter-practical{font-size:12px;line-height:1.65;margin:17px 0 9px;color:#59604d}
.clear-checklist{border:0;border-bottom:1px solid #64705c;color:#44523e;background:none;padding:6px 0;font-size:11px;line-height:1.3;font-family:inherit;cursor:pointer;min-height:34px}
.clear-checklist:disabled{opacity:.45;cursor:default}
.starter-storage{font-size:11px;line-height:1.5;text-align:right;margin:15px 3px 0;color:#5c6051}
.skip-to-drawers{display:inline-block;font:italic 14px/1.5 Georgia,serif;margin-top:18px;text-underline-offset:4px}
.starter-no-script{font-size:13px;line-height:1.5}
.studio-starter-link{display:block;max-width:1330px;margin:24px auto 0;padding:0 28px;font:italic 15px/1.5 Georgia,serif;color:#315346;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused) .starter-panel:not([hidden]) .starter-prompt{animation:starter-settle .35s ease-out both}@keyframes starter-settle{from{opacity:.6;transform:translateY(6px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-1.3deg)}}}
@media(max-width:1000px){.starter-bench{margin:24px 22px 40px;padding:26px}.starter-panel{gap:28px;padding:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.starter-prompt{padding:20px}.starter-tab{font-size:13px}.starter-heading>p{max-width:260px}.checklist-heading{display:block}.checklist-heading>span{display:block;text-align:left;margin-top:7px}}
@media(max-width:740px){.starter-bench{margin:18px 12px 32px;padding:23px 14px 20px;box-shadow:4px 7px 0 #243e351c}.starter-heading{display:block;margin-bottom:22px;padding:0 6px}.starter-heading>p{max-width:350px;margin-top:14px;font-size:13px}.bench-eyebrow{font-size:9px;letter-spacing:.1em}.starter-heading h2{font-size:35px}.starter-tabs{gap:5px;padding:0 5px}.starter-tab{flex-direction:column;gap:7px;padding:11px 3px;font-size:11px}.starter-tab small{display:none}.starter-panel{display:block;padding:22px 17px}.starter-prompt{padding:16px 20px 20px;margin:0 3px 27px;transform:rotate(-1deg)}.starter-prompt h3{font-size:29px;margin:6px 0 10px}.starter-prompt>p:not(.starter-gesture){font-size:13px;line-height:1.65}.starter-marks{height:82px;margin:9px 0 12px;transform:scale(.83);transform-origin:left center}.starter-prompt .starter-gesture{font-size:14px;margin:0}.starter-handnote{margin-top:14px;font-size:12px}.starter-card-number{font-size:9px}.checklist-heading{display:flex;align-items:center}.checklist-heading h3{font-size:17px}.checklist-heading>span{text-align:right;max-width:95px;font-size:9px;margin:0}.starter-material{gap:12px;padding:15px 0}.starter-material h4{font-size:14px}.starter-material p{font-size:12px}.already-have{flex-basis:54px;font-size:9px}.on-desk h4:after{display:block;margin-top:3px}.starter-storage{text-align:left;font-size:10px;line-height:1.6}.skip-to-drawers{font-size:13px}.studio-starter-link{padding:0 20px;font-size:13px}}