/* Whimsical Konkan details for Vishwaja's personal site. */
.nav{justify-content:space-between}
.subscribe-nav{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:24px;background:linear-gradient(115deg,#d8769b,#899ed8);color:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 18px #b7688b35;transition:transform .2s,box-shadow .2s}
.subscribe-nav:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:0 11px 24px #b7688b4a}
.subscribe-nav span{animation:twinkle 1.8s ease-in-out infinite}
.konkan-postcard{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;align-items:center;margin:0 0 38px;padding:24px;border:1px solid #d9e9e8;border-radius:28px;background:linear-gradient(120deg,#fff7fa,#eff9ff 52%,#e5f5e9);box-shadow:0 16px 40px #46667510;overflow:hidden}
.konkan-postcard-copy h2{font:34px/1.05 Georgia,serif;color:#20554d;margin:9px 0 13px}
.konkan-postcard-copy>p{font-size:13px;line-height:1.75;color:#66758a}
.place-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.place-tags span{border-radius:20px;padding:7px 10px;background:#fff;color:#667186;font-size:10px;border:1px solid #e7e8ed}
.map-link{display:inline-flex;padding:12px 17px;border-radius:22px;background:#e26f99;color:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 16px #d4719635;transition:transform .2s}
.map-link:hover{transform:translateY(-3px) rotate(1deg)}
.map-link-alt{background:#fff;color:#527c70;border:1px solid #cbe4d5;box-shadow:none;margin-left:6px}
.konkan-postcard-copy .map-note{font-size:10px;margin-top:11px}
.map-art{position:relative;overflow:hidden;border:6px solid #fff;border-radius:23px;box-shadow:0 14px 30px #36556820;transform:rotate(.4deg)}
.map-art img{display:block;width:100%;height:auto}
.map-stamp{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:17px;background:#ffffffed;color:#527282;font:11px Georgia;box-shadow:0 4px 12px #39506120}
.section-head{position:relative;padding-right:58px}
.section-head:after{position:absolute;right:10px;bottom:4px;font-size:36px;filter:drop-shadow(0 5px 5px #63748a18);animation:sticker-bob 3s ease-in-out infinite}
.section#moments .section-head:after{content:'📷'}
.section#latest-stories .section-head:after{content:'🐚';animation-delay:-.7s}
.section#videos .section-head:after{content:'🎬';animation-delay:-1.3s}
.section#things .section-head:after{content:'🌴';animation-delay:-1.8s}
.resource,.feature,.photo,.intro-band{transition:transform .3s cubic-bezier(.2,.7,.25,1),box-shadow .3s}
.feature:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:0 20px 40px #40587918}
.photo:hover{transform:translateY(-7px) rotate(.6deg) scale(1.01)}
.intro-band{position:relative;overflow:hidden}
.intro-band:after{content:'✿';position:absolute;right:22px;top:4px;font-size:31px;color:#d5799b;opacity:.55;animation:twinkle 3s ease-in-out infinite}
.motion-ready .reveal{opacity:0;transform:translateY(20px) scale(.99);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-ready .reveal.in-view{opacity:1;transform:none}
@keyframes sticker-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-9px) rotate(7deg)}}
@media(max-width:800px){.nav{gap:10px}.subscribe-nav{order:2;padding:10px 12px;font-size:11px}.menu{order:3}.links.open{z-index:12}.konkan-postcard{grid-template-columns:1fr;padding:17px}.konkan-postcard-copy h2{font-size:29px}.map-art{order:-1}.section-head:after{right:0;font-size:30px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.subscribe-nav span,.section-head:after,.intro-band:after{animation:none!important}}

/* Give the personal Konkan film one clear, well-spaced home on the page. */
.konkan-film{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.62fr);align-items:center;gap:clamp(24px,5vw,58px);margin:52px 0 56px;padding:clamp(24px,4vw,48px);border:1px solid #d9e9e8;border-radius:28px;background:linear-gradient(120deg,#fff7fa,#eff9ff 52%,#e5f5e9);box-shadow:0 16px 40px #46667510;overflow:hidden}
.konkan-film-copy{max-width:500px}
.konkan-film-copy h2{font:34px/1.08 Georgia,serif;color:#20554d;margin:10px 0 14px}
.konkan-film-copy p{font-size:14px;line-height:1.75;color:#66758a;max-width:460px}
.konkan-film-frame{position:relative;width:min(100%,280px);aspect-ratio:9/16;justify-self:center;overflow:hidden;border:6px solid #fff;border-radius:24px;background:#173c3a;box-shadow:0 14px 30px #36556820}
.konkan-film-frame video{display:block;width:100%;height:100%;object-fit:cover}
.film-caption{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:7px 11px;border-radius:18px;background:#ffffffed;color:#527282;font:11px Georgia;white-space:nowrap;pointer-events:none}
@media(max-width:800px){.konkan-film{grid-template-columns:1fr;gap:20px;margin:36px 0 42px;padding:20px}.konkan-film-copy{max-width:none}.konkan-film-copy h2{font-size:30px}.konkan-film-frame{width:min(100%,250px)}}
@media(prefers-reduced-motion:reduce){.konkan-film *{scroll-behavior:auto}}

.feature-cartoon{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;background:linear-gradient(135deg,#fff7fa,#eef8ff)}.cartoon-player{width:min(100%,170px);aspect-ratio:9/16;justify-self:center;overflow:hidden;border:5px solid #fff;border-radius:17px;background:#173c3a;box-shadow:0 12px 28px #36556820}.cartoon-player video{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:800px){.feature-cartoon{grid-template-columns:1fr}.cartoon-player{width:min(100%,200px)}}