*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#eae8de;background:#10252c;font-family:system-ui,-apple-system,"Yu Gothic UI",sans-serif;line-height:1.8}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efc47c;outline-offset:5px}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1280px;margin:auto;padding:0 42px}.brand{text-decoration:none;font-weight:600;letter-spacing:.08em}.brand small{display:block;font-size:10px;color:#b7c4c3;letter-spacing:.17em}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:13px;color:#c5d0cf}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:#10252c}.hero-photo{position:absolute;inset:0 0 0 28%;width:72%;height:100%;object-fit:cover;opacity:.69}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10252c 10%,#10252cef 32%,#10252c18 85%),linear-gradient(0deg,#10252c,transparent 35%)}.hero-copy{position:relative;z-index:1;grid-column:1/3;width:100%;max-width:1280px;margin:auto;padding:30px 42px 70px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#d5b379;text-transform:uppercase}h1{font-family:"Yu Mincho",serif;font-size:clamp(38px,4.3vw,63px);font-weight:500;line-height:1.5;letter-spacing:.06em;margin:20px 0}.hero-copy p{max-width:440px;color:#c3cecc;font-size:15px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:5px;text-decoration:none;font-size:13px;background:#d1ad75;color:#142a31;border:1px solid #d1ad75;font-weight:600}.button.secondary{background:transparent;color:#e4d3b5;border-color:#778c8e}.wrap{max-width:1280px;margin:auto;padding:75px 42px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:30px}.section-head h2{font-family:"Yu Mincho",serif;font-size:32px;font-weight:500;line-height:1.6;margin:8px 0}.section-head p{color:#afc1c0;max-width:480px;font-size:14px}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.feature img{width:100%;border-radius:7px;display:block}.tag{font-size:11px;color:#d5b379;letter-spacing:.12em}.feature h3{font-size:24px;font-weight:500}.feature p{color:#b8cac9;font-size:14px}.feature ul{padding-left:20px;font-size:14px;color:#cbd4d0}.strip{display:flex;gap:10px;margin-top:15px}.strip button{border:1px solid #4b6468;border-radius:5px;background:#18353c;color:#dce6df;padding:8px 14px;font-size:12px}.strip button[aria-pressed=true]{border-color:#d1ad75;color:#e5c690}.paper{background:#efe8d8;color:#293f45}.paper .section-head p,.paper p{color:#596d6c}.paper .eyebrow,.paper .tag{color:#7b6038}.samples{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.sample{background:#f9f5eb;border:1px solid #d9d0bd;padding:32px;border-radius:10px}.sample h3{font-size:23px;margin:12px 0}.icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.icons img{width:100%;background:#fff5de;border:1px solid #e2d4b8;border-radius:12px;padding:10px;aspect-ratio:1}.sample .button{background:#29444b;border-color:#29444b;color:#faf5e9}.sample .fine{font-size:12px}.sounds{margin:20px 0}.sound-row{border-bottom:1px solid #ded6c4;padding:12px 0}.sound-row span{display:block;font-size:13px;margin-bottom:6px}audio{width:100%;height:38px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.guide{border-top:1px solid #52666a;padding:24px 0;text-decoration:none}.guide small{color:#d1ad75}.guide h3{font-weight:500;font-size:22px;margin:10px 0}.guide p{font-size:14px;color:#b5c5c2}.notice{background:#1c353b;padding:30px;border-radius:8px;font-size:13px;color:#bfcdca}.notice h3{margin-top:0;color:#e5e7dd}.notice li{margin:9px 0}footer{max-width:1280px;margin:0 auto;padding:36px 42px 60px;border-top:1px solid #354e54;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9eafad}.article{max-width:850px;margin:30px auto 80px;padding:0 30px}.article h1{font-size:38px}.article h2{margin-top:45px}.article p,.article li{color:#c2d0cc}.article img{width:100%;margin:20px 0}.back{font-size:13px}.candidate{font-size:12px;color:#9fb3b1}.smallpic{margin:20px 0;width:100%;border-radius:6px}.subheading{font-size:20px;font-weight:500} @media(max-width:760px){header{height:auto;min-height:90px;padding:18px 23px;align-items:start;flex-direction:column;gap:15px}nav{gap:24px}.hero{min-height:610px}.hero-photo{inset:0;width:100%;opacity:.42}.hero:after{background:linear-gradient(90deg,#10252ce8,#10252c77),linear-gradient(0deg,#10252c,transparent)}.hero-copy{padding:45px 24px 70px}.hero-copy p{font-size:14px}.wrap{padding:55px 23px}.section-head{align-items:start;flex-direction:column;gap:10px}.section-head h2{font-size:28px}.feature,.samples,.cols{grid-template-columns:1fr;gap:24px}.sample{padding:22px}.feature h3{font-size:22px}.icons{gap:8px}.icons img{padding:5px}footer{padding:30px 23px;flex-direction:column}.article{padding:0 23px}.article h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.printable{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.printable .smallpic{margin:0;height:auto;display:block}.printable a:not(.button){color:#315b59}@media(max-width:760px){.printable{grid-template-columns:1fr;gap:20px}}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.resource-card{background:#f6f0e2;color:#2d4446;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.resource-card>img,.resource-card>video{display:block;width:100%;height:auto;margin:0;object-fit:contain;background:#172d35}.resource-card>div{padding:25px}.resource-card h3{font-size:23px;margin:10px 0 15px}.resource-card p{font-size:13px;line-height:1.9}.resource-card .fine{font-size:11px;color:#60716a}.resource-card .button{background:#29444b;border-color:#29444b;color:#fbf3e4}.resource-card a:not(.button){color:#355d58}.resource-tag{font-size:10px;letter-spacing:.09em;color:#806440}.resource-note{font-size:12px;color:#b1c4be;margin-top:24px}@media(max-width:900px){.resource-grid{grid-template-columns:1fr}.resource-card>img{max-height:400px}.resource-card>div{padding:24px}}
/* Free workbench navigation and sample proportions */
nav{flex-wrap:wrap}#tools .resource-card>img{aspect-ratio:8/5;object-fit:contain;background:#e5e7da}#tools .resource-card h3{font-size:21px}#tools .actions{margin-top:26px}
/* Starter kit entry cards */
#kits .resource-card>img{aspect-ratio:6/5;object-fit:contain;background:#e5e9da}#kits .resource-card h3{font-size:21px}#kits .actions{margin-top:25px}
/* Four workbench entry cards */
#tools .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){#tools .resource-grid{grid-template-columns:1fr}}
#desk-additions .candidate{color:#536b61;font-size:12px}
#creative-additions .resource-card .candidate{color:#637670}#creative-additions .resource-card>video{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e4e9df}