:root{--bg:#eee8db;--fg:#263c30;--paper:#f9f5ed;--accent:#b35c39;--muted:#636f64;--border:rgba(38,60,48,.21);--story-radius:0px;--subhero-radius:90px 90px 4px 4px}
.ks-hero-atelier{grid-template-columns:1.25fr .8fr;gap:1%;background:radial-gradient(circle at 82% 25%,#d5d8b850,transparent 38%),var(--bg)}
.ks-hero-atelier .ks-hero-text{align-self:center;margin-top:2vw}
.ks-hero-atelier h1{font-family:var(--serif);font-weight:400;font-size:clamp(65px,7.6vw,144px);line-height:.95;letter-spacing:-.082em}
.ks-hero-atelier h1 em{color:var(--accent);font-style:italic}
.ks-hero-atelier .ks-hero-visual{margin:6% 0 0 0;align-self:center;height:min(680px,63vw);transform:rotate(2.4deg)}
.ks-hero-atelier .ks-hero-visual .ks-photo{border-radius:49% 49% 5px 5px;border:12px solid var(--paper);box-shadow:16px 25px 0 #c4c7a5a6;min-height:0}
.ks-hero-atelier .ks-hero-number{color:var(--fg);bottom:-34px;right:30px;transform:rotate(-2.4deg)}
.ks-hero-atelier::before{content:'✳';font:400 clamp(80px,14vw,210px)/1 var(--serif);position:absolute;top:12%;right:4%;color:#c2a77880;transform:rotate(16deg);z-index:1;animation:ks-at-sun 12s ease-in-out infinite alternate}
.ks-intro-grid h2,.ks-groups h2,.ks-trust h2{font-family:var(--serif)}.ks-intro-grid h2 em,.ks-groups h2 em,.ks-trust h2 em{color:var(--accent)}
.ks-story{background:#304d3a}.ks-story .ks-photo{border:14px solid #efe5d5;box-shadow:16px 17px 0 #75907a50;transform:rotate(-2deg)}
.ks-story-images{margin:22px}.ks-story-copy h2,.ks-pricing h2,.ks-final-cta h2{font-family:var(--serif)}
.ks-groups .ks-group-grid>a:nth-child(2){transform:translateY(40px)}.ks-group-grid .ks-photo{border-radius:3px 100px 3px 3px}.ks-group-grid>a:nth-child(2) .ks-photo{border-radius:100px 3px 3px 3px}
.ks-subhero{background:linear-gradient(95deg,#eee8db,#e9e7d9)}.ks-subhero h1{font-family:var(--serif)}
.ks-footer{background:#203d31}.ks-final-cta{background:#be6e4e}
@keyframes ks-at-sun{to{transform:rotate(35deg) translateY(12px)}}
@media(max-width:900px){.ks-hero-atelier{grid-template-columns:1fr}.ks-hero-atelier .ks-hero-visual{height:520px;max-width:600px;justify-self:center;width:90%;margin:10px auto 30px}.ks-groups .ks-group-grid>a:nth-child(2){transform:none}}
@media(max-width:600px){.ks-hero-atelier h1{font-size:clamp(50px,11vw,76px)}.ks-hero-atelier::before{top:8%;right:13%;font-size:85px;opacity:.4}.ks-hero-atelier .ks-hero-visual{height:370px;width:88%;margin:0 auto 22px}.ks-story .ks-photo{border-width:8px;box-shadow:8px 10px 0 #75907a50}.ks-story-images{margin:5px}.ks-subhero-photo{height:260px}}
