*{box-sizing:border-box}
:root{--ink:#553322;--ink-soft:#765f52;--cream:#fff9f4;--cream-2:#fdf2e8;--paper:#fffdf9;--blush:#e9a08e;--blush-deep:#c96f57;--sage:#9aa985;--line:rgba(151,99,67,.18);--shadow:0 18px 45px rgba(106,68,45,.10)}
html{min-width:320px;background:#fff8f2;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:
radial-gradient(circle at 12% 10%,rgba(255,255,255,.88),transparent 24%),
radial-gradient(circle at 89% 13%,rgba(255,244,238,.92),transparent 22%),
linear-gradient(180deg,#fdf7f1 0%,#fffaf6 38%,#fbf1e8 100%);overflow-x:hidden;position:relative}
body:before,body:after{content:'';position:fixed;z-index:0;pointer-events:none;width:min(24vw,280px);height:min(34vw,400px);opacity:.55;background-repeat:no-repeat;background-size:contain}
body:before{left:0;top:78px;background-image:
radial-gradient(circle at 18% 72%,rgba(240,184,168,.55) 0 10px,transparent 11px),
radial-gradient(circle at 10% 78%,rgba(245,213,205,.75) 0 38px,transparent 39px),
radial-gradient(circle at 36% 81%,rgba(241,192,174,.72) 0 16px,transparent 17px),
radial-gradient(circle at 27% 66%,rgba(238,171,153,.95) 0 7px,transparent 8px),
radial-gradient(circle at 40% 66%,rgba(238,171,153,.95) 0 7px,transparent 8px),
radial-gradient(circle at 33.5% 59%,rgba(238,171,153,.95) 0 7px,transparent 8px),
linear-gradient(145deg,transparent 0 53%,rgba(188,201,168,.6) 54% 56%,transparent 57%),
linear-gradient(170deg,transparent 0 48%,rgba(188,201,168,.5) 49% 51%,transparent 52%),
linear-gradient(205deg,transparent 0 43%,rgba(188,201,168,.48) 44% 46%,transparent 47%)}
body:after{right:0;top:74px;transform:scaleX(-1);background-image:
radial-gradient(circle at 18% 72%,rgba(240,184,168,.55) 0 10px,transparent 11px),
radial-gradient(circle at 10% 78%,rgba(245,213,205,.75) 0 38px,transparent 39px),
radial-gradient(circle at 36% 81%,rgba(241,192,174,.72) 0 16px,transparent 17px),
radial-gradient(circle at 27% 66%,rgba(238,171,153,.95) 0 7px,transparent 8px),
radial-gradient(circle at 40% 66%,rgba(238,171,153,.95) 0 7px,transparent 8px),
radial-gradient(circle at 33.5% 59%,rgba(238,171,153,.95) 0 7px,transparent 8px),
linear-gradient(145deg,transparent 0 53%,rgba(188,201,168,.6) 54% 56%,transparent 57%),
linear-gradient(170deg,transparent 0 48%,rgba(188,201,168,.5) 49% 51%,transparent 52%),
linear-gradient(205deg,transparent 0 43%,rgba(188,201,168,.48) 44% 46%,transparent 47%)}
button,a{font:inherit}
.studio-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:10px clamp(22px,4vw,68px);border-bottom:1px solid rgba(134,94,67,.10);background:rgba(255,253,250,.88);backdrop-filter:blur(12px)}
.studio-brand{display:inline-flex;flex-direction:column;text-decoration:none;color:#8a4c2c;line-height:1}
.studio-brand strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3vw,2.85rem);font-weight:500;letter-spacing:.01em}
.studio-brand span{margin-top:4px;font-size:.63rem;font-weight:800;letter-spacing:.22em}
.studio-header__actions{position:relative;display:flex;gap:10px}
.round-action{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(139,94,67,.18);border-radius:50%;background:#fffaf5;color:#74513c;cursor:pointer;text-decoration:none;transition:.18s ease}
.round-action:hover,.round-action:focus-visible{transform:translateY(-1px);border-color:rgba(201,111,87,.48);box-shadow:0 7px 18px rgba(107,67,46,.11);outline:none}
.round-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.studio-menu{position:absolute;right:0;top:54px;width:205px;padding:9px;border:1px solid rgba(139,94,67,.15);border-radius:18px;background:rgba(255,253,250,.98);box-shadow:0 18px 40px rgba(80,50,38,.14)}
.studio-menu a{display:block;padding:11px 13px;border-radius:11px;color:#644433;text-decoration:none;font-size:.84rem;font-weight:700}
.studio-menu a:hover{background:#fbefe7;color:#a6523f}
.studio-shell{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:18px clamp(18px,3.6vw,48px) 38px}
.workshop-hero{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(380px,1.1fr);align-items:stretch;min-height:0;margin:0 auto 18px;border:1px solid rgba(151,99,67,.12);border-radius:30px;background:rgba(255,251,247,.92);box-shadow:var(--shadow);overflow:hidden}
.workshop-hero:before{content:'❧';position:absolute;left:-6px;top:72px;font-family:Georgia,serif;font-size:92px;color:rgba(218,166,133,.12);transform:rotate(-18deg)}
.hero-copy{position:relative;z-index:2;align-self:center;padding:34px 20px 34px clamp(38px,5vw,68px)}
.flourish{height:20px;margin-bottom:4px;color:#e58f7a;font-family:Georgia,serif;font-size:24px;letter-spacing:.16em}
.eyebrow{margin:0 0 9px;color:#b86b4c;font-size:.68rem;font-weight:800;letter-spacing:.18em}
.hero-copy h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(3rem,5vw,5rem);line-height:.9;letter-spacing:-.045em;color:#56301f}
.hero-lead{max-width:420px;margin:16px 0 0;color:#6e5c53;font-size:clamp(.98rem,1.28vw,1.1rem);line-height:1.5}
.recipe-note{display:inline-flex;align-items:center;gap:8px;margin:15px 0 0;padding:8px 13px;border:1px solid rgba(221,143,124,.35);border-radius:999px;background:#fffaf7;color:#9f5f46;font-size:.88rem;font-weight:700;box-shadow:0 8px 20px rgba(160,104,79,.08)}
.recipe-note span{font-size:.92rem;color:#dea08b}
.leaf-divider{display:flex;align-items:center;gap:8px;width:164px;margin:18px 0 0;color:#db8b78}
.leaf-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#a4b08d)}
.leaf-divider span:last-child{background:linear-gradient(90deg,#a4b08d,transparent)}
.leaf-divider b{font-size:.72rem}
.hero-visual{position:relative;min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,249,244,.75),rgba(248,232,220,.35))}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,247,.08),rgba(255,250,247,0) 18%,rgba(255,245,238,0) 82%,rgba(255,250,247,.12));pointer-events:none}
.hero-visual img{display:block;width:100%;height:100%;min-height:310px;max-height:370px;object-fit:cover;object-position:center;filter:saturate(.94) contrast(.98)}
.families{position:relative;padding:12px 4px 20px}
.families:before,.families:after{content:'✿';position:absolute;bottom:-18px;color:rgba(221,142,126,.14);font-size:104px;line-height:1;pointer-events:none}
.families:before{left:-8px}.families:after{right:-8px;transform:scaleX(-1)}
.section-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 20px;color:#8b5c44}
.section-heading h2{margin:0;text-align:center;text-transform:uppercase;font-size:clamp(.74rem,1vw,.91rem);letter-spacing:.18em}
.section-heading .line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#d8a28f)}
.section-heading .line:last-child{background:linear-gradient(90deg,#d8a28f,transparent)}
.section-heading .heart{color:#e5a08c;font-size:.56rem}
.family-grid{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;max-width:1000px;margin:0 auto}
.family-card{position:relative;display:flex;flex:0 0 190px;width:190px;height:120px;flex-direction:column;min-width:190px;max-width:190px;padding:7px 8px 7px;border:1px solid rgba(171,123,91,.15);border-radius:18px;background:rgba(255,253,249,.94);box-shadow:0 8px 18px rgba(103,66,43,.055);color:var(--ink);cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.family-card:hover,.family-card:focus-visible{transform:translateY(-3px);border-color:rgba(201,111,87,.38);box-shadow:0 14px 30px rgba(103,66,43,.11);outline:none}
.family-card[aria-pressed='true']{border-color:#d47d67;box-shadow:0 0 0 2px rgba(212,125,103,.13),0 14px 30px rgba(103,66,43,.10)}
.family-card__title{position:relative;z-index:2;margin:0 0 5px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:.92rem;line-height:1.05}
.family-card__image{display:block;width:100%;height:82px;flex:0 0 82px;overflow:hidden;border-radius:11px;background:#f8efe7}
.family-card__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .22s ease}
.family-card:hover img{transform:scale(1.02)}
.selection-note{position:relative;z-index:2;min-height:1.4em;margin:15px auto 0;text-align:center;color:#8a7164;font-size:.8rem}.selection-note strong{color:#b55f49}
@media(max-width:1120px){.studio-shell{padding-left:20px;padding-right:20px}.workshop-hero{grid-template-columns:minmax(300px,.82fr) minmax(340px,1.08fr)}.hero-copy h1{font-size:clamp(2.8rem,5vw,4.4rem)}}
@media(max-width:860px){body:before,body:after{display:none}.studio-header{min-height:74px;padding:10px 18px}.studio-brand strong{font-size:2.25rem}.workshop-hero{grid-template-columns:1fr;border-radius:26px}.workshop-hero:before{display:none}.hero-copy{text-align:center;padding:30px 22px 24px}.hero-copy h1{font-size:clamp(2.8rem,10vw,4.4rem)}.hero-lead{margin-left:auto;margin-right:auto}.recipe-note{margin-left:auto;margin-right:auto}.leaf-divider{margin-left:auto;margin-right:auto}.hero-visual{height:min(50vw,340px)}.hero-visual img{min-height:0;height:100%;max-height:none}.family-grid{max-width:1000px}}
@media(max-width:560px){.studio-shell{padding:14px 12px 30px}.studio-header{min-height:68px;padding:8px 12px}.studio-brand strong{font-size:1.95rem}.studio-brand span{font-size:.54rem}.round-action{width:38px;height:38px}.studio-menu{top:48px}.hero-copy{padding:24px 16px 18px}.eyebrow{font-size:.58rem}.hero-copy h1{font-size:clamp(2.4rem,14vw,3.55rem)}.hero-lead{font-size:.94rem}.recipe-note{font-size:.79rem;padding:7px 11px}.leaf-divider{width:140px}.hero-visual{height:58vw;min-height:240px}.families{padding:16px 0 16px}.section-heading{gap:6px}.section-heading .line{width:20px}.section-heading h2{font-size:.66rem;letter-spacing:.12em}.family-grid{gap:12px;max-width:100%}.selection-note{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}