:root{
  --telli-green:#AECF28;
  --adventure-blue:#306AC6;
  --trail-green:#3C7A3E;
  --kindness-coral:#FF6B8A;
  --sunshine-gold:#F7C948;
  --turtle-water:#79D7E3;
  --white-sands:#FEFEFE;
  --campfire-charcoal:#333333;
  --black:#101010;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Aptos,"Segoe UI",Arial,sans-serif;color:var(--campfire-charcoal);background:var(--white-sands)}
header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5% 12px;background:rgba(254,254,254,.97);border-bottom:3px solid var(--telli-green)}
.brand img{width:430px;max-width:78vw;display:block;margin:0 auto}
nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:8px}
nav a{color:var(--campfire-charcoal);text-decoration:none;font-weight:700}
nav a:hover{color:var(--adventure-blue)}
.hero{min-height:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;padding:48px 8% 56px;background:linear-gradient(135deg,var(--white-sands) 58%,#f4f8df)}
h1{font-family:'Caveat',cursive;color:var(--telli-green);font-weight:400;line-height:1.25;margin:.14em 0;font-size:clamp(34px,4.7vw,64px)}
h2{font-family:Aptos,"Segoe UI",Arial,sans-serif;color:var(--campfire-charcoal);font-weight:800;line-height:1.08;margin:.15em 0;font-size:clamp(36px,5vw,60px)}
h3{font-family:Aptos,"Segoe UI",Arial,sans-serif;color:var(--adventure-blue)}
.subtitle{color:var(--adventure-blue);font-weight:800;letter-spacing:.12em;font-size:18px}
.section-label{color:var(--telli-green);font-weight:900;letter-spacing:.13em;font-size:18px}
.lead{font-size:20px;line-height:1.5;max-width:700px;margin-bottom:0}
.hero-telli{width:min(100%,460px);max-height:470px;object-fit:contain;justify-self:center;border-radius:32px}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-block;padding:14px 22px;border:2px solid var(--adventure-blue);border-radius:999px;text-decoration:none;color:var(--adventure-blue);font-weight:800}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--adventure-blue);color:#fff}
.section{padding:80px 8%}
.centered{text-align:center}
.centered>p{max-width:760px;margin-left:auto;margin-right:auto;font-size:19px;line-height:1.6}
.dark{background:var(--campfire-charcoal);color:#fff}
.dark h2{color:#fff}
.dark .section-label{color:var(--telli-green)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
.steps article{background:var(--white-sands);color:var(--campfire-charcoal);padding:30px;border-radius:24px;border-top:6px solid var(--turtle-water)}
.steps b{font-size:34px;color:var(--kindness-coral)}
.story,.shop{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.story p,.shop p{font-size:19px;line-height:1.6}
.story img{width:min(100%,470px);justify-self:center;border-radius:28px}
.quote{font-family:'Caveat',cursive;font-size:18px!important;line-height:1.8!important;font-weight:400;color:var(--kindness-coral)}
.shop{background:#f4f8df}
.shop img{max-width:430px;width:100%;justify-self:center;border-radius:28px}
.coming{display:inline-block;background:var(--kindness-coral);color:#fff;font-weight:900;padding:10px 16px;border-radius:999px}
footer{text-align:center;padding:35px;background:var(--campfire-charcoal);color:#fff;border-top:6px solid var(--adventure-blue)}
footer img{height:48px;max-width:100px;object-fit:contain}
footer p:last-child{color:var(--turtle-water);font-weight:700}
@media(max-width:800px){
  header{position:static;text-align:center}
  .brand img{margin:auto;max-width:88vw}
  nav{justify-content:center;margin-top:12px;gap:12px;font-size:14px}
  .hero,.story,.shop{grid-template-columns:1fr;text-align:center}
  .hero{padding:38px 6% 48px}
  .hero-telli{max-width:340px;max-height:360px;object-fit:contain}
  .steps{grid-template-columns:1fr}
  .section{padding:60px 6%}
  h1{font-size:clamp(34px,9vw,54px)}
}

.hero.hero-art{display:block;min-height:0;padding:0;background:var(--white-sands)}
.hero-brand-art{display:block;width:100%;height:auto;max-width:1600px;margin:0 auto;object-fit:contain}
@media(max-width:800px){.hero.hero-art{padding:0}.hero-brand-art{width:100%;height:auto}}


/* Meet Telli character-story section */
.meet-telli-story{
  padding:72px 7%;
  background:#fff;
}
.meet-telli-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);
  gap:64px;
  align-items:start;
}
.meet-telli-image{
  position:sticky;
  top:28px;
  text-align:center;
}
.meet-telli-image img{
  display:block;
  width:min(100%,360px);
  height:auto;
  margin:12px auto 0;
  border-radius:28px;
}
.meet-telli-copy .eyebrow{
  margin:0 0 12px;
  color:#AECF28;
  font-weight:800;
  letter-spacing:.16em;
  font-size:18px;
}
.meet-telli-copy h2{
  margin:0 0 26px;
  font-size:clamp(38px,5vw,62px);
  line-height:1.05;
  color:#333;
}
.meet-telli-copy p{
  font-size:19px;
  line-height:1.65;
  color:#333;
  margin:0 0 18px;
}
.meet-telli-copy .mission-line,
.meet-telli-copy .adventure-line{
  font-family:'Caveat',cursive;
  color:#AECF28;
  font-size:clamp(22px,2.8vw,34px);
  line-height:1.45;
  margin:22px 0 28px;
}
.meet-telli-copy .congrats strong{
  color:#2F6FC5;
  font-size:25px;
}
.telli-actions{
  display:grid;
  gap:7px;
  margin:8px 0 24px;
  color:#2F6FC5;
  font-size:18px;
  line-height:1.45;
}
.telli-signature{
  font-family:'Caveat',cursive;
  color:#2F6FC5 !important;
  text-align:right;
  margin-top:26px !important;
}
@media(max-width:800px){
  .meet-telli-story{padding:52px 7%}
  .meet-telli-inner{grid-template-columns:1fr;gap:30px}
  .meet-telli-image{position:static}
  .meet-telli-image img{width:min(78vw,320px);margin:0 auto}
  .meet-telli-copy{text-align:left}
  .telli-signature{text-align:left}
}

/* Final Meet Telli refinements */
.meet-telli-copy .eyebrow{color:#4A79D8 !important;}
.meet-telli-image img{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Meet Telli approved uploaded panel */
.meet-telli-panel-section{background:#fff;padding:32px 4% 56px;}
.meet-telli-panel-image{display:block;width:100%;max-width:1365px;height:auto;margin:0 auto;}
@media(max-width:800px){.meet-telli-panel-section{padding:18px 0 36px}.meet-telli-panel-image{width:100%;height:auto}}

/* Slightly reduce the Meet Telli panel while keeping it centered */
.meet-telli-panel-image{
  width:88% !important;
  max-width:1200px !important;
  margin:0 auto !important;
}
@media(max-width:800px){
  .meet-telli-panel-image{width:94% !important;}
}

/* Complete Meet Telli story panel */
.meet-telli-complete{
  background:#fff;
  padding:42px 24px 56px;
}
.meet-telli-complete img{
  display:block;
  width:min(100%, 1180px);
  height:auto;
  margin:0 auto;
}
@media (max-width:800px){
  .meet-telli-complete{padding:26px 8px 38px;}
  .meet-telli-complete img{width:100%;}
}


/* Approved Telli website typography: Rock Salt + Caveat Brush + Aptos */
:root{--font-brand:'Caveat',cursive;--font-playful:'Caveat',cursive;--font-body:Aptos,'Segoe UI',Arial,sans-serif}
body{font-family:var(--font-body)}
.home-intro{padding:clamp(48px,7vw,96px) 7%;background:#303237;text-align:center;color:#fff}
.home-intro-inner{max-width:950px;margin:auto}
.home-eyebrow{font:700 clamp(12px,1.5vw,15px)/1.5 var(--font-body);letter-spacing:.15em;color:#79D7E3}
.home-intro h1{font:400 clamp(23px,3.6vw,47px)/1.7 var(--font-brand);color:#8CCF2E;margin:16px auto 4px}
.home-tagline{font:400 clamp(30px,5vw,58px)/1.16 var(--font-playful);color:#79D7E3;margin:10px auto 20px}
.home-description{font:400 clamp(17px,1.9vw,21px)/1.65 var(--font-body);max-width:720px;margin:0 auto 28px;color:#fff}
.home-intro .btn{font-family:var(--font-body);background:#4A79D8;border-color:#4A79D8}
.section-label{font-family:var(--font-brand);font-weight:400;letter-spacing:0;line-height:1.8;font-size:clamp(15px,1.7vw,21px)}
.section h2{font-family:var(--font-playful);font-weight:400;line-height:1.14;font-size:clamp(40px,5.3vw,65px)}
.steps h3{font-family:var(--font-playful);font-weight:400;font-size:clamp(28px,3vw,37px);margin:.4em 0}
.quote{font-family:var(--font-playful);font-size:clamp(27px,3vw,36px)!important;line-height:1.3!important}
.story p:not(.section-label):not(.quote),.shop p:not(.section-label),.steps p,.centered>p:not(.section-label){font-family:var(--font-body)}
footer p:last-child{font-family:var(--font-playful);font-size:27px;font-weight:400}
@media(max-width:600px){.home-intro{padding:45px 6%}.home-intro h1{font-size:clamp(22px,6vw,31px)}.section-label{font-size:15px}}

/* Meet Telli: crisp, selectable text rather than text flattened into an image */
.meet-telli-live{background:#fff;padding:clamp(48px,6vw,92px) 5%;color:#303237}
.meet-telli-live-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,70px);align-items:center}
.meet-telli-live-art{align-self:start;min-width:0}
.meet-telli-live-art img{display:block;width:100%;max-width:570px;height:auto;object-fit:contain;margin:auto}
.meet-telli-live-copy{min-width:0;font-family:var(--font-body);font-size:clamp(16px,1.4vw,19px);line-height:1.65}
.meet-telli-live-copy .meet-kicker{font:400 clamp(16px,2vw,22px)/1.8 var(--font-brand);color:#4A79D8;margin:0 0 10px}
.meet-telli-live-copy h2{font:400 clamp(45px,5vw,72px)/1.05 var(--font-playful);color:#303237;margin:0 0 18px}
.meet-telli-live-copy .meet-intro{font-weight:700;color:#303237;margin:0 0 8px}
.meet-telli-live-copy h3{font:400 clamp(30px,3.7vw,51px)/1.15 var(--font-playful);color:#76A916;margin:0 0 25px}
.meet-telli-live-copy p{margin:0 0 18px;color:#303237}
.meet-congrats{background:#F1F7E5;border-left:5px solid #8CCF2E;border-radius:12px;padding:22px 24px;margin-top:28px}
.meet-congrats strong{display:block;font:400 clamp(28px,3.3vw,43px)/1.2 var(--font-playful);color:#316AC7;margin-bottom:12px}
.meet-congrats p{margin:0 0 10px}
.meet-congrats span{font:400 clamp(24px,2.8vw,34px)/1.2 var(--font-playful);color:#28763C}
@media(max-width:800px){.meet-telli-live-inner{grid-template-columns:1fr}.meet-telli-live-art img{max-width:410px}.meet-telli-live{padding:42px 6%}.meet-telli-live-copy h2{font-size:48px}}


/* Share your Telli story: separate interactive community section */
.telli-share-section{padding:clamp(52px,8vw,110px) 20px;background:linear-gradient(145deg,#f2f9e8 0%,#ffffff 55%,#e9f2ff 100%);color:#303237}
.telli-share-wrap{max-width:1100px;margin:0 auto;text-align:center}
.share-sparkle{font-size:24px;color:#8ccf2e;margin-bottom:12px}
.share-eyebrow{font:800 14px/1.5 Aptos,Arial,sans-serif;letter-spacing:.16em;color:#34773b;margin:0 0 20px}
.telli-share-section h2{font-family:'Caveat',cursive;font-size:clamp(21px,3.1vw,38px);line-height:1.8;color:#4a79d8;margin:0 auto 8px;max-width:900px}
.share-script{font-family:'Caveat',cursive;font-size:clamp(30px,4.5vw,55px);color:#398042;margin:0 0 10px}
.share-copy{font:400 clamp(16px,1.8vw,20px)/1.65 Aptos,Arial,sans-serif;max-width:760px;margin:0 auto 30px}
.share-action-grid{display:grid;grid-template-columns:minmax(220px,330px) minmax(280px,1fr);gap:24px;align-items:stretch;text-align:left}
.share-qr-panel,.share-social-panel{background:#fff;border-radius:25px;padding:clamp(22px,3vw,36px);box-shadow:0 12px 35px rgba(48,50,55,.09);border:2px solid #e6f0df}
.share-qr-panel{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:10px}
.share-qr-panel a{display:block;background:white;border:8px solid #f2f9e8;border-radius:17px}
.share-qr-panel img{display:block;max-width:100%;height:auto}
.share-qr-panel strong{font:30px 'Caveat',cursive;color:#4a79d8}
.share-qr-panel span{font:15px/1.5 Aptos,Arial,sans-serif;color:#444}
.share-social-panel h3{font:clamp(28px,3vw,40px) 'Caveat',cursive;color:#34773b;margin:0 0 8px}
.share-social-panel>p{font:16px/1.6 Aptos,Arial,sans-serif;margin:0 0 15px}
.share-social-links{display:grid;gap:11px;margin:18px 0}
.share-social{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-radius:14px;color:#fff!important;text-decoration:none;font:700 17px Aptos,Arial,sans-serif;transition:transform .15s,filter .15s}
.share-social:hover,.share-social:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.share-social span{font:500 12px Aptos,Arial,sans-serif;text-align:right}
.share-social.tiktok{background:#303237}.share-social.facebook{background:#326ac6}.share-social.instagram{background:#b63678}
.share-social-panel .share-tags{font:22px/1.5 'Caveat',cursive;color:#34773b;margin:15px 0}
.share-social-panel .share-note{font-size:12px;color:#5d626a;margin:10px 0 0}
.share-footer{font:clamp(29px,3.8vw,46px) 'Caveat',cursive;color:#34773b;margin:30px 0 0}
.share-footer span{display:block;font-size:.7em;color:#ff6b8a}
@media(max-width:700px){.share-action-grid{grid-template-columns:1fr}.telli-share-section h2{line-height:1.7}.share-social{flex-wrap:wrap}}

/* Telli Green emphasis for the You've Been TELLI'd headline */
.telli-share-section h2 .share-telli-green{color:#8CCF2E;}

#share #share-title .share-telli-green{color:#8CCF2E!important;-webkit-text-fill-color:#8CCF2E!important;}

/* Founder story collage: show entire image without cropping */
.story img.story-collage{display:block;width:100%;max-width:590px;height:auto;object-fit:contain;border-radius:16px}
.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px)}
@media(max-width:800px){.story{grid-template-columns:1fr}.story img.story-collage{max-width:590px;margin-inline:auto}}

/* Our Story: clear heading and subheading hierarchy */
.story .story-main-heading{
  font-family:var(--font-playful);
  font-size:clamp(40px,5.3vw,65px);
  line-height:1.25;
  color:#303237;
  margin:0 0 8px;
}
.story .story-subheading{
  font-family:var(--font-brand);
  font-size:clamp(19px,2.4vw,28px);
  color:#8CCF2E;
  line-height:1.7;
  margin:0 0 18px;
}

/* Long-form founder story */
.story .story-lead{font-weight:700;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.45;margin-top:1rem}
.story .story-emphasis{font-weight:700;color:#303237}
.story .story-mantra{font-family:var(--font-brand);font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.7;color:#FF6B8A;margin-top:1.5rem}
.story .story-signoff{font-family:var(--font-brand);color:#4A79D8;font-size:clamp(1.2rem,2vw,1.7rem)}
.story .story-byline{font-style:italic;font-size:.95rem}
.story>div>p{margin-bottom:1rem}
.story .story-collage{align-self:start;height:auto}


/* Founder story: brand colors for all bold/emphasized words.
   Keep Telli green even when it appears inside an Adventure Blue phrase. */
#story .story-lead,
#story .story-emphasis,
#story .story-mantra,
#story .story-signoff,
#story strong,
#story b {
  color:#4A79D8;
}
#story .story-telli-green {
  color:#8CCF2E !important;
  -webkit-text-fill-color:#8CCF2E;
}

/* Kindness Coral founder-story mantra */
#story .story-mantra { color: #FF6B8A !important; -webkit-text-fill-color: #FF6B8A; }

/* Transparent dancing Telli in the Shop section */
.shop img.shop-dancing-telli{object-fit:contain;border-radius:0;max-width:430px;height:auto}

/* Updated footer signature T */
footer img[src*="signature-t-footer-new"]{display:block;height:110px;width:auto;max-width:105px;object-fit:contain;margin:0 auto 12px;border-radius:4px}

/* Community screenshots in Let's Spread Some Telli Vibes */
#contact .telli-community-gallery {
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
 max-width:1120px;width:100%;margin:32px auto 34px;text-align:center;align-items:start;
}
#contact .telli-community-card {margin:0;min-width:0;padding:10px;background:#fff;border:1px solid rgba(74,121,216,.18);border-radius:18px;box-shadow:0 5px 20px rgba(0,0,0,.07);overflow:hidden;}
#contact .telli-community-card img {display:block;width:100%;height:auto;border-radius:10px;}
@media(max-width:850px){#contact .telli-community-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:560px){#contact .telli-community-gallery{grid-template-columns:1fr;max-width:410px;gap:18px}}

#contact .telli-community-heading{font-family:var(--font-brand,inherit);color:#4A79D8;font-size:clamp(1.35rem,2.6vw,2rem);margin:30px auto 10px;}

/* How to Telli infographic */
.how-infographic-wrap{width:min(100%,1050px);margin:28px auto 36px;}
.how-infographic{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;}
@media(max-width:600px){.how-infographic-wrap{margin:20px auto 28px}.how-infographic{border-radius:6px}}

/* Hide legacy instruction cards in How to Telli */
#how .steps, #how .steps article { display:none !important; }

/* Telli Adventure Hub */
.telli-hub{background:#303030;color:#fff;padding:72px max(20px,calc((100vw - 1140px)/2));text-align:center}.telli-hub h2{color:#79d7e3}.telli-hub .hub-lead{max-width:760px;margin:16px auto 36px;font-size:1.15rem}.hub-banner{display:flex;align-items:center;justify-content:center;gap:32px;background:linear-gradient(120deg,#234b76,#306ac6);border-radius:24px;padding:22px 36px;text-align:left}.hub-banner img{width:190px;height:210px;object-fit:contain;flex-shrink:0}.hub-banner strong{font-size:2rem;color:#f7c948}.hub-banner p{margin:12px 0 20px}.hub-heading{margin:66px auto 26px;max-width:760px}.hub-heading>span{color:#79d7e3;letter-spacing:.15em;font-weight:800;font-size:.8rem}.hub-heading h3{color:#8ccf2e;font-size:2rem;margin:10px 0}.hub-heading p{margin:auto}.hub-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-gallery figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;color:#303030}.hub-gallery img{display:block;width:100%;height:235px;object-fit:contain;background:#f5f5f5}.hub-gallery figcaption{padding:12px;font-weight:700;color:#306ac6}.hub-small{font-size:.88rem;opacity:.83;max-width:740px;margin:18px auto}.hub-map{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:stretch;text-align:left}.hub-map-visual{min-height:300px;position:relative;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#3f8b8c 0%,#164a70 60%,#123449 100%);border:2px solid #79d7e3}.hub-map-visual:before{content:'';position:absolute;inset:10%;border:2px dashed #79d7e3;border-radius:50%;opacity:.4;transform:rotate(-18deg)}.hub-map-globe{position:absolute;top:12%;right:15%;font-size:5rem;color:#f7c948;opacity:.5}.hub-map-road{position:absolute;width:130%;height:110px;left:-15%;top:48%;border-top:5px dashed #f7c948;border-radius:50%;transform:rotate(-15deg)}.hub-map-pin{position:absolute;font-size:2rem}.hub-pin-one{left:15%;top:22%}.hub-pin-two{right:20%;top:28%}.hub-pin-three{left:45%;bottom:12%}.hub-map-center{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:76%;text-align:center;font-weight:900;font-size:1.6rem;color:white;text-shadow:0 2px 6px #123449}.hub-map-center small{display:block;font-size:.7rem;letter-spacing:.12em;color:#f7c948}.hub-map-copy{background:#3d3d3d;border-radius:22px;padding:28px}.hub-map-copy h4{font-size:1.5rem;color:#f7c948;margin:0 0 12px}.hub-form{max-width:850px;margin:auto;background:#fff;color:#252525;text-align:left;padding:30px;border-radius:24px}.hub-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-form label{display:block;font-weight:750;margin-bottom:18px}.hub-form label span{font-weight:400}.hub-form input:not([type=checkbox]),.hub-form select,.hub-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #b7c1c7;border-radius:9px;padding:12px;font:inherit;background:#fff;color:#222}.hub-form textarea{resize:vertical}.hub-form .hub-consent{display:flex;gap:10px;align-items:flex-start;font-size:.87rem;line-height:1.5}.hub-consent input{margin-top:4px;flex:none}.hub-form .hub-small{color:#555}.hub-last{margin:58px auto 0;background:#306ac6;border-radius:22px;padding:32px}.hub-last h3{font-size:2rem;color:#fff;margin:0 0 12px}.hub-last p{margin-bottom:24px}.telli-hub .btn.primary{display:inline-block}.telli-hub a:focus-visible,.telli-hub button:focus-visible,.telli-hub input:focus-visible,.telli-hub textarea:focus-visible{outline:3px solid #ff6b8a;outline-offset:3px}@media(max-width:700px){.telli-hub{padding:48px 18px}.hub-banner{flex-direction:column;text-align:center;gap:4px;padding:24px}.hub-banner img{height:140px}.hub-gallery{grid-template-columns:1fr}.hub-gallery img{height:240px}.hub-map{grid-template-columns:1fr}.hub-form-grid{grid-template-columns:1fr;gap:0}.hub-form{padding:20px}.hub-heading{margin-top:50px}}

/* Homepage hero refresh — approved October 2026 */
.telli-topnav{position:relative;top:auto;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;background:#333333;border-bottom:3px solid #AECF28;padding:12px 5% 14px}
.telli-topnav-logo{display:block;background:#FEFEFE;border-radius:12px;padding:3px 12px;max-width:min(370px,90vw)}
.telli-topnav-logo img{display:block;width:100%;max-height:100px;object-fit:contain}
.telli-topnav nav{display:flex;justify-content:center;gap:clamp(10px,2.5vw,30px);flex-wrap:wrap;margin:0}
.telli-topnav nav a{color:#FEFEFE;text-decoration:none;font-weight:700;font-size:clamp(13px,1.4vw,16px)}
.telli-topnav nav a:hover,.telli-topnav nav a:focus-visible{color:#AECF28}
.hero.hero-art{background:#333333;padding:clamp(18px,3vw,42px) 4%;text-align:center}
.hero.hero-art .hero-brand-art{width:100%;max-width:1320px;height:auto;object-fit:contain;margin:0 auto}
.home-intro{background:#333333;padding-top:16px}
.home-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:25px}
.home-actions .btn.secondary{background:transparent;color:#FEFEFE;border:2px solid #79D7E3}
.home-actions .btn.secondary:hover{background:#79D7E3;color:#333333}
@media(max-width:600px){.telli-topnav{padding:10px 4%}.telli-topnav-logo{max-width:250px}.hero.hero-art{padding:18px 2%}.home-intro{padding-top:12px}}

/* Wider, horizontal word-logo header — October 2026 */
.telli-topnav-logo{box-sizing:border-box;width:min(500px,94vw);max-width:none;min-height:116px;padding:7px 20px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.telli-topnav-logo img{width:100%;height:auto;max-height:105px;object-fit:contain}
@media(max-width:600px){.telli-topnav-logo{width:min(440px,94vw);min-height:95px;padding:6px 12px}.telli-topnav-logo img{max-height:88px}}

/* Approved enlarged Telli logo on wide White Sands header */
.telli-topnav-logo{width:min(625px,94vw);min-height:155px;padding:7px 18px;background:#FEFEFE;border-radius:18px}
.telli-topnav-logo img{width:100%;height:145px;max-height:none;object-fit:contain}
@media(max-width:600px){.telli-topnav-logo{width:94vw;min-height:118px;padding:5px 12px}.telli-topnav-logo img{height:108px;max-height:none}}

/* Refined header: reduce side whitespace without changing height */
.telli-topnav-logo{width:min(440px,94vw);min-height:155px;padding:7px 12px}
@media(max-width:600px){.telli-topnav-logo{width:min(350px,94vw);min-height:118px;padding:5px 10px}}

/* Homepage hero refinements: full composition visible, centered, tighter nav gap */
.hero.hero-art{padding:8px 20px 20px;display:flex;justify-content:center;align-items:center;min-height:0;overflow:hidden}
.hero.hero-art .hero-brand-art{display:block;width:100%;max-width:min(1040px,100%);height:auto;max-height:calc(100vh - 260px);min-height:0;object-fit:contain;object-position:center;margin:0 auto}
@media(max-width:800px){.hero.hero-art{padding:8px 12px 18px}.hero.hero-art .hero-brand-art{max-width:100%;max-height:none;height:auto}}
@media(max-width:480px){.hero.hero-art{padding:6px 6px 14px}}

/* Final hero sizing: 22% smaller, centered, full artwork visible */
@media (min-width:801px){
 .hero.hero-art{padding:8px 20px 18px;min-height:0;}
 .hero.hero-art .hero-brand-art{width:78%;max-width:810px;max-height:calc(100svh - 285px);height:auto;object-fit:contain;object-position:center;}
}
@media (max-width:800px){
 .hero.hero-art{padding:8px 10px 16px;}
 .hero.hero-art .hero-brand-art{width:94%;max-width:100%;height:auto;max-height:none;object-fit:contain;}
}

/* Homepage hero: approved simplified messaging */
.home-intro{padding-top:18px}
.home-intro h1.home-eyebrow{font:700 clamp(21px,3vw,38px)/1.25 var(--font-body);letter-spacing:.075em;color:#79D7E3;margin:0 auto 20px;max-width:1150px}
.home-intro-inner{max-width:1150px}
.home-intro .home-tagline{font:400 clamp(23px,2.9vw,35px)/1.3 var(--font-playful);color:#FF6B8A;margin:0 auto 19px}
.home-intro .home-description{margin-bottom:24px}
@media(max-width:600px){.home-intro h1.home-eyebrow{font-size:clamp(20px,5.3vw,27px);letter-spacing:.035em}.home-intro .home-tagline{font-size:clamp(23px,5.5vw,30px)}}

/* Meet Telli: clean label, no decorative splashes */
.meet-telli-live-copy .meet-kicker{
  color:#AECF28;
  font-family:'Caveat',cursive;
  font-weight:700;
  letter-spacing:.025em;
}
.meet-telli-live-copy .meet-kicker::before,
.meet-telli-live-copy .meet-kicker::after{content:none!important;display:none!important}

/* Final Meet Telli heading color correction */
#meet .meet-kicker, .meet-telli-live-copy .meet-kicker { color:#AECF28 !important; font-family:'Caveat',cursive; font-weight:700; }

/* Meet Telli supplied full-width poster */
.meet-telli-poster{padding:0!important;margin:0!important;background:#fff!important;max-width:none!important;}
.meet-telli-poster>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;}

/* Meet Telli poster: preserve complete artwork and readable proportions */
#meet.meet-telli-poster{display:block;box-sizing:border-box;overflow:visible!important;padding:24px 20px 32px!important;background:#fff!important;}
#meet.meet-telli-poster>img{display:block;width:100%;max-width:1500px;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 auto;clip-path:none!important;}
@media(max-width:700px){#meet.meet-telli-poster{padding:16px 0 24px!important;}#meet.meet-telli-poster>img{width:100%;height:auto!important;}}

/* Meet Telli poster: preserve the complete closing message and provide bottom breathing room. */
#meet.meet-telli-poster{padding-bottom:clamp(52px,6vw,96px)!important;overflow:visible!important;}
#meet.meet-telli-poster>img{display:block;width:100%;max-width:1400px;height:auto!important;max-height:none!important;object-fit:contain!important;clip-path:none!important;}
@media(max-width:700px){#meet.meet-telli-poster{padding:16px 10px 52px!important;}#meet.meet-telli-poster>img{width:100%;max-width:100%;height:auto!important;}}

/* Meet Telli final polish — image artwork remains completely untouched. */
#meet.meet-telli-poster {
  width:100%;
  padding:clamp(20px,3vw,40px) clamp(10px,2.5vw,32px) clamp(60px,7vw,104px)!important;
  box-sizing:border-box;
  overflow:visible!important;
}
#meet.meet-telli-poster > img {
  display:block;
  width:100%;
  max-width:1400px;
  height:auto!important;
  max-height:none!important;
  margin-inline:auto;
  object-fit:contain!important;
  clip-path:none!important;
}
@media (max-width:700px) {
  #meet.meet-telli-poster {padding:16px 8px 64px!important;}
  #meet.meet-telli-poster > img {width:100%;height:auto!important;}
}

/* 2026 final brand polish */
:root{--telli-green:#B5ED27;--adventure-blue:#306AC6;--kindness-coral:#FF6B8A;--turtle-water:#79D7E3;--sunshine-gold:#F7C948}
.telli-name{color:#B5ED27!important;-webkit-text-fill-color:#B5ED27!important;position:relative;white-space:nowrap}
.telli-name::after{content:'🌱';position:absolute;font-size:.27em;top:-.8em;right:.04em;line-height:1}
.adventure{color:#306AC6!important}.water{color:#79D7E3!important}.gold{color:#EB9A51!important}
.share-eyebrow{font-family:'Lilita One',cursive!important;font-size:clamp(1.3rem,2.8vw,2.4rem)!important;letter-spacing:.015em}
#share-title{font-family:'Lilita One',cursive!important;line-height:1.15!important}
#share-title .adventure{color:#306AC6!important}
.share-script{color:#FF6B8A!important;font-family:'Lilita One',cursive!important}
.one-turtle{font-family:'Lilita One',cursive;font-size:clamp(1.6rem,4vw,3.1rem);color:#306AC6;text-align:center;margin:35px auto 15px}
.story-subheading{color:#FF6B8A!important}
.story .story-collage{margin-top:65px!important}
.story-floating-quote,.contact-quote,.love-transition,.happy-place-finale{padding:22px;text-align:center}
.story-floating-quote p,.contact-quote p,.love-transition p,.happy-place-finale p{color:#FF6B8A;font-family:'Caveat',cursive;font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.35;margin:10px auto;max-width:700px}
.love-heart{color:#FF3131;font-size:2.2rem}.quote-underline{display:block;margin:12px auto;width:170px;height:10px;border-bottom:4px solid #79D7E3;border-radius:50%}
.love-transition{background:#fff;padding:45px 20px}
.hub-kicker{font-family:'Lilita One',cursive!important;font-size:clamp(1.4rem,3.2vw,2.5rem)!important;color:white!important;letter-spacing:.025em!important}
.telli-hub .hub-kicker .telli-name{color:#B5ED27!important}
.telli-hub .hub-kicker .adventure{color:#306AC6!important}
.hub-heading h3{font-family:'Lilita One',cursive;color:#B5ED27}
.hub-camp{font-family:'Lilita One',cursive;color:#F7C948;font-size:clamp(1.5rem,3vw,2.5rem);margin:30px auto!important}
.hub-camp span{color:#FF3131}.hub-gallery-note{color:#ddd;max-width:750px;margin:25px auto}
.hub-map-visual{background:linear-gradient(145deg,#153e5b,#0d253d)!important;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:25px;box-sizing:border-box}
.hub-map-visual:before{display:none}.map-title{font-family:'Lilita One',cursive;font-size:clamp(1.3rem,2.5vw,2rem);color:white;text-align:center}.map-title small{display:block;font:600 .8rem Arial,sans-serif;color:#79D7E3;margin-top:8px}
.map-states{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;z-index:1}.map-state{background:#306AC6;color:#fff;border:2px solid #79D7E3;border-radius:999px;padding:12px 16px;font-weight:800}.map-trail{color:#F7C948;font-size:2rem}
.happy-place-finale{margin:50px auto 0;background:linear-gradient(120deg,#244c70,#17324b);border-radius:20px}.happy-place-finale .happy-overline{color:#fff;font-family:'Lilita One',cursive;font-size:clamp(1.8rem,4vw,3.5rem)}
.shop h2{font-family:'Lilita One',cursive;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.shop .section-label{font-family:'Lilita One',cursive;color:#B5ED27}.shop .coming{background:#306AC6!important;color:white!important;padding:14px 24px;font-family:'Lilita One',cursive;letter-spacing:.04em}
.shop-kit-preview{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.shop-kit-preview>div{background:#fff;border:1px solid #dce8cf;border-radius:12px;padding:12px;flex:1;min-width:110px}.shop-kit-preview strong{display:block;color:#306AC6;font-size:.92rem}.shop-kit-preview small{display:block;color:#3c7a3e}
#contact{position:relative}#contact .contact-telli{display:block;max-width:220px;width:35%;height:auto;margin:0 auto -5px;object-fit:contain}#contact .telli-community-heading{position:relative;z-index:1}#contact .telli-community-gallery img,.hub-gallery img{cursor:zoom-in}#contact .btn.primary{background:#306AC6!important}.contact-email{font-size:1rem!important;color:#444!important;margin-top:12px!important}
footer{padding:35px 18px 28px!important}footer .footer-logo{display:block;width:min(650px,92vw)!important;height:auto!important;max-width:650px!important;margin:0 auto 8px!important;border:0!important;object-fit:contain!important}footer .footer-tagline{font-family:'Lilita One',cursive!important;font-size:clamp(1.4rem,3vw,2.3rem)!important;margin:16px 0!important}footer .footer-nav{display:flex;flex-wrap:wrap;gap:12px 25px;justify-content:center;margin:24px auto}footer .footer-nav a{color:white;text-decoration:none}footer .footer-nav a:hover{text-decoration:underline}footer .footer-legal{font:400 .88rem Arial,sans-serif!important;color:white!important}
#gallery-lightbox{border:0;border-radius:14px;background:#fff;padding:32px 12px 12px;max-width:min(90vw,850px);max-height:90vh;box-shadow:0 10px 60px #0008}#gallery-lightbox::backdrop{background:#000b}#gallery-lightbox img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}#gallery-lightbox .lightbox-close{position:absolute;top:0;right:5px;border:0;background:transparent;font-size:2rem;cursor:pointer}
@media(max-width:700px){.story .story-collage{margin-top:20px!important}.shop-kit-preview{flex-direction:column}#contact .contact-telli{width:45%;max-width:170px}footer .footer-logo{width:95%!important}}

/* Approved master-character Meet Telli rebuild — original poster asset retained. */
:root {--telli-green:#AECF28;--adventure-blue:#306AC6;--trail-green:#3C7A3E;--kindness-coral:#FF6B8A;--heartbeat-red:#FF3131;--sunshine-gold:#F7C948;--sunkissed:#EB9A51;}
.meet-telli-rebuilt{background:#fff;padding:clamp(36px,5vw,80px) clamp(18px,4vw,64px) clamp(50px,6vw,90px);}
.meet-rebuilt-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(20px,4vw,64px)}
.meet-rebuilt-art img{display:block;width:100%;max-width:560px;height:auto;margin:auto;object-fit:contain}
.meet-rebuilt-copy{min-width:0;color:#24283a;font-family:Aptos,'Segoe UI',Arial,sans-serif}
.meet-rebuilt-copy h2{font-family:'Lilita One',sans-serif;color:var(--telli-green);font-size:clamp(42px,5.2vw,82px);line-height:1.08;margin:0 0 8px}
.meet-rebuilt-copy p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;margin:0 0 15px}
.meet-rebuilt-copy .meet-hello{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(44px,5vw,77px);line-height:1.08;margin-bottom:12px;color:#222638}
.meet-rebuilt-copy .meet-intro{font-size:clamp(18px,1.65vw,24px);font-weight:700;margin-bottom:4px}
.meet-rebuilt-copy .meet-mission{font-family:'Caveat',cursive;font-size:clamp(30px,3vw,47px);font-weight:700;line-height:1.12;color:var(--adventure-blue);margin:0 0 20px}
.meet-rebuilt-copy .word-kindness{color:var(--kindness-coral)}
.meet-rebuilt-copy .word-turtle{color:var(--trail-green)}
.meet-rebuilt-copy .meet-heart{display:inline-block;font-family:Arial,sans-serif;font-size:.62em;line-height:1;color:var(--heartbeat-red);vertical-align:.1em;margin-left:.12em}
.meet-rebuilt-copy .meet-closing{font-family:'Caveat',cursive;font-size:clamp(26px,2.65vw,40px);font-weight:700;line-height:1.12;color:var(--trail-green);margin-top:26px;margin-bottom:6px}
.meet-swoosh{display:block;width:32%;height:13px;border-bottom:5px solid var(--telli-green);border-radius:50%;transform:rotate(-2deg);margin:6px auto 0}
@media(max-width:780px){.meet-rebuilt-inner{grid-template-columns:1fr;gap:20px}.meet-rebuilt-art img{max-width:min(80vw,400px)}.meet-rebuilt-copy{max-width:640px;margin:auto}.meet-telli-rebuilt{padding:30px 18px 55px}.meet-rebuilt-copy h2{text-align:center}.meet-rebuilt-copy .meet-hello{text-align:center}}

/* Typography normalization — 2026-10-15: actual CSS, not embedded artwork. */
:root{--font-brand:'Lilita One',sans-serif;--font-playful:'Caveat',cursive;--font-body:Aptos,'Segoe UI',Arial,sans-serif}
body{font-family:var(--font-body)}
h1,h2,h3,nav a,.btn,.coming,.section-label{font-family:var(--font-brand)}
.quote,.meet-hello,.meet-mission,.meet-closing{font-family:var(--font-playful)}
.meet-rebuilt-copy h2{font-family:var(--font-brand)}
.meet-rebuilt-copy .meet-hello,.meet-rebuilt-copy .meet-mission,.meet-rebuilt-copy .meet-closing{font-family:var(--font-playful)}

/* Meet Telli handwritten emphasis: intentional, visible Caveat Bold upgrade. */
#meet .meet-rebuilt-copy .meet-hello{font-family:'Caveat',cursive!important;font-weight:700!important;font-size:clamp(58px,6vw,92px)!important;line-height:1.04!important;letter-spacing:-.018em!important;margin:6px 0 22px!important;}
#meet .meet-rebuilt-copy .meet-mission{font-family:'Caveat',cursive!important;font-weight:700!important;font-size:clamp(37px,3.7vw,55px)!important;line-height:1.18!important;letter-spacing:.005em!important;margin:7px 0 26px!important;}
#meet .meet-rebuilt-copy .meet-closing{font-family:'Caveat',cursive!important;font-weight:700!important;font-size:clamp(34px,3.3vw,48px)!important;line-height:1.19!important;letter-spacing:.005em!important;margin:28px 0 10px!important;}
@media(max-width:780px){#meet .meet-rebuilt-copy .meet-hello{font-size:clamp(52px,11vw,74px)!important}#meet .meet-rebuilt-copy .meet-mission{font-size:clamp(33px,7.2vw,45px)!important}#meet .meet-rebuilt-copy .meet-closing{font-size:clamp(31px,6.6vw,42px)!important}}

/* Meet Telli: small hand-drawn heart replacing the dot of the i in kindness. */
#meet .kindness-i{position:relative;display:inline-block;white-space:nowrap;}
#meet .kindness-heart-dot{position:absolute;width:.28em;height:.26em;object-fit:contain;left:50%;top:-.11em;transform:translateX(-50%);pointer-events:none;}
#meet .meet-rebuilt-copy .meet-closing{margin-bottom:22px!important;}
#meet .meet-swoosh{margin-top:14px!important;}
#meet.meet-telli-rebuilt{padding-bottom:clamp(76px,8vw,118px);}
@media(max-width:780px){#meet.meet-telli-rebuilt{padding-bottom:75px;}}

/* Final Meet Telli heart-dot: anchor the heart over the dotless i, never after the word. */
#meet .word-kindness .kindness-i { position:relative!important; display:inline-block!important; vertical-align:baseline!important; white-space:nowrap!important; line-height:inherit!important; }
#meet .word-kindness .kindness-i .kindness-heart-dot { position:absolute!important; display:block!important; width:.28em!important; height:.26em!important; left:50%!important; top:-.13em!important; transform:translateX(-50%)!important; margin:0!important; padding:0!important; background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2090%22%3E%3Cpath%20d%3D%22M50%2080%20C38%2066%207%2042%208%2024%20C9%204%2034%201%2050%2025%20C66%201%2091%204%2092%2024%20C93%2042%2062%2066%2050%2080%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23FF3131%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important; background-size:contain!important; background-repeat:no-repeat!important; background-position:center!important; pointer-events:none!important; }
#meet .meet-rebuilt-copy .meet-closing { margin-bottom:28px!important; }
#meet .meet-rebuilt-copy { padding-bottom:38px!important; }

/* Approved homepage brand word colors and signature heart-dot; leave Meet Telli untouched. */
.home-intro .word-turtle{color:#3C7A3E;}
.home-intro .word-smile{color:#F7C948;}
.home-intro .word-kindness{color:#FF6B8A;}
.home-intro .home-eyebrow .word-kindness{text-transform:uppercase;}
.home-intro .kindness-i{position:relative;display:inline-block;white-space:nowrap;vertical-align:baseline;line-height:inherit;}
.home-intro .kindness-heart-dot{position:absolute;display:block;width:.28em;height:.26em;left:50%;top:.05em;transform:translateX(-50%);pointer-events:none;background:url('assets/heartbeat-heart-dot.webp') center/contain no-repeat;}
.home-intro .home-eyebrow .kindness-heart-dot{top:-.02em;}

/* Homepage only: precisely anchor the heart to the dotless i rather than the word.
   Lowered to sit at the dot position, not floating above the line. */
.home-intro .word-kindness .kindness-i{position:relative!important;display:inline-block!important;vertical-align:baseline!important;}
.home-intro .word-kindness .kindness-i .kindness-heart-dot{left:45%!important;top:.27em!important;width:.22em!important;height:.20em!important;transform:translateX(-50%)!important;}
.home-intro .home-eyebrow .word-kindness .kindness-i .kindness-heart-dot{left:45%!important;top:.20em!important;width:.20em!important;height:.18em!important;}

/* Final homepage dot replacement: position the decorative heart inside the dotless-i glyph box.
   This is attached to the individual letter, not to the entire word. */
.home-intro .word-kindness .kindness-i { position:relative!important; display:inline-block!important; line-height:inherit!important; vertical-align:baseline!important; }
.home-intro .word-kindness .kindness-i > .kindness-heart-dot { position:absolute!important; left:50%!important; top:.60em!important; width:.19em!important; height:.18em!important; transform:translate(-50%,-50%)!important; margin:0!important; }
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot { top:.49em!important; width:.16em!important; height:.15em!important; }

/* 2026-10-15: final homepage heart alignment. Separate offsets for heading and quote;
   heart remains attached to dotless-i character across responsive widths. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  left:calc(50% + .12em)!important; top:.49em!important;
  width:.16em!important; height:.15em!important;
  transform:translate(-50%,-50%) scaleX(-1)!important;
}
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:calc(50% + .10em)!important; top:.60em!important;
  width:.19em!important; height:.18em!important;
  transform:translate(-50%,-50%) scaleX(-1)!important;
}

/* Homepage heart correction: anchor to the dotless-i glyph with top-of-glyph offsets.
   No vertical centering transform, which previously placed the hearts inside the letters. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  left:52%!important; top:-.10em!important; width:.16em!important; height:.15em!important;
  transform:translateX(-50%) scaleX(-1)!important;
}
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:57%!important; top:-.11em!important; width:.19em!important; height:.18em!important;
  transform:translateX(-50%) scaleX(-1)!important;
}


/* Approved sunburst redesign: independent responsive HTML and CSS, no flattened QR art */
#share.telli-share-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,8vw,100px) 20px 85px;background:radial-gradient(ellipse at 50% 30%,#fff9e6 0%,#fffdf4 49%,#f1f9e8 100%)}
#share.telli-share-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(1350px,130vw);height:min(850px,85vw);min-height:420px;left:50%;top:-105px;transform:translateX(-50%);opacity:.58;background:repeating-conic-gradient(from -4deg at 50% 43%,rgba(235,154,81,.27) 0deg 7deg,transparent 7deg 16deg);-webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000 12%,rgba(0,0,0,.85) 42%,transparent 73%);mask-image:radial-gradient(ellipse at 50% 43%,#000 12%,rgba(0,0,0,.85) 42%,transparent 73%)}
#share.telli-share-section::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(900px,95vw);height:570px;top:-90px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(247,201,72,.25),rgba(235,154,81,.13) 55%,transparent 72%)}
#share .telli-share-wrap{max-width:1160px}
#share .share-sparkle{display:flex;justify-content:center;align-items:center;gap:23px;color:#306AC6;font-size:26px;margin-bottom:15px}
#share .share-deco-heart{color:#FF6B8A;font-size:25px}
#share .share-eyebrow{font:400 clamp(25px,4.3vw,58px)/1.13 'Lilita One',sans-serif!important;letter-spacing:.012em!important;margin:0 auto 6px}
#share .share-found-name{font:400 clamp(60px,9vw,116px)/1.12 'Lilita One',sans-serif;margin:0 auto 9px}
#share .share-found-name .telli-name::after{content:"";position:absolute;width:.35em;height:.39em;top:-.20em;right:.16em;background:no-repeat center/contain url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 60"%3E%3Cpath fill="%23B5ED27" d="M37 52C12 51 4 37 6 15c20-2 33 9 34 28C43 21 54 7 77 6c2 26-13 42-37 46Z"/%3E%3Cpath d="M39 53 41 32" stroke="%233C7A3E" stroke-width="3" fill="none"/%3E%3C/svg%3E')}
#share .share-moment{font:400 clamp(28px,5vw,65px)/1.15 'Lilita One',sans-serif;color:#306AC6;margin:0 auto 16px}
#share .share-congrats{font:400 clamp(35px,5.3vw,66px)/1.15 'Lilita One',sans-serif;color:#F7C948;margin:0 auto 9px;text-shadow:0 2px 0 rgba(255,255,255,.7)}
#share #share-title{font:400 clamp(39px,6.5vw,80px)/1.15 'Lilita One',sans-serif!important;max-width:1100px;margin:0 auto 9px}
#share #share-title .telli-name::after{display:none}
#share .share-script{font:400 clamp(34px,4.9vw,63px)/1.1 'Caveat',cursive!important;color:#FF6B8A;margin:0 auto 20px}
#share .share-copy{max-width:1050px;font:400 clamp(16px,1.8vw,21px)/1.6 Aptos,Arial,sans-serif;margin:0 auto 4px}
#share .share-story{font:400 clamp(25px,3.1vw,39px)/1.25 'Caveat',cursive;color:#3C7A3E;margin:5px auto 37px}
#share .share-kindness,#share .share-love{color:#FF6B8A}
#share .share-action-grid{position:relative;z-index:1}
@media(max-width:700px){#share.telli-share-section{padding:48px 14px 60px}#share .share-sparkle{gap:15px}#share .share-found-name{margin-bottom:10px}#share .share-moment{margin-bottom:12px}#share .share-story{margin-bottom:26px}#share .share-action-grid{gap:16px}}


/* Final approved How to Telli accents. */
#share .share-eyebrow, #share .share-eyebrow .water {
  color: #79D7E3 !important;
  -webkit-text-fill-color: #79D7E3 !important;
}
#share .share-telli-inline {
  color: #AECF28 !important;
  -webkit-text-fill-color: #AECF28 !important;
  font-weight: 700;
}
#share .share-adventure {
  color: #306AC6 !important;
  -webkit-text-fill-color: #306AC6 !important;
}
#share .share-sparkle > span:not(.share-deco-heart) { color:#306AC6; }
#share .share-deco-heart { color:#FF6B8A; }
#share .share-found-name .telli-name::after,
#share #share-title .telli-name::after {
  content: none !important;
  display: none !important;
}
#share .signature-sprout-i {
  position: relative;
  display: inline-block;
}
#share .signature-sprout-i::before {
  content: "";
  position: absolute;
  display: block;
  width: .59em;
  height: .43em;
  left: calc(50% + .22em);
  top: -.07em;
  transform: translateX(-50%);
  background-image: url("assets/telli-signature-sprout-approved.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
  z-index: 3;
}
#share .share-found-name, #share #share-title { overflow: visible; }


/* Share cards: seamless continuation of the Sunshine section. */
#share .share-qr-panel,
#share .share-social-panel {
  background: rgba(255,255,250,.87) !important;
  border: 2px solid rgba(247,201,72,.55) !important;
  box-shadow: 0 14px 35px rgba(145,100,28,.10) !important;
}
#share .share-qr-panel strong {color:#306AC6 !important;}
#share .share-social-panel h3 {color:#3C7A3E !important;}
#share .share-social-panel h3 .signature-sprout-i {color:#AECF28 !important;}
#share .share-social-panel .signature-sprout-i::before {
  background-image:url("assets/telli-signature-sprout-approved.webp");
  top:-.51em;
  left:75%;
}
#share .share-social-panel .share-social {transition: transform .2s ease,box-shadow .2s ease;}
#share .share-social-panel .share-social:hover {transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.13);}
#share .one-turtle .slogan-turtle {color:#3C7A3E !important;}
#share .one-turtle .slogan-smile {color:#F7C948 !important;}
#share .one-turtle .slogan-adventures {color:#306AC6 !important;}
#share .share-footer {color:#3C7A3E;}
#share .share-footer span {color:#FF6B8A;}

/* Approved refinements: social sprout, QR balance, and closing motto. */
#share .share-social-panel .signature-sprout-i::before {
  top: -.32em !important;
  left: calc(50% + .36em) !important;
  width: .54em;
  height: .38em;
}
#share .share-qr-panel { gap: 8px; }
#share .share-qr-panel a { border-width: 7px; }
#share .share-qr-panel img { width: 228px; max-width: min(100%, 228px); height: auto; }
#share .share-qr-panel strong { margin-top: 3px; }
#share .share-qr-panel > span { max-width: 270px; }
#share .share-footer .share-footer-adventure { color: #306AC6 !important; }


/* Approved final How to TELLI sharing design */
#share .share-telli-word, #share .share-telli-word .signature-sprout-i,
#share .share-telli-inline {
 color:#B5ED27 !important;
 -webkit-text-fill-color:#B5ED27 !important;
}
#share .one-turtle .slogan-white-sands {
 color:#F7F4E8 !important;
 -webkit-text-fill-color:#F7F4E8 !important;
 text-shadow:0 2px 2px rgba(77,67,43,.42), 0 0 1px rgba(77,67,43,.5);
}
#share .one-turtle .slogan-turtle {color:#3C7A3E !important;}
#share .one-turtle .slogan-smile {color:#F7C948 !important;}
#share .one-turtle .slogan-adventures {color:#306AC6 !important;}
#share .share-footer {
 display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap;
 gap:.25em; margin:26px auto 22px;
}
#share .share-footer .share-footer-adventure {
 display:inline !important; font-size:1em !important; color:#306AC6 !important;
}
#share .share-footer .share-footer-trail {
 display:inline !important; font-size:1em !important; color:#3C7A3E !important;
}
#share .share-kindness-finale {
 width:min(100%,1000px); margin:24px auto 36px; text-align:center;
}
#share .share-kindness-finale img {
 display:block; width:100%; height:auto; border-radius:16px;
 box-shadow:0 14px 34px rgba(0,0,0,.17);
}

/* Approved finishing touches: legible White Sands and balanced finale */
#share .one-turtle .slogan-white-sands {
  color: #F7F4E8 !important;
  -webkit-text-fill-color: #F7F4E8 !important;
  text-shadow: 0 2px 1px rgba(39,42,38,.8), 1px 0 1px rgba(39,42,38,.72), -1px 0 1px rgba(39,42,38,.72), 0 -1px 1px rgba(39,42,38,.56), 0 4px 6px rgba(39,42,38,.20) !important;
}
#share .share-footer { margin-bottom: 32px !important; }
#share .share-kindness-finale {
  width: min(88%, 860px) !important;
  margin: 38px auto 62px !important;
}
@media (max-width: 640px) {
  #share .share-kindness-finale { width: 94% !important; margin: 30px auto 46px !important; }
}

/* Approved enlarged Adventure is Better Shared lettering */
#share .share-footer {font-size:clamp(30px, 3.7vw, 48px) !important; line-height:1.22 !important; gap:.23em !important;}
@media(max-width:640px){#share .share-footer{font-size:clamp(23px,5.4vw,34px) !important;}}

/* Approved finishing design: larger handwritten motto and a single blue arrow. */
#share .share-footer {
  font-size: clamp(33px, 4.5vw, 58px) !important;
  line-height: 1.15 !important;
  margin-bottom: 34px !important;
  gap: .22em !important;
}
#share .share-kindness-finale {
  position: relative;
  margin-top: 54px !important;
}
#share .telli-arrow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: clamp(64px, 10vw, 112px);
  height: clamp(90px, 13vw, 148px);
  left: 0;
  top: -100px;
  background: url("assets/telli-adventure-arrow.svg") center / contain no-repeat;
}
@media (max-width: 640px) {
  #share .share-footer {font-size:clamp(24px, 6vw, 36px) !important; margin-bottom: 22px !important;}
  #share .share-kindness-finale {margin-top:40px !important;}
  #share .telli-arrow {top:-57px; left:2%; width:55px; height:82px;}
}

/* TELLI Tradition: approved larger heading, other sections unchanged */
#how > .section-label {font-size:clamp(24px,2.6vw,32px)!important;line-height:1.25!important;margin-bottom:22px!important;color:#B5ED27!important;font-weight:900!important;}


/* The TELLI Tradition — prominent heading and approved two-leaf signature sprout */
#how > .tradition-title {
  font-size: clamp(36px, 5.8vw, 76px) !important;
  line-height: 1.22 !important;
  margin: 0 0 25px !important;
  font-weight: 900 !important;
  color: #B5ED27 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}
#how .tradition-sprout-i {
  position: relative;
  display: inline-block;
  color: #B5ED27 !important;
}
#how .tradition-sprout-i::after {
  content: "";
  position: absolute;
  width: .64em;
  height: .39em;
  top: -.27em;
  left: 52%;
  transform: translateX(-50%);
  background: url("assets/telli-signature-sprout-approved.webp") center / contain no-repeat;
  pointer-events: none;
}
@media(max-width:600px){
  #how > .tradition-title {font-size:clamp(30px,7vw,43px) !important;margin-bottom:19px !important;}
}

/* Visible, positioned image leaves: avoid pseudo-element stacking/overrides */
#how .tradition-sprout-i { position:relative !important; display:inline-block !important; overflow:visible !important; isolation:isolate; }
#how .tradition-sprout-i::before, #how .tradition-sprout-i::after {content:none !important;display:none !important;}
#how .tradition-sprout-leaves {
  display:block !important;
  position:absolute !important;
  width:.78em !important;
  height:auto !important;
  max-width:none !important;
  top:-.43em !important;
  left:calc(54% + 10px) !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
  pointer-events:none !important;
  filter: brightness(0) saturate(100%) invert(79%) sepia(67%) saturate(730%) hue-rotate(27deg) brightness(105%) contrast(96%);
}
#how .tradition-title {overflow:visible !important;}

/* Temporary visual preview of the approved Our Story concept.
   Original story HTML remains available in the previous website ZIP. */
#story.story-concept-preview {
 display:block !important;
 background:#fffaf0 !important;
 padding:clamp(12px,2vw,28px) !important;
 max-width:none !important;
 width:100% !important;
 box-sizing:border-box !important;
}
#story .story-preview-art {
 display:block;
 width:min(100%,1500px);
 height:auto;
 margin:0 auto;
 border-radius:12px;
}

/* Responsive, accessible Our Story: original narrative restored as real text. */
#story.story-rebuilt{display:block!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:clamp(36px,5vw,80px) clamp(20px,4vw,70px)!important;background:linear-gradient(130deg,#fffaf0 0%,#fffdf6 48%,#fff5dc 100%)!important;color:#343434;position:relative;overflow:hidden}
#story.story-rebuilt::before{content:"";position:absolute;right:-65px;top:-75px;width:220px;height:220px;border:12px solid rgba(247,201,72,.19);border-radius:50%;pointer-events:none}
#story .story-rebuilt-header{margin:0 auto 28px;max-width:1440px}
#story .story-rebuilt-title{margin:0;font-family:"Caveat",cursive;font-size:clamp(66.7px,8.05vw,119.6px);font-weight:800;line-height:1;color:#306ac6}
#story .story-rebuilt-subtitle{margin:8px 0 0 22px;font-family:"Caveat",cursive;font-weight:700;font-size:clamp(41.4px,4.6vw,66.7px);line-height:1.15}
#story .trail{color:#3c7a3e!important} #story .coral{color:#ff6b8a!important}
#story .story-heart{color:#ff6b8a;margin-left:12px}
#story .story-rebuilt-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,65px);align-items:start;max-width:1440px;margin:auto}
#story .story-rebuilt-copy{min-width:0;font-family:Aptos,Arial,sans-serif;font-size:clamp(17px,1.35vw,20px);line-height:1.62}
#story .story-rebuilt-copy p{margin:0 0 14px}
#story .story-rebuilt-copy .story-lead{color:#306ac6;font-weight:800;line-height:1.4;margin-bottom:18px}
#story .story-rebuilt-copy .story-emphasis{color:#306ac6;font-weight:800}
#story .story-rebuilt-copy .story-telli-green{color:#b5ed27!important;font-weight:800}
#story .story-rebuilt-right{min-width:0;position:sticky;top:20px}
#story .story-rebuilt-right img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 15px 38px rgba(60,50,20,.10)}
#story .story-rebuilt-closing{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,70px);max-width:1440px;margin:42px auto 0;padding:30px clamp(15px,3vw,50px);background:rgba(255,255,255,.52);border-radius:22px;border-top:3px solid rgba(121,215,227,.55);align-items:center}
#story .story-rebuilt-quote{font-family:"Caveat",cursive;font-size:clamp(28px,3vw,46px);line-height:1.2;color:#ff6b8a;text-align:center;margin:0;padding:12px 25px;border-right:2px solid #79D7E3}
#story .story-rebuilt-signature{text-align:center;color:#306ac6}
#story .story-rebuilt-signature p{margin:2px 0;font-size:clamp(16px,1.6vw,21px)}
#story .story-rebuilt-signature .story-rebuilt-love{font-family:"Caveat",cursive;font-size:clamp(27px,2.8vw,43px);color:#ff6b8a;margin-bottom:14px}
#story .story-rebuilt-signature .adventure-line{font-family:"Caveat",cursive;font-size:clamp(26px,2.5vw,38px);font-weight:700;margin-top:10px}
#story .story-rebuilt-signature .founder{color:#333;font-style:italic;margin-top:10px}
#story .story-rebuilt-signature .founder-caption{color:#444;font-size:14px}
@media(max-width:850px){
 #story .story-rebuilt-layout{grid-template-columns:1fr}
 #story .story-rebuilt-right{position:static;max-width:650px;margin:auto}
 #story .story-rebuilt-closing{grid-template-columns:1fr}
 #story .story-rebuilt-quote{border-right:0;border-bottom:2px solid #79D7E3;padding-bottom:25px}
}

/* Our Story final decorative refinements; responsive and non-interactive. */
#story.story-rebuilt .story-rebuilt-header{position:relative;isolation:isolate}
#story.story-rebuilt .story-rebuilt-header::before{content:"";position:absolute;left:-28px;top:-25px;width:125px;height:100px;background:repeating-conic-gradient(from 245deg at 0% 100%,transparent 0deg 9deg,rgba(60,122,62,.42) 10deg 15deg,transparent 16deg 23deg);clip-path:ellipse(75% 70% at 0% 100%);opacity:.5;z-index:-1;pointer-events:none}
#story.story-rebuilt .story-rebuilt-title{display:table;position:relative}
#story.story-rebuilt .story-rebuilt-title::after{content:"";position:absolute;left:5%;bottom:-9px;width:48%;height:8px;border-radius:70% 30% 50% 50%;background:#f7c948;transform:rotate(-2deg);opacity:.9}
#story.story-rebuilt .story-rebuilt-subtitle::after{content:"♡";color:#ff6b8a;font-size:.72em;margin-left:8px}
#story.story-rebuilt .story-heart{display:none}
#story.story-rebuilt .story-rebuilt-right .story-collage-note{font-family:"Caveat",cursive;font-size:clamp(25px,2.5vw,37px);line-height:1.2;text-align:center;color:#3c7a3e;margin:22px 0 0;padding:0 15px}
#story.story-rebuilt .story-quote-decorated{position:relative;padding-top:45px;padding-bottom:28px}
#story.story-rebuilt .story-quote-decorated::before{content:"♡";position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:37px;font-weight:700;line-height:1;color:#ff6b8a}
#story.story-rebuilt .story-quote-decorated::after{content:"";display:block;margin:20px auto 0;width:45%;height:5px;border-radius:50%;background:#79d7e3;transform:rotate(-1deg)}
@media(max-width:850px){#story.story-rebuilt .story-rebuilt-header::before{width:75px;height:70px;left:-15px}}

/* Our Story: decorative accents, kept outside readable text */
#story.story-rebuilt{overflow:hidden}
#story.story-rebuilt .story-rebuilt-header{padding-bottom:15px}
#story.story-rebuilt .story-palm-top{position:absolute;left:0;top:5px;font-size:clamp(40px,5vw,76px);opacity:.4;transform:rotate(-23deg);pointer-events:none;filter:saturate(.8)}
#story.story-rebuilt .story-turtle-doodle{position:absolute;right:clamp(20px,12vw,210px);bottom:4px;width:clamp(75px,10vw,140px);transform:rotate(-12deg);pointer-events:none}
#story.story-rebuilt .story-rebuilt-right .story-collage-note::after{content:'♡';display:inline-block;margin-left:8px;color:#ff6b8a;font-size:1.1em}
#story.story-rebuilt .story-rebuilt-closing{position:relative;overflow:hidden}
#story.story-rebuilt .story-closing-sun{position:absolute;top:8px;right:20px;color:#79D7E3;font-size:32px;opacity:.8}
#story.story-rebuilt .story-rebuilt-closing::after{content:'';position:absolute;bottom:0;right:0;width:130px;height:45px;background:repeating-conic-gradient(from 210deg at 100% 100%,transparent 0deg 9deg,rgba(60,122,62,.22) 10deg 14deg,transparent 15deg 24deg);pointer-events:none}
@media(max-width:650px){#story.story-rebuilt .story-palm-top{font-size:36px;opacity:.25}#story.story-rebuilt .story-turtle-doodle{right:3px;bottom:0;width:65px;opacity:.7}}


/* Our Story: hand-painted tropical scrapbook accents, replacing angular ornaments. */
#story.story-rebuilt .story-rebuilt-header::before{content:none!important}
#story.story-rebuilt .story-palm-top{left:-24px;top:-38px;width:clamp(135px,21vw,300px);height:clamp(100px,17vw,230px);font-size:0!important;opacity:.65!important;transform:rotate(-12deg)!important;background:none left top/contain no-repeat;filter:none!important;z-index:0}
#story.story-rebuilt .story-rebuilt-header{isolation:isolate}
#story.story-rebuilt .story-rebuilt-header h2,#story.story-rebuilt .story-rebuilt-header p{position:relative;z-index:1}
#story.story-rebuilt .story-rebuilt-title::after{height:9px;width:47%;border-radius:45% 60% 55% 40%;opacity:.72;transform:rotate(-3deg)}
#story.story-rebuilt .story-rebuilt-closing::after{content:'';position:absolute;bottom:-23px;right:-32px;width:240px;height:185px;background:none center/contain no-repeat;transform:rotate(185deg);opacity:.38;pointer-events:none}
#story.story-rebuilt .story-closing-sun{font-size:28px;opacity:.55;right:32px}
#story.story-rebuilt .story-turtle-doodle{opacity:.78;transform:rotate(-10deg)}
@media(max-width:650px){#story.story-rebuilt .story-palm-top{left:-30px;top:-12px;width:125px;height:100px;opacity:.32!important}#story.story-rebuilt .story-rebuilt-closing::after{width:120px;height:100px;opacity:.25}}

/* Our Story: restore flowing tropical scrapbook artwork, override old geometric ornaments */
#story.story-rebuilt .story-palm-top{left:-35px!important;top:-25px!important;width:clamp(180px,24vw,330px)!important;height:clamp(150px,20vw,275px)!important;opacity:.88!important;transform:rotate(-5deg)!important;background-image:none!important}
#story.story-rebuilt .story-rebuilt-closing::after{background-image:none!important;opacity:.53!important;transform:rotate(180deg)!important}
#story.story-rebuilt .story-turtle-doodle{right:clamp(25px,10vw,160px)!important;width:clamp(95px,11vw,150px)!important;opacity:.95!important;transform:rotate(-8deg)!important}
@media(max-width:650px){#story.story-rebuilt .story-palm-top{width:150px!important;height:135px!important;left:-40px!important;top:-18px!important;opacity:.52!important}#story.story-rebuilt .story-turtle-doodle{right:5px!important;width:75px!important}}

/* Approved community-gallery message */
.hub-heading .hub-community-motto{font-family:'Caveat',cursive;font-size:clamp(27px,3.6vw,46px);font-weight:700;line-height:1.22;margin:16px auto 14px;max-width:850px;text-align:center;}
.hub-community-motto .motto-people{color:#B5ED27;}
.hub-community-motto .motto-smiles{color:#F7C948;}
.hub-community-motto .motto-kindness{color:#FF6B8A;}
.hub-community-motto .motto-equals{color:#FFFFFF;}
.hub-community-motto .motto-connections{color:#79D7E3;}

/* Adventure Gallery: subtle hand-drawn sunshine sparkles and kindness heart */
.hub-heading .hub-community-motto{position:relative;width:fit-content;max-width:100%;padding:8px 34px 10px;overflow:visible;}
.hub-community-motto::before,.hub-community-motto::after{position:absolute;color:#F7C948;font-family:Georgia,serif;font-weight:400;line-height:1;pointer-events:none;text-shadow:0 0 10px rgba(247,201,72,.12);}
.hub-community-motto::before{content:"✧";font-size:30px;left:0;top:4px;transform:rotate(-15deg);}
.hub-community-motto::after{content:"✦";font-size:20px;right:2px;bottom:9px;transform:rotate(14deg);}
.hub-community-motto .motto-heart{display:inline-block;width:.44em;height:.44em;vertical-align:middle;margin:0 .06em 0 .12em;overflow:visible;transform:rotate(13deg) translateY(-.08em);}
.hub-community-motto .motto-heart path{fill:none;stroke:#FF6B8A;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:540px){.hub-heading .hub-community-motto{padding-left:18px;padding-right:18px}.hub-community-motto::before{font-size:19px;left:-3px}.hub-community-motto::after{font-size:15px;right:0}}

/* Visible, intentionally sized Adventure Gallery decorations */
.hub-heading .hub-community-motto{position:relative;isolation:isolate;display:block;width:max-content;max-width:100%;margin:20px auto 20px;padding:26px 65px 25px;overflow:visible;}
.hub-heading .hub-community-motto::before{content:"✦";font-size:48px;left:4px;top:-8px;color:#F7C948;text-shadow:0 0 14px rgba(247,201,72,.22);transform:rotate(-17deg);}
.hub-heading .hub-community-motto::after{content:"✧";font-size:49px;right:4px;bottom:-8px;color:#F7C948;text-shadow:0 0 14px rgba(247,201,72,.22);transform:rotate(15deg);}
.hub-community-motto .motto-heart{display:inline-block;width:.64em;height:.64em;vertical-align:middle;margin:0 .14em 0 .16em;transform:rotate(12deg) translateY(-.04em);filter:drop-shadow(0 0 3px rgba(255,107,138,.16));}
.hub-community-motto .motto-heart path{stroke-width:3.4;}
@media(max-width:600px){.hub-heading .hub-community-motto{padding:22px 28px 22px;font-size:clamp(27px,6vw,39px)}.hub-heading .hub-community-motto::before{font-size:29px;left:-3px;top:-4px}.hub-heading .hub-community-motto::after{font-size:29px;right:-3px;bottom:-2px}}

/* Telli illustrated US travel map - v20261015 */
.illustrated-us-map{padding:22px 12px 18px!important;min-height:390px!important;gap:4px;justify-content:center!important;background:radial-gradient(circle at 45% 30%,#255878,#102b44 80%)!important}
.illustrated-us-map .map-title{font-size:clamp(1.2rem,2.1vw,1.8rem);line-height:1.12}
.illustrated-us-map .map-title small{font-size:.72rem;margin-top:6px}
.telli-us-illustration{display:block;width:100%;height:auto;max-height:300px;overflow:visible}
.map-key{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin:0!important;color:#fff;font-weight:800;font-size:.95rem}
.map-key span{display:inline-flex;align-items:center;gap:6px}.map-dot{width:11px;height:11px;border-radius:50%;display:inline-block}
.indiana-dot{background:#306ac6}.florida-dot{background:#b5ed27}.hawaii-dot{background:#ff6b8a}
.map-caption{font-size:.7rem;color:#b6e3e9;margin:6px 0 0!important;text-align:center}
.hub-camp{font-family:'Caveat',cursive!important;line-height:1.12!important;font-size:clamp(1.6rem,3vw,2.5rem)!important}
.map-motto-blue{color:#79d7e3}.map-motto-gold{color:#f7c948}
@media(max-width:720px){.illustrated-us-map{min-height:310px!important}.telli-us-illustration{max-height:240px}.map-key{font-size:.82rem}}

/* Approved Telli Across the Map motto */
.hub-camp.hub-map-approved-motto { text-align:center; font-family:'Caveat',cursive!important; font-weight:700; font-size:clamp(2rem,3.5vw,3.1rem)!important; line-height:1.2!important; margin:30px auto 34px!important; }
.hub-camp.hub-map-approved-motto .motto-turtle {color:#B5ED27!important;}
.hub-camp.hub-map-approved-motto .motto-journeys {color:#79D7E3!important;}
.hub-camp.hub-map-approved-motto .motto-destinations {color:#F7C948!important;}
.hub-camp.hub-map-approved-motto .motto-kindness {color:#FF6B8A!important;}

/* Private Telli Adventure Stories submissions */
.telli-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hub-form button[type=submit]:disabled{opacity:.7;cursor:wait}
.telli-form-success{color:#3c7a3e!important;font-weight:700}
.telli-form-error{color:#b72e45!important;font-weight:700}

/* Approved Adventure Gallery story cards — original screenshots remain intact and clickable */
.hub-gallery-stories{gap:22px;align-items:stretch;margin-top:30px}
.hub-gallery-stories .hub-story-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;color:#202020;border:8px solid var(--story-accent);box-shadow:0 12px 24px #0003;min-width:0}
.hub-story-card.story-coral{--story-accent:#FF6B8A}.hub-story-card.story-water{--story-accent:#79D7E3}.hub-story-card.story-gold{--story-accent:#F7C948}
.hub-gallery-stories .hub-story-image{background:#fff;display:flex;justify-content:center;align-items:center;padding:12px 12px 4px;flex:1;min-height:290px}
.hub-gallery-stories .hub-story-image img{width:100%;height:330px;max-width:100%;object-fit:contain;background:#fff;cursor:zoom-in}
.hub-gallery-stories .hub-story-card figcaption{padding:0 12px 18px;color:#222;font-weight:400}
.hub-gallery-stories .story-brush{display:block;background:var(--story-accent);font-family:'Caveat',cursive;font-size:clamp(24px,2.7vw,35px);font-weight:700;line-height:1.12;color:#151515;padding:9px 6px;margin:2px -18px 10px;transform:rotate(-1deg);text-align:center}
.hub-gallery-stories figcaption p{font-size:clamp(14px,1.35vw,17px);line-height:1.4;margin:12px auto 0;max-width:310px}
.hub-gallery-stories .story-heart{position:absolute;z-index:1;left:13px;top:8px;color:#101010;font-size:47px;line-height:1;text-shadow:2px 2px var(--story-accent);pointer-events:none}
.hub-gallery-share{display:inline-flex;align-items:center;justify-content:center;background:#306AC6;color:#fff!important;font-weight:800;font-size:clamp(16px,2vw,22px);text-decoration:none;border-radius:100px;padding:15px 30px;margin:26px auto 0;box-shadow:0 5px 0 #204d96;transition:transform .15s,background .15s}
.hub-gallery-share:hover{background:#2459ad;transform:translateY(-2px)}.hub-gallery-share:focus-visible{outline:3px solid #FF6B8A;outline-offset:4px}
.hub-gallery-share+.hub-gallery-note{margin-top:20px}
@media(max-width:700px){.hub-gallery-stories .hub-story-image{min-height:260px}.hub-gallery-stories .hub-story-image img{height:360px}.hub-gallery-stories .story-brush{font-size:32px}}

/* Gallery finishing touches: breathing room around handwritten captions and crisp camera icon */
.hub-gallery-stories .hub-story-image{padding-bottom:15px}
.hub-gallery-stories .hub-story-card figcaption{padding-top:10px}
.hub-gallery-stories .story-brush{margin-top:8px;margin-bottom:17px;padding-top:11px;padding-bottom:11px}
.hub-gallery-stories figcaption p{margin-top:14px}
.hub-gallery-share{gap:12px}
.hub-gallery-share .gallery-share-camera{width:23px;height:23px;flex:none;display:block}
@media(max-width:420px){.hub-gallery-share{gap:8px;padding:14px 18px}.hub-gallery-share .gallery-share-camera{width:20px;height:20px}}

/* Google Sheets powered approved destinations; no personal data shown */
.telli-map-stats{display:flex;align-items:baseline;justify-content:center;gap:10px;color:#fff;margin:8px 0}
.telli-map-stats strong{font-family:'Lilita One',sans-serif;color:#f7c948;font-size:2.5rem}
.telli-map-stats span{font-weight:800}
.telli-approved-states{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:5px 0 10px}
.telli-state-chip{display:inline-flex;align-items:center;padding:6px 13px;border-radius:30px;font-weight:800;font-size:.9rem;color:white}
.telli-state-chip.personal{background:#306ac6}.telli-state-chip.community{background:#ff6b8a;color:#272727}.telli-state-chip.both{background:#f7c948;color:#272727}

/* Telli optional photo upload - preview */
.telli-photo-upload{margin:18px 0;padding:18px;border:2px dashed #79d7e3;border-radius:16px;background:#f6fcff}
.telli-photo-upload>label{display:block;font-weight:800;margin-bottom:10px}
.telli-photo-upload input[type=file]{display:block;width:100%;max-width:100%;font:inherit;color:#292929}
.telli-photo-upload .hub-small{margin:10px 0 0}
.telli-turnstile{margin-top:12px;min-height:0}

/* Approved community stories, separate from the existing curated photo gallery */
.telli-approved-adventures[hidden]{display:none!important}
.telli-approved-adventures{margin:28px auto 12px;max-width:1120px}
.telli-approved-adventures h4{font-size:clamp(1.3rem,2.5vw,2rem);color:#B5ED27;margin:0 0 15px;text-align:center}
.telli-approved-adventure-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}
.telli-approved-story{border:2px solid #79D7E3;border-radius:20px;background:#fff;color:#263238;padding:20px;overflow-wrap:anywhere;box-shadow:0 8px 22px #00000018}
.telli-approved-story h5{font-size:1.2rem;margin:0 0 10px;color:#306AC6}
.telli-approved-story p{margin:0;white-space:pre-wrap;line-height:1.55}

/* Published R2 images in approved Telli adventure cards */
.telli-approved-story-photo{display:block;width:100%;height:220px;object-fit:cover;object-position:center;border-radius:12px;margin:0 0 16px;background:#f1f8fa}

/* Telli community: approved adventures, brand-color gallery polish */
.telli-approved-adventure-list{align-items:start;gap:20px}
.telli-approved-story{--telli-accent:#FF6B8A;--telli-soft:#fff0f5;border:3px solid var(--telli-accent);border-radius:24px;background:linear-gradient(180deg,var(--telli-soft) 0, #fff 92px);padding:16px 16px 20px;box-shadow:0 10px 24px #00000022;overflow:hidden;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.telli-approved-story:nth-child(3n+2){--telli-accent:#79D7E3;--telli-soft:#e8f9fb}
.telli-approved-story:nth-child(3n){--telli-accent:#F7C948;--telli-soft:#fff8db}
.telli-approved-story:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0000002e}
.telli-approved-story h5{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.25;color:#306AC6;margin:8px 0 12px;overflow-wrap:anywhere}
.telli-approved-story p{color:#263238;font-size:1rem;line-height:1.6;white-space:pre-line;margin:0;overflow-wrap:anywhere}
.telli-approved-story-photo{width:100%;height:auto;max-height:310px;aspect-ratio:4/3;object-fit:cover;object-position:center;border:2px solid #ffffff;border-radius:16px;margin:0 0 16px;box-shadow:0 4px 14px #0000001a;background:#fff}
@media (max-width:640px){.telli-approved-adventure-list{gap:14px}.telli-approved-story{padding:14px}.telli-approved-story-photo{max-height:360px}}
@media (prefers-reduced-motion:reduce){.telli-approved-story{transition:none}.telli-approved-story:hover{transform:none}}

/* Welcoming empty state for a successfully loaded gallery with no published adventures. */
.telli-approved-adventure-list[hidden],.telli-adventures-empty[hidden]{display:none!important}
.telli-adventures-empty{max-width:860px;margin:0 auto;padding:clamp(26px,5vw,48px) clamp(20px,5vw,52px);border:2px solid #79D7E3;border-radius:24px;background:#303030;color:#fff;text-align:center;box-shadow:0 12px 30px #00000020}
.telli-adventures-empty .telli-empty-kicker{margin:0 0 14px;font-size:.8rem;font-weight:800;letter-spacing:.2em;color:#79D7E3}
.telli-adventures-empty h5{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15;color:#B5ED27;margin:0 0 20px}
.telli-adventures-empty p{font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;margin:0 auto 14px;max-width:680px}
.telli-adventures-empty .telli-empty-signoff{color:#F7C948;font-weight:800;margin:20px auto 0}


/* TELLI ADVENTURE JOURNAL — HOMEPAGE POLISH (2026-10-17)
   Scoped to homepage/navigation; preserves Our Story and all integrations. */
:root { --telli-journal-cream:#FFF9EF; --telli-journal-ink:#34332F; }
body { background:var(--telli-journal-cream); }
.telli-topnav { background:rgba(255,249,239,.98)!important; border-bottom:2px solid #B5ED27!important; box-shadow:0 5px 22px rgba(60,71,37,.07); }
.telli-topnav nav a { transition:color .2s ease, background-color .2s ease; border-radius:999px; }
.telli-topnav nav a:hover,.telli-topnav nav a:focus-visible { color:#306AC6!important; background:rgba(121,215,227,.13); }
.hero.hero-art { background:radial-gradient(ellipse at 85% 12%,rgba(247,201,72,.12),transparent 47%),var(--telli-journal-cream)!important; }
.home-intro { position:relative; isolation:isolate; background:var(--telli-journal-cream)!important; overflow:hidden; }
.home-intro::before { content:''; position:absolute; z-index:-1; width:260px; height:260px; left:-130px; top:12%; border:3px solid rgba(60,122,62,.12); border-radius:54% 46% 63% 37%; transform:rotate(-23deg); pointer-events:none; }
.home-intro::after { content:''; position:absolute; z-index:-1; width:175px; height:175px; right:-88px; bottom:0; border:12px solid rgba(247,201,72,.14); border-radius:50%; pointer-events:none; }
.home-intro-inner { max-width:980px; margin-inline:auto; }
.home-intro .home-description { max-width:740px; margin-inline:auto; line-height:1.8; }
.home-intro .home-actions { gap:14px; margin-top:30px; }
.home-intro .home-actions .btn { border-radius:999px!important; min-height:48px; padding:13px 26px; font-weight:800; letter-spacing:.015em; box-shadow:0 6px 16px rgba(28,55,87,.10); transition:transform .2s ease,box-shadow .2s ease; }
.home-intro .home-actions .btn:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(28,55,87,.16); }
.home-intro .home-actions .btn.primary { background:#306AC6!important; color:#fff!important; }
.home-intro .home-actions .btn.secondary { color:#306AC6!important; background:#FFF9EF!important; border:2px solid #306AC6!important; }
.home-intro .home-actions .btn.secondary:hover { background:#EAF6F7!important; }
@media(max-width:600px) {
  .home-intro { padding-inline:18px!important; }
  .home-intro .home-actions { flex-direction:column; align-items:stretch; max-width:340px; margin-inline:auto; }
  .home-intro .home-actions .btn { text-align:center; width:100%; }
  .home-intro .home-description { line-height:1.65; }
}
@media(prefers-reduced-motion:reduce){.home-intro .home-actions .btn {transition:none!important}.home-intro .home-actions .btn:hover{transform:none!important}}


/* TELLI ADVENTURE JOURNAL — NAVIGATION CONTRAST + HOMEPAGE FINISH */
.telli-topnav nav a,
.telli-topnav nav a:visited {
  color:#306AC6!important;
  background:transparent;
  padding:8px 13px;
  font-weight:800;
  text-decoration:none;
  text-underline-offset:5px;
  transition:color .18s ease,background-color .18s ease,text-decoration-color .18s ease;
}
.telli-topnav nav a:hover,
.telli-topnav nav a:focus-visible {
  color:#24539D!important;
  background:rgba(181,237,39,.16)!important;
  text-decoration:underline;
  text-decoration-color:#B5ED27;
  text-decoration-thickness:3px;
  outline-offset:3px;
}
.telli-topnav nav a:focus-visible {outline:2px solid #306AC6;}
/* Preserve the actual logo image and proportions; trim the framing around it. */
.telli-topnav-logo {padding:3px 8px!important; border-radius:14px!important;}
/* Bring the homepage statement visually closer to Telli's hero illustration. */
.hero.hero-art {padding-bottom:2px!important;}
.home-intro {padding-top:clamp(14px,2.4vw,28px)!important;}
.home-intro h1.home-eyebrow {margin-bottom:clamp(12px,2vw,18px)!important;line-height:1.3;}
@media(max-width:600px) {
  .telli-topnav nav {gap:4px 6px;}
  .telli-topnav nav a {padding:8px 10px;font-size:14px;}
  .hero.hero-art {padding-bottom:0!important;}
}


/* TELLI ADVENTURE JOURNAL — BOTANICAL ACCENTS THROUGHOUT
   Decorative only: never covers content or changes submission/gallery logic. */
:root { --telli-botanical-art: none; }
/* Alternate corners from section to section to keep the journal feel airy. */
.hero.hero-art,
.meet-telli-rebuilt,
.telli-share-section,
#how.section,
#story.story-rebuilt,
#adventures.telli-hub,
#shop.section,
#contact.section {
  position:relative;
  isolation:isolate;
}
.hero.hero-art::after,
.meet-telli-rebuilt::after,
.telli-share-section::after,
#how.section::after,
#adventures.telli-hub::after,
#shop.section::after,
#contact.section::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:clamp(190px,23vw,340px);
  height:clamp(160px,20vw,290px);
  background-image:var(--telli-botanical-art);
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.76;
  filter:saturate(1.12);
}
.hero.hero-art::after {right:-34px;top:12%;transform:scaleX(-1) rotate(-10deg);opacity:.72;}
.meet-telli-rebuilt::after {left:-45px;top:8%;transform:rotate(-10deg);}
.telli-share-section::after {right:-42px;bottom:4%;transform:scaleX(-1) rotate(8deg);}
#how.section::after {left:-42px;bottom:6%;opacity:.68;}
#adventures.telli-hub::after {right:-38px;top:4%;transform:scaleX(-1);}
#shop.section::after {left:-42px;bottom:7%;}
#contact.section::after {right:-42px;top:8%;transform:scaleX(-1);}
/* Preserve the existing Our Story botanical artwork without duplicating it. */
@media(max-width:700px) {
  .hero.hero-art::after,
  .meet-telli-rebuilt::after,
  .telli-share-section::after,
  #how.section::after,
  #adventures.telli-hub::after,
  #shop.section::after,
  #contact.section::after {
    width:clamp(115px,29vw,175px);height:clamp(100px,25vw,150px);opacity:.52;
  }
}

/* Homepage: position coral heart directly over the dotless i in KINDNESS. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  left:50%!important; top:.12em!important; width:.20em!important; height:.19em!important;
  transform:translateX(-50%)!important;
}
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:50%!important; top:.10em!important; width:.22em!important; height:.21em!important;
  transform:translateX(-50%)!important;
}

/* 2026-10-17: Both homepage hearts sit within the dotless-i letter box,
   rather than floating above the word. Scoped to the two homepage phrases. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  left:50%!important;
  top:.24em!important;
  width:.16em!important;
  height:.15em!important;
  transform:translateX(-50%)!important;
}
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:50%!important;
  top:.21em!important;
  width:.19em!important;
  height:.18em!important;
  transform:translateX(-50%)!important;
}

/* Telli Adventure Journal — homepage finishing adjustments (2026-10-17). */
/* Keep the dotless-i heart inside its own letter box, with a slight right/down nudge for handwritten text. */
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:calc(50% + .045em)!important;
  top:.255em!important;
  transform:translateX(-50%)!important;
}
/* Readable introductory copy on warm cream, without affecting other sections. */
.home-intro .home-description { color:#2D2D2D!important; }

/* Final requested homepage heart positioning: uppercase higher; handwritten lowercase farther right. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  top:.13em!important;
}
.home-intro .home-tagline .word-kindness .kindness-i > .kindness-heart-dot {
  left:calc(50% + .12em)!important;
}

/* Final approved adjustment: enlarge ONLY the uppercase KINDNESS heart.
   Preserve its exact placement and the lowercase tagline heart. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot {
  width:.24em!important;
  height:.225em!important;
}

/* Approved: raise only the enlarged uppercase KINDNESS heart; leave the lowercase heart untouched. */
.home-intro .home-eyebrow .word-kindness .kindness-i > .kindness-heart-dot { top:-.04em!important; }

/* Meet Telli: official two-leaf brand sprout, only above the final I. */
#meet-title { overflow: visible; }
#meet-title .meet-signature-i { position: relative; display: inline-block; }
#meet-title .meet-signature-i::before {
  content: ""; position: absolute; pointer-events: none;
  width: .63em; height: .43em;
  left: 82%; top: -.36em; transform: translateX(-50%);
  background: url("assets/telli-signature-sprout-approved.webp") center / contain no-repeat;
}

/* Meet Telli only: align delicate coral heart with the dotless i in kindness. */
#meet .meet-mission .word-kindness .kindness-i > .kindness-heart-dot { left:calc(50% + .08em)!important; top:.12em!important; width:.19em!important; height:.18em!important; transform:translateX(-50%)!important; }

/* Meet Telli: nudge only the mission kindness heart slightly right. */
#meet .meet-mission .word-kindness .kindness-i > .kindness-heart-dot { left:calc(50% + .14em)!important; }

/* Meet Telli: lower only the small mission kindness heart; preserve horizontal placement. */
#meet .meet-mission .word-kindness .kindness-i > .kindness-heart-dot { top:.20em!important; }

/* Meet Telli: final tiny downward nudge, only the mission kindness heart. */
#meet .meet-mission .word-kindness .kindness-i > .kindness-heart-dot { top:.25em!important; }

/* Meet Telli closing paragraph: align its own kindness heart with the dotless i. */
#meet .meet-closing .word-kindness .kindness-i > .kindness-heart-dot { left:calc(50% + .14em)!important; top:.25em!important; width:.19em!important; height:.18em!important; transform:translateX(-50%)!important; }

/* TELLI sunburst heading: raise only the signature sprout above the final I. */
#share .share-found-name .signature-sprout-i::before { top: -.24em !important; }

/* Separate the sunburst headline from TELLI and its approved sprout. */
#share .share-eyebrow { position: relative; top: -14px; }
@media (max-width:700px) { #share .share-eyebrow { top: -8px; } }

/* Raise only the sprout on the You've Been TELLI'd heading. */
#share #share-title .signature-sprout-i::before { top: -.29em !important; }

/* Telli approved: body copy only; keep decorative headings colorful. */
#share .share-copy, #share .share-copy span { color: #2D2D2D !important; }

/* Adventure Journal community share polish: maintain original card design. */
.share-qr-panel strong {max-width: 300px; text-align:center; line-height:1.22;}
.share-tags {display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center;}
.share-tags span {white-space:nowrap;}

/* Approved community share refinements: QR heading, hashtag spacing, sprout. */
#share .share-qr-panel strong { font-size: 27px; }
#share .share-social-panel .share-tags { column-gap: 32px; row-gap: 10px; }
#share .share-social-panel h3 .signature-sprout-i::before { top: -.26em !important; }

/* Telli kindness finale: original artwork retained, slogan moved to charcoal banner. */
#share .share-kindness-finale {margin-bottom: 0 !important;}
#share .share-kindness-finale img {display:block;width:100%;height:auto;}
#share .kindness-tradition-transition {width:min(88%,860px);margin:-3px auto 0;position:relative;text-align:center;}
#share .kindness-tradition-motto {background:#373B3E;border-radius:22px;box-shadow:0 8px 18px rgba(0,0,0,.18);padding:17px 15px;color:#fff;font-family:'Lilita One',system-ui,sans-serif;font-size:clamp(18px,2.65vw,30px);line-height:1.5;display:flex;flex-wrap:wrap;gap:.25em .5em;align-items:center;justify-content:center;margin:0;}
#share .kindness-tradition-motto strong {font-weight:inherit;}
#share .kt-green {color:#B5ED27;}
#share .kt-gold {color:#F7C948;}
#share .kt-cyan {color:#00CFEA;}
#share .kt-heart {color:#FF6B8A;font-size:1.5em;line-height:1;}
#share .kindness-tradition-wave {height:90px;position:relative;margin:5px -7% -1px;}
#share .kindness-tradition-wave svg {width:100%;height:100%;display:block;}
#share .kt-down-arrow {position:absolute;left:50%;top:7px;transform:translateX(-50%);color:#B5ED27;font-size:58px;line-height:1;font-weight:900;text-shadow:-2px -2px white,2px 2px white,-2px 2px white,2px -2px white;}
#share {padding-bottom:0 !important;}
#how {position:relative;}
@media(max-width:640px){
 #share .kindness-tradition-transition{width:94%;}
 #share .kindness-tradition-motto{border-radius:15px;padding:13px 10px;gap:.12em .35em;font-size:clamp(17px,4.3vw,23px);}
 #share .kt-heart{font-size:1.15em;}
 #share .kindness-tradition-wave{height:62px;}
 #share .kt-down-arrow{font-size:42px;top:4px;}
}

/* Seamless Kindness → Tradition transition refinements */
#share .kindness-tradition-transition { margin-top:-43px !important; z-index:3; }
#share .kindness-tradition-motto { position:relative; z-index:4; }
#share .kindness-tradition-wave { width:100vw; max-width:none; height:94px; position:relative; left:50%; transform:translateX(-50%); margin:8px 0 -2px !important; overflow:visible; }
#share .kindness-tradition-wave svg { display:block; width:100%; height:100%; }
#share .kt-down-arrow { position:absolute; left:50%; top:2px; transform:translateX(-50%); display:block; width:76px; height:92px; z-index:5; filter:drop-shadow(0 3px 3px rgba(0,0,0,.23)); }
#share .kt-down-arrow svg {width:100%;height:100%;display:block;}
#share { overflow:clip; }
@media(max-width:640px){
 #share .kindness-tradition-transition{margin-top:-31px !important;}
 #share .kindness-tradition-wave{height:75px;}
 #share .kt-down-arrow{width:57px;height:70px;top:0;}
}

/* Telli Tradition: preserve original poster on desktop; readable matching cards on phones */
.telli-tradition-mobile{display:none}
@media(max-width:650px){
 #how.section{padding-bottom:34px!important}
 #how .how-infographic-wrap{display:none!important}
 .telli-tradition-mobile{display:block;max-width:540px;margin:18px auto 0;color:#292929}
 .tt-mobile-wood{border-radius:12px;background:linear-gradient(160deg,#FFE084,#F7C948 48%,#DFAE2C);color:#fff;text-align:center;padding:22px 12px 18px;box-shadow:inset 0 0 0 3px #FFE69B,0 6px 16px #0003;transform:rotate(-.4deg)}
 .tt-mobile-wood span{display:block;font-size:clamp(24px,8vw,38px);font-weight:800;letter-spacing:.08em}
 .tt-mobile-wood strong{display:block;color:#79D7E3;font-size:clamp(38px,12vw,64px);font-weight:900;line-height:1.05}
 .tt-mobile-wood small{display:block;margin-top:12px;font-size:12px;font-weight:800;letter-spacing:.06em}
 .tt-mobile-steps{display:grid;gap:16px;margin-top:22px}
 .tt-mobile-card{position:relative;background:#f5e8c9;border-radius:10px;padding:17px 17px 22px;box-shadow:0 5px 14px #0003;border:2px solid #e3d0a7;overflow:hidden}
 .tt-mobile-card:nth-child(even){transform:rotate(.35deg)}
 .tt-mobile-card:nth-child(odd){transform:rotate(-.35deg)}
 .tt-mobile-step{display:flex;align-items:center;gap:12px;padding:9px 12px;margin:-3px -3px 12px;border-radius:7px;color:#fff}
 .tt-mobile-step span{font-size:34px;line-height:1;font-weight:900;flex-shrink:0}
 .tt-mobile-step h3{margin:0;font-size:clamp(17px,5vw,22px);line-height:1.17;font-weight:900;color:inherit}
 .tt-lime{background:#88b91d;color:#fff}.tt-blue{background:#306ac6}.tt-coral{background:#ff6b8a}
 .tt-mobile-card p{margin:0;max-width:95%;font-size:17px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
 .tt-mobile-card p strong{color:#306ac6;font-weight:900}
 .tt-card-heart{position:absolute;bottom:1px;right:12px;font-size:38px;line-height:1;color:#ff416a;font-weight:900}
 .tt-mobile-promise{background:#fffdf4;border-radius:12px;padding:20px 17px;margin-top:22px;text-align:center;border:4px solid #79d7e3}
 .tt-mobile-promise h3{margin:0 0 10px;color:#306ac6;font-size:23px;font-weight:900}
 .tt-mobile-promise p{font-size:17px;line-height:1.5;margin:0}
 .tt-mobile-promise span{display:block;margin-top:12px;color:#306ac6;font-weight:900}
 .tt-mobile-rules{background:#f5e8c9;border-radius:12px;margin-top:18px;padding:19px 15px;text-align:center}
 .tt-mobile-rules h3{margin:0;color:#306ac6;font-size:23px;font-weight:900}
 .tt-mobile-rules p{margin:8px 0 12px;font-weight:800}
 .tt-mobile-rules div{display:grid;gap:10px}
 .tt-mobile-rules div strong{background:#fff9e9;padding:12px 8px;border-radius:8px;font-size:18px;color:#3c7a3e}
 .tt-mobile-rules b{display:block;background:#306ac6;color:white;padding:12px 6px;margin-top:15px;border-radius:6px;font-size:16px}
}

/* Original Telli character art from the approved infographic, mobile cards only */
@media(max-width:650px){
 .tt-mobile-card .tt-mobile-illustration{display:block;width:min(100%,270px);height:175px;object-fit:cover;object-position:center;margin:14px auto 2px;border-radius:10px;border:3px solid #fff9e9;box-shadow:0 3px 10px #0002}
 .tt-mobile-card p{max-width:100%;padding-right:0}
 .tt-mobile-card .tt-card-heart{bottom:5px;right:10px;text-shadow:0 1px 3px #fff}
}

/* Telli Tradition mobile: show complete illustrations inside their frames. */
@media (max-width: 600px) {
  .tt-mobile-card .tt-mobile-illustration {
    width: min(100%, 235px);
    height: 165px;
    object-fit: contain;
    object-position: center;
    background: #fff9e9;
    padding: 7px;
    box-sizing: border-box;
  }
}

/* Our Story: introduce the photo collage immediately after the childhood kindness memory on mobile only. */
.story-mobile-collage { display: none; }
@media (max-width: 767px) {
  .story-rebuilt-layout .story-rebuilt-right { display: none !important; }
  .story-rebuilt-copy .story-mobile-collage { display: block; margin: 24px 0 28px; width: 100%; }
  .story-mobile-collage .story-collage { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 18px; }
  .story-mobile-collage .story-collage-note { margin: 16px auto 0; text-align: center; }
}

/* Our Story mobile collage caption: match the approved desktop handwritten treatment. */
@media (max-width: 767px) {
  #story.story-rebuilt .story-mobile-collage .story-collage-note {
    font-family: "Caveat", cursive;
    font-size: clamp(25px, 5.5vw, 37px);
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #3C7A3E;
    margin: 16px auto 0;
    padding: 0 10px;
  }
  #story.story-rebuilt .story-mobile-collage .story-collage-note::after {
    content: '♡';
    display: inline-block;
    margin-left: 8px;
    color: #FF6B8A;
    font-size: 1.1em;
  }
}

/* Adventure Hub desktop/mobile refinements — 2026-10-18.
   Scoped to the hub; keep all original assets and submission integrations. */
.telli-hub .hub-kicker {
  font-size:clamp(1.65rem,3.55vw,2.8rem)!important;
  margin-bottom:12px!important;
  line-height:1.24;
}
.telli-hub .hub-kicker .telli-name::after,
.telli-hub #hub-title .telli-name::after {content:none!important;display:none!important;}
.telli-hub .hub-kicker .telli-name,
.telli-hub #hub-title .telli-name {position:relative;display:inline-block;}
.telli-hub .hub-kicker .telli-name::before,
.telli-hub #hub-title .telli-name::before {
  content:"";position:absolute;display:block;
  width:.43em;height:.42em;right:-.045em;top:-.33em;
  background:url("assets/telli-signature-sprout-approved.webp") center / contain no-repeat;
  pointer-events:none;
}
.telli-hub #hub-title {margin-top:0!important;margin-bottom:12px!important;line-height:1.2;}
.telli-hub .hub-lead {margin-top:14px!important;margin-bottom:30px!important;}
.telli-hub .hub-banner img {width:195px;height:190px;flex:0 0 auto;object-fit:contain;}
.telli-hub .hub-banner .btn.primary {font-size:1.06rem;padding:15px 28px;min-height:48px;box-sizing:border-box;}
.telli-hub .hub-heading {margin-top:43px;}
@media(max-width:700px){
 .telli-hub .hub-kicker {font-size:clamp(1.45rem,6vw,2rem)!important;margin-bottom:13px!important;}
 .telli-hub .hub-lead {margin-bottom:25px!important;}
 .telli-hub .hub-banner img {width:170px;height:160px;}
 .telli-hub .hub-banner .btn.primary {font-size:1rem;padding:14px 22px;}
 .telli-hub .hub-heading {margin-top:39px;}
}

/* Final polish: Adventure Hub story button only. */
.telli-hub .hub-banner .btn.primary {
  background:#2479F5;
  border-color:#2479F5;
  color:#fff;
  font-size:1.18rem;
  font-weight:900;
  line-height:1.35;
  padding:16px 30px;
}
.telli-hub .hub-banner .btn.primary:hover {background:#1768E0;border-color:#1768E0;}
@media(max-width:700px) {
  .telli-hub .hub-banner .btn.primary {
    font-size:1.08rem;
    padding:15px 24px;
  }
}

/* Adventure Hub final header adjustments: keep approved mascot and other sections intact. */
.telli-hub #hub-title .telli-name::before {content:none!important;display:none!important;}
.telli-hub .hub-kicker .telli-name::before {right:-.23em!important;top:-.33em!important;}
#adventures.telli-hub::after {top:0%!important;}

/* Approved: Adventure Hub title approximately 20% larger, with matching signature sprout.
   Scoped to this heading only; preserve all other sections and integrations. */
.telli-hub .hub-kicker {
  font-size:clamp(1.98rem,4.26vw,3.36rem)!important;
  line-height:1.25!important;
  margin-bottom:17px!important;
}
.telli-hub .hub-kicker .telli-name::before {
  width:.53em!important; height:.52em!important;
  right:-.23em!important; top:-.33em!important;
}
@media (max-width:700px) {
  .telli-hub .hub-kicker {
    font-size:clamp(1.4rem,7vw,2.4rem)!important;
    line-height:1.25!important;
    margin-bottom:17px!important;
  }
}

/* Community gallery heading — approved October 18 */
.telli-hub .hub-heading{max-width:1100px;}
.telli-hub .hub-heading>span{font-size:clamp(.95rem,1.7vw,1.35rem);letter-spacing:.17em;color:#79D7E3;}
.telli-hub .hub-heading h3{font-family:'Lilita One',cursive;font-size:clamp(3.4rem,8vw,7.5rem);line-height:1.03;margin:14px 0 20px;font-weight:900;}
.telli-hub .hub-heading h3 .gallery-adventure{color:#306AC6;}
.telli-hub .hub-heading h3 .gallery-gallery{color:#B5ED27;}

/* Oct 18 approved hierarchy: main Adventure Hub title larger than Gallery. */
.telli-hub .hub-kicker {
  font-size:clamp(2.4rem, 9.2vw, 9.5rem)!important;
  line-height:1.05!important;
  white-space:nowrap;
  letter-spacing:0!important;
  margin:0 auto 22px!important;
}
@media(max-width:700px){
  .telli-hub .hub-kicker{font-size:clamp(1.45rem, 7.2vw, 3.1rem)!important;}
  .telli-hub .hub-heading h3{font-size:clamp(2.8rem, 9vw, 4.8rem);}
}

/* Oct 18 final refinement: balanced headings without horizontal overflow. */
.telli-hub .hub-kicker {
  font-size:clamp(1.55rem, 5.15vw, 4.65rem)!important;
  max-width:100%;
  box-sizing:border-box;
  white-space:nowrap;
  line-height:1.2!important;
  margin:0 auto 22px!important;
}
.telli-hub .hub-heading h3 {
  font-size:clamp(2.15rem, 4.55vw, 4.15rem)!important;
  line-height:1.08;
}
@media(max-width:700px){
  .telli-hub .hub-kicker{font-size:clamp(1.2rem, 5.6vw, 2.4rem)!important;}
  .telli-hub .hub-heading h3{font-size:clamp(2rem, 7.4vw, 3.25rem)!important;}
}

/* Oct 18: tighten only the gap from Adventure Gallery to its community quote. */
.telli-hub .hub-heading h3:has(.gallery-adventure){margin-bottom:4px!important;}
.telli-hub .hub-heading h3:has(.gallery-adventure) + .hub-community-motto{margin-top:4px!important;}

/* Refined spacing within the community invitation card */
.telli-adventures-empty{padding-bottom:clamp(40px,5.8vw,64px)}
.telli-adventures-empty .telli-empty-kicker{margin-bottom:calc(1.25rem + 15px)!important}
.telli-adventures-empty h5{margin-bottom:34px}
.telli-adventures-empty p:not(.telli-empty-kicker):not(.telli-empty-signoff){margin-bottom:24px}
.telli-adventures-empty .telli-empty-signoff{margin-top:35px}
@media(max-width:600px){.telli-adventures-empty .telli-empty-kicker{margin-bottom:1.8rem!important}.telli-adventures-empty h5{margin-bottom:26px}.telli-adventures-empty p:not(.telli-empty-kicker):not(.telli-empty-signoff){margin-bottom:20px}.telli-adventures-empty .telli-empty-signoff{margin-top:28px}}

/* Telli adventure map finishing polish */
.hub-map-copy{background:#3d3d3d;}
.hub-map-copy>h4{color:#f7c948;}
@media(max-width:700px){.telli-map-inset{max-width:calc((100vw - 85px)/2)}}

/* Telli Adventure Hub: botanical frame below the kindness challenge */
.hub-map-copy::after{
  content:"";
  display:block;
  width:100%;
  height:155px;
  margin-top:auto;
  background:none center bottom / 100% auto no-repeat;
  pointer-events:none;
  flex-shrink:0;
}
@media(max-width:700px){.hub-map-copy::after{height:115px;background-size:100% auto}}

/* Oct 18: lift connected greenery and gold sparkles closer to challenge card,
   preserving the original artwork and card/map layout. */
.hub-map-copy::after{background-position:center bottom 50px;}
@media(max-width:700px){.hub-map-copy::after{background-position:center bottom 32px;}}

/* Share Your Telli Story — coordinated with Our Story, October 2026 */
#hub-share{margin-bottom:40px!important;}
#hub-share p{margin-top:18px;line-height:1.6;}
#hub-share .story-telli-word{white-space:nowrap;}
#hub-share .story-dotless-i{position:relative;display:inline-block;}
#hub-share .story-dotless-i img{position:absolute;display:block;width:.53em;height:.42em;object-fit:contain;left:calc(50% + 8px);top:calc(-.26em + 5px);transform:translateX(-47%);pointer-events:none;}
#telli-story-form{position:relative;isolation:isolate;background:#fffaf0;overflow:hidden;padding-bottom:66px;}
#telli-story-form::before,#telli-story-form::after{content:"";position:absolute;bottom:-24px;width:155px;height:125px;background:none center/contain no-repeat;opacity:.42;z-index:-1;pointer-events:none;}
#telli-story-form::before{left:-34px;transform:rotate(8deg);}
#telli-story-form::after{right:-34px;transform:scaleX(-1) rotate(8deg);}
#telli-story-form input:not([type=checkbox]),#telli-story-form select,#telli-story-form textarea{border-color:#9bdde7;}
#telli-story-form input:focus,#telli-story-form select:focus,#telli-story-form textarea:focus{outline:2px solid #79d7e3;outline-offset:2px;}
@media(max-width:700px){#hub-share{margin-bottom:32px!important;}#telli-story-form{padding-bottom:55px;}#telli-story-form::before,#telli-story-form::after{width:100px;height:90px;}}

/* Happy Place finale: approved gold heading and subtle signature botanical details. */
.happy-place-finale{position:relative;overflow:hidden;isolation:isolate;padding-bottom:35px}
.happy-place-finale .happy-overline{color:#F7C948!important}
.happy-place-finale .happy-heart{position:absolute;right:calc(clamp(30px,5vw,80px) + 15px);bottom:35px;color:#FF6B8A;font-size:25px;line-height:1;opacity:.9}
.happy-place-finale .happy-botanical{position:absolute;left:-12px;bottom:-35px;width:clamp(95px,14vw,165px);height:auto;opacity:.52;pointer-events:none;z-index:-1;transform:rotate(-7deg)}
@media(max-width:600px){.happy-place-finale .happy-botanical{width:92px;bottom:-24px;opacity:.4}.happy-place-finale .happy-heart{right:35px;bottom:30px;font-size:20px}}

/* Happy Place: larger botanical fronds growing diagonally from the corner */
.happy-place-finale .happy-botanical{left:-24px;bottom:-52px;width:clamp(185px,23vw,285px);transform:rotate(-16deg);transform-origin:bottom left;opacity:.62}
@media(max-width:600px){.happy-place-finale .happy-botanical{left:-22px;bottom:-38px;width:clamp(125px,32vw,175px);opacity:.48}}

/* Happy Place corner framing: greenery rooted at the corner; coral heart peeking in. */
.happy-place-finale .happy-botanical{
  left:-38px; bottom:-82px; width:clamp(220px,25vw,325px);
  transform:rotate(7deg);transform-origin:bottom left;opacity:.67;
}
.happy-place-finale .happy-heart{
  right:-8px;bottom:-15px;font-size:clamp(72px,8vw,112px);
  line-height:1;transform:rotate(-19deg);transform-origin:center;
  opacity:.95;pointer-events:none;
}
@media(max-width:600px){
 .happy-place-finale .happy-botanical{left:-34px;bottom:-60px;width:170px;opacity:.55}
 .happy-place-finale .happy-heart{right:-7px;bottom:-11px;font-size:67px}
}

/* Adventure Hub closing send-off */
.hub-last{position:relative;isolation:isolate;overflow:hidden;padding:34px 40px 30px;background:#306AC6;}
.hub-last h3{position:relative;color:#F7C948;font-size:clamp(2rem,3.3vw,2.8rem);margin:0 0 14px;}
.hub-last>p:not(.sendoff-signature){position:relative;margin:0 auto 24px;max-width:850px;line-height:1.6;}
.hub-last .sendoff-kindness{color:#FF6B8A;font-weight:800;}
.hub-last .sendoff-button{position:relative;display:inline-block;padding:13px 26px;border-radius:999px;background:#FFF9EE;color:#153B58;font-family:'Lilita One',cursive;font-size:1.12rem;text-decoration:none;box-shadow:0 4px 0 rgba(0,0,0,.12);transition:transform .2s ease;}
.hub-last .sendoff-button:hover{transform:translateY(-2px);}
.hub-last .sendoff-button span{color:#167A8D;}
.hub-last .sendoff-signature{position:relative;color:#FF6B8A;font-family:'Caveat',cursive;font-size:clamp(1.5rem,2.4vw,2rem);margin:17px auto 0;line-height:1.2;}
.hub-last .sendoff-signature span{color:#FF6B8A;}
.hub-last .sendoff-leaves{position:absolute;bottom:-45px;width:clamp(110px,16vw,220px);opacity:.65;pointer-events:none;z-index:-1;}
.hub-last .sendoff-left{left:-30px;transform:rotate(-12deg);}
.hub-last .sendoff-right{right:-30px;transform:scaleX(-1) rotate(-12deg);}
.hub-last .sendoff-heart{position:absolute;right:35px;top:28px;font-size:35px;color:#FF6B8A;}
.hub-last .sendoff-sparkle{position:absolute;color:#F7C948;font-size:24px;}
.hub-last .sendoff-sparkle-one{left:16%;top:20%;}.hub-last .sendoff-sparkle-two{right:17%;bottom:21%;}
@media(max-width:700px){.hub-last{padding:30px 20px 32px}.hub-last .sendoff-leaves{width:105px;bottom:-30px;opacity:.4}.hub-last .sendoff-heart{right:15px;top:15px;font-size:25px}.hub-last .sendoff-sparkle{font-size:17px}}

/* Telli Shop: signature polish, scoped to this section only */
#shop.shop{position:relative;isolation:isolate;overflow:hidden;background:#f7f9e8;column-gap:clamp(24px,5vw,76px);padding-top:84px;padding-bottom:90px}
#shop.shop::before,#shop.shop::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:none center/contain no-repeat;opacity:.56;width:230px;height:240px}
#shop.shop::before{left:-36px;bottom:-70px;transform:rotate(-14deg)}
#shop.shop::after{right:-65px;bottom:-90px;transform:scaleX(-1) rotate(-13deg);opacity:.35}
#shop .shop-dancing-telli{position:relative;z-index:1}
#shop .shop-telli-word{color:#B5ED27;white-space:nowrap}
#shop .shop-i{position:relative;display:inline-block}
#shop .shop-i::after{content:"";position:absolute;left:44%;top:-.34em;transform:translateX(-50%);width:.47em;height:.32em;background:url("assets/telli-signature-sprout-approved.webp") center/contain no-repeat;pointer-events:none}
#shop .shop-kit-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 23px}
#shop .shop-kit-preview>div{min-width:0;min-height:116px;display:flex;flex-direction:column;justify-content:center;padding:18px 14px;background:#fffdf7;border:1px solid #c9e7ee;border-top:4px solid #306AC6;border-radius:18px;box-shadow:0 5px 14px rgba(14,45,71,.06)}
#shop .shop-kit-preview strong{color:#306AC6;font-weight:800;font-size:1rem;line-height:1.35}
#shop .shop-kit-preview small{margin-top:8px;color:#3C7A3E;font-size:.92rem}
#shop .coming{background:#306AC6!important;color:#fff!important;border-radius:999px;padding:14px 26px;box-shadow:0 4px 0 rgba(18,56,101,.14);cursor:default}
#shop .shop-signature{font-family:'Caveat',cursive!important;color:#FF6B8A;font-size:clamp(1.55rem,2.3vw,2.1rem)!important;line-height:1.25!important;margin:24px 0 0;max-width:620px}
#shop .shop-signature span{white-space:nowrap}
@media(max-width:900px){#shop .shop-kit-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#shop.shop{padding:65px 6% 80px}#shop .shop-kit-preview{grid-template-columns:1fr}#shop .shop-kit-preview>div{min-height:76px}#shop.shop::after{width:160px;height:170px;right:-70px}}

/* Shop title and sprout placement refinement — October 18 */
#shop .shop-label{font-size:clamp(1.5rem,2.5vw,2.25rem)!important;line-height:1.45!important;letter-spacing:.015em;overflow:visible;margin-bottom:18px}
#shop .shop-label-i{position:relative;display:inline-block;font:inherit}
#shop .shop-label-i::after{content:"";position:absolute;width:.78em;height:.54em;left:57%;top:-.47em;transform:translateX(-50%);background:url("assets/telli-signature-sprout-approved.webp") center/contain no-repeat;pointer-events:none}
#shop .shop-i::after{left:72%;top:-.49em;width:.72em;height:.48em}
#shop h2{overflow:visible}
@media(max-width:600px){#shop .shop-label{font-size:1.65rem!important;margin-bottom:16px}#shop .shop-label-i::after{top:-.44em}}

/* Shop-only adjustment: both signature sprouts slightly lower and farther right. */
#shop .shop-label-i::after{left:75%!important;top:-.33em!important}
#shop .shop-i::after{left:88%!important;top:-.35em!important}
@media(max-width:600px){#shop .shop-label-i::after{left:75%!important;top:-.33em!important}}

/* Shop sprout placement refinement: lower and right */
#shop .shop-label-i::after{left:99%!important;top:-.18em!important}
#shop .shop-i::after{left:108%!important;top:-.19em!important}
@media(max-width:600px){#shop .shop-label-i::after{left:99%!important;top:-.18em!important}#shop .shop-i::after{left:108%!important;top:-.19em!important}}

/* Larger TELLI SHOP label only; preserve approved sprout positions and other design. */
#shop .shop-label{font-size:clamp(2rem,3.6vw,3.15rem)!important;line-height:1.3!important;margin-bottom:20px!important}
@media(max-width:600px){#shop .shop-label{font-size:clamp(1.9rem,7vw,2.55rem)!important}}

/* Match TELLI SHOP to the Share Your Telli Story headline scale. */
#shop .shop-label{font-size:clamp(2.15rem,4.55vw,4.15rem)!important;line-height:1.08!important;margin-bottom:24px!important;letter-spacing:0!important}
@media(max-width:700px){#shop .shop-label{font-size:clamp(2rem,7.4vw,3.25rem)!important}}

/* Telli Shop playful signature */
#shop .shop-signature-cute{position:relative;max-width:650px;margin:26px 0 0;padding:10px 28px 24px;text-align:center;color:#FF6B8A;}
#shop .shop-signature-cute p{font-family:'Caveat',cursive!important;font-size:clamp(1.7rem,2.65vw,2.45rem)!important;line-height:1.16!important;margin:0!important;color:#FF6B8A!important;}
#shop .shop-cute-heart{font-size:1.3em;vertical-align:-.06em;font-family:Arial,sans-serif;color:#FF6B8A;}
#shop .shop-cute-heart.left{position:absolute;left:0;top:0;transform:rotate(-15deg);font-size:2.4rem;}
#shop .shop-cute-spark{position:absolute;color:#F7C948;font-size:1.6rem;}
#shop .shop-cute-spark.left{left:4px;bottom:15px;}
#shop .shop-cute-spark.right{right:2px;top:0;color:#79D7E3;}
#shop .shop-cute-underline{display:block;width:52%;height:8px;border-bottom:4px solid #79D7E3;border-radius:50%;margin:4px auto 0;transform:rotate(-1deg);}
@media(max-width:600px){#shop .shop-signature-cute{padding:12px 12px 22px;}#shop .shop-cute-heart.left{left:-7px;top:-8px;font-size:1.7rem;}#shop .shop-cute-spark.right{right:-4px;font-size:1.2rem;}}

/* Center the Telli Shop kindness saying beneath the coming-soon button */
#shop .shop-signature-cute{margin:26px auto 0!important;width:100%;max-width:650px;box-sizing:border-box;}
#shop .shop-signature-cute p{text-align:center!important;}

/* Center the shop signature across the full shop section, not just the right column. */
#shop .shop-signature-cute{grid-column:1 / -1;justify-self:center;width:min(100%,720px)!important;max-width:720px!important;margin:12px auto 0!important;text-align:center!important;}
@media(max-width:700px){#shop .shop-signature-cute{grid-column:1 / -1;margin-top:22px!important;}}
/* Telli Shop: enlarged, centered signature with decorations tucked close */
#shop .shop-signature-cute{width:min(100%,950px)!important;max-width:950px!important;padding:12px 78px 28px!important;margin:22px auto 0!important;}
#shop .shop-signature-cute p{font-size:clamp(2.25rem,4.1vw,3.9rem)!important;line-height:1.12!important;}
#shop .shop-cute-heart.left{left:38px!important;top:12px!important;font-size:3.2rem!important;}
#shop .shop-cute-spark.left{left:52px!important;bottom:20px!important;font-size:2rem!important;}
#shop .shop-cute-spark.right{right:35px!important;top:14px!important;font-size:2rem!important;}
#shop .shop-cute-underline{width:58%!important;margin-top:10px!important;}
@media(max-width:700px){#shop .shop-signature-cute{padding:12px 32px 24px!important;}#shop .shop-signature-cute p{font-size:clamp(1.9rem,6vw,2.8rem)!important;}#shop .shop-cute-heart.left{left:0!important;top:5px!important;font-size:2rem!important;}#shop .shop-cute-spark.left{left:6px!important;bottom:10px!important;font-size:1.5rem!important;}#shop .shop-cute-spark.right{right:0!important;top:5px!important;font-size:1.5rem!important;}}

/* Shop signature refinement: group the hearts and sparkles tightly with the quote. */
#shop .shop-signature-cute{width:min(100%,820px)!important;max-width:820px!important;padding:12px 58px 24px!important;}
#shop .shop-cute-heart.left{left:4px!important;top:18px!important;font-size:2.9rem!important;}
#shop .shop-cute-spark.left{left:25px!important;bottom:20px!important;font-size:1.9rem!important;}
#shop .shop-cute-spark.right{right:8px!important;top:16px!important;font-size:1.9rem!important;}
#shop .shop-cute-underline{width:66%!important;}
@media(max-width:700px){#shop .shop-signature-cute{width:100%!important;padding:12px 28px 22px!important;}#shop .shop-cute-heart.left{left:0!important;top:10px!important;font-size:1.65rem!important;}#shop .shop-cute-spark.left{left:8px!important;bottom:12px!important;font-size:1.25rem!important;}#shop .shop-cute-spark.right{right:0!important;top:12px!important;font-size:1.25rem!important;}}

/* Telli Shop: soft greenery emerging from all four corners, without changing content. */
#shop.section.shop{
  background-image: none,none,none,none!important;
  background-position:left top,right top,left bottom,right bottom!important;
  background-size:clamp(110px,17vw,245px) auto!important;
  background-repeat:no-repeat!important;
}
@media(max-width:700px){#shop.section.shop{background-size:100px auto!important;}}
/* Refined shop foliage: soft translucent fronds like the other site sections. */
#shop.section.shop{background-image:none,none,none,none!important;background-position:left top,right top,left bottom,right bottom!important;background-size:clamp(100px,14vw,205px) auto!important;background-repeat:no-repeat!important;}
#shop.shop::before,#shop.shop::after{display:none!important;}
@media(max-width:700px){#shop.section.shop{background-size:85px auto!important;}}

/* Say Hello: match the approved Telli Shop label, sprout only on dotless i */
#contact > .section-label{font-family:'Lilita One',cursive!important;color:#B5ED27!important;font-size:clamp(2.15rem,4.55vw,4.15rem)!important;line-height:1.08!important;letter-spacing:0!important;margin-bottom:24px!important}
#contact .contact-telli-word::after{content:none!important;display:none!important}
#contact .contact-dotless-i{position:relative;display:inline-block}
#contact .contact-dotless-i::after{content:"";position:absolute;width:.8em;height:.55em;left:78%;top:-.4em;transform:translateX(-50%);background:url("assets/telli-signature-sprout-approved.webp") center/contain no-repeat;pointer-events:none}
@media(max-width:700px){#contact > .section-label{font-size:clamp(2rem,7.4vw,3.25rem)!important}}

/* Say Hello botanical accents — match existing Telli foliage, keep photos clear. */
#contact.section.centered{
  background-image:none,none;
  background-position:right top,left bottom;
  background-repeat:no-repeat;
  background-size:clamp(105px,16vw,225px) auto;
}
#contact > .section-label::after{
  content:'✧';display:inline-block;margin-left:.36em;color:#79D7E3;
  font-family:Arial,sans-serif;font-size:.47em;vertical-align:top;
}
#contact .contact-telli-word{position:relative;}
@media(max-width:700px){
 #contact.section.centered{background-size:85px auto;}
 #contact > .section-label::after{margin-left:.2em;}
}

/* Approved Say Hello refinement: no top greenery; preserve bottom foliage. */
#contact.section.centered{
 background-image:none!important;
 background-position:left bottom!important;
 background-repeat:no-repeat!important;
}
/* Shift Telli's sprout down and right, leaving the dotless i intact. */
#contact .contact-dotless-i::after{
 left:108%!important;
 top:-.19em!important;
}

/* Final Say Hello refinements: smaller sprout positioned lower and farther right. */
#contact .contact-dotless-i::after{width:.48em!important;height:.34em!important;left:124%!important;top:-.07em!important;}
/* Hearts float beside the existing turtle image without changing its proportions. */
#contact .contact-telli-hearts{position:relative;width:min(360px,90%);margin:0 auto;isolation:isolate;}
#contact .contact-telli-hearts .contact-telli{width:61%;max-width:220px;margin:0 auto -5px;}
#contact .contact-heart{position:absolute;color:#FF6B8A;font-family:Arial,sans-serif;font-weight:600;line-height:1;pointer-events:none;}
#contact .heart-one{left:12%;top:21%;font-size:46px;transform:rotate(-16deg)}
#contact .heart-two{left:21%;top:65%;font-size:28px;transform:rotate(13deg)}
#contact .heart-three{right:10%;top:29%;font-size:39px;transform:rotate(15deg)}
#contact .heart-four{right:19%;top:72%;font-size:25px;transform:rotate(-12deg)}
@media(max-width:700px){#contact .contact-telli-hearts{width:min(300px,100%)}#contact .contact-telli-hearts .contact-telli{width:57%;}#contact .heart-one{font-size:34px}#contact .heart-two{font-size:22px}#contact .heart-three{font-size:31px}#contact .heart-four{font-size:20px}}

/* Final sprout placement: further right and lower above dotless final i in Telli. */
#contact .contact-dotless-i::after{left:148%!important;top:.12em!important;width:.48em!important;height:.34em!important;}

/* Approved Community Smiles accents — no additional foliage */
.community-heading-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,26px);margin-inline:auto;max-width:1100px}
.community-heading-wrap .telli-community-heading{margin-inline:0}
.community-heading-deco{color:#FF6B8A;font-size:clamp(26px,3vw,43px);white-space:nowrap;line-height:1}
.community-heading-deco b{color:#F7C948;font-size:.65em;font-weight:400}
.community-heading-deco i{color:#79D7E3;font-size:.65em;font-style:normal}
.community-between-deco{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px auto 0;font-size:28px;line-height:1}
.community-between-deco span:nth-child(1),.community-between-deco span:nth-child(5){color:#F7C948}
.community-between-deco span:nth-child(2),.community-between-deco span:nth-child(4){color:#79D7E3}
.community-between-deco span:nth-child(3){color:#FF6B8A;font-size:36px}
.contact-quote .love-heart{color:#FF6B8A!important;font-size:clamp(38px,4vw,55px)!important;line-height:1.15;display:block}
@media(max-width:680px){.community-heading-wrap{gap:5px}.community-heading-deco{font-size:20px}.community-heading-deco b,.community-heading-deco i{font-size:.6em}.community-between-deco{gap:9px;font-size:20px}}

/* Footer final polish: decorative accents, balanced navigation, softened legal text */
footer {position:relative; overflow:hidden;}
footer .footer-logo {object-fit:contain;}
footer .footer-twinkles {display:flex;justify-content:center;align-items:center;gap:22px;margin:6px auto 4px;font-size:25px;line-height:1;}
footer .footer-twinkles span:nth-child(1){color:#F7C948;}
footer .footer-twinkles span:nth-child(2){color:#FF6B8A;font-size:30px;}
footer .footer-twinkles span:nth-child(3){color:#79D7E3;}
footer .footer-nav {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 30px;}
footer .footer-legal {color:#D5D7DC!important;}
@media(max-width:600px){footer .footer-nav{gap:12px 20px;}footer .footer-twinkles{gap:16px;}}

/* Telli watercolor coastal adventure hero: original mascot and functional navigation preserved */
.hero.hero-art {position:relative; isolation:isolate; background:linear-gradient(180deg,rgba(255,253,245,.20),rgba(255,252,240,.12)),url("assets/telli-watercolor-coast-bg.jpg") center center/cover no-repeat!important; padding:clamp(30px,4vw,62px) 16px 20px!important; min-height:clamp(370px,57vw,780px)!important; overflow:hidden;}
.hero.hero-art::before {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,251,236,.25),transparent 28%,transparent 72%,rgba(255,251,236,.15));z-index:-1;}
.hero.hero-art .hero-brand-art {position:relative;z-index:1;width:min(1120px,94%)!important;max-width:1120px!important;max-height:none!important;filter:drop-shadow(0 14px 18px rgba(29,63,41,.18));}
@media(max-width:600px){.hero.hero-art{min-height:310px!important;padding:30px 5px 18px!important;background-position:center!important}.hero.hero-art .hero-brand-art{width:100%!important}}

/* Meet Telli: watercolor coast meets mountain adventure, 2026-10-25 */
#meet.meet-telli-rebuilt {
  overflow:hidden;
  background:
    radial-gradient(ellipse 34% 30% at 91% 9%, rgba(247,201,72,.18),transparent 75%),
    radial-gradient(ellipse 40% 35% at 5% 80%,rgba(121,215,227,.26),transparent 78%),
    linear-gradient(170deg,#fffaf0 0%,#fefbf5 42%,#effbfa 76%,#fff9ee 100%);
  border-top:3px solid rgba(121,215,227,.35);
  border-bottom:3px solid rgba(48,106,198,.12);
}
#meet .meet-rebuilt-inner {position:relative;z-index:1;}
#meet .meet-rebuilt-art {position:relative;padding:24px 14px 42px;}
#meet .meet-rebuilt-art::before {
  content:"";position:absolute;inset:5% 0 1%;z-index:-1;border-radius:49% 51% 45% 55% / 42% 52% 48% 58%;
  background:radial-gradient(ellipse at 45% 64%,rgba(121,215,227,.35),transparent 62%),radial-gradient(ellipse at 72% 20%,rgba(247,201,72,.2),transparent 60%);
  border:2px dashed rgba(48,106,198,.15);transform:rotate(-4deg);
}
#meet .meet-rebuilt-art::after {
  content:"☀  ~  ~  ♡  ~  ~";position:absolute;left:4%;right:4%;bottom:0;text-align:center;
  color:#306ac6;font-family:'Caveat',cursive;font-size:clamp(26px,3vw,43px);letter-spacing:.15em;opacity:.75;
}
#meet .meet-rebuilt-copy {padding:clamp(12px,2vw,30px);background:rgba(255,255,255,.63);border:1px solid rgba(121,215,227,.22);border-radius:30px;box-shadow:0 14px 55px rgba(48,106,198,.055);}
#meet .meet-rebuilt-copy h2 {text-shadow:2px 3px 0 rgba(247,201,72,.13);}
#meet .meet-rebuilt-copy .meet-hello {color:#306ac6;}
#meet .meet-swoosh {border-color:#79d7e3;}
@media(max-width:780px){#meet .meet-rebuilt-art{padding:12px 6px 28px}#meet .meet-rebuilt-copy{padding:18px 15px;border-radius:22px}}

/* 2026-10-25 — How to Telli: coastal watercolor / illustrated adventure styling.
   Preserve original desktop infographic, mobile instructions, and all links. */
#how.section.dark {
  background-image:linear-gradient(180deg,rgba(21,35,48,.94),rgba(24,53,65,.90) 48%,rgba(23,38,46,.96)),url('assets/telli-watercolor-coast-bg.jpg');
  background-size:cover; background-position:center center;
  border-top:5px solid #79D7E3;
}
#how.section.dark::before {
  content:'♡  ☀  ~  ♡';position:absolute;right:4%;top:30px;
  font-size:clamp(18px,2.5vw,34px);letter-spacing:13px;
  color:#FF6B8A;opacity:.65;pointer-events:none;
}
#how > h2 {color:#FEFEFE;text-shadow:0 3px 10px rgba(0,0,0,.45)}
#how .how-infographic-wrap {padding:clamp(10px,2vw,24px);background:rgba(254,254,254,.10);
 border:2px solid rgba(121,215,227,.65);border-radius:22px;
 box-shadow:0 14px 40px rgba(0,0,0,.28);backdrop-filter:blur(3px)}
#how .how-infographic {border-radius:12px}
@media(max-width:650px){
 #how.section.dark {background-position:45% center}
 #how.section.dark::before{font-size:17px;right:2%;top:15px;letter-spacing:5px}
 #how .tt-mobile-card{border:2px solid rgba(121,215,227,.6);box-shadow:0 8px 22px rgba(0,0,0,.2)}
 #how .tt-mobile-promise,#how .tt-mobile-rules{box-shadow:0 8px 22px rgba(0,0,0,.18)}
}

/* 2026-10-25: watercolor sunrise for the discovery / You've Been TELLI'd section only. */
#share.telli-share-section {background: #fffaf0 url('assets/telli-watercolor-sunrise-share.svg') center top / 100% auto no-repeat !important; isolation:isolate;}
#share.telli-share-section::before, #share.telli-share-section::after {content:none !important;display:none !important;}
#share .telli-share-wrap {position:relative;z-index:1;}
#share .share-eyebrow, #share .share-found-name, #share .share-moment, #share .share-congrats, #share #share-title, #share .share-script {filter:drop-shadow(0 2px 2px rgba(255,255,255,.85));}
#share .share-copy, #share .share-story {text-shadow:0 1px 3px #fff,0 0 12px #fff;}
#share .share-action-grid {margin-top:clamp(28px,4vw,52px);}
@media(max-width:720px){#share.telli-share-section{background-size:auto 760px !important;background-position:center top !important;}#share .telli-share-wrap{max-width:100%;}}

/* Approved coastal skateboard art: remove redundant motto below artwork */
#share .share-kindness-finale {width:min(94%,1100px) !important;margin:38px auto 20px !important;}
#share .share-kindness-finale img {border-radius:20px;box-shadow:0 14px 35px rgba(0,55,78,.12);}
#share .kindness-tradition-transition {margin-top:0 !important;}
@media(max-width:640px){#share .share-kindness-finale{width:97% !important;margin:25px auto 10px !important;}#share .share-kindness-finale img{border-radius:12px;}}

/* Our Story: vertical watercolor turtle, safely below untouched original collage. */
#story .story-turtle-vertical { margin: 24px auto 8px; max-width: 410px; width: 100%; padding: 0; }
#story .story-turtle-vertical img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 18px; box-shadow: 0 8px 24px rgba(30,72,62,.12); }
@media(max-width:767px) { #story .story-turtle-vertical { max-width: 360px; margin: 20px auto; } }

/* Approved Telli Adventure Hub illustration — gallery remains its own section */
.telli-hub .hub-art-wrap{position:relative;width:100%;max-width:1440px;margin:0 auto 32px;}
.telli-hub .hub-art-approved{display:block;width:100%;height:auto;border:0;}
.telli-hub .hub-art-cta{position:absolute;left:38.5%;top:78%;width:23%;height:17%;border-radius:50px;cursor:pointer;z-index:2;}
.telli-hub .hub-art-cta:focus-visible{outline:4px solid #ffcf49;outline-offset:3px;}
.telli-hub .hub-art-cta:hover{background:rgba(255,255,255,.10);}
.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;}

/* Community Gallery — approved tropical scrapbook treatment (2026-10-25).
   Real community screenshots remain original, independent image elements. */
.community-scrapbook-heading{position:relative;isolation:isolate;padding:48px 12px 18px!important}
.community-scrapbook-heading:before,.community-scrapbook-heading:after{
 content:"🌺";position:absolute;font-size:clamp(34px,5vw,70px);top:0;pointer-events:none;
 filter:drop-shadow(0 5px 7px #0005)
}
.community-scrapbook-heading:before{left:3%}
.community-scrapbook-heading:after{right:3%;transform:scaleX(-1)}
.community-wood-sign{position:absolute;left:1%;top:50%;transform:translateY(-50%) rotate(-5deg);
 background:repeating-linear-gradient(0deg,#986036 0 21px,#b77a42 22px 42px,#86502b 43px 45px);
 color:#20160d;border:5px solid #764522;border-radius:12px;
 box-shadow:5px 9px 0 #0004, inset 0 0 0 2px #e0ad68;
 padding:12px 15px;font-size:clamp(13px,1.4vw,22px);font-weight:900;line-height:1.18;
 max-width:185px;text-align:center;z-index:1}
.community-wood-sign span{color:#ff6b8a}
.community-scrapbook-wrap{position:relative;padding:22px 10px 6px;
 background:radial-gradient(ellipse at 10% 30%,#ff6b8a18,transparent 32%),
 radial-gradient(ellipse at 90% 55%,#f7c94817,transparent 32%)}
.community-scrapbook-wrap:before,.community-scrapbook-wrap:after{
 content:"✿  ♡  ✧";position:absolute;color:#ff6b8a;font-size:clamp(19px,3vw,40px);
 letter-spacing:10px;pointer-events:none}
.community-scrapbook-wrap:before{top:0;left:2%}
.community-scrapbook-wrap:after{right:2%;bottom:12px;color:#79d7e3}
.community-scrapbook-wrap .hub-gallery-stories{gap:clamp(14px,2.3vw,32px)}
.community-scrapbook-wrap .hub-story-card{position:relative;overflow:visible;
 box-shadow:0 13px 24px #0006;transition:transform .2s ease,box-shadow .2s ease}
.community-scrapbook-wrap .hub-story-card:nth-child(1){transform:rotate(-2deg)}
.community-scrapbook-wrap .hub-story-card:nth-child(2){transform:rotate(1.4deg)}
.community-scrapbook-wrap .hub-story-card:nth-child(3){transform:rotate(-1.2deg)}
.community-scrapbook-wrap .hub-story-card:hover{transform:rotate(0) translateY(-5px);
 box-shadow:0 18px 28px #0008}
.community-scrapbook-wrap .hub-story-card:before{content:"";position:absolute;
 width:29%;height:18px;top:-9px;left:35%;z-index:3;
 background:#f8e5acb8;transform:rotate(-3deg);box-shadow:0 2px 3px #0002}
.community-shell-quote{margin:32px auto 14px!important;max-width:880px;
 padding:14px 22px;border-radius:30px;
 background:linear-gradient(100deg,#b5eff4,#79d7e3 42%,#d9f5e7);
 color:#306ac6;font-family:"Caveat",cursive;font-size:clamp(28px,4vw,52px);
 font-weight:700;text-align:center;line-height:1.15;box-shadow:0 5px 15px #0003}
.community-shell-quote span:first-child{color:#ff6b8a}
.community-shell-quote span:last-child{color:#ff6b8a}
@media(max-width:1100px){.community-wood-sign{position:relative;left:auto;top:auto;
 transform:rotate(-3deg);margin:0 auto 22px;max-width:200px}
 .community-scrapbook-heading{padding-top:28px!important}}
@media(max-width:700px){.community-scrapbook-heading:before,.community-scrapbook-heading:after{font-size:26px}
 .community-scrapbook-wrap .hub-story-card:nth-child(n){transform:none}
 .community-scrapbook-wrap .hub-story-card:hover{transform:translateY(-3px)}
 .community-scrapbook-wrap{padding-left:2px;padding-right:2px}}
@media(prefers-reduced-motion:reduce){.community-scrapbook-wrap .hub-story-card{transition:none}}

/* Community scrapbook refinements: illustrated assets, no emoji glyphs. */
.community-scrapbook-heading{
 background-image:url("assets/community-white-hibiscus.png"),url("assets/community-white-hibiscus.png");
 background-repeat:no-repeat,no-repeat;
 background-size:clamp(128px,18.4vw,248px) auto,clamp(128px,18.4vw,248px) auto;
 background-position:left top,right top;
}
.community-scrapbook-heading:before,.community-scrapbook-heading:after{content:none!important}
.community-wood-sign{
 background:repeating-linear-gradient(177deg,#ae7543 0 18px,#915b34 19px 22px,#bb8450 23px 43px,#85502d 44px 47px);
 border:4px solid #6f4429;border-radius:8px 15px 10px 14px;
 box-shadow:4px 7px 0 #0005,inset 0 0 0 2px #e2ae76, inset 0 4px 10px #fff2;
 font-family:"Caveat",cursive;font-weight:800;font-size:clamp(20px,2vw,29px);
 line-height:1.02;padding:18px 12px;color:#22170d;text-shadow:0 1px #f4c590;
}
.community-scrapbook-wrap:before,.community-scrapbook-wrap:after{
 content:""!important;background:url("assets/community-handdrawn-heart.svg") center/contain no-repeat;
 width:55px;height:55px;letter-spacing:normal;opacity:.9;
}
.community-scrapbook-wrap:before{top:4px;left:2%}
.community-scrapbook-wrap:after{right:2%;bottom:16px}
.community-scrapbook-wrap{
 background-image:radial-gradient(ellipse at 10% 30%,#ff6b8a18,transparent 32%),
 radial-gradient(ellipse at 90% 55%,#f7c94817,transparent 32%),
 url("assets/community-white-hibiscus.png"),
 url("assets/community-white-hibiscus.png");
 background-size:auto,auto,144px auto,144px auto;
 background-position:center,center,left bottom,right bottom;
 background-repeat:no-repeat;
}
@media(max-width:700px){
 .community-scrapbook-heading{background-size:92px auto,92px auto}
 .community-wood-sign{max-width:190px}
 .community-scrapbook-wrap{background-size:auto,auto,72px auto,72px auto}
}

/* Approved softer Community Gallery header: the complete image remains visible,
   without cropping flowers. Original accessible headings remain in the DOM. */
.community-scrapbook-heading{
 position:relative!important;display:block!important;
 width:100%!important;max-width:100%!important;
 box-sizing:border-box!important;
 aspect-ratio:16 / 9!important;
 min-height:0!important;margin:0 auto!important;padding:0!important;
 background:#2d2d2d url("assets/community-gallery-soft-floral-banner.webp") center center / contain no-repeat!important;
 border:0!important;
}
.community-scrapbook-heading::before,.community-scrapbook-heading::after{content:none!important;display:none!important}
.community-scrapbook-heading>*{position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
 white-space:nowrap!important;border:0!important;}
.community-scrapbook-wrap{padding-top:8px!important;}
@media(max-width:700px){.community-scrapbook-heading{aspect-ratio:16 / 9!important;
 background-size:contain!important;}}

/* Approved Telli Community coastal postcard — original gallery feed and form preserved */
.telli-adventures-empty.telli-community-postcard{position:relative;max-width:1320px;margin:42px auto 24px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.telli-community-postcard .telli-postcard-art{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 15px 36px #0004}
.telli-postcard-click{position:absolute;inset:18% 0 0;display:block;cursor:pointer}
.telli-postcard-click:focus-visible{outline:4px solid #79d7e3;outline-offset:4px;border-radius:14px}
@media(max-width:650px){.telli-adventures-empty.telli-community-postcard{margin:25px -12px}.telli-community-postcard .telli-postcard-art{border-radius:8px}}

/* Approved 2026-10-25: calm coastal transition between Adventure Hub and Gallery.
   Existing hub image, signature T, original community photos and all links remain untouched. */
.telli-hub .hub-art-wrap{margin-bottom:0!important;}
.telli-hub .hub-art-wrap::after{content:"";display:block;height:clamp(36px,6vw,82px);margin-top:-2px;background:url("assets/telli-gallery-transition-wave.svg") center center / 100% 100% no-repeat;pointer-events:none;}
.telli-hub .community-scrapbook-heading{margin-top:0!important;}
@media(max-width:650px){.telli-hub .hub-art-wrap::after{height:40px;}}

/* Screenshot-approved Adventure Hub to Gallery: flower-free hub and ocean wave. */
.telli-hub .hub-art-wrap::after{height:clamp(45px,6.82vw,100px)!important;background-image:url("assets/telli-gallery-wave-reference.webp")!important;background-size:100% 100%!important;}
.telli-hub .community-scrapbook-wrap{padding-top:0!important;}

/* Remove legacy botanical overlay at the Adventure Hub corner; the approved artwork already has palm leaves. */
#adventures.telli-hub::after { content:none !important; display:none !important; background-image:none !important; }

/* Community postcard: bring the share button closer without changing the artwork. */
.telli-adventures-empty.telli-community-postcard{margin-bottom:8px;}
.telli-community-postcard + .hub-gallery-share{margin-top:8px;}
@media(max-width:650px){
  .telli-adventures-empty.telli-community-postcard{margin-bottom:6px;}
  .telli-community-postcard + .hub-gallery-share{margin-top:6px;}
}

/* Telli Across the Map: illustrated travel-journal styling; live map remains interactive */
.telli-journey-theme{position:relative;isolation:isolate;padding:35px 20px 14px;margin:40px auto 0;max-width:1360px;border-radius:28px;background:radial-gradient(ellipse at 50% 5%,#364047 0%,#2d2d2d 72%);border-top:2px solid #79d7e3;overflow:hidden}
.telli-journey-theme:before{content:"";position:absolute;top:12px;left:10px;right:10px;height:16px;border-top:3px dashed rgba(121,215,227,.4);border-radius:50%;pointer-events:none}
.telli-journey-theme .hub-heading{position:relative;z-index:1;margin:0 auto!important;padding-left:min(20vw,210px);padding-right:10px}
.telli-journey-theme .hub-heading h3{font-size:clamp(2.4rem,5.8vw,5.5rem)!important}
.journey-telli-mascot{position:absolute;left:8px;bottom:-38px;width:clamp(125px,22vw,275px);height:auto;z-index:2;filter:drop-shadow(0 8px 13px #0008)}
.journey-decor{position:absolute;inset:14px 18px auto auto;display:flex;gap:20px;color:#ff6b8a;font-size:2rem}
.journey-decor span:first-child{color:#f7c948}
.journey-decor span:last-child{color:#79d7e3}
.telli-journey-theme + .hub-camp{margin-top:14px!important}
.journey-map-themed{gap:24px!important;align-items:stretch}
.journey-map-themed .hub-map-visual{border:5px solid #27c7e8!important;border-radius:25px!important;box-shadow:0 12px 28px #0006;background:#143b55!important;overflow:hidden}
.journey-map-themed .map-title{background:linear-gradient(135deg,#8d512a,#c78341)!important;color:#fff!important;border:3px solid #e2ae66;border-radius:12px;padding:12px!important;text-shadow:1px 2px #4a2919}
.journey-map-themed .hub-map-copy{background:linear-gradient(155deg,#fff9e9,#f8ebd2)!important;color:#243b45!important;border:5px solid #79d7e3;border-radius:24px!important;box-shadow:0 12px 28px #0005}
.journey-map-themed .hub-map-copy h4{color:#306ac6!important;font-family:'Lilita One',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem)}
.journey-map-themed .hub-map-copy p{color:#243b45!important}
.journey-map-themed .hub-map-copy .hub-small{color:#405a60!important}
@media(max-width:750px){.telli-journey-theme{padding:18px 8px 8px}.telli-journey-theme .hub-heading{padding-left:0;padding-top:130px}.journey-telli-mascot{width:145px;left:calc(50% - 72px);top:0;bottom:auto}.journey-decor{font-size:1.3rem;gap:9px}.journey-map-themed{gap:18px!important}}

/* Decorative Telli footprints on right of Journey header; map stays interactive. */
.telli-journey-theme::after{content:"";position:absolute;right:7px;top:125px;bottom:10px;width:clamp(80px,13vw,180px);background:url("assets/telli-journey-footprints.svg") center center/contain no-repeat;pointer-events:none;z-index:1;opacity:.95}
@media(max-width:750px){.telli-journey-theme::after{top:115px;right:0;width:70px;height:185px;bottom:auto;opacity:.7}}

/* Telli story journal refresh — visual only; submission handlers untouched */
#hub-share.telli-story-journal-heading{position:relative;isolation:isolate;max-width:1050px;padding:12px 155px 14px 100px;margin-top:45px!important;margin-bottom:24px!important;}
#hub-share.telli-story-journal-heading h3{font-size:clamp(2.6rem,5vw,4.4rem)!important;line-height:1.12;}
#hub-share .story-share-words{color:#306AC6;}
#hub-share .story-telli-word{color:#AECF28;}
#hub-share .story-story-word{color:#F7C948;}
#hub-share .telli-story-heading-art{position:absolute;inset:0;pointer-events:none;}
#hub-share .telli-story-heading-art span{position:absolute;font-family:Arial,sans-serif;font-weight:700;}
#hub-share .telli-story-sun{left:2%;top:3%;font-size:39px;color:#F7C948;}
#hub-share .telli-story-heart{right:13%;top:0;font-size:43px;color:#FF6B8A;}
#hub-share .telli-story-sparkle{left:9%;bottom:12%;font-size:26px;color:#306AC6;}
#hub-share .telli-story-wave{position:absolute;right:0;bottom:-23px;width:125px;height:142px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 7px 12px #1116);}
#telli-story-form.telli-story-journal-form{background:#FFF9ED;border:2px solid #79D7E3;box-shadow:0 12px 34px #0003;position:relative;}
#telli-story-form.telli-story-journal-form:before{content:'✦  ♡  ✦';position:absolute;right:26px;top:10px;color:#FF6B8A;font-size:15px;letter-spacing:6px;pointer-events:none;}
#telli-story-form .telli-story-journal-note{text-align:center;color:#306AC6;font-family:'Caveat',cursive;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin:16px 0 14px;}
#telli-story-form .telli-story-journal-note span{color:#FF6B8A;}
@media(max-width:700px){#hub-share.telli-story-journal-heading{padding:10px 12px 130px;margin-top:32px!important;}#hub-share .telli-story-wave{width:105px;height:125px;right:calc(50% - 52px);bottom:0;}#hub-share .telli-story-sun{left:0;top:-15px;font-size:24px;}#hub-share .telli-story-heart{right:0;top:-15px;font-size:27px;}#hub-share .telli-story-sparkle{left:8%;bottom:35px;font-size:18px;}#telli-story-form.telli-story-journal-form{padding:24px 18px;}#telli-story-form.telli-story-journal-form:before{font-size:11px;right:12px;top:6px;}}

/* Story form: remove mascot and rebalance header spacing */
#hub-share.telli-story-journal-heading{padding-right:100px;}
@media(max-width:700px){#hub-share.telli-story-journal-heading{padding-bottom:12px;}}
/* Share Your Telli Story: decorative greenery, no mascot, no form changes */
#hub-share.telli-story-journal-heading::before,
#hub-share.telli-story-journal-heading::after{
 content:"";position:absolute;width:190px;height:210px;bottom:-76px;
 background:none center/contain no-repeat;
 pointer-events:none;z-index:-1;opacity:.95;
}
#hub-share.telli-story-journal-heading::before{left:-105px;transform:rotate(-12deg)}
#hub-share.telli-story-journal-heading::after{right:-105px;transform:scaleX(-1) rotate(-12deg)}
#hub-share.telli-story-journal-heading{isolation:isolate;overflow:visible}
@media(max-width:800px){
 #hub-share.telli-story-journal-heading::before,#hub-share.telli-story-journal-heading::after{width:85px;height:110px;bottom:-32px;opacity:.75}
 #hub-share.telli-story-journal-heading::before{left:-12px}
 #hub-share.telli-story-journal-heading::after{right:-12px}
}

/* Share Your Telli Story — balanced submission footer */
#telli-story-form .telli-story-journal-note{margin:12px auto 8px;line-height:1.25;text-align:center;}
#telli-story-form .telli-story-journal-note .telli-note-brand{color:#AECF28;}
#telli-story-form.telli-story-journal-form > button[type="submit"]{display:block;width:max-content;max-width:100%;margin:10px auto 12px;text-align:center;}
#telli-story-form #hub-form-status{text-align:center;max-width:760px;margin:8px auto 0;}
#telli-story-form .telli-story-journal-note + button{position:relative;z-index:1;}
@media(max-width:600px){#telli-story-form.telli-story-journal-form > button[type="submit"]{width:100%;}}

/* Approved illustrated Adventure Hub finale banners — Oct 2026.
   Text is included in the artwork; retain semantic text in the HTML. */
.happy-place-finale{background:#292929 url('assets/telli-happy-place-ocean-sunset.webp') center/100% 100% no-repeat!important;aspect-ratio:2048/680;min-height:0!important;padding:0!important;border-radius:clamp(12px,2.5vw,30px)!important;overflow:hidden!important;}
.happy-place-finale>*{opacity:0!important;pointer-events:none!important;}
.hub-last{background:#292929 url('assets/telli-adventure-shared-mountains.webp') center/100% 100% no-repeat!important;aspect-ratio:2048/680;min-height:0!important;padding:0!important;border-radius:clamp(12px,2.5vw,30px)!important;overflow:hidden!important;position:relative!important;}
.hub-last>*{opacity:0!important;pointer-events:none!important;}
.hub-last .sendoff-button{display:block!important;position:absolute!important;left:37.5%!important;top:44%!important;width:25%!important;height:17%!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:auto!important;z-index:5!important;}
.hub-last .sendoff-button:focus-visible{opacity:1!important;background:#fff!important;outline:4px solid #79D7E3!important;display:flex!important;align-items:center;justify-content:center;font-size:clamp(10px,1.4vw,22px)!important;}
@media(max-width:600px){.happy-place-finale,.hub-last{border-radius:12px!important}.hub-last .sendoff-button{top:43%!important;height:19%!important}}

/* Tighten only the gap between the two approved landscape banners. */
.happy-place-finale{margin-bottom:14px!important;}
.happy-place-finale + .hub-last{margin-top:0!important;}
@media(max-width:600px){.happy-place-finale{margin-bottom:10px!important;}}

/* Shop refresh: playful kit cards, gentle accents and a tighter finale. */
#shop.section.shop{row-gap:14px!important;padding-bottom:48px!important}
#shop .shop-kit-preview{gap:14px!important;margin:20px 0 17px!important}
#shop .shop-kit-preview>div{position:relative;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #bce6ed!important;border-top:5px solid #306AC6!important;box-shadow:0 9px 18px rgba(20,63,80,.08)!important}
#shop .shop-kit-preview>div:nth-child(2){border-top-color:#F7C948!important}
#shop .shop-kit-preview>div:nth-child(3){border-top-color:#FF6B8A!important}
#shop .shop-kit-preview>div::after{content:'♡';position:absolute;right:12px;top:8px;color:#FF6B8A;font-size:21px;line-height:1}
#shop .shop-kit-preview>div:nth-child(2)::after{content:'✦';color:#306AC6}
#shop .shop-kit-preview>div:nth-child(3)::after{content:'♡';color:#FF6B8A}
@media(hover:hover){#shop .shop-kit-preview>div:hover{transform:translateY(-3px);box-shadow:0 13px 22px rgba(20,63,80,.12)!important}}
#shop .shop-signature-cute{margin-top:0!important;padding-top:2px!important;padding-bottom:10px!important}
@media(max-width:700px){#shop.section.shop{row-gap:12px!important;padding-bottom:45px!important}#shop .shop-kit-preview{gap:10px!important}#shop .shop-signature-cute{margin-top:8px!important}}

/* Approved community heading colors */
.telli-community-heading .community-real-stories { color: #306AC6; }
.telli-community-heading .community-real-smiles { color: #F7C948; }

/* Gentle separation between community heading phrases */
#contact .telli-community-heading .community-real-smiles { margin-left: 0.28em; display: inline-block; }

/* Community quote: tighter spacing and second signature saying */
#contact .community-between-deco{margin-top:12px!important}
#contact .contact-quote{padding-top:10px!important;padding-bottom:12px!important}
#contact .contact-quote .community-shell-saying{font-family:"Lilita One",cursive!important;color:#306AC6!important;font-size:clamp(1.55rem,3vw,2.5rem)!important;line-height:1.2!important;margin:18px auto 4px!important;max-width:900px!important}
#contact .contact-quote .community-shell-saying span{color:#AECF28!important}

/* Footer finishing touches */
footer .footer-tagline{font-size:clamp(1.65rem,3.5vw,2.7rem)!important}
footer .footer-kindness{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:14px auto 0;color:#FF6B8A;font-family:'Caveat',cursive;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.25}
footer .footer-kindness-heart{font-family:Arial,sans-serif;font-size:1.05em;color:#FF6B8A}

/* Updated Meet Telli poster with both headline and greeting in Telli Green */
#meet.meet-telli-rebuilt {padding:0 !important; background:#fefbf2 !important; border:0 !important;}
#meet .meet-green-poster {display:block; width:100%; height:auto; max-width:1450px; margin:0 auto;}
#meet .meet-original-accessible {position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important;}

/* Preview only: approved option A — hand-drawn artwork is the entire hero. */
.hero.hero-art {
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  display: block !important;
  overflow: hidden !important;
}
.hero.hero-art::before,
.hero.hero-art::after { content: none !important; display: none !important; }
.hero.hero-art .hero-brand-art {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: cover !important;
  filter: none !important;
  border-radius: 0 !important;
}

/* Approved Section 2 — community message and simplified adult lifestyle styling */
.home-intro {background:#FEFEFE!important;padding:clamp(66px,8vw,116px) 24px clamp(72px,9vw,122px)!important;text-align:center!important;}
.home-intro::before,.home-intro::after {display:none!important;}
.home-intro .home-intro-refined {max-width:860px!important;margin:0 auto!important;}
.home-intro h2.home-eyebrow {font-family:'Lilita One',sans-serif!important;font-size:clamp(29px,4.3vw,53px)!important;line-height:1.18!important;letter-spacing:.005em!important;font-weight:400!important;color:#333333!important;margin:0 auto 28px!important;}
.home-intro .intro-heading-second {color:#306AC6!important;}
.home-intro .intro-kindness {color:#FF6B8A!important;}
.home-intro .home-tagline {font-family:'Caveat',cursive!important;font-size:clamp(27px,3.3vw,40px)!important;font-weight:600!important;line-height:1.3!important;color:#FF6B8A!important;margin:0 auto 33px!important;max-width:780px!important;}
.home-intro .home-tagline .word-turtle {color:#3C7A3E!important;}
.home-intro .home-tagline .word-smile {color:#F7C948!important;}
.home-intro .intro-copy {max-width:700px;margin:0 auto!important;}
.home-intro .intro-copy p {font-family:Aptos,Arial,sans-serif!important;color:#333333!important;font-size:clamp(16px,1.5vw,19px)!important;line-height:1.8!important;margin:0 0 21px!important;}
.home-intro .intro-closing {font-family:'Caveat',cursive!important;color:#3C7A3E!important;font-size:clamp(30px,3.7vw,45px)!important;font-weight:700!important;line-height:1.3!important;margin:34px auto 0!important;}
.home-intro .intro-heart {color:#FF6B8A!important;white-space:nowrap;}
@media(max-width:600px){.home-intro {padding:60px 20px 72px!important}.home-intro h2.home-eyebrow{margin-bottom:22px!important}.home-intro .home-tagline{margin-bottom:24px!important}.home-intro .intro-copy p{line-height:1.65!important}}

/* TELLI plate coastal homepage — compact centered-logo navigation */
@media (min-width: 801px) {
 .telli-topnav {display:grid!important;grid-template-columns:1fr 1fr minmax(220px,1.65fr) 1fr 1fr!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:8px 3% 7px!important;}
 .telli-topnav-logo {grid-column:3!important;grid-row:1!important;width:min(320px,100%)!important;min-height:0!important;height:auto!important;padding:0!important;margin:auto!important;}
 .telli-topnav-logo img {height:125px!important;max-height:125px!important;width:100%!important;object-fit:contain!important;}
 .telli-topnav nav {display:contents!important;}
 .telli-topnav nav a {text-align:center!important;white-space:nowrap!important;}
 .telli-topnav nav a:nth-child(1){grid-column:1;grid-row:1;}
 .telli-topnav nav a:nth-child(2){grid-column:2;grid-row:1;}
 .telli-topnav nav a:nth-child(3){grid-column:4;grid-row:1;}
 .telli-topnav nav a:nth-child(4){grid-column:5;grid-row:1;transform:translateX(-28%);}
 .telli-topnav nav a:nth-child(5){grid-column:5;grid-row:1;transform:translateX(42%);}
}
.hero.hero-art {padding:0!important;background:none!important;min-height:0!important;}
.hero.hero-art .hero-brand-art {width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;filter:none!important;display:block!important;}
@media (max-width:800px){.telli-topnav{display:flex!important;flex-direction:column!important;gap:5px!important;padding:6px 3%!important}.telli-topnav-logo{min-height:0!important;height:auto!important}.telli-topnav-logo img{height:85px!important;max-height:85px!important}.telli-topnav nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}}

/* Section 2 approved visual refinements only — wording unchanged */
.home-intro .intro-copy p {margin-bottom:15px!important;line-height:1.68!important;}
.home-intro .intro-closing {margin-top:24px!important;}
.home-intro .intro-closing .word-turtle {color:#3C7A3E!important;}
.home-intro .intro-closing .word-smile {color:#F7C948!important;}
.home-intro .intro-finishing-heart {display:block;color:#FF6B8A;font-size:20px;line-height:1;margin-top:8px;text-align:center;}

/* Section 2 final approval: charcoal base, four signature word colors, one heart */
.home-intro .home-tagline, .home-intro .intro-closing {color:#333333!important;}
.home-intro .home-tagline .word-turtle, .home-intro .intro-closing .word-turtle {color:#3C7A3E!important;}
.home-intro .home-tagline .word-smile, .home-intro .intro-closing .word-smile {color:#F7C948!important;}
.home-intro .home-tagline .intro-kindness {color:#FF6B8A!important;}
.home-intro .intro-closing .word-adventures {color:#306AC6!important;}
.home-intro .intro-finishing-heart {display:none!important;}

/* Meet Telli final preview: clean white outer background */
#meet.meet-telli-rebuilt {background:#FEFEFE !important;}
#meet.meet-telli-rebuilt::before {display:none !important;}

/* Sunny National Park — separate website preview */
#share.telli-share-section {
 background:linear-gradient(rgba(255,255,255,.67),rgba(255,255,255,.83)),
 url('assets/telli-sunny-park-background.jpg') center / cover no-repeat !important;
}
#share.telli-share-section::before,#share.telli-share-section::after {display:none!important}
#share .share-found-name .telli-name,#share .share-telli-word {color:#AECF28!important}
#share .share-copy{color:#333333!important}
#share .share-action-grid>*{background:rgba(255,255,255,.96)!important}

/* National park preview: visible scenery at edges, readable soft center */
#share.telli-share-section{background: url('assets/telli-sunny-park-edges.jpg') center top / cover no-repeat !important;}
#share .telli-share-wrap{position:relative;z-index:1;}
#share .share-action-grid>*{background:rgba(255,255,255,.97)!important;}

/* Approved How to Telli national park refinement: sharp edges, soft text center */
#share.telli-share-section {background: url('assets/telli-national-park-crisp-center.jpg') center top / 100% 100% no-repeat !important;}
#share .share-sparkle {display:none !important;}
#share .share-action-grid > * {background:rgba(255,255,255,.97) !important;}
@media(max-width:700px){#share.telli-share-section{background-size:auto 100% !important;background-position:center top !important;}}

/* National park lake preview */
#share.telli-share-section{background-image:radial-gradient(ellipse 58% 68% at 50% 30%,rgba(255,255,255,.85),rgba(255,255,255,.72) 50%,rgba(255,255,255,.12) 100%),url('assets/telli-park-turquoise-lake-preview.jpg')!important;background-position:center top,center center!important;background-size:cover,cover!important;background-repeat:no-repeat!important}
#share .share-action-grid>*{background:rgba(255,255,255,.97)!important}
.telli-gallery-skateboard-feature{margin:28px auto 34px;max-width:920px;text-align:center}.telli-gallery-skateboard-feature img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 12px 28px #10101022}
@media(max-width:700px){#share.telli-share-section{background-size:cover,auto 100%!important}.telli-gallery-skateboard-feature{margin:22px 10px 28px}}

/* Glacier-inspired scenic preview; actual text and QR remain HTML */
#share.telli-share-section {
 background-image:radial-gradient(ellipse 59% 70% at 50% 35%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.79) 47%,rgba(255,255,255,.13) 100%),url('assets/glacier-turquoise-lake-background.webp') !important;
 background-size:cover,cover !important;
 background-position:center center,center center !important;
 background-repeat:no-repeat !important;
}
#share .share-action-grid > * {background:rgba(255,255,255,.97)!important}
@media(max-width:700px){#share.telli-share-section{background-size:cover,auto 100%!important;background-position:center center,center center!important}}

/* FINAL FIX: override older !important background shorthand, not just background-image */
html body #share.telli-share-section {
  background: url("assets/glacier-turquoise-lake-background.webp") center center / cover no-repeat !important;
  background-image: url("assets/glacier-turquoise-lake-background.webp") !important;
}
html body #share.telli-share-section::before,
html body #share.telli-share-section::after {
  background: none !important;
  background-image: none !important;
}
@media(max-width:700px) {
  html body #share.telli-share-section {
    background: url("assets/glacier-turquoise-lake-background.webp") center center / auto 100% no-repeat !important;
  }
}

/* CLEAN IMAGE FIX: previous glacier asset had white haze baked into pixels. */
html body section#share.telli-share-section {
 background: url("assets/telli-clean-park-no-overlay.jpg") center center / cover no-repeat !important;
 background-image: url("assets/telli-clean-park-no-overlay.jpg") !important;
 background-size: cover !important;
 background-position: center center !important;
}
html body section#share.telli-share-section::before,
html body section#share.telli-share-section::after {content:none!important;display:none!important;}
@media(max-width:700px){html body section#share.telli-share-section{background-size:cover!important;background-position:center center!important;}}

/* FINAL: clean photorealistic Glacier-inspired landscape, no overlay */
html body section#share.telli-share-section { background: url("assets/telli-glacier-vibrant-lake.webp") center center / cover no-repeat !important; background-image:url("assets/telli-glacier-vibrant-lake.webp") !important; }
html body section#share.telli-share-section::before,html body section#share.telli-share-section::after {display:none!important;content:none!important;}
@media(max-width:700px){html body section#share.telli-share-section {background-position:center center!important;background-size:cover!important;}}

/* How to Telli: subtle Campfire Charcoal outlines, preserving real text and brand colors. */
#share.telli-share-section .share-eyebrow,
#share.telli-share-section .share-found-name,
#share.telli-share-section .share-moment,
#share.telli-share-section .share-congrats,
#share.telli-share-section #share-title,
#share.telli-share-section .share-script {
  -webkit-text-stroke: 1.15px #333333;
  paint-order: stroke fill;
  text-shadow: 0 2px 2px rgba(16,16,16,.22) !important;
  filter: none !important;
}
/* Keep the approved sprout graphics clean and unoutlined. */
#share .signature-sprout-i::before,
#share .signature-sprout-i::after { -webkit-text-stroke:0 !important; }
/* Smaller copy uses a hairline outline and a soft shadow. */
#share.telli-share-section .share-copy,
#share.telli-share-section .share-story {
  -webkit-text-stroke: .35px #333333;
  paint-order: stroke fill;
  text-shadow: 0 1px 2px rgba(255,255,255,.65) !important;
}
@media (max-width:700px) {
 #share.telli-share-section .share-eyebrow,
 #share.telli-share-section .share-found-name,
 #share.telli-share-section .share-moment,
 #share.telli-share-section .share-congrats,
 #share.telli-share-section #share-title,
 #share.telli-share-section .share-script { -webkit-text-stroke:.8px #333333; }
}

/* Readability panels for the two supporting lines only. */
#share.telli-share-section .share-copy,
#share.telli-share-section .share-story {
  box-sizing:border-box;
  display:table;
  width:fit-content;
  max-width:min(94%,1050px);
  margin-left:auto !important;
  margin-right:auto !important;
  padding:9px 20px;
  background:rgba(255,250,235,.88) !important;
  border-radius:18px;
  box-shadow:0 3px 16px rgba(30,38,32,.12);
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
}
#share.telli-share-section .share-copy { color:#333333 !important; margin-bottom:8px !important; }
#share.telli-share-section .share-story { margin-top:8px !important; margin-bottom:37px !important; }
@media(max-width:700px){
 #share.telli-share-section .share-copy,#share.telli-share-section .share-story{max-width:94%;padding:10px 14px;border-radius:14px;}
}

/* Single cohesive cream panel for the three approved invitation messages */
#share.telli-share-section .share-message-panel {
  box-sizing:border-box; width: min(85%, 1050px); max-width: 100%;
  margin: 12px auto 36px; padding: 20px 26px 22px;
  background: rgba(255,250,235,.89); border: 1px solid rgba(247,201,72,.8);
  border-radius: 23px; box-shadow: 0 7px 24px rgba(16,16,16,.12);
  text-align:center;
}
#share.telli-share-section .share-message-panel .share-script,
#share.telli-share-section .share-message-panel .share-copy,
#share.telli-share-section .share-message-panel .share-story {
  display:block !important; width:auto !important; max-width:100% !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important;
  margin-left:auto !important; margin-right:auto !important;
}
#share.telli-share-section .share-message-panel .share-script {margin-top:0 !important;margin-bottom:13px !important;}
#share.telli-share-section .share-message-panel .share-copy {margin-top:0 !important;margin-bottom:13px !important;color:#333333 !important;}
#share.telli-share-section .share-message-panel .share-story {margin-top:0 !important;margin-bottom:0 !important;color:#333333 !important;}
#share.telli-share-section .share-message-panel .share-story .share-telli-inline {color:#AECF28 !important;-webkit-text-fill-color:#AECF28 !important;}
#share.telli-share-section .share-message-panel .share-story .share-love {color:#FF6B8A !important;-webkit-text-fill-color:#FF6B8A !important;}
@media(max-width:700px){#share.telli-share-section .share-message-panel{width:94%;padding:17px 15px;border-radius:18px;}}

/* Meet Telli — Grand Canyon redesign, editable text, original approved copy. */
#meet.meet-telli-rebuilt { background: url('assets/telli-grand-canyon-concept.webp') center center / cover no-repeat !important; padding:clamp(36px,5vw,76px) clamp(15px,3vw,42px) !important; border:0 !important; min-height:760px; }
#meet.meet-telli-rebuilt::before,#meet.meet-telli-rebuilt::after {display:none !important;}
#meet .meet-green-poster {display:none !important;}
#meet .meet-rebuilt-inner {display:grid !important; grid-template-columns: 48% 52% !important; max-width:1450px; margin:auto; align-items:center; gap:0 !important; position:relative !important; visibility:visible !important; opacity:1 !important; }
#meet .meet-rebuilt-art {display:block !important; min-height:620px; background:transparent !important;}
#meet .meet-rebuilt-copy {display:block !important; position:relative !important; width:100%; box-sizing:border-box; background:rgba(255,252,242,.98) !important; border:3px solid #F7C948 !important; border-radius:36px !important; padding:clamp(24px,3vw,48px) !important; box-shadow:0 12px 35px rgba(33,32,25,.16) !important; color:#333333 !important; text-align:center; }
#meet .meet-rebuilt-copy h2 {font-family:'Soli PX','Lilita One',sans-serif !important; font-size:clamp(34px,4.4vw,65px) !important; color:#306AC6 !important; line-height:1.2; -webkit-text-stroke:.65px #333333; margin:0 0 8px !important;}
#meet .meet-rebuilt-copy h2 .meet-signature-i {color:#AECF28 !important;}
#meet .meet-rebuilt-copy .meet-hello {font-family:'Caveat',cursive !important; font-size:clamp(32px,3.7vw,55px) !important; color:#AECF28 !important; margin:0 0 16px !important;}
#meet .meet-rebuilt-copy .meet-intro {font-weight:700 !important;}
#meet .meet-rebuilt-copy p {color:#333333 !important; line-height:1.55 !important; margin:0 0 13px !important;}
#meet .meet-rebuilt-copy .meet-mission {font-family:'Caveat',cursive !important; font-size:clamp(24px,2.5vw,38px) !important; line-height:1.2 !important;}
#meet .meet-rebuilt-copy .word-kindness {color:#FF6B8A !important;}
#meet .meet-rebuilt-copy .word-turtle {color:#3C7A3E !important;}
#meet .meet-rebuilt-copy .meet-closing {font-family:'Caveat',cursive !important; font-size:clamp(24px,2.4vw,36px) !important; line-height:1.25 !important; margin-top:22px !important;}
#meet .meet-rebuilt-copy .meet-swoosh {display:none !important;}
@media(max-width:760px){#meet.meet-telli-rebuilt {background-position:35% center !important;padding:22px 14px !important;}#meet .meet-rebuilt-inner {grid-template-columns:1fr !important;}#meet .meet-rebuilt-art {min-height:340px !important;}#meet .meet-rebuilt-copy {padding:24px 18px !important; border-radius:26px !important;}}


/* MEET TELLI — remove legacy beach background; canyon is the only background. */
html body section#meet.meet-telli-rebuilt {
 background: url('assets/telli-grand-canyon-concept.webp') center center / cover no-repeat !important;
 background-color: #b97149 !important;
 padding: 38px 3.2vw !important;
 border: 0 !important;
 min-height: 760px !important;
 isolation: isolate !important;
}
html body section#meet.meet-telli-rebuilt::before,
html body section#meet.meet-telli-rebuilt::after {content:none !important;display:none !important;}
html body #meet .meet-green-poster {display:none !important;}
html body #meet .meet-rebuilt-inner {display:grid !important;grid-template-columns:48% 52% !important;gap:0 !important;align-items:center !important;max-width:1450px !important;margin:0 auto !important;}
html body #meet .meet-rebuilt-art {min-height:750px !important;background:none !important;}
html body #meet .meet-rebuilt-art img {display:none !important;}
html body #meet .meet-rebuilt-copy {
 display:block !important;position:relative !important;
 background:#fffaf0 !important;backdrop-filter:none !important;
 border:3px solid #F7C948 !important;border-radius:36px !important;
 box-shadow:0 5px 20px rgba(51,51,51,.13) !important;
 padding:28px clamp(20px,3vw,50px) !important;
 width:100% !important;max-width:none !important;box-sizing:border-box !important;
 color:#333333 !important;
}
html body #meet .meet-rebuilt-copy p {color:#333333 !important;}
html body #meet .meet-rebuilt-copy .word-kindness {color:#FF6B8A !important;}
html body #meet .meet-rebuilt-copy .word-turtle {color:#3C7A3E !important;}
@media(max-width:760px){
 html body section#meet.meet-telli-rebuilt {background-position:30% center !important;padding:26px 12px !important;}
 html body #meet .meet-rebuilt-inner {grid-template-columns:1fr !important;}
 html body #meet .meet-rebuilt-art {min-height:330px !important;}
 html body #meet .meet-rebuilt-copy {padding:24px 18px !important;}
}

/* How to Telli: Soli PX headings only. Preserve all other styling. */
#share .share-eyebrow,
#share .share-found-name,
#share .share-moment,
#share .share-congrats,
#share #share-title {
  font-family: 'Soli PX', 'Lilita One', sans-serif !important;
}

/* Show the approved updated How to Telli artwork on every screen size. */
#how .how-infographic-wrap {display:block!important;}
#how .telli-tradition-mobile {display:none!important;}

/* Approved How to Telli refinement: soften outer frame; leave original artwork untouched. */
#how .how-infographic-wrap {
  width:min(100%,1080px);
  padding:clamp(18px,3vw,34px);
  margin:36px auto 46px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
}
#how .how-infographic {border-radius:0;}
@media(max-width:650px){#how .how-infographic-wrap{padding:16px;margin:24px auto 34px;}}

/* Corrected How to Telli frame: restore turquoise outline around original artwork. */
#how .how-infographic-wrap {
  width: min(100%, 1080px) !important;
  padding: clamp(18px, 3vw, 34px) !important;
  margin: 36px auto 46px !important;
  background: rgba(254,254,254,.055) !important;
  border: 2px solid rgba(121,215,227,.70) !important;
  border-radius: 28px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.18) !important;
}
#how .how-infographic { border-radius: 0 !important; }

/* Requested font change: Share Your Telli Story button only. */
.hub-gallery-share > span:not([aria-hidden]) { font-family: "Caveat Brush", "Caveat", cursive !important; font-weight: 700; font-size: 1.35em; line-height: 1; }

/* Approved: Share My Telli Adventure submit button typography only. */
#telli-story-form button[type="submit"] { font-family: "Caveat Brush", "Caveat", cursive !important; font-weight: 700; }

/* Approved size adjustment: Share My Telli Adventure button only. */
#telli-story-form button[type="submit"] { font-size: 1.65rem !important; padding: 17px 36px !important; min-height: 62px !important; line-height: 1.15 !important; }
@media (max-width: 600px) { #telli-story-form button[type="submit"] { font-size: 1.4rem !important; padding: 15px 25px !important; min-height: 56px !important; max-width: 100%; } }

/* Shop approval: keep Coming Soon button dimensions, update lettering only. */
#shop .coming{font-family:"Caveat Brush","Caveat",cursive!important;font-weight:400!important;letter-spacing:0!important;font-size:1.7rem!important;line-height:1!important;}

/* Say Hello approved refinements (2026-10-30): keep Telli green, remove sprout; enlarge community heading 25%. */
#contact .contact-dotless-i::after{content:none!important;display:none!important;background:none!important;}
#contact .telli-community-heading{font-size:clamp(1.6875rem,3.25vw,2.5rem)!important;font-family:'Soli PX',var(--font-brand,'Lilita One'),sans-serif!important;}

/* Approved Say Hello wordmark: standard dotted i */
.contact-telli-word { text-decoration: none; }

/* Approved 2026-10-31 Look Who Found Telli artwork */
#share .look-who-found-banner { display:block; width:100%; max-width:1648px; height:auto; margin:0 auto 32px; border-radius:16px; }
#share .visually-hidden-share { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:640px){#share .look-who-found-banner{border-radius:8px;margin-bottom:22px}}


/* Approved starry-night continuation for Look Who Found Telli — 2026-10-31.
   Keeps the existing artwork, QR destination and live social links intact. */
html body section#share.telli-share-section {
  background: #061b41 url('assets/telli-starry-cards-bg.jpg') center center / cover no-repeat !important;
  background-image: url('assets/telli-starry-cards-bg.jpg') !important;
  padding-top: clamp(28px, 4vw, 54px) !important;
}
html body section#share.telli-share-section::before,
html body section#share.telli-share-section::after { display:none !important; }
#share .look-who-found-banner { margin-bottom: clamp(18px, 2.4vw, 30px) !important; }
#share .share-action-grid { margin-top: 0 !important; gap: clamp(16px, 2vw, 26px) !important; }
html body #share .share-action-grid > .share-qr-panel,
html body #share .share-action-grid > .share-social-panel {
  background: linear-gradient(rgba(4,21,57,.23),rgba(4,21,57,.35)),url('assets/telli-starry-cards-bg.jpg') center / cover no-repeat !important;
  border: 3px solid #79D7E3 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.25) !important;
  color: #fff !important;
}
html body #share .share-qr-panel strong { color: #79D7E3 !important; }
html body #share .share-qr-panel > span,
html body #share .share-social-panel > p,
html body #share .share-social-panel .share-note { color: #fff !important; }
html body #share .share-social-panel h3 { color: #fff !important; }
html body #share .share-social-panel h3 .share-telli-word { color: #AECF28 !important; }
html body #share .share-social-panel .share-tags { color: #79D7E3 !important; }
@media(max-width:700px){
 html body section#share.telli-share-section{background-size:cover !important; padding-top:24px !important;}
 #share .share-action-grid {gap:18px !important;}
}

/* New approved Say Hello artwork: replaces previous heading, mascot and real-stories heading; preserve story gallery and contact links. */
#contact.section.centered { padding-top: 1.25rem !important; }
#contact .say-hello-artwork { width: min(100%, 1400px); margin: 0 auto 1.6rem; }
#contact .say-hello-artwork img { display:block; width:100%; height:auto; border:0; mix-blend-mode:multiply; }
@media(max-width:700px){ #contact.section.centered {padding-top: .7rem !important;} #contact .say-hello-artwork{margin-bottom:1.2rem;} }

/* New Adventure homepage artwork: no old invisible CTA hotspot */
.hero.hero-art .hero-image-button {display:none!important;}

/* Consistent Telli section transitions: navy stars, aqua wave, charcoal base. */
.telli-universal-divider{display:block;width:100%;height:clamp(58px,8.3vw,120px);overflow:hidden;line-height:0;background:#333333;position:relative;z-index:2;}
.telli-universal-divider svg{display:block;width:100%;height:100%;}
@media(max-width:600px){.telli-universal-divider{height:65px;}}

/* EXPERIMENTAL PREVIEW: turtle tracks on sand as universal section borders */
.telli-universal-divider {
  height: clamp(90px, 10vw, 150px);
  background: #e6b878 url('assets/telli-sand-tracks-divider.webp') center 54% / cover no-repeat;
  border-top: 3px solid #f7c948;
  border-bottom: 3px solid #79d7e3;
}
.telli-universal-divider svg {display:none!important;}
@media(max-width:600px){.telli-universal-divider{height:85px;background-position: center center;}}

/* Approved thin turtle-track dividers, including the Say Hello-to-footer boundary */
.telli-universal-divider {
 height: clamp(42px, 4.5vw, 66px);
 background: #e9bf7f url('assets/telli-thin-sand-border.jpg') center center / 100% 100% no-repeat;
 border-top: 2px solid #79D7E3;
 border-bottom: 2px solid #79D7E3;
 box-sizing: border-box;
}
@media (max-width:600px) { .telli-universal-divider {height: 43px; background-size: auto 100%;} }

/* 2026-11-01 targeted Adventure Hub spacing and turtle-track boundary fix.
   Remove the dark empty strip above the approved artwork; preserve its contents. */
html body section#adventures.telli-hub.section {
  padding-top: 0 !important;
}
html body #adventures .hub-art-wrap {
  margin-top: 0 !important;
}
/* Existing divider immediately after the Adventure Hub: use the approved thin tracks. */
html body section#adventures + .telli-universal-divider {
  display: block !important;
  height: clamp(42px, 4.5vw, 66px) !important;
  background: #e9bf7f url('assets/telli-thin-sand-border.jpg') center center / 100% 100% no-repeat !important;
  border-top: 2px solid #79D7E3 !important;
  border-bottom: 2px solid #79D7E3 !important;
}
@media(max-width:600px) {
  html body section#adventures + .telli-universal-divider {
    height:43px !important;
    background-size:auto 100% !important;
  }
}

/* Adventure Hub artwork bottom border: replace the ocean-wave strip with the approved thin turtle tracks in sand. */
html body #adventures.telli-hub .hub-art-wrap::after {
  content:"" !important; display:block !important;
  height:clamp(38px,4.5vw,65px) !important;
  margin-top:0 !important;
  background:#e9bf7f url("assets/telli-sand-tracks-divider.webp") center center / cover no-repeat !important;
  border-top:2px solid #79d7e3 !important;
  border-bottom:2px solid #79d7e3 !important;
}

/* FINAL APPROVED TURTLE TRACKS: exact strip cropped from user-approved reference. */
html body .telli-universal-divider,
html body section#adventures + .telli-universal-divider {
 display:block !important;
 height:clamp(42px,4.5vw,61px) !important;
 background:#e9bf7f url('assets/telli-approved-turtle-tracks-border.png') center center / 100% 100% no-repeat !important;
 border:0 !important;
 margin:0 !important;
 padding:0 !important;
 box-sizing:border-box !important;
}
html body .telli-universal-divider svg {display:none !important;}
/* Replace the older separate Adventure Hub wave strip with the identical approved design. */
html body #adventures.telli-hub .hub-art-wrap::after {
 background:#e9bf7f url('assets/telli-approved-turtle-tracks-border.png') center center / 100% 100% no-repeat !important;
 border:0 !important;
}
@media(max-width:600px) {
 html body .telli-universal-divider,
 html body section#adventures + .telli-universal-divider {height:43px !important;background-size:100% 100% !important;}
}

/* Approved full-width kindness artwork in place of the former beach/skateboard graphic. */
#telli-kindness-placeholder{}
.telli-hub .telli-gallery-skateboard-feature{width:100vw;max-width:none;margin:28px 0 34px;position:relative;left:50%;transform:translateX(-50%);padding:0;}
.telli-hub .telli-gallery-skateboard-feature img{width:100%;height:auto;display:block;border-radius:0;box-shadow:none;object-fit:contain;}
@media(max-width:700px){.telli-hub .telli-gallery-skateboard-feature{margin:18px 0 24px;}}

/* 2026-11-01: Make only the two approved Adventure Hub feature images full bleed.
   Preserve the original images, proportions, section order, and turtle-track dividers. */
html body #adventures.telli-hub .hub-art-wrap,
html body #adventures.telli-hub .community-scrapbook-heading {
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  box-sizing:border-box !important;
}
html body #adventures.telli-hub .hub-art-wrap .hub-art-approved {
  display:block !important;
  width:100% !important;
  height:auto !important;
}
html body #adventures.telli-hub .community-scrapbook-heading {
  aspect-ratio:16 / 9 !important;
  background-size:100% 100% !important;
  background-position:center center !important;
}

/* Approved ocean-water Telli Tradition infographic: hide redundant live overlay headings,
   keep the entire original poster visible at all viewport sizes. */
#how { background:#087d9e !important; padding:0 !important; max-width:none !important; overflow:hidden; }
#how > .tradition-coastal-accent, #how > .tradition-title, #how > h2,
#how > .telli-tradition-mobile {display:none !important;}
#how > .how-infographic-wrap {width:100% !important;max-width:100% !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;}
#how .how-infographic {display:block !important;width:100% !important;height:auto !important;max-width:none !important;border-radius:0 !important;object-fit:contain !important;}

/* Approved refinement: display Telli Tradition poster at 80% width, centered. */
#how > .how-infographic-wrap {
  width:80% !important;
  max-width:1050px !important;
  margin:0 auto !important;
}
#how .how-infographic {width:100% !important;max-width:100% !important;height:auto !important;}
@media (max-width:650px) {#how > .how-infographic-wrap {width:94% !important;}}

/* Approved ocean artwork: full-bleed water with poster at ~70% within image */
#how > .how-infographic-wrap {width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;}
#how .how-infographic {width:100% !important;height:auto !important;display:block !important;}
@media(max-width:650px){#how > .how-infographic-wrap{width:100% !important;}}

/* Approved: one solid charcoal divider between Adventure Gallery and Kindness Mission artwork.
   Remove the former light/cream separation; leave all other sections untouched. */
html body #adventures.telli-hub .telli-gallery-skateboard-feature {
  margin-top:0 !important;
  border-top:56px solid #333333 !important;
  padding-top:0 !important;
  background:#333333 !important;
}
@media(max-width:700px){
  html body #adventures.telli-hub .telli-gallery-skateboard-feature {
    margin-top:0 !important;
    border-top-width:40px !important;
  }
}

/* Requested single charcoal divider between Adventure Hub artwork and Community Gallery. */
html body #adventures.telli-hub .hub-art-wrap::after {
  content: "" !important;
  display: block !important;
  height: clamp(42px, 4.5vw, 66px) !important;
  background: #333333 !important;
  background-image: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Our Story: remove the extra white frame around the approved kindness quote only. */
#story.story-rebuilt .story-rebuilt-right img.story-journey-quote-image,
#story.story-rebuilt .story-mobile-collage img.story-journey-quote-image {
  box-sizing: border-box !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 18px !important;
}

/* 2026-11-01 visibly more compact desktop preview. No image pixels or wording changed. */
@media (min-width: 900px) {
  html body .hero.hero-art { max-width: 100% !important; }
  html body section.home-intro { padding-top: 32px !important; padding-bottom: 34px !important; }
  html body section#meet { padding-top: 35px !important; padding-bottom: 35px !important; }
  html body section#share { padding-top: 32px !important; padding-bottom: 36px !important; }
  html body section#story { padding-top: 40px !important; padding-bottom: 42px !important; }
  html body section#shop { padding-top: 36px !important; padding-bottom: 40px !important; }
  html body section#contact { padding-top: 25px !important; padding-bottom: 36px !important; }
  html body #adventures.telli-hub { padding-bottom: 35px !important; }
  html body #adventures.telli-hub .hub-art-wrap,
  html body #adventures.telli-hub .community-scrapbook-heading {
    width: 86vw !important; max-width: 1300px !important;
    margin-left: auto !important; margin-right: auto !important;
    left: auto !important; transform: none !important;
  }
  html body #adventures.telli-hub .community-scrapbook-heading {aspect-ratio:16 / 9 !important;}
  html body #adventures.telli-hub .telli-gallery-skateboard-feature {
    width: 86vw !important; max-width: 1300px !important;
    left: auto !important; transform: none !important;
    margin-left: auto !important; margin-right: auto !important;
  }
  html body #how .how-infographic-wrap {width: 86% !important; max-width: 1160px !important; margin: 0 auto !important;}
  html body #contact .say-hello-artwork {width: 80% !important; max-width: 1050px !important;}
  html body #story .story-rebuilt-right {max-width: 97.75% !important; margin-left: auto !important; margin-right: auto !important;}
  html body #story .story-journey-quote-image {max-width: 90% !important; margin-left: auto !important; margin-right: auto !important; display:block !important;}
  html body section:not(.hero) h1, html body section:not(.hero) h2 {font-size: clamp(28px, 3.6vw, 53px) !important;}
  html body section:not(.hero) h3 {font-size: clamp(23px, 2.7vw, 38px) !important;}
  html body section:not(.hero) p {line-height:1.5 !important;}
}
@media (min-width: 700px) and (max-width: 899px) {
  html body #adventures.telli-hub .hub-art-wrap,
  html body #adventures.telli-hub .community-scrapbook-heading,
  html body #adventures.telli-hub .telli-gallery-skateboard-feature {width:92vw !important;max-width:92vw !important;left:auto !important;transform:none !important;margin-left:auto !important;margin-right:auto !important;}
  html body #contact .say-hello-artwork {width:90% !important;}
}

/* Requested: Look Who Found Telli section approximately 30% more compact.
   Starry background remains exactly as previously approved. */
@media (min-width: 900px) {
  html body section#share.telli-share-section {
    padding-top: 22px !important;
    padding-bottom: 25px !important;
  }
  html body #share .telli-share-wrap {
    width: 70% !important;
    max-width: 812px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body #share .look-who-found-banner {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 16px !important;
  }
  html body #share .share-action-grid {
    gap: 16px !important;
    margin-top: 0 !important;
  }
  html body #share .share-action-grid > * {
    padding: 20px !important;
  }
}
@media (min-width: 700px) and (max-width: 899px) {
  html body section#share.telli-share-section {padding-top: 30px !important;padding-bottom: 34px !important;}
  html body #share .telli-share-wrap {width: 82% !important;margin:0 auto !important;}
}
@media (max-width: 699px) {
  html body section#share.telli-share-section {padding-top: 30px !important;padding-bottom: 40px !important;}
  html body #share .look-who-found-banner {margin-bottom: 16px !important;}
}

/* Targeted Our Story adjustment: keep top-left leaves clear of opening text. */
#story.story-rebuilt .story-palm-top { left:-105px!important; top:-65px!important; }
@media (max-width:650px) { #story.story-rebuilt .story-palm-top { left:-90px!important; top:-48px!important; } }

/* Our Story header only: let the section cream background show through. */
#story.story-rebuilt > .story-rebuilt-header { background: transparent !important; background-image: none !important; box-shadow: none !important; }

/* Our Story founder closing: three approved targeted refinements. */
#story.story-rebuilt .story-rebuilt-closing::after{
  right:-76px!important;bottom:-48px!important;
  width:205px!important;height:155px!important;
  opacity:.46!important;
}
#story.story-rebuilt .story-rebuilt-signature > p.story-founder-count{
  font-size:clamp(18.4px,1.84vw,24.15px);
  line-height:1.45;
}
#story.story-rebuilt .story-rebuilt-signature .founder{
  margin-top:18px;
}
#story.story-rebuilt .story-rebuilt-signature .founder-caption{
  position:relative;z-index:1;
  margin-bottom:10px;
}
@media(max-width:650px){
 #story.story-rebuilt .story-rebuilt-closing::after{right:-85px!important;bottom:-65px!important;width:165px!important;height:125px!important;}
}

/* Mission panel: balanced spacing above/below, rounded Turtle Water outline. */
html body #adventures.telli-hub figure.telli-gallery-skateboard-feature {
  margin-top: 64px !important; margin-bottom: 64px !important;
  border: 0 !important; padding: 0 !important;
  background: transparent !important;
}
html body #adventures.telli-hub figure.telli-gallery-skateboard-feature img {
  border: 2px solid #79D7E3 !important;
  border-radius: 24px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
@media(max-width:700px){
 html body #adventures.telli-hub figure.telli-gallery-skateboard-feature {margin-top:36px !important;margin-bottom:36px !important;}
 html body #adventures.telli-hub figure.telli-gallery-skateboard-feature img {border-radius:18px !important;}
}

/* Mission artwork: image clipped cleanly within the rounded Turtle Water border. */
html body #adventures.telli-hub figure.telli-gallery-skateboard-feature {
  border:2px solid #79D7E3 !important; border-radius:24px !important;
  overflow:hidden !important; box-sizing:border-box !important;
}
html body #adventures.telli-hub figure.telli-gallery-skateboard-feature > img {
  display:block !important; width:100% !important; max-width:100% !important;
  height:auto !important; border:0 !important; border-radius:0 !important;
  margin:0 !important; padding:0 !important; box-sizing:border-box !important;
}
@media(max-width:700px){html body #adventures.telli-hub figure.telli-gallery-skateboard-feature{border-radius:18px !important;}}

/* Replace previous quote ribbon with supplied artwork */
.community-shell-quote.community-shell-image{background:none!important;box-shadow:none!important;padding:0!important;border:0!important;border-radius:0!important;max-width:880px;width:100%;overflow:hidden;margin:32px auto 14px!important}
.community-shell-image img{display:block;width:100%;height:auto;object-fit:contain}

/* Clean transparent Life is Better Outside Your Shell banner, 30% smaller */
.community-shell-quote.community-shell-image{width:70%!important;max-width:616px!important;overflow:visible!important;margin:48px auto 42px!important}
.community-shell-image img{width:100%!important;height:auto!important;object-fit:contain!important}
@media(max-width:700px){.community-shell-quote.community-shell-image{width:90%!important;margin:28px auto!important}}

/* Telli banner final brand colors; remove decorative pink heart over right hibiscus */
.community-scrapbook-wrap::after{display:none!important;content:none!important}

/* Community banner: editable, exact brand colors; no embedded backgrounds or duplicate hearts */
.community-scrapbook-wrap{background-image:none!important;background-color:transparent!important}
.community-scrapbook-wrap::before,.community-scrapbook-wrap::after{content:none!important;display:none!important;background:none!important}
.community-shell-quote.community-shell-typography{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,26px);width:100%!important;max-width:1120px!important;margin:48px auto 42px!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.community-shell-typography p{margin:0;white-space:nowrap;text-align:center;font-family:'Caveat Brush','Caveat',cursive;font-size:clamp(18px,3.15vw,43px);font-weight:700;line-height:1.2;letter-spacing:-.025em}
.community-shell-typography .shell-hibiscus{width:clamp(55px,10%,115px);height:auto;object-fit:contain;flex-shrink:0}
.community-shell-typography .shell-life{color:#FF6B8A}.community-shell-typography .shell-white{color:#FEFEFE}.community-shell-typography .shell-better{color:#F7C948}.community-shell-typography .shell-blue{color:#306AC6}.community-shell-typography .shell-heart{color:#FF3131;margin-left:.16em;font-family:Arial,sans-serif;font-weight:400}
@media(max-width:700px){.community-shell-quote.community-shell-typography{gap:5px!important;margin:30px auto!important}.community-shell-typography p{font-size:clamp(10px,2.9vw,20px);letter-spacing:-.04em}.community-shell-typography .shell-hibiscus{width:12%}}

/* Fix inherited last-child coral rule overriding SHELL. */
.community-shell-quote.community-shell-typography p span.shell-blue,
.community-shell-quote.community-shell-typography p span.shell-blue:last-child{color:#306AC6!important;}
.community-shell-quote.community-shell-typography p span.shell-white{color:#FEFEFE!important;}
.community-shell-quote.community-shell-typography p span.shell-heart{color:#FF3131!important;margin-left:.22em!important;}
.community-shell-quote.community-shell-typography p{word-spacing:.045em;}

/* Updated community artwork; existing section spacing intentionally unchanged */
.telli-community-postcard .telli-community-new-heading{display:block;width:min(80%,920px);height:auto;margin:0 auto 12px;mix-blend-mode:screen;}

/* 2026-11-02: tighten only the gap after the Life is Better banner.
   Shift the community heading and beach artwork together; preserve their overlap. */
#adventures .telli-approved-adventures:not([hidden]) { margin-top:-65px!important; }
@media(max-width:700px){#adventures .telli-approved-adventures:not([hidden]){margin-top:-24px!important;}}

/* Approved: Life is Better Outside Your Shell in White Sands */
.community-shell-typography p .shell-life,
.community-shell-typography p .shell-white,
.community-shell-typography p .shell-better,
.community-shell-typography p .shell-blue { color:#FEFEFE!important; -webkit-text-fill-color:#FEFEFE!important; }

/* Approved Turtle Water / White Sands community saying banner */
.community-shell-banner { display:flex !important; justify-content:center; align-items:center; width:100%; max-width:1100px; margin: 22px auto 28px; padding:0 12px; background:transparent !important; border:0 !important; box-shadow:none !important; min-height:0 !important; }
.community-shell-banner img { display:block; width:100%; height:auto; max-width:1050px; object-fit:contain; }
@media (max-width:600px) { .community-shell-banner { padding:0 8px; margin:16px auto 22px; } }

/* Requested: reduce approved Life Is Better banner by 15%, preserve centered layout */
.community-shell-banner img { width:72.25% !important; max-width:758.625px !important; margin-inline:auto !important; }

/* Journey artwork replacement — preserve interactive adventure map below */
.telli-journey-theme.telli-journey-replaced{background:transparent;border:0;border-radius:0;overflow:visible;padding:0 16px 10px;margin:40px auto 0;max-width:1160px;display:flex;flex-direction:column;align-items:center;gap:16px}
.telli-journey-theme.telli-journey-replaced::before,.telli-journey-theme.telli-journey-replaced::after{display:none!important}
.telli-journey-new-heading{display:block;width:min(58%,650px);height:auto;object-fit:contain}
.telli-journey-new-art{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:750px){.telli-journey-theme.telli-journey-replaced{margin-top:26px;padding:0 6px 8px;gap:10px}.telli-journey-new-heading{width:85%}}
/* Journey sunset artwork: 10% smaller, heading and other sections unchanged. */
.telli-journey-theme.telli-journey-replaced .telli-journey-new-art { width:90%; max-width:90%; margin-inline:auto; }

/* Journey image reduced by another 15% from approved 90% size. */
.telli-journey-theme.telli-journey-replaced .telli-journey-new-art {width:76.5% !important;max-width:76.5% !important;margin-inline:auto !important;}

/* Reduce THE JOURNEY heading to 50% of its previous displayed size; preserve map image. */
.telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {width:min(29%,325px) !important;max-width:29% !important;}
@media(max-width:750px){.telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {width:42.5% !important;max-width:42.5% !important;}}

/* Adventure Hub heading standard: match the approved Journey heading width. */
#adventures .telli-community-updated .telli-community-heading-art {width:min(29%,325px)!important;max-width:325px!important;height:auto!important;margin-inline:auto!important;}
@media(max-width:700px){#adventures .telli-community-updated .telli-community-heading-art {width:min(72vw,325px)!important;}}

/* Correct community lettering visual height to match Journey (different source artwork aspect ratios). */
#adventures .telli-community-updated .telli-community-heading-art{width:min(85vw,700px)!important;max-width:700px!important;height:auto!important;margin-inline:auto!important;}
@media(max-width:700px){#adventures .telli-community-updated .telli-community-heading-art{width:min(90vw,700px)!important;}}

/* 2026-11-02: match Community heading visual lettering height to Journey; overlap Journey art. */
#adventures .telli-community-updated .telli-community-heading-art {width:min(54vw,440px)!important;max-width:440px!important;height:auto!important;}
@media(max-width:700px){#adventures .telli-community-updated .telli-community-heading-art {width:min(82vw,440px)!important;max-width:440px!important;}}
#adventures .telli-journey-theme.telli-journey-replaced {gap:0!important;}
#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {position:relative!important;z-index:2!important;margin-bottom:-35px!important;}
#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-art {position:relative!important;z-index:1!important;}
@media(max-width:750px){#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {margin-bottom:-16px!important;}}

/* Fine-tune Journey heading: lower by another 10px without changing artwork or other sections. */
#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {transform:translateY(10px)!important;}
@media(max-width:750px){#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading {transform:translateY(6px)!important;}}

/* Corrected 2026-11-02: match actual letter height, not image width.
   Community source is much wider and shorter than Journey artwork. */
#adventures .telli-community-updated .telli-community-heading-art {
  width:min(90vw,610px)!important;
  max-width:610px!important;
  height:auto!important;
}
@media(max-width:700px){
  #adventures .telli-community-updated .telli-community-heading-art {
    width:min(94vw,610px)!important;
    max-width:610px!important;
  }
}

/* Targeted adjustment: FOR THE COMMUNITY heading enlarged an additional 15%; THE TELLI COMMUNITY unchanged. */
#adventures .telli-community-updated .telli-community-heading-art {width:min(58.917375vw,399.328875px)!important;max-width:399.328875px!important;}
@media(max-width:700px){#adventures .telli-community-updated .telli-community-heading-art {width:min(61.535925vw,399.328875px)!important;max-width:399.328875px!important;}}

/* Balanced Journey map panels: 10% tighter spacing and slightly narrower paired cards.
   Scoped to this two-column map only; preserve artwork, map and controls. */
@media (min-width: 751px) {
  #adventures .hub-map.journey-map-themed {
    width: 94% !important;
    max-width: 1180px !important;
    margin: 12px auto 0 !important;
    gap: 22px !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    align-items: stretch !important;
  }
  #adventures .hub-map.journey-map-themed > .hub-map-visual,
  #adventures .hub-map.journey-map-themed > .hub-map-copy {
    min-width: 0;
    box-sizing: border-box;
    height: 100%;
  }
  #adventures .hub-map.journey-map-themed > .hub-map-copy {
    padding: 25px !important;
  }
}
@media (max-width: 750px) {
  #adventures .hub-map.journey-map-themed {
    width: 100% !important;
    margin: 12px auto 0 !important;
    gap: 16px !important;
  }
}

/* Journey paired boxes: additional 15% width reduction, centered; preserve equal height and mobile layout. */
@media (min-width: 751px) {
  #adventures .hub-map.journey-map-themed {
    width: 79.9% !important;
    max-width: 1003px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Replace the bottom botanical divider in the map submission box with horizontal turtle tracks. */
.hub-map-copy::after{background-image:url("assets/telli-horizontal-turtle-tracks.png")!important;background-position:center center!important;background-size:contain!important;height:155px!important;}
@media(max-width:700px){.hub-map-copy::after{height:100px!important;}}

/* Approved Share Your Telli Story image: preserve open space for the overlapping YOUR STORY title. */
#hub-share.telli-story-image-heading{position:relative;max-width:803.25px;width:76.5%;box-sizing:border-box;padding:0!important;margin:105px auto 24px!important;isolation:isolate;}
#hub-share.telli-story-image-heading::before,#hub-share.telli-story-image-heading::after{display:none!important;}
#hub-share .telli-story-approved-banner{display:block;width:100%;height:auto;object-fit:contain;border-radius:22px;}
#hub-share .telli-your-story-overlay{position:absolute;top:0;left:50%;transform:translate(-50%,-55%);z-index:2;white-space:nowrap;color:#79D7E3;font-family:'Soli PX','Caveat Brush',cursive;font-size:clamp(2rem,4.2vw,3.8rem);font-weight:800;letter-spacing:0;text-shadow:0 2px 3px #303030;}
@media(max-width:700px){#hub-share.telli-story-image-heading{margin-top:77px!important;}#hub-share .telli-your-story-overlay{font-size:clamp(1.7rem,7vw,2.7rem);}}

/* Custom YOUR STORY heading image: centered across top edge of story banner */
.telli-your-story-overlay.telli-your-story-custom-heading{position:absolute;top:0;left:50%;transform:translate(-50%,-55%);width:min(32%,360px);height:auto;max-width:85%;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 2px rgba(30,30,30,.5));}
@media(max-width:600px){.telli-your-story-overlay.telli-your-story-custom-heading{width:45%;}}

/* YOUR STORY: approved 15% narrower form, centered; retain responsive layout and fields. */
#telli-story-form.telli-story-journal-form{max-width:722.5px;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto;}

/* Telli Community postcard: matching thin Turtle Water outline outside the image. */
#adventures .telli-community-postcard img.telli-postcard-art {border:2px solid #79D7E3 !important;border-radius:25px !important;box-sizing:border-box !important;overflow:hidden !important;}
@media(max-width:700px){#adventures .telli-community-postcard img.telli-postcard-art{border-radius:16px !important;}}

/* Coastal Telluride artwork: thin Turtle Water border and rounded corners */
.hero.hero-art img.hero-brand-art {border: 2px solid #79D7E3 !important; border-radius: 20px !important; box-sizing: border-box; overflow: hidden;}

/* Targeted update: thin Turtle Water outline on the existing Look Who Found Telli banner. */
html body #share img.look-who-found-banner { border: 2px solid #79D7E3 !important; border-radius: 18px !important; box-sizing: border-box !important; }

/* Continuous Shop to Say Hello layout */
html body #shop.section.shop,html body #contact.section.centered{background-color:#fff9ef!important}
html body #shop.section.shop{padding-bottom:18px!important}
html body #contact.section.centered{padding-top:18px!important;background-image:none!important;background-position:left bottom!important;background-repeat:no-repeat!important}
html body #contact .say-hello-artwork{width:min(90%,1050px)!important;margin:0 auto 12px!important}
html body #contact .say-hello-artwork img{display:block;width:100%;height:auto;mix-blend-mode:normal!important;border:0!important;border-radius:18px}
html body #contact .telli-community-gallery{margin-top:18px!important}

/* Footer artwork with transparent backgrounds and no outlines */
html body footer{background:#101010!important;padding:32px 18px 42px!important;text-align:center!important;}
html body footer .footer-art-logo{display:block;width:min(41.16%,462px)!important;max-width:462px!important;height:auto!important;margin:0 auto 18px!important;object-fit:contain!important;}
html body footer .footer-art-navigation{position:relative;width:min(38.64%,331.8px);margin:0 auto;}
html body footer .footer-art-navigation>img{display:block;width:100%;height:auto;max-width:none!important;}
html body footer .footer-art-links{position:absolute;top:28%;left:12%;width:78%;height:16%;display:flex;gap:0;}
html body footer .footer-art-links a{display:block;height:100%;position:relative;opacity:0;pointer-events:auto;}
html body footer .footer-art-links a.home{width:15%;}html body footer .footer-art-links a.hub{width:31%;}html body footer .footer-art-links a.shop{width:28%;}html body footer .footer-art-links a.contact{width:26%;}
html body footer .footer-art-links a:focus-visible{opacity:1;outline:2px solid #79D7E3;background:rgba(121,215,227,.15);border-radius:8px;}

/* Footer only: tighten vertical spacing between the two approved half-size images. */
html body footer .footer-art-logo{margin-bottom:5px!important;}
html body footer .footer-art-navigation{margin-top:0!important;}
html body footer{padding-top:18px!important;padding-bottom:22px!important;}

/* Footer only: reduce remaining surrounding whitespace by approximately 25%; preserve image sizes and links. */
html body footer{padding-top:13.5px!important;padding-bottom:16.5px!important;}
html body footer .footer-art-logo{margin-bottom:3.75px!important;}

/* Compact footer: trim transparent margins in the two artwork assets, preserve their visual scale. */
html body footer{padding:10px 18px 14px!important;}
html body footer .footer-art-logo{width:min(36.86%,413px)!important;max-width:413px!important;margin:0 auto 7px!important;}
html body footer .footer-art-navigation{width:min(36.93%,317px)!important;margin:0 auto!important;position:relative!important;}
/* Transparent clickable hit areas positioned directly over the lettering. */
html body footer .footer-art-links{position:absolute!important;top:34.5%!important;left:0!important;width:100%!important;height:12%!important;display:block!important;pointer-events:none!important;}
html body footer .footer-art-links a{position:absolute!important;top:0!important;height:100%!important;display:block!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;}
html body footer .footer-art-links a.home{left:10.8%!important;width:10.5%!important;}
html body footer .footer-art-links a.hub{left:23.1%!important;width:28.5%!important;}
html body footer .footer-art-links a.shop{left:53.2%!important;width:19.5%!important;}
html body footer .footer-art-links a.contact{left:74.2%!important;width:16%!important;}
html body footer .footer-art-links a:focus-visible{opacity:1!important;outline:2px solid #79D7E3!important;background:rgba(121,215,227,.15)!important;}

/* Footer refinement: Campfire Charcoal background and animated navigation hover. */
html body footer{background-color:#333333!important;}
html body footer .footer-art-links a{transition:transform .2s ease,filter .2s ease!important;}
html body footer .footer-art-links a::after{content:"";position:absolute;left:8%;right:8%;bottom:-4px;height:2px;border-radius:3px;background:#79D7E3;opacity:0;transform:translateY(5px) scaleX(.65);transition:opacity .2s ease,transform .2s ease;pointer-events:none;}
html body footer .footer-art-links a:hover,html body footer .footer-art-links a:focus-visible{transform:translateY(-3px)!important;}
html body footer .footer-art-links a:hover::after,html body footer .footer-art-links a:focus-visible::after{opacity:1;transform:translateY(0) scaleX(1);}
@media(prefers-reduced-motion:reduce){html body footer .footer-art-links a,html body footer .footer-art-links a::after{transition:none!important;}}

/* Approved replacement artwork for the bottom of Say Hello */
#contact .contact-final-artwork{position:relative;width:min(100%,1320px);margin:0 auto;line-height:0;}
#contact .contact-final-artwork img{display:block;width:100%;height:auto;}
#contact .contact-art-mail,#contact .contact-art-email{position:absolute;display:block;z-index:2;cursor:pointer;border-radius:10px;}
#contact .contact-art-mail{left:29%;top:60%;width:42%;height:13%;}
#contact .contact-art-email{left:27%;top:78%;width:46%;height:10%;}
#contact .contact-art-mail:focus-visible,#contact .contact-art-email:focus-visible{outline:3px solid #306AC6;outline-offset:2px;}

/* Say Hello: no stars/hearts, no botanical leaves, seamless transparent artwork */
html body #contact.section.centered{background-image:none!important;}
html body #contact.section.centered::after,html body #contact.section.centered::before{display:none!important;content:none!important;background:none!important;}
html body #contact .community-between-deco{display:none!important;}
html body #contact .contact-final-artwork{background:transparent!important;box-shadow:none!important;border:none!important;}
html body #contact .contact-final-artwork img{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;}

/* Say Hello CTA: clear interactive hover/focus feedback over the existing artwork. */
#contact .contact-final-artwork .contact-art-mail{border-radius:999px!important;outline:2px solid transparent;outline-offset:3px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease,outline-color .2s ease!important;}
#contact .contact-final-artwork .contact-art-mail:hover,#contact .contact-final-artwork .contact-art-mail:focus-visible{background:rgba(48,106,198,.17)!important;box-shadow:0 5px 18px rgba(48,106,198,.28)!important;outline-color:#79D7E3!important;transform:translateY(-3px) scale(1.025)!important;}
#contact .contact-final-artwork .contact-art-mail:active{transform:translateY(0) scale(.99)!important;}
@media(prefers-reduced-motion:reduce){#contact .contact-final-artwork .contact-art-mail{transition:none!important;}}

/* Unified primary call-to-action styling: Caveat Brush, Adventure Blue pill. */
html body a.btn.primary,html body button.btn.primary,html body a.sendoff-button{
  font-family:'Caveat Brush','Caveat',cursive!important;
  font-size:clamp(21px,2.3vw,30px)!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:#FEFEFE!important;
  background:#306AC6!important;
  border:2px solid #306AC6!important;
  border-radius:999px!important;
  padding:15px 34px!important;
  box-shadow:0 3px 10px rgba(16,16,16,.10)!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  cursor:pointer!important;
  max-width:calc(100% - 24px)!important;
  line-height:1.25!important;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
html body a.sendoff-button span{color:#AECF28!important;}
html body a.btn.primary:hover,html body button.btn.primary:hover,html body a.sendoff-button:hover,
html body a.btn.primary:focus-visible,html body button.btn.primary:focus-visible,html body a.sendoff-button:focus-visible{
  transform:translateY(-3px)!important;
  background:#2557AB!important;
  box-shadow:0 8px 20px rgba(48,106,198,.28)!important;
  outline:3px solid #79D7E3!important;
  outline-offset:3px!important;
}
/* The Say Hello wording is part of its existing image: give the linked area
   the same unmistakable pill silhouette without altering the artwork. */
html body #contact .contact-final-artwork .contact-art-mail{
  border:2px solid transparent!important;
  border-radius:999px!important;
  box-shadow:0 2px 7px rgba(48,106,198,.12)!important;
}
html body #contact .contact-final-artwork .contact-art-mail:hover,
html body #contact .contact-final-artwork .contact-art-mail:focus-visible{
  border-color:#79D7E3!important;
  box-shadow:0 8px 20px rgba(48,106,198,.30)!important;
}
@media(prefers-reduced-motion:reduce){html body a.btn.primary,html body button.btn.primary,html body a.sendoff-button{transition:none!important;}}

/* Brand-color Say Hello artwork and real Caveat Brush CTA */
html body #contact.section.centered{background:#79D7E3!important;}
html body #contact .contact-final-artwork{background:#79D7E3!important;}
html body #contact .contact-final-artwork .contact-art-mail{left:34%!important;top:59%!important;width:32%!important;height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:11px 12px!important;background:#306AC6!important;color:#FEFEFE!important;font-family:'Caveat Brush','Caveat',cursive!important;font-size:clamp(18px,2.7vw,34px)!important;line-height:1.15!important;text-decoration:none!important;border-radius:999px!important;box-shadow:0 5px 14px rgba(48,106,198,.2)!important;transition:transform .2s ease,box-shadow .2s ease!important;}
html body #contact .contact-final-artwork .contact-art-mail:hover,html body #contact .contact-final-artwork .contact-art-mail:focus-visible{background:#306AC6!important;color:#FEFEFE!important;transform:translateY(-3px)!important;box-shadow:0 9px 22px rgba(48,106,198,.36)!important;}
html body #contact .contact-final-artwork .contact-art-email{left:25%!important;top:75%!important;width:50%!important;height:10%!important;}
@media(max-width:600px){html body #contact .contact-final-artwork .contact-art-mail{left:29%!important;width:42%!important;padding:5px!important;font-size:clamp(12px,3vw,19px)!important;}}

/* Say Hello: live lettering without white image outlines, rounded edges, visible CTA */
html body #contact .contact-final-artwork.contact-clean-layout{
  box-sizing:border-box!important;position:relative!important;line-height:normal!important;
  width:min(100% - 32px,1320px)!important;margin:20px auto 26px!important;
  padding:clamp(48px,7vw,100px) clamp(18px,4vw,56px) clamp(38px,5vw,70px)!important;
  background:#79D7E3!important;border-radius:clamp(22px,3vw,42px)!important;
  overflow:hidden!important;text-align:center!important;box-shadow:none!important;
}
html body #contact .contact-clean-title{
  font-family:'Caveat Brush','Caveat',cursive!important;font-size:clamp(29px,4.4vw,68px)!important;
  line-height:1.14!important;font-weight:400!important;letter-spacing:0!important;
  margin:0 auto clamp(38px,5vw,74px)!important;max-width:1200px!important;
  text-shadow:none!important;-webkit-text-stroke:0!important;
}
html body #contact .contact-clean-title span,html body #contact .contact-clean-quote{
  text-shadow:none!important;-webkit-text-stroke:0!important;filter:none!important;
}
html body #contact .contact-pink{color:#FF6B8A!important;}
html body #contact .contact-white{color:#FEFEFE!important;}
html body #contact .contact-gold{color:#F7C948!important;}
html body #contact .contact-blue{color:#306AC6!important;}
html body #contact .contact-green{color:#3C7A3E!important;}
html body #contact .contact-underlined{text-decoration:underline!important;text-decoration-color:#306AC6!important;text-underline-offset:.13em!important;text-decoration-thickness:.065em!important;}
html body #contact .contact-clean-quote{
  font-family:'Caveat Brush','Caveat',cursive!important;color:#3C7A3E!important;
  font-size:clamp(23px,2.75vw,41px)!important;line-height:1.18!important;
  max-width:1150px!important;margin:0 auto clamp(35px,5vw,70px)!important;
  font-weight:400!important;
}
html body #contact .contact-clean-button{
  position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;height:auto!important;min-height:0!important;
  box-sizing:border-box!important;padding:14px 40px!important;
  border:2px solid #306AC6!important;border-radius:999px!important;
  background:#306AC6!important;color:#FEFEFE!important;
  font-family:'Caveat Brush','Caveat',cursive!important;font-size:clamp(24px,2.6vw,36px)!important;
  line-height:1.2!important;text-decoration:none!important;cursor:pointer!important;
  box-shadow:0 5px 13px rgba(16,16,16,.16)!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
html body #contact .contact-clean-button:hover,html body #contact .contact-clean-button:focus-visible{
  background:#2557AB!important;color:#FEFEFE!important;transform:translateY(-3px)!important;
  box-shadow:0 9px 22px rgba(48,106,198,.33)!important;outline:3px solid #FEFEFE!important;outline-offset:3px!important;
}
html body #contact .contact-clean-email{
  position:static!important;display:block!important;width:fit-content!important;max-width:100%!important;
  margin:clamp(24px,3vw,40px) auto 0!important;color:#101010!important;
  font-family:'Aptos',Arial,sans-serif!important;font-size:clamp(15px,2.1vw,29px)!important;
  line-height:1.4!important;text-decoration:none!important;overflow-wrap:anywhere!important;
}
html body #contact .contact-clean-email:hover{text-decoration:underline!important;}
@media(max-width:650px){html body #contact .contact-desktop-break{display:none!important;}html body #contact .contact-final-artwork.contact-clean-layout{width:calc(100% - 20px)!important;padding:42px 16px!important;}html body #contact .contact-clean-button{padding:12px 24px!important;}}
@media(prefers-reduced-motion:reduce){html body #contact .contact-clean-button{transition:none!important;}}

/* Say Hello refinement: White Sands page, softly feathered Turtle Water accent,
   and CTA positioned closer to the quote. Other sections unaffected. */
html body #contact.section.centered{background:#FEFEFE!important;}
html body #contact .contact-final-artwork.contact-clean-layout{
  background:radial-gradient(ellipse 67% 74% at 50% 43%,
    rgba(121,215,227,.85) 0%,rgba(121,215,227,.72) 34%,
    rgba(121,215,227,.38) 64%,rgba(121,215,227,0) 100%)!important;
  border:0!important;box-shadow:none!important;
  border-radius:clamp(22px,3vw,42px)!important;
  padding-bottom:clamp(38px,5vw,70px)!important;
}
html body #contact .contact-clean-quote{
  margin-bottom:clamp(15px,calc(5vw - 20px),50px)!important;
}

/* Say Hello artwork reduced approximately 15%; other sections unchanged. */
html body #contact .contact-final-artwork.contact-clean-layout{
  width:min(85% - 16px,1122px)!important;
  padding:clamp(40px,5.95vw,85px) clamp(16px,3.4vw,48px) clamp(32px,4.25vw,60px)!important;
}
html body #contact .contact-clean-title{font-size:clamp(25px,3.74vw,58px)!important;margin-bottom:clamp(32px,4.25vw,63px)!important;}
html body #contact .contact-clean-quote{font-size:clamp(20px,2.34vw,35px)!important;}
@media(max-width:650px){html body #contact .contact-final-artwork.contact-clean-layout{width:calc(100% - 32px)!important;padding:36px 14px!important;}}

/* Further 15% reduction of Say Hello artwork, relative to previous size. */
html body #contact .contact-final-artwork.contact-clean-layout{width:min(calc(72.25% - 13.6px),953.7px)!important;padding:clamp(34px,5.06vw,72px) clamp(14px,2.89vw,41px) clamp(27px,3.61vw,51px)!important;}
html body #contact .contact-clean-title{font-size:clamp(23px,3.18vw,49px)!important;margin-bottom:clamp(27px,3.61vw,54px)!important;}
html body #contact .contact-clean-quote{font-size:clamp(19px,1.99vw,30px)!important;}
@media(max-width:650px){html body #contact .contact-final-artwork.contact-clean-layout{width:calc(100% - 44px)!important;padding:31px 12px!important;}}

/* Telli Shop: uninterrupted White Sands and no decorative corner foliage. */
html body #shop.section.shop{background:#FEFEFE!important;background-image:none!important;background-color:#FEFEFE!important;}
html body #shop.section.shop::before,html body #shop.section.shop::after{content:none!important;display:none!important;background:none!important;}

/* Approved Adventure Is Better Shared banner: 25% smaller, centered. */
.hub-last{width:75%!important;max-width:75%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}

/* Telli Story submission form: White Sands background */
#telli-story-form, #telli-story-form.telli-story-journal-form { background-color:#FEFEFE !important; background-image:none !important; }

/* Global refinement: remove decorative foliage from every website section.
   Preserve Telli's signature sprout, characters, and non-foliage artwork. */
.kindness-decor-palm, .story-palm, .story-palm-top, .happy-botanical,
.sendoff-leaves, .hub-last .sendoff-leaves,
img[src*="story-tropical-fronds"], img[src*="story-side-greenery"],
img[src*="shop-corner-leaves"], img[src*="botanical-bottom"],
img[src*="kindness-decor-palm"] { display:none!important; }
#story.story-rebuilt .story-rebuilt-closing::after,
#telli-story-form::before, #telli-story-form::after,
#shop.shop::before, #shop.shop::after,
#shop.section.shop::before, #shop.section.shop::after { content:none!important;display:none!important; }
#shop.section.shop, #shop.shop, #contact.section.centered {background-image:none!important;}

/* Foliage-only background layers */
.happy-place-finale::before,.happy-place-finale::after {background-image:none!important;}
#story.story-rebuilt .story-palm-top {background:none!important;}

/* Our Story – approved layout and founder message refinements */
#story.story-rebuilt{background:#fffaf0!important;background-image:none!important}
#story.story-rebuilt .story-rebuilt-copy{line-height:1.52!important}
#story.story-rebuilt .story-rebuilt-copy p{margin-bottom:10px!important}
#story.story-rebuilt .story-rebuilt-copy .story-lead{margin-bottom:16px!important}
#story.story-rebuilt .story-rebuilt-right{display:flex;flex-direction:column;align-items:center;gap:16px}
#story.story-rebuilt .story-rebuilt-right .story-collage-note{margin:0!important}
#story.story-rebuilt .story-rebuilt-right .story-turtle-vertical{margin:0 auto!important}
#story.story-rebuilt .story-rebuilt-closing{margin-top:25px!important;padding-top:26px!important;padding-bottom:26px!important;align-items:center!important;background:rgba(255,255,255,.66)!important}
#story.story-rebuilt .story-rebuilt-signature .story-rebuilt-love{color:#79D7E3!important}
#story.story-rebuilt .story-rebuilt-signature .story-count-telluride{color:#306AC6!important}
#story.story-rebuilt .story-rebuilt-signature .story-count-turtle{color:#3C7A3E!important}
#story.story-rebuilt .story-rebuilt-signature .story-count-smile{color:#F7C948!important}
@media(max-width:850px){#story.story-rebuilt .story-rebuilt-right{gap:14px}#story.story-rebuilt .story-rebuilt-closing{margin-top:24px!important}}

/* 2026-11-04: Visible Journey-only heading and caption spacing correction. */
#adventures .hub-gallery-note + .telli-journey-theme.telli-journey-replaced { margin-top:70px !important; }
#adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading { transform:translateY(-45px) !important; }
@media (max-width:700px) {
 #adventures .hub-gallery-note + .telli-journey-theme.telli-journey-replaced { margin-top:48px !important; }
 #adventures .telli-journey-theme.telli-journey-replaced .telli-journey-new-heading { transform:translateY(-30px) !important; }
}

/* Your Story form: compact vertical rhythm, preserve controls and artwork. */
#telli-story-form.telli-story-journal-form{padding-top:22px!important;padding-bottom:22px!important;}
#telli-story-form .hub-form-grid{row-gap:4px!important;}
#telli-story-form label{margin-bottom:11px!important;}
#telli-story-form input:not([type=checkbox]):not([type=file]),#telli-story-form select{margin-top:5px!important;}
#telli-story-form textarea{margin-top:6px!important;min-height:105px!important;}
#telli-story-form .telli-photo-upload{margin:12px 0!important;padding:14px!important;}
#telli-story-form .telli-photo-upload>label{margin-bottom:7px!important;}
#telli-story-form .telli-photo-upload .hub-small{margin:8px 0!important;}
#telli-story-form .hub-consent{margin:9px 0!important;}
#telli-story-form .telli-turnstile{margin-top:6px!important;margin-bottom:6px!important;}
#telli-story-form .telli-story-journal-note{margin:10px auto 6px!important;}
#telli-story-form>button[type=submit]{margin-top:7px!important;margin-bottom:8px!important;}
#telli-story-form #hub-form-status{margin:8px auto 0!important;}
@media(max-width:700px){#telli-story-form.telli-story-journal-form{padding:18px!important;}#telli-story-form .hub-form-grid{row-gap:0!important;}}

/* New approved footer artwork */
html body footer .footer-art-logo{width:min(36.86%,413px)!important;max-width:413px!important;height:auto!important;object-fit:contain!important;}

/* Footer only: additional 10% tightening of existing spacing. */
html body footer{padding-top:7.65px!important;padding-bottom:10.8px!important;}
html body footer .footer-art-logo{margin-bottom:5.355px!important;}
html body footer .footer-art-navigation{margin-top:0!important;margin-bottom:0!important;}