.workshow-hero,.workshow-case-section,.workshow-copy-section,.workshow-seo-section,.workshow-final-section{padding:5rem 0;background:var(--color-bg)}.workshow-problem-section,.workshow-photo-section,.workshow-formats-section,.workshow-mistakes-section,.workshow-example-section{padding:5rem 0;background:var(--color-surface)}.workshow-wrap{width:min(100% - 2.5rem,1240px);margin:0 auto}.workshow-pill{display:inline-flex;width:fit-content;margin:0 0 1rem;padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-brand);font-size:.875rem;font-weight:900}.workshow-hero__grid,.workshow-problem-layout,.workshow-copy-layout,.workshow-seo-layout,.workshow-final-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:2rem;align-items:start}.workshow-hero__copy h1,.section-intro h2,.workshow-problem-copy h2,.workshow-copy-text h2,.workshow-seo-copy h2,.workshow-final-copy h2{margin:0;color:var(--color-text);font-size:clamp(2.35rem,4.2vw,4.2rem);line-height:1.03;letter-spacing:-.05em;font-weight:900}.workshow-hero__lead,.section-intro p,.workshow-problem-copy>p,.workshow-copy-text>p,.workshow-seo-copy>p,.workshow-final-copy>p{margin:1.4rem 0 0;color:var(--color-muted);font-size:1.08rem;line-height:1.8}.workshow-hero__text{margin:1rem 0 0;color:var(--color-muted);line-height:1.8}.workshow-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.25rem;border-radius:999px;font-weight:900;text-decoration:none}.button-primary{background:var(--color-brand);color:#fff;box-shadow:0 16px 34px #425d1b2e}.button-secondary{border:1px solid var(--color-border);background:#fff;color:var(--color-text)}.workshow-before-after-card,.caption-panel,.seo-project-card,.final-project-card{border:1px solid var(--color-border);border-radius:2rem;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff;padding:1.7rem;box-shadow:0 18px 45px #1f241c0f}.workshow-before-after-card__top,.caption-panel__top,.seo-project-card__top,.final-project-card__top{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:1.25rem}.workshow-before-after-card__top>span,.caption-panel__top>span,.seo-project-card__top>span,.final-project-card__top>span{display:flex;width:3.25rem;height:3.25rem;align-items:center;justify-content:center;border-radius:1.1rem;background:var(--color-bg);font-size:1.45rem}.workshow-before-after-card__top p,.caption-panel__top p,.seo-project-card__top p{margin:0 0 .45rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.workshow-before-after-card__top h2,.caption-panel__top h3,.seo-project-card__top h3,.final-project-card__top h3{margin:0;color:var(--color-text);font-size:1.45rem;line-height:1.18;font-weight:900}.mini-before-after{display:grid;gap:.85rem}.mini-before-after article{border:1px solid var(--color-border);border-radius:1.25rem;background:#ffffffb8;padding:1rem}.mini-before-after span{display:inline-flex;margin-bottom:.5rem;color:var(--color-brand);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mini-before-after p{margin:0;color:var(--color-text);font-weight:800;line-height:1.5}.workshow-problem-cards{display:grid;gap:1rem}.workshow-problem-cards article,.photo-guide-grid article,.mistake-board article,.example-card{border:1px solid var(--color-border);border-radius:1.75rem;background:#fff;padding:1.5rem;box-shadow:0 18px 45px #1f241c0d}.workshow-problem-cards span,.mistake-board span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.3rem;margin-bottom:1rem}.workshow-problem-cards h3,.photo-guide-grid h3,.mistake-board h3,.example-card h3{margin:0;color:var(--color-text);font-size:1.24rem;line-height:1.2;font-weight:900}.workshow-problem-cards p,.photo-guide-grid p,.mistake-board p,.example-card span{display:block;margin:.8rem 0 0;color:var(--color-muted);line-height:1.7}.section-intro{max-width:900px;margin-bottom:2.5rem}.case-story-board{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1rem}.story-card{border:1px solid var(--color-border);border-radius:2rem;background:#fff;padding:1.6rem;box-shadow:0 18px 45px #1f241c0d}.story-card--main{grid-row:span 2;background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.story-card__icon{display:flex;width:3.1rem;height:3.1rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.25rem;font-weight:900;margin-bottom:1rem}.story-card p,.example-label{display:inline-flex;margin:0 0 1rem;color:var(--color-brand);font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.story-card h3{margin:0;color:var(--color-text);font-size:1.32rem;line-height:1.18;font-weight:900}.story-card span{display:block;margin-top:.9rem;color:var(--color-muted);line-height:1.7}.photo-guide-grid,.mistake-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.photo-guide-grid div{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:1rem;background:var(--color-bg);font-size:1.3rem;margin-bottom:1rem}.caption-lines,.seo-project-list{display:grid;gap:.85rem}.caption-lines article,.seo-project-list article{border:1px solid var(--color-border);border-radius:1.25rem;background:#ffffffb8;padding:1rem}.caption-lines strong,.seo-project-list strong{display:block;margin-bottom:.4rem;color:var(--color-text);font-size:.96rem}.caption-lines span,.seo-project-list span{color:var(--color-muted);line-height:1.6}.formats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.formats-strip article{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:2rem;background:#fff;padding:2rem 1.5rem 1.5rem;box-shadow:0 18px 45px #1f241c0d}.formats-strip article:before{content:"";position:absolute;top:0;left:1.5rem;width:4.5rem;height:.45rem;border-radius:0 0 999px 999px;background:var(--color-brand)}.formats-strip span{display:inline-flex;width:2.8rem;height:2.8rem;align-items:center;justify-content:center;border-radius:999px;background:var(--color-yellow);color:var(--color-text);font-size:.9rem;font-weight:900;margin-bottom:1rem}.formats-strip h3{margin:0;color:var(--color-text);font-size:1.24rem;line-height:1.2;font-weight:900}.formats-strip p{margin:.8rem 0 0;color:var(--color-muted);line-height:1.7}.example-compare{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.example-card--strong{background:radial-gradient(circle at top right,rgba(255,213,0,.18),transparent 18rem),#fff}.final-project-card ul{margin:0;padding:0;list-style:none}.final-project-card li{position:relative;padding-left:1.6rem;color:var(--color-text);line-height:1.65;font-weight:800}.final-project-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--color-brand);font-weight:900}.final-project-card li+li{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--color-border)}@media(max-width:1100px){.case-story-board,.photo-guide-grid,.mistake-board,.formats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card--main{grid-row:auto}}@media(max-width:900px){.workshow-hero__grid,.workshow-problem-layout,.workshow-copy-layout,.workshow-seo-layout,.workshow-final-layout,.example-compare{grid-template-columns:1fr}}@media(max-width:640px){.workshow-wrap{width:min(100% - 1.75rem,1240px)}.workshow-hero,.workshow-problem-section,.workshow-case-section,.workshow-photo-section,.workshow-copy-section,.workshow-formats-section,.workshow-mistakes-section,.workshow-seo-section,.workshow-example-section,.workshow-final-section{padding:4rem 0}.workshow-hero__actions{flex-direction:column}.button-primary,.button-secondary{width:100%}.workshow-before-after-card,.workshow-problem-cards article,.story-card,.photo-guide-grid article,.caption-panel,.formats-strip article,.mistake-board article,.seo-project-card,.example-card,.final-project-card{padding:1.4rem}.workshow-before-after-card__top,.caption-panel__top,.seo-project-card__top,.final-project-card__top,.case-story-board,.photo-guide-grid,.formats-strip,.mistake-board{grid-template-columns:1fr}}
