:root{--ink:#334435;--paper:#fbf8f1;--line:#e1ded4;--green:#dbdbb5;--muted:#697064;--olive:#586747;--plum:#65516d}
body{background:var(--paper)}
.draft{background:#e9eadc;color:#525f47}
header{background:#fbf8f1ed;backdrop-filter:blur(12px)}
.brand-mark span{background:var(--paper)}
.hero{padding-top:48px;padding-bottom:48px;align-items:center;gap:5%;grid-template-columns:1fr 1.05fr}
.hero h1{font-size:clamp(40px,4.1vw,66px);line-height:1.45;word-break:keep-all}
.hero h1 em{color:var(--olive)}
.hero .eyebrow{color:#7d765f}
.lead{max-width:490px}
.primary{background:var(--olive);border-radius:6px}
.sensory-hero{height:630px;min-height:0;background:#eee8dc;border-radius:160px 16px 16px 16px;box-shadow:0 15px 45px #60533e0d}
.sensory-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sensory-note{position:absolute;bottom:38px;left:28px;right:28px;padding:22px;background:#fffdf2e8;backdrop-filter:blur(10px);border:1px solid #ffffffa6;border-radius:8px;display:flex;flex-direction:column;gap:8px}
.sensory-note>span{font-size:12px;letter-spacing:.12em;color:#777260}
.sensory-note b{font-size:19px;line-height:1.7;font-weight:500}
.sensory-credit{position:absolute;bottom:9px;right:20px;font-size:11px;margin:0;color:#605b4e;text-shadow:0 1px 4px white}
.intro-strip{background:#f2f0e5}
.intro-strip>p{word-break:keep-all}
.worlds{padding-top:70px;padding-bottom:30px}
.worlds-heading h2{font-size:clamp(28px,2.8vw,40px)}
.worlds-heading .eyebrow{color:#8b7a62;margin-bottom:15px}
.worlds-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}
.world{display:flex;align-items:center;gap:15px;min-height:325px;border-radius:14px;overflow:hidden;border:1px solid #e2ddcc;padding:32px;position:relative;transition:transform .2s,box-shadow .2s}
.world:hover{transform:translateY(-3px);box-shadow:0 14px 30px #5a514d0c;filter:none}
.food-world{background:#eee5d0;color:#59503c}
.beauty-world{background:#ede6ef;color:#5d4a66;border-color:#e1d6e5}
.world-copy{width:61%;position:relative;z-index:1}
.world-kicker{font-size:12px;letter-spacing:.1em}
.world h3{font-size:28px;line-height:1.5;font-weight:500;margin:17px 0 12px;word-break:keep-all}
.world p{font-size:17px;line-height:1.8;margin:0 0 26px;word-break:keep-all}
.world-cta{font-size:16px;border-bottom:1px solid currentColor;display:inline-flex;gap:24px;padding-bottom:5px}
.world-image{width:42%;align-self:stretch;display:grid;place-items:center;margin-right:-14px}
.world-image img{width:100%;height:230px;object-fit:contain;mix-blend-mode:multiply}
.companies.section{padding-top:65px}
.filters button.active{background:var(--olive);border-color:var(--olive)}
.filters button[data-filter=beauty].active{background:var(--plum);border-color:var(--plum)}
.filters button[data-filter=food]{border-color:#c9b992}
.filters button[data-filter=beauty]{border-color:#c7b7d0}
.company-card{background:#fffdf8;border:1px solid #e5e0d5;border-radius:14px;overflow:hidden;padding:0 0 24px;box-shadow:0 5px 20px #675a4905}
.company-card>.card-tags,.company-card>h3,.company-card>p,.company-card>.card-actions{margin-left:22px;margin-right:22px}
.company-card>.card-actions{margin-top:auto}
.company-card .card-art{border-bottom:1px solid #e5e0d5;background:#eee8d7}
.company-card[data-sector=food] .card-art{background:#eee8d7}
.company-card[data-sector=beauty] .card-art{background:#eee7f0;border-bottom-color:#e2d6e7}
.company-card[data-sector=mixed] .card-art{background:linear-gradient(115deg,#ede7d1 0%,#e7eadb 55%,#e9e0ec 100%)}
.company-card[data-sector=beauty] .card-tags,.company-card[data-sector=beauty] .art-word{color:var(--plum)}
.company-card[data-sector=food] .art-word{color:#796946}
.art-word{font-weight:400;font-size:clamp(29px,2.8vw,43px)}
.art-number,.art-corner{color:#6a705f}
.company-card[data-sector=beauty] .art-number,.company-card[data-sector=beauty] .art-corner{color:#786980}
.card-art img{border-radius:4px}
.select-button{border-radius:6px}
.company-card[data-sector=beauty] .select-button[aria-pressed=true]{background:var(--plum);border-color:var(--plum)}
.sessions{background:#59654c;color:#fffdf5}
.sessions .section-heading>p,.session-top,.session-grid article>p{color:#e2e6d6}
.sessions .eyebrow{color:#e7ddbc}
.session-grid article{border-top-color:#a0aa8f}
.session-date{color:#f0e2b9}
.session-date small{color:#e2e6d6}
.steps{background:#fbf8f1}
.meeting{background:#f0eaf0}
.meeting form{background:#fffdf9;border:1px solid #e4dce5;border-radius:14px}
.meeting .eyebrow{color:#806a87}
.meeting .notice{border-left-color:#b8a1bf;color:#67556e}
.faq details{border-color:#ddd7d0}
footer{background:#eae9dd}
dialog{border-radius:14px;background:#fffdf8}
.dialog-note{background:#f0eee1;border-radius:8px}
@media(max-width:1100px){
  .hero h1{font-size:clamp(36px,4.4vw,48px)}
  .sensory-hero{height:560px;border-top-left-radius:100px}
  .world{padding:25px;gap:10px}
  .world h3{font-size:24px}
  .world p{font-size:16px}
  .world-image img{height:210px}
}
@media(max-width:800px){
  .hero{grid-template-columns:1fr;gap:32px}
  .hero h1{font-size:clamp(38px,6vw,54px)}
  .sensory-hero{height:510px;border-top-left-radius:100px}
  .worlds-grid{grid-template-columns:1fr;gap:20px}
  .world{min-height:290px;padding:30px}
  .world-copy{width:60%}
  .world h3{font-size:28px}
  .world-image img{height:250px}
}
@media(max-width:600px){
  .hero{padding-top:30px;padding-bottom:35px}
  .hero h1{font-size:37px;line-height:1.5;letter-spacing:-.045em}
  .sensory-hero{height:460px;border-top-left-radius:85px}
  .sensory-note{left:16px;right:16px;bottom:34px;padding:18px}
  .sensory-note>span{font-size:10px}
  .sensory-note b{font-size:17px}
  .worlds{padding-top:45px;padding-bottom:10px}
  .worlds-heading h2{font-size:29px}
  .world{padding:24px;min-height:300px;gap:4px}
  .world-copy{width:63%}
  .world h3{font-size:24px}
  .world p{font-size:16px}
  .world-kicker{font-size:10px}
  .world-image{width:37%;margin-right:-15px}
  .world-image img{height:220px}
  .world-cta{font-size:15px;gap:12px}
  .companies.section{padding-top:45px}
  .company-card>.card-tags,.company-card>h3,.company-card>p,.company-card>.card-actions{margin-left:20px;margin-right:20px}
}