:root { --ink:#241a36; --muted:#6d617b; --purple:#68439c; --blue:#658fc8; --lavender:#eee6fa; --blue-soft:#e8f2fb; --cream:#fffdf9; --line:rgba(104,67,156,.16); --shadow:0 22px 60px rgba(55,35,83,.12); --radius:28px; --max:1180px; --font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-display:Georgia,"Times New Roman",serif; --font-script:"Brush Script MT","Segoe Script",cursive; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--cream); }
body { margin:0; color:var(--ink); font-family:var(--font-body); line-height:1.6; overflow-x:hidden; background:radial-gradient(circle at 10% 0,rgba(232,242,251,.9),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(238,230,250,.8),transparent 30rem),var(--cream); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.26; background:radial-gradient(circle at 20% 28%,rgba(104,67,156,.14) 0 1px,transparent 2px),radial-gradient(circle at 75% 62%,rgba(101,143,200,.12) 0 1px,transparent 2px); background-size:38px 38px,54px 54px; mask-image:linear-gradient(180deg,black,transparent 70%); }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
h1,h2,h3,p,figure { margin-top:0; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid rgba(101,143,200,.45); outline-offset:4px; }
.site-header { position:sticky; top:14px; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(calc(100% - 28px),var(--max)); margin:14px auto 0; padding:10px 14px; border:1px solid rgba(255,255,255,.9); border-radius:22px; background:rgba(255,253,249,.9); box-shadow:0 12px 36px rgba(55,35,83,.1); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:10px; min-width:0; color:var(--purple); font-weight:800; letter-spacing:-.02em; }
.brand img { width:112px; height:78px; object-fit:contain; }
.brand span { font-size:.88rem; white-space:nowrap; }
.site-header nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.site-header nav a { padding:10px 12px; border-radius:999px; color:var(--muted); font-size:.9rem; font-weight:850; }
.site-header nav a:hover { color:var(--purple); background:var(--lavender); }
.header-actions { display:flex; flex:none; align-items:center; gap:8px; }.header-cta { display:inline-flex; flex:none; align-items:center; padding:11px 15px; border-radius:999px; color:white; background:linear-gradient(135deg,var(--purple),#9070bd); font-size:.74rem; font-weight:850; }.header-cta--book { color:var(--purple); background:white; border:1px solid var(--line); }
.hero,.section,.checkout-band,.status-band { position:relative; z-index:1; width:min(calc(100% - 32px),var(--max)); margin-inline:auto; }
.hero { display:grid; gap:28px; align-items:center; min-height:calc(100svh - 100px); padding:70px 0 90px; }
.hero::before { content:""; position:absolute; z-index:-1; left:-18vw; bottom:4%; width:42vw; height:34vw; max-width:470px; max-height:360px; border-radius:48% 52% 62% 38%; background:radial-gradient(circle at 40% 45%,rgba(101,143,200,.32),transparent 52%),radial-gradient(circle at 70% 60%,rgba(180,149,215,.36),transparent 60%); filter:blur(5px); }
.hero-copy { padding:10px 0; }
.eyebrow { margin-bottom:14px; color:var(--purple); font-size:.72rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
h1,h2 { font-family:var(--font-display); letter-spacing:-.055em; line-height:.96; }
h1 { max-width:680px; margin-bottom:22px; font-size:clamp(3.4rem,8vw,6.8rem); color:var(--purple); }
h2 { margin-bottom:18px; font-size:clamp(2.45rem,5.2vw,5rem); }
h3 { line-height:1.12; letter-spacing:-.03em; }
.hero-intro { max-width:560px; color:#4b3d5d; font-size:clamp(1.05rem,2vw,1.25rem); }
.hero-established { margin:18px 0 0; color:var(--purple-deep); font-size:.82rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 18px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 20px; border:1px solid transparent; border-radius:999px; font-weight:850; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(104,67,156,.16); }
.button.primary { color:white; background:linear-gradient(135deg,var(--purple),#9070bd); }
.button.secondary { color:var(--purple); border-color:var(--line); background:white; }
.hero-note { color:var(--muted); font-size:.82rem; }
.hero-media { position:relative; overflow:hidden; margin:0; min-height:420px; border-radius:44% 44% 24px 24px; box-shadow:var(--shadow); background:var(--lavender); }
.hero-media img { width:100%; height:100%; min-height:420px; object-fit:cover; object-position:center; }
.hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(36,26,54,.42)); }
.hero-media figcaption { position:absolute; z-index:1; bottom:20px; left:22px; color:white; font-family:Georgia,serif; font-size:1.35rem; }
.section { padding:92px 0; }
.section-heading { max-width:690px; margin-bottom:34px; }
.section-heading.centered { margin-inline:auto; text-align:center; }
.section-heading > p:last-child { color:var(--muted); font-size:1.05rem; }
.script { margin-bottom:8px!important; color:var(--purple)!important; font-family:var(--font-script); font-size:2.6rem!important; line-height:1; }
.welcome { display:grid; gap:28px; grid-template-columns:1fr 1fr; align-items:end; }
.welcome-copy { max-width:560px; color:#473a54; font-size:1.08rem; }
.text-link { display:inline-flex; gap:10px; align-items:center; margin-top:14px; color:var(--purple); font-weight:850; }
.text-link span { transition:transform .2s ease; }.text-link:hover span { transform:translateX(4px); }
.values { padding-top:30px; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.value-grid article { padding:28px; border:1px solid rgba(255,255,255,.95); border-radius:var(--radius); background:linear-gradient(145deg,rgba(232,242,251,.76),rgba(238,230,250,.86)); box-shadow:var(--shadow); }
.value-number,.experience-card span { color:var(--purple); font-size:.72rem; font-weight:900; letter-spacing:.16em; }.value-grid h3 { margin:22px 0 7px; font-size:2.15rem; }.value-grid p { margin:0; color:var(--muted); }
.experiences { max-width:none; width:100%; padding-inline:max(16px,calc((100% - var(--max))/2)); background:linear-gradient(180deg,transparent,rgba(238,230,250,.34),transparent); }.experience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.experience-card { overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.94); border-radius:var(--radius); background:rgba(255,255,255,.78); box-shadow:var(--shadow); transition:transform .2s ease,box-shadow .2s ease; }.experience-card:hover { transform:translateY(-5px); box-shadow:0 28px 65px rgba(55,35,83,.17); }.experience-card img { width:100%; height:210px; object-fit:cover; }.experience-card span,.experience-card h3,.experience-card p,.experience-card b { margin-inline:20px; }.experience-card span { margin-top:18px; }.experience-card h3 { margin-top:10px; margin-bottom:8px; font-size:1.5rem; }.experience-card p { margin-bottom:20px; color:var(--muted); font-size:.94rem; }.experience-card b { margin-top:auto; margin-bottom:20px; color:var(--purple); font-size:.82rem; }
.story { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:center; }.story-photo { margin:0; padding:12px; border-radius:18px; background:white; box-shadow:var(--shadow); transform:rotate(-2deg); }.story-photo img { width:100%; height:440px; object-fit:cover; border-radius:10px; }.story-photo figcaption { padding:14px 8px 3px; color:var(--purple); font-family:"Brush Script MT",cursive; font-size:2rem; }.story-copy { max-width:600px; }.story-copy > p:not(.script) { color:#4b3d5d; font-size:1.06rem; }
.fundraising { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:center; }.fundraising-copy { padding:clamp(24px,5vw,56px); border-radius:var(--radius); background:linear-gradient(145deg,var(--lavender),var(--blue-soft)); box-shadow:var(--shadow); }.fundraising-copy > p:not(.script) { max-width:560px; color:#4b3d5d; font-size:1.05rem; }.fundraising img { width:100%; height:390px; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); }
.why { max-width:none; width:100%; padding-inline:max(16px,calc((100% - var(--max))/2)); background:linear-gradient(135deg,rgba(232,242,251,.55),rgba(238,230,250,.72)); }.check-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px 28px; max-width:850px; margin:0 auto; padding:0; list-style:none; }.check-list li { padding:12px 0 12px 30px; border-bottom:1px solid var(--line); color:#4b3d5d; font-weight:700; }.check-list li::before { content:"✓"; margin-left:-30px; margin-right:12px; color:var(--purple); font-weight:900; }
.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.gallery-grid img { width:100%; height:260px; object-fit:cover; border-radius:20px; box-shadow:var(--shadow); }.gallery-grid img:nth-child(2),.gallery-grid img:nth-child(5) { height:320px; }
.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.review-grid blockquote { margin:0; padding:26px; border-radius:var(--radius); background:white; box-shadow:var(--shadow); color:#a17431; font-size:1.1rem; }.review-grid blockquote p { margin:14px 0 0; color:#4b3d5d; font-family:Georgia,serif; font-size:1.18rem; }
.checkout-band,.status-band { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:92px 0; }.checkout-band { align-items:start; }.checkout-form,.checkout-panel { display:grid; gap:14px; padding:26px; border:1px solid rgba(255,255,255,.94); border-radius:var(--radius); background:rgba(255,255,255,.82); box-shadow:var(--shadow); }.checkout-form { grid-template-columns:repeat(2,1fr); }.checkout-form label,.status-form label { display:grid; gap:7px; color:var(--ink); font-size:.88rem; font-weight:800; }.checkout-form input,.checkout-form textarea,.status-form input { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:white; outline:none; }.checkout-form textarea { resize:vertical; }.checkout-form .wide,.checkout-form button[type=submit] { grid-column:1/-1; }.checkout-panel { min-height:220px; align-content:start; background:linear-gradient(145deg,var(--purple),#9a7bc2); color:white; }.checkout-panel .eyebrow { color:#f3dca2; }.paypal-approval-link,.account-status-link { color:white; font-weight:850; }.cart-preview { padding:14px; border-radius:14px; background:var(--lavender); }.cart-preview p { color:var(--muted); font-size:.9rem; }.cart-total { color:var(--purple); font-weight:900; }.status-band { display:block; padding-top:0; }.status-form { display:flex; gap:12px; max-width:640px; margin:0 auto; }.status-form label { flex:1; }.status-result { margin:20px auto 0; max-width:640px; }.footer { display:grid; justify-items:center; gap:12px; padding:60px 16px 38px; border-top:1px solid var(--line); color:var(--muted); text-align:center; background:linear-gradient(180deg,#fff,var(--lavender)); }.footer img { width:180px; height:auto; }.footer p { margin:0; }.footer nav { display:flex; flex-wrap:wrap; gap:16px; }.footer nav a { color:var(--purple); font-weight:750; }.footer small { color:#897d96; }
@media (min-width:900px) { .hero { grid-template-columns:.95fr 1.05fr; }.hero-copy { padding-left:3vw; } }
@media (max-width:760px) { .site-header { align-items:center; }.site-header nav { gap:0; flex:1; }.site-header nav a { padding:7px 5px; font-size:.65rem; }.site-header nav a:nth-child(1),.site-header nav a:nth-child(4),.site-header nav a:nth-child(7) { display:none; }.header-cta { display:none; }.brand img { width:82px; height:62px; }.brand span { display:none; }.hero { min-height:auto; padding-top:48px; }.hero-media { min-height:330px; border-radius:34px; }.hero-media img { min-height:330px; }.welcome,.story,.fundraising,.checkout-band { grid-template-columns:1fr; }.value-grid,.experience-grid,.review-grid { grid-template-columns:1fr; }.value-grid article { padding:23px; }.experience-card img { height:220px; }.story-photo img { height:360px; }.fundraising img { height:300px; order:-1; }.check-list { grid-template-columns:1fr; }.gallery-grid { grid-template-columns:repeat(2,1fr); }.gallery-grid img,.gallery-grid img:nth-child(2),.gallery-grid img:nth-child(5) { height:190px; }.checkout-form { grid-template-columns:1fr; }.checkout-form .wide,.checkout-form button[type=submit] { grid-column:auto; }.status-form { flex-direction:column; }.section,.checkout-band { padding:70px 0; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.001ms!important; } }

/* Boutique type treatment: personal accents stay handwritten, while the main copy remains easy to read. */
.story-photo figcaption { font-family:var(--font-script); font-size:2rem; }
.review-grid blockquote p { font-family:var(--font-display); font-size:1.18rem; }
strong { color:var(--purple); font-weight:800; }

/* SIS watercolor palette: soft blue washes balance the existing purple without changing the layout. */
:root { --purple-deep:#4a2c79; --blue:#4d82c4; --blue-deep:#315f9e; --blue-soft:#e6f1fb; --line:rgba(77,130,196,.2); }
body { background:radial-gradient(ellipse at 4% 5%,rgba(91,157,222,.26),transparent 26rem),radial-gradient(ellipse at 94% 12%,rgba(135,93,190,.24),transparent 29rem),radial-gradient(ellipse at 72% 72%,rgba(116,177,223,.16),transparent 34rem),var(--cream); }
.hero::before { background:radial-gradient(circle at 40% 45%,rgba(65,126,201,.5),transparent 52%),radial-gradient(circle at 70% 60%,rgba(149,108,207,.42),transparent 60%); }
.hero::after { content:""; position:absolute; z-index:-1; right:-9%; top:13%; width:40%; height:46%; border-radius:61% 39% 48% 52%; background:radial-gradient(ellipse at 35% 35%,rgba(92,155,218,.38),transparent 54%),radial-gradient(ellipse at 74% 66%,rgba(126,78,177,.28),transparent 58%); filter:blur(18px); transform:rotate(-14deg); opacity:.86; }
.button.primary { background:linear-gradient(135deg,var(--purple-deep),var(--blue-deep)); }
.value-grid article { background:linear-gradient(145deg,rgba(222,239,253,.86),rgba(238,230,250,.86)); }
.experiences { background:radial-gradient(ellipse at 12% 38%,rgba(104,160,216,.2),transparent 28%),radial-gradient(ellipse at 92% 62%,rgba(144,105,202,.2),transparent 30%),linear-gradient(180deg,transparent,rgba(238,230,250,.34),transparent); }
.checkout-panel { background:linear-gradient(145deg,var(--purple-deep),var(--blue-deep)); }
.footer { background:radial-gradient(ellipse at 18% 0,rgba(188,222,248,.45),transparent 28rem),linear-gradient(180deg,#fff,var(--lavender)); }
.newsletter { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr 1.35fr; gap:22px; align-items:center; width:100%; padding:34px max(16px,calc((100% - var(--max))/2)); overflow:hidden; background:linear-gradient(110deg,rgba(113,83,171,.95),rgba(77,130,196,.94)); color:white; }.newsletter::before { content:""; position:absolute; right:-4%; top:-65%; width:380px; height:280px; border-radius:48% 52% 42% 58%; background:radial-gradient(circle,rgba(223,240,255,.45),transparent 68%); filter:blur(10px); }.newsletter-mark { position:relative; display:grid; place-items:center; width:62px; height:62px; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:white; font-size:2rem; }.newsletter-copy,.newsletter-form { position:relative; }.newsletter-copy .eyebrow { margin-bottom:5px; color:#e6f1fb; }.newsletter-copy h2 { margin-bottom:4px; color:white; font-size:clamp(2rem,4vw,3rem); }.newsletter-copy p:last-child { margin:0; color:rgba(255,255,255,.8); font-size:.92rem; }.newsletter-form { display:grid; grid-template-columns:1fr 1.25fr auto; gap:10px; }.newsletter-form input { width:100%; min-height:50px; padding:12px 14px; border:1px solid rgba(255,255,255,.34); border-radius:999px; color:var(--ink); background:rgba(255,255,255,.94); outline:none; }.newsletter-form .button { min-height:50px; color:var(--purple-deep); background:white; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:760px) { .newsletter { grid-template-columns:auto 1fr; gap:14px; padding-block:28px; }.newsletter-form { grid-column:1/-1; grid-template-columns:1fr; }.newsletter-mark { width:50px; height:50px; font-size:1.6rem; } }

/* Reference layout treatment: airy cards, circular photo moments, and a softer studio rhythm. */
.hero { min-height:640px; padding-top:78px; background:radial-gradient(ellipse at 8% 72%,rgba(115,168,224,.3),transparent 28%),radial-gradient(ellipse at 92% 74%,rgba(173,133,213,.27),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.58),rgba(247,242,255,.42)); }
.hero h1 { font-family:var(--font-script); font-size:clamp(4rem,8vw,7.4rem); font-weight:500; letter-spacing:.01em; line-height:.82; }
.hero-copy { position:relative; z-index:2; padding-left:clamp(0px,3vw,36px); }
.hero-media { border-radius:28px; }
.experience-grid { grid-template-columns:repeat(6,1fr); gap:20px; align-items:start; }
.experience-card { overflow:visible; align-items:center; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }
.experience-card:hover { transform:translateY(-4px); box-shadow:none; }
.experience-card img { width:clamp(104px,10vw,154px); height:clamp(104px,10vw,154px); margin:0 auto 16px; border:8px solid rgba(238,230,250,.8); border-radius:50%; box-shadow:0 16px 28px rgba(74,44,121,.13); }
.experience-card h3 { margin:0 8px 8px; color:var(--purple-deep); font-size:1rem; text-transform:uppercase; letter-spacing:.04em; }
.experience-card p { margin:0 8px 12px; color:var(--muted); font-size:.8rem; line-height:1.45; }
.experience-card b { margin:0; color:var(--purple); font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:1050px) { .experience-grid { grid-template-columns:repeat(3,1fr); row-gap:34px; } }
@media (max-width:760px) { .hero { min-height:620px; padding-top:62px; }.hero h1 { font-size:clamp(4rem,18vw,6rem); }.hero-media { min-height:300px; }.hero-media img { min-height:300px; }.experience-grid { grid-template-columns:repeat(2,1fr); gap:30px 10px; }.experience-card img { width:128px; height:128px; } }

/* Stronger SIS identity visibility without covering the content. */
.hero h1 { color:#17131f; font-family:var(--font-display); font-weight:800; letter-spacing:-.055em; line-height:.9; }
.hero-dandelion { z-index:0; opacity:.88; filter:saturate(1.35) contrast(1.3) drop-shadow(0 18px 28px rgba(74,44,121,.2)); }
.hero-seeds { z-index:1; }
.hero-seeds img { opacity:.9; filter:saturate(1.45) contrast(1.25) drop-shadow(0 8px 12px rgba(49,95,158,.22)); }
.section { isolation:isolate; }
.section::after { content:""; position:absolute; z-index:0; right:4%; top:9%; width:54px; height:54px; background:url("../assets/sis-dandelion-seed-3d-transparent.svg") center/contain no-repeat; opacity:.48; filter:saturate(1.4) contrast(1.25) drop-shadow(0 8px 12px rgba(74,44,121,.18)); transform:rotate(24deg); pointer-events:none; }
.section > * { position:relative; z-index:1; }
.experiences::after { right:7%; top:5%; transform:rotate(-18deg) scale(.84); }
.story::after { left:4%; right:auto; top:7%; transform:rotate(-34deg) scale(.86); }
.why::after { right:10%; top:18%; transform:rotate(16deg) scale(.76); }
@media (max-width:760px) { .hero-dandelion { opacity:.72; }.section::after { width:38px; height:38px; right:6%; top:5%; opacity:.42; }.story::after { left:5%; right:auto; } }
.social-connect { position:relative; z-index:1; width:min(calc(100% - 32px),var(--max)); margin-inline:auto; padding:76px 0 86px; text-align:center; }.social-connect h2 { margin-bottom:8px; }.social-connect > p:not(.eyebrow) { max-width:560px; margin-inline:auto; color:var(--muted); }.social-tabs { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:28px; }.social-tab { display:inline-flex; align-items:center; gap:10px; min-width:150px; padding:12px 18px; border:1px solid rgba(255,255,255,.9); border-radius:999px; background:white; box-shadow:var(--shadow); }.social-tab b { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:white; font-size:1.35rem; line-height:1; }.social-tab small { color:var(--ink); font-size:.8rem; font-weight:850; }.social-tab.facebook b { background:#1877f2; }.social-tab.instagram b { background:linear-gradient(135deg,#6b4bd8,#e4405f 55%,#f7b733); }.social-tab.tiktok b { background:#111827; }.social-tab.facebook { border-color:rgba(24,119,242,.2); }.social-tab.instagram { border-color:rgba(228,64,95,.2); }.social-tab.tiktok { border-color:rgba(17,24,39,.2); }

/* Ordering is handled through SIS directly, not on the Home page. */
#checkout[hidden],#order-status[hidden] { display:none !important; }

/* SIS identity layer: dandelion + seeds stay behind the copy and intentionally remain light. */
.brand { flex-direction:column; align-items:flex-start; gap:0; }
.brand img { width:174px; height:92px; }
.brand small { display:block; margin-top:-5px; color:var(--purple-deep); font-size:.68rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; white-space:nowrap; }
.hero-dandelion { position:absolute; z-index:-1; left:-3%; bottom:-10%; width:clamp(220px,34vw,450px); opacity:.62; filter:drop-shadow(0 18px 28px rgba(74,44,121,.14)); transform:rotate(-8deg); pointer-events:none; }
.hero-seeds { position:absolute; z-index:0; top:15%; right:42%; width:30%; height:28%; pointer-events:none; }
.hero-seeds img { position:absolute; width:clamp(26px,4vw,54px); opacity:.72; filter:drop-shadow(0 8px 12px rgba(49,95,158,.16)); }
.hero-seeds img:nth-child(1) { top:4%; left:8%; transform:rotate(-24deg); filter:hue-rotate(8deg) drop-shadow(0 8px 12px rgba(49,95,158,.16)); }
.hero-seeds img:nth-child(2) { top:34%; left:48%; width:clamp(20px,3vw,40px); transform:rotate(28deg); opacity:.52; filter:hue-rotate(210deg) drop-shadow(0 8px 12px rgba(104,67,156,.16)); }
.hero-seeds img:nth-child(3) { top:70%; left:78%; width:clamp(22px,3.2vw,44px); transform:rotate(-4deg); opacity:.58; filter:hue-rotate(185deg) drop-shadow(0 8px 12px rgba(104,67,156,.16)); }
.section-seed { position:absolute; z-index:2; width:clamp(28px,4vw,50px); opacity:.54; filter:drop-shadow(0 8px 12px rgba(74,44,121,.14)); pointer-events:none; }
.seed-values { right:8%; top:96%; transform:rotate(28deg); }
.seed-story { left:6%; top:96%; transform:rotate(-22deg); }
.menu-button { display:none; width:48px; height:48px; padding:0; border:1px solid var(--line); border-radius:50%; color:var(--purple-deep); background:white; cursor:pointer; }
.menu-button span { display:block; width:20px; height:2px; margin:3px auto; border-radius:999px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
.menu-button em { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.menu-button[aria-expanded="true"] span:nth-child(1) { transform:translateY(5px) rotate(45deg); }.menu-button[aria-expanded="true"] span:nth-child(2) { opacity:0; }.menu-button[aria-expanded="true"] span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }
@media (max-width:760px) { .site-header { gap:10px; padding:8px 10px; }.brand { flex:1; }.brand img { width:164px; height:78px; }.brand small { font-size:.55rem; letter-spacing:.1em; }.site-header nav.main-nav { position:absolute; top:calc(100% + 8px); left:0; right:0; display:none; flex-direction:column; gap:4px; padding:12px; border:1px solid rgba(255,255,255,.9); border-radius:20px; background:rgba(255,253,249,.97); box-shadow:var(--shadow); }.site-header nav.main-nav.open { display:flex; }.site-header nav.main-nav a { display:block!important; padding:11px 12px; font-size:.88rem; font-weight:850; }.menu-button { display:block; flex:none; }.hero-dandelion { left:-20%; bottom:-3%; width:74vw; opacity:.42; }.hero-seeds { top:12%; right:2%; width:47%; height:25%; }.section-seed { width:34px; }.seed-values { right:10%; }.seed-story { left:8%; } }

/* Final visibility pass for the dandelion identity. */
.hero-dandelion { z-index:0; opacity:.88; filter:saturate(1.35) contrast(1.3) drop-shadow(0 18px 28px rgba(74,44,121,.2)); }
.hero-seeds { z-index:1; }
.hero-seeds img { opacity:.9; filter:saturate(1.45) contrast(1.25) drop-shadow(0 8px 12px rgba(49,95,158,.22)); }
@media (max-width:760px) { .hero-dandelion { opacity:.72; } }

/* Clear home-page paths for SIS experiences, custom creations, and shopping. */
.custom-creations { padding-top:92px; padding-bottom:92px; }
.custom-creations .experience-grid { grid-template-columns:repeat(4,1fr); max-width:1180px; margin-inline:auto; }
.custom-creations .experience-card--fresh img { object-fit:contain; padding:14px; background:linear-gradient(145deg,#112e66,#305ca6); border-color:rgba(255,255,255,.9); }
.shop-hub { padding-top:76px; padding-bottom:76px; background:linear-gradient(135deg,rgba(238,230,250,.62),rgba(232,242,251,.65)); }
.shop-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
@media (max-width:760px) { .custom-creations .experience-grid { grid-template-columns:1fr; }.shop-actions .button { width:100%; } }
@media (min-width:761px) and (max-width:1050px) { .custom-creations .experience-grid { grid-template-columns:repeat(2,1fr); max-width:720px; } }

/* Founder story, purpose, and future vision. */
.story-tagline { color:var(--purple)!important; font-size:.82rem!important; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.purpose-vision { display:grid; grid-template-columns:.78fr 1.22fr; gap:24px; align-items:start; padding:clamp(56px,8vw,100px); border-radius:32px; background:radial-gradient(ellipse at 20% 38%,rgba(145,193,235,.34),transparent 34%),radial-gradient(ellipse at 88% 24%,rgba(190,151,222,.28),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(238,230,250,.7)); box-shadow:var(--shadow); }
.purpose-copy h2 { font-size:clamp(2.3rem,4.1vw,4rem); }.purpose-copy p:not(.script),.vision-note p { color:#4b3d5d; font-size:1.03rem; }
.purpose-pillars { display:grid; gap:12px; }
.purpose-pillars article { display:grid; grid-template-columns:132px 1fr; gap:14px; align-items:center; padding:18px 20px; border:1px solid rgba(255,255,255,.9); border-radius:20px; background:rgba(255,255,255,.66); }
.purpose-pillars strong { color:var(--purple-deep); font-family:var(--font-display); font-size:1.55rem; }.purpose-pillars span { color:var(--muted); font-weight:650; }
.vision-note { grid-column:1/-1; padding:24px 28px; border-left:4px solid var(--blue); border-radius:0 20px 20px 0; background:rgba(255,255,255,.58); }.vision-note .eyebrow { margin-bottom:8px; }.vision-note h3 { margin-bottom:8px; color:var(--purple-deep); font-family:var(--font-display); font-size:clamp(1.55rem,2.8vw,2.3rem); }.vision-note p:last-child { margin-bottom:0; }
@media (max-width:760px) { .purpose-vision { grid-template-columns:1fr; padding:34px 22px; }.purpose-pillars article { grid-template-columns:1fr; gap:5px; }.vision-note { grid-column:auto; padding:22px; } }