@layer base{:root{--blush: #fdf8f5;--blush-mid: #f5ebe2;--blush-deep: #ecddd2;--petal: #e8cfc3;--rose: #c4847a;--rose-deep: #9e5e56;--mauve: #7a6880;--mauve-light: #b5a4be;--bark: #6b4f4a;--ink: #2a1f1d;--ink-mid: #5a4040;--gold: #c9a96e;--gold-light: #e8d5b0;--sage: #8a9e88}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--blush);color:var(--ink);font-family:Raleway,ui-sans-serif,system-ui,sans-serif;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:var(--rose);font-weight:400;margin-bottom:18px;display:block}.btn-primary{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--blush);font-family:Raleway,ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:16px 32px;border:none;cursor:pointer;text-decoration:none;transition:background .25s}.btn-primary:hover{background:var(--rose-deep)}main{padding-top:5rem}.workshop-hero{max-width:1100px;margin:0 auto;padding:80px 60px 60px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.workshop-hero-text h1{font-family:Cormorant,Georgia,serif;font-size:clamp(46px,5vw,70px);font-weight:300;color:var(--ink);line-height:1.1}.workshop-hero-text h1 em{font-style:italic;color:var(--rose-deep)}.workshop-hero-text p{font-size:16px;line-height:1.8;color:var(--bark);max-width:480px;margin-top:20px}.workshop-attribution{font-size:11px;color:var(--mauve-light);letter-spacing:2px;margin-top:12px}.workshop-attribution a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}.workshop-filter{display:flex;gap:8px;flex-shrink:0;padding-bottom:8px;align-self:flex-end}.filter-btn{background:none;border:1px solid var(--petal);color:var(--bark);font-family:Raleway,ui-sans-serif,system-ui,sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:10px 18px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.filter-btn:hover,.filter-btn.active{background:var(--ink);border-color:var(--ink);color:var(--blush)}.workshop-featured{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--ink);padding:70px 60px;margin-bottom:2px;position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:opacity .2s}.workshop-featured:hover{opacity:.95}.workshop-featured:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 50%,rgba(122,104,128,.15) 0%,transparent 70%);pointer-events:none}.featured-body{position:relative;z-index:1}.featured-tag{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.workshop-featured h2{font-family:Cormorant,Georgia,serif;font-size:48px;font-weight:300;color:var(--blush);line-height:1.15;margin-bottom:20px}.workshop-featured h2 em{font-style:italic;color:var(--gold-light)}.workshop-featured p{font-size:15px;line-height:1.8;color:#fdf8f5b3;margin-bottom:36px}.featured-preview{position:relative;z-index:1;background:#fdf8f50a;border:1px solid rgba(253,248,245,.08);padding:32px;font-family:Cormorant,Georgia,serif}.preview-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-family:Raleway,ui-sans-serif,system-ui,sans-serif}.preview-steps{list-style:none;display:flex;flex-direction:column;gap:12px}.preview-steps li{font-size:15px;color:#fdf8f5a6;display:flex;align-items:flex-start;gap:12px;line-height:1.5}.preview-steps li:before{content:"—";color:var(--rose);flex-shrink:0}.tools-grid{max-width:1100px;margin:0 auto;padding:60px 60px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.tool-card{background:var(--blush-mid);padding:40px 32px;position:relative;overflow:hidden;transition:transform .3s}.tool-card:not(.coming){cursor:pointer}.tool-card:not(.coming):hover{transform:translateY(-3px)}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--rose),var(--mauve-light));transform:scaleX(0);transform-origin:left;transition:transform .3s}.tool-card:not(.coming):hover:before{transform:scaleX(1)}.tool-card.coming{opacity:.5}.coming-label{position:absolute;top:16px;right:16px;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--mauve);background:var(--blush-deep);padding:4px 10px;border:1px solid var(--mauve-light)}.tool-type{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--rose);margin-bottom:16px}.tool-card h3{font-family:Cormorant,Georgia,serif;font-size:22px;font-weight:400;color:var(--ink);margin-bottom:12px;line-height:1.25}.tool-card p{font-size:13px;line-height:1.7;color:var(--bark);margin-bottom:24px}.tool-tags{margin-bottom:4px}.tool-tag{display:inline-block;background:var(--blush-deep);border:1px solid var(--petal);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--bark);padding:5px 12px;margin-right:6px;margin-bottom:6px}.tool-action{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--rose);font-weight:400;text-decoration:none;transition:gap .2s}.tool-card:hover .tool-action{gap:14px}.tool-action:after{content:"→"}@media(max-width:900px){.workshop-hero{grid-template-columns:1fr;padding:60px 28px}.workshop-filter{flex-wrap:wrap}.workshop-featured{grid-template-columns:1fr;padding:60px 28px}.featured-preview{display:none}.tools-grid{grid-template-columns:1fr;padding:40px 28px 80px}}}
