.touki-teaser{--tt-deep:#204e55;--tt-mint:#b5d9bf;--tt-cream:#fffbe6;--tt-yellow:#f3d568;--tt-coral:#f0aa8b;position:relative;isolation:isolate;background:var(--tt-cream);color:var(--tt-deep)}.touki-teaser *{box-sizing:border-box}.tt-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tt-forest{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 20%,#73a99370,transparent 48%),#204e55;padding:48px max(22px,calc((100vw - 1440px)/2)) 0}.tt-art-window{position:relative;z-index:1;border:1px solid #b2d4ac;overflow:hidden;border-radius:54px 22px 70px 24px;background:#c2ddaf;box-shadow:0 22px 40px #0b333c3d}.tt-art-window picture,.tt-art-window img{display:block;width:100%}.tt-art-window img{height:auto;object-fit:contain;aspect-ratio:16/9}.tt-art-pending{min-height:300px;padding:80px 32px;text-align:center;font-family:Baloo,sans-serif;font-size:clamp(30px,5vw,66px);line-height:1.1}.tt-art-pending p{margin:0 0 15px}.tt-editor-note{padding:20px;background:#fffbe6;border:2px solid #b04d37;font:16px/1.6 sans-serif;color:#204e55}
.tt-vines{position:absolute;inset:-60px -30px auto;pointer-events:none;color:var(--tt-yellow);opacity:.75}.tt-vines svg{width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:3}.tt-leaf{position:absolute;pointer-events:none;z-index:2;bottom:100px;width:clamp(65px,11vw,170px);height:clamp(115px,21vw,300px);border-radius:0 85% 0 90%;background:linear-gradient(35deg,#407e70,#6aa589);transform-origin:50% 100%;box-shadow:inset 2px 0 #b4d8b96b}.tt-leaf:after{content:"";position:absolute;inset:15% 48% 8%;background:#b4d8b9;transform:rotate(-28deg);opacity:.4}.tt-leaf-left{left:-3%;transform:rotate(-28deg)}.tt-leaf-right{right:-4%;transform:rotate(28deg) scaleX(-1);background:#7cad87}.tt-firefly{position:absolute;z-index:3;pointer-events:none;width:5px;height:5px;border-radius:50%;background:#fff3ac;box-shadow:0 0 14px 4px #fff3ac55}.tt-firefly-one{top:22%;left:2%}.tt-firefly-two{top:65%;right:2%}
.tt-invitation{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 6px 28px;color:var(--tt-cream)}.tt-invitation p{margin:0;max-width:650px;font-size:16px;line-height:1.7;letter-spacing:.01em}.tt-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:13px 25px;background:var(--tt-coral);color:#173f46!important;border:1px solid #ffd8b4;border-radius:100px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.tt-button:hover{background:#ffcfab;transform:translateY(-2px)}
.tt-pause{position:absolute;z-index:5;right:190px;top:14px;width:17px;height:17px;accent-color:#f3d568}.tt-pause-label{position:absolute;z-index:5;top:0;right:24px;display:flex;align-items:center;min-height:44px;padding:0 10px;color:#fffbe6;font-size:11px;cursor:pointer}.tt-pause:checked~.tt-forest *{animation-play-state:paused!important}.tt-pause:focus-visible{outline:3px solid #f3d568;outline-offset:3px}.touki-teaser a:focus-visible{outline:3px solid #d5754e;outline-offset:5px}
.tt-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 max(22px,calc((100vw - 1440px)/2));background:#bfdab6;border-bottom:1px solid #8ab19a}.tt-paths a{display:flex;align-items:center;gap:20px;min-height:108px;padding:24px;color:#173f46;text-decoration:none;font-size:16px;font-weight:700;border-right:1px solid #8fb79b}.tt-paths a:last-child{border-right:0}.tt-paths a:hover{background:#cde5c5}.tt-paths a>span:first-child{font-size:11px;font-weight:500}.tt-paths a>span:last-child{margin-left:auto}.tt-paths small{display:block;margin-top:7px;font-size:12px;line-height:1.5;font-weight:400}
.tt-field-notes{position:relative;padding:85px max(24px,calc((100vw - 1260px)/2)) 70px;text-align:center;scroll-margin-top:140px;background:radial-gradient(ellipse at 0 0,#d3e5bd,transparent 60%),#fffbe6}.tt-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750}.tt-field-notes h2{font-family:Baloo,sans-serif;font-size:clamp(34px,4.5vw,62px);line-height:1.1;letter-spacing:-.025em;color:#204e55;margin:20px 0}.tt-intro{max-width:650px;margin:0 auto 45px;font-size:17px;line-height:1.8}.tt-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;text-align:left}.tt-notes article{position:relative;padding:35px 30px;background:#e8eed3;border:1px solid #afc6a3;border-radius:60px 18px 35px 18px}.tt-notes article:nth-child(2){border-radius:18px 60px 18px 35px;background:#cce0c2}.tt-notes article:nth-child(3){background:#f4dfc0}.tt-note-number{position:absolute;right:28px;top:24px;font-size:11px;letter-spacing:.12em}.tt-note-leaf{width:35px;height:55px;background:#5d947e;border-radius:0 90% 0 90%;transform:rotate(-20deg);margin:0 0 28px}.tt-note-spark,.tt-note-heart{font-size:48px;line-height:1;height:55px;color:#47816d;margin-bottom:28px}.tt-note-heart{color:#a45e45}.tt-notes h3{font-family:Baloo,sans-serif;font-size:27px;line-height:1.2;margin:0 0 15px;color:#204e55}.tt-notes p{font-size:15px;line-height:1.8}.tt-notes a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;color:#204e55;text-underline-offset:5px}.tt-return{margin:40px 0 0;font-size:13px;line-height:1.7}
@media(max-width:900px){.tt-paths a{padding:20px 15px;gap:12px}.tt-notes{gap:14px}.tt-notes article{padding:30px 22px}.tt-invitation p{font-size:14px}}
@media(max-width:699px){.tt-forest{padding:45px 14px 0}.tt-art-window{border-radius:34px 14px 44px 14px}.tt-art-window img{aspect-ratio:1/1}.tt-leaf{bottom:155px;width:50px;height:115px}.tt-leaf-left{left:-25px}.tt-leaf-right{right:-26px}.tt-vines{top:-8px;left:-200px;right:-200px}.tt-invitation{flex-direction:column;align-items:flex-start;gap:18px;padding:23px 8px 28px}.tt-invitation p{font-size:15px;max-width:340px;line-height:1.7}.tt-button{font-size:14px;min-height:48px}.tt-pause{right:177px;top:13px}.tt-pause-label{right:16px;font-size:10px}.tt-paths{display:block;padding:0 22px}.tt-paths a{padding:18px 0;min-height:86px;border-right:0;border-bottom:1px solid #8fb79b;font-size:15px;gap:18px}.tt-paths a:last-child{border-bottom:0}.tt-paths small{font-size:11px;margin-top:5px}.tt-field-notes{padding:50px 22px 48px}.tt-field-notes h2{font-size:39px}.tt-intro{font-size:16px;margin-bottom:30px}.tt-notes{grid-template-columns:1fr;gap:18px}.tt-notes article{padding:29px 27px}.tt-note-leaf,.tt-note-spark,.tt-note-heart{margin-bottom:20px}.tt-notes h3{font-size:27px}.tt-return{margin-top:30px}.tt-firefly-two{display:none}}
@media(prefers-reduced-motion:no-preference){.tt-leaf-left{animation:tt-left 12s ease-in-out infinite alternate}.tt-leaf-right{animation:tt-right 15s ease-in-out infinite alternate}.tt-vines{animation:tt-vine 16s ease-in-out infinite alternate}.tt-firefly-one{animation:tt-spark 9s ease-in-out infinite alternate}.tt-firefly-two{animation:tt-spark 12s ease-in-out infinite alternate-reverse}@keyframes tt-left{to{transform:rotate(-25deg)}}@keyframes tt-right{to{transform:rotate(25deg) scaleX(-1)}}@keyframes tt-vine{to{transform:translateX(10px)}}@keyframes tt-spark{to{transform:translateY(-12px);opacity:.35}}}
@media(prefers-reduced-motion:reduce){.touki-teaser *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tt-pause,.tt-pause-label{display:none}}
