/* Home page sections */
/* ===== Hero ===== */
.hero{position:relative;max-width:var(--content-max);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-3);text-align:center}
.hero__mark{margin:0 auto;width:min(100%,640px)}
.hero__mark img{width:100%;height:auto}
.hero__club{font-family:var(--font-typewriter);color:var(--seal-600);font-size:clamp(22px,6.6vw,58px);letter-spacing:.05em;white-space:nowrap;line-height:1.1;margin:var(--space-5) 0 0;font-weight:400}
.hero__stage{display:flex;flex-direction:column;align-items:center}
.parcel{position:relative;width:min(80%,340px);aspect-ratio:1.25/1;margin:var(--space-6) auto 0}
.parcel__card{position:absolute;width:42%;right:2%;top:0;transform:rotate(9deg);filter:drop-shadow(0 4px 8px rgba(47,18,3,.22))}
.parcel__env{position:absolute;width:74%;left:3%;top:16%;transform:rotate(-5deg);filter:drop-shadow(0 12px 18px rgba(47,18,3,.32))}
.parcel__mark{position:absolute;width:40%;left:57%;top:63%;z-index:1;transform:rotate(-4deg);mix-blend-mode:multiply;opacity:.92}
.parcel__env{z-index:2}
.parcel__sprig{z-index:3}
.parcel__sprig{position:absolute;width:20%;left:-4%;bottom:6%;transform:rotate(-28deg);opacity:.95}
.hero__intro{font-family:var(--font-mono);font-size:14px;line-height:1.55;max-width:44ch;margin:var(--space-6) auto 0;text-wrap:pretty}
.hero__intro em{font-style:normal;color:var(--seal-600)}

/* ===== Enter the story: original scroll + two destination panels ===== */
.enter{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-7)}
.scroll{position:relative;width:100%;max-width:780px;margin:0 auto;aspect-ratio:2142/699;background:url("../img/scroll-sepia-vignettes.webp") center/100% 100% no-repeat;display:grid;place-items:center;text-align:center;padding:0 24%}
.scroll>div{width:100%}
.scroll h2{margin:0;font-family:var(--font-condensed);font-weight:400;color:var(--seal-600);font-size:clamp(15px,4.6vw,36px);line-height:1.2;letter-spacing:.03em}
.scroll p{margin:4px 0 0;font-family:var(--font-script);color:var(--seal-600);font-size:clamp(13px,3.7vw,26px)}
.dest{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:var(--space-6) auto 0;max-width:720px;align-items:stretch}
.dest__panel{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);background:var(--parchment-200) var(--paper);background-size:400px 240px;background-blend-mode:multiply;border:1px solid currentColor}
.dest__panel::before{content:"";position:absolute;inset:6px;border:1px solid currentColor;opacity:.4;pointer-events:none}
.dest__panel--india{color:var(--burgundy-700)}
.dest__panel--intl{color:var(--navy-900)}
.dest__name{margin:0;font-family:var(--font-sans);font-weight:400;font-size:clamp(14px,4vw,22px);letter-spacing:clamp(.08em,.6vw,.18em);color:inherit}
.dest__art{height:clamp(96px,26vw,170px);display:flex;align-items:center;justify-content:center;width:100%}
.dest__art img{max-height:100%;max-width:92%;width:auto;mix-blend-mode:multiply}
.dest__line{margin:0;font-family:var(--font-didone);font-size:clamp(13px,3.5vw,17px);letter-spacing:.05em;line-height:1.35;color:inherit;padding-bottom:10px;border-bottom:1px solid currentColor;border-bottom-color:color-mix(in srgb,currentColor 40%,transparent);min-height:2.7em;display:flex;align-items:flex-start;justify-content:center}
.dest__panel .btn--text{margin-top:auto;padding:0 clamp(12px,3.4vw,26px);font-size:clamp(13px,3.6vw,16px);white-space:nowrap}
@media (max-width:359px){.dest{grid-template-columns:1fr;max-width:300px}}
@media (min-width:768px){.dest__panel{padding:var(--space-6) var(--space-5)}}

/* ===== Chunk 2 · What you'll receive (open parchment, objects on the page) ===== */
.receive{max-width:1040px;margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-6)}
.receive__title{font-family:var(--font-display);font-weight:400;color:var(--navy-900);font-size:clamp(30px,7.6vw,52px);line-height:1.1;margin:0 0 0 4%}
.receive__hand{font-family:var(--font-hand);color:var(--seal-600);font-size:clamp(26px,7.3vw,50px);line-height:1.25;margin:6px 0 0;transform:rotate(-1.5deg);transform-origin:left}
.gifts{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);text-align:center;align-items:start}
.gift__art{height:clamp(96px,26vw,210px);display:flex;align-items:flex-end;justify-content:center}
.gift__art img{max-height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(47,18,3,.25))}
.gift:nth-child(1) .gift__art img{transform:rotate(-3deg)}
.gift:nth-child(2) .gift__art img{transform:rotate(2deg)}
.gift h3{font-family:var(--font-typewriter);font-weight:400;font-size:clamp(12px,3.5vw,21px);line-height:1.2;margin:var(--space-3) 0 6px;color:var(--sepia-900)}
.gift p{font-family:var(--font-typewriter);font-size:clamp(10.5px,2.9vw,15px);line-height:1.3;margin:0 auto;max-width:24ch}

/* ===== Chunk 2 · Escape your screen (a framed letter) ===== */
.escape{max-width:900px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}
.escape__frame{position:relative;border:1.5px solid var(--seal-600);display:grid;grid-template-columns:34% 1fr;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-3)}
.escape__frame::before,.escape__frame::after{content:"✦";position:absolute;color:var(--seal-600);font-size:34px;line-height:1}
.escape__frame::before{top:-19px;right:-15px}
.escape__frame::after{bottom:-19px;left:-15px}
.escape__leaf{position:absolute;width:clamp(56px,13vw,96px);left:-22px;top:-38px;transform:rotate(-30deg);pointer-events:none}
.escape__tower{width:100%;height:auto;mix-blend-mode:multiply}
.escape__head{font-family:var(--font-mono);font-weight:400;font-size:clamp(16px,4.4vw,24px);letter-spacing:.04em;margin:0}
.escape__hand{font-family:var(--font-hand);color:var(--seal-600);font-size:clamp(17px,4.6vw,26px);margin:2px 0 var(--space-3)}
.escape__body{font-family:var(--font-sans);color:var(--graphite-800);font-size:clamp(13px,3.6vw,17px);line-height:1.35;letter-spacing:.04em;margin:0}
.escape__body+.escape__body{margin-top:var(--space-3)}
@media (min-width:768px){.escape__frame{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-5);gap:var(--space-6)}}

/* ===== Chunk 3 · What is The Mokshans? (storytelling spread) ===== */
.story{max-width:1080px;margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-6)}
.story__intro{position:relative}
.story__q{font-family:var(--font-worn);font-weight:400;color:var(--seal-600);font-size:clamp(26px,7vw,40px);line-height:1.15;margin:0;max-width:11ch}
.story__dragon{float:right;width:52%;margin:-10px -8% 0 0;shape-outside:margin-box;transform:rotate(-4deg)}
.story__lede{font-family:var(--font-sans);color:var(--graphite-800);font-size:clamp(15px,4vw,18px);line-height:1.45;letter-spacing:.04em;margin:var(--space-4) 0 0}
.story__intro::after{content:"";display:block;clear:both}
.story__book{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-7);align-items:center}
.story__title{font-family:var(--font-inked);font-weight:400;color:var(--navy-900);font-size:clamp(40px,11vw,68px);line-height:1;margin:0;text-align:center}
.story__text{font-family:var(--font-sans);color:var(--graphite-800);font-size:clamp(15px,4vw,18px);line-height:1.45;letter-spacing:.04em;margin:var(--space-4) 0 0}
.story__text em{font-style:normal;color:var(--seal-600)}
.story__stage{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:0 0 4%;min-height:0}
.story__village{position:absolute;left:50%;bottom:0;width:min(140%,860px);aspect-ratio:1100/592;background:var(--village) center bottom/contain no-repeat;transform:translateX(-50%);mix-blend-mode:multiply;opacity:.92;pointer-events:none}
.story__cover{position:relative;z-index:1;width:min(62%,330px);height:auto;transform:rotate(-2deg);box-shadow:0 14px 30px rgba(47,18,3,.35),0 2px 4px rgba(47,18,3,.3);margin-bottom:9%}
@media (min-width:860px){
  .story__intro{padding-right:46%;min-height:300px}
  .story__dragon{float:none;position:absolute;right:0;top:-24px;width:44%;margin:0}
  .story__lede{max-width:44ch}
  .story__book{grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-8)}
  .story__copy{order:2}
  .story__title{text-align:left}
  .story__cover{width:min(66%,330px)}
}

/* ===== Chunk 3 · Why people love it (typographic) ===== */
.love{max-width:900px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6);text-align:center}
.love__head{white-space:nowrap;display:flex;align-items:center;gap:12px;justify-content:center;font-family:var(--font-worn);color:var(--seal-600);font-size:clamp(15px,4vw,19px);letter-spacing:clamp(.06em,1.4vw,.14em);margin:0 0 var(--space-3)}
.love__head::before,.love__head::after{content:"✦";font-size:.85em}
.love__head span{display:flex;align-items:center;gap:12px}
.love__head span::before,.love__head span::after{content:"";width:clamp(18px,7vw,90px);height:1px;background:var(--seal-600);opacity:.7}
.love__list{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr;max-width:760px}
.love__item{position:relative;padding:var(--space-2) var(--space-4)}
.love__item+.love__item::before{content:"✦";display:block;width:min(56%,200px);margin:0 auto var(--space-2);color:var(--seal-600);font-size:10px;line-height:12px;background:linear-gradient(90deg,rgba(47,18,3,.3) 0 42%,transparent 42% 58%,rgba(47,18,3,.3) 58%) center/100% 1px no-repeat}

.love__item p{margin:0;font-family:var(--font-display);color:var(--navy-900);font-size:clamp(20px,5.4vw,26px);line-height:1.3;text-wrap:balance}
@media (min-width:700px){
  .love__list{grid-template-columns:1fr 1fr}
  .love__item+.love__item::before{display:none}
  .love__item:nth-child(odd){border-right:1px solid rgba(47,18,3,.3)}
  .love__item:nth-child(-n+2){border-bottom:1px solid rgba(47,18,3,.3)}
  .love__item{padding:var(--space-4) var(--space-5)}
}

/* ===== Shipping & delivery (a printed postal notice) ===== */
.ship{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-5)}
.ship__head{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-typewriter);font-weight:400;font-size:clamp(23px,6.4vw,40px);line-height:1.1;margin:0;color:var(--sepia-900);text-align:center}
.ship__lead{font-family:var(--font-serif);font-weight:500;font-size:clamp(18px,4.8vw,22px);text-align:center;margin:var(--space-3) 0 var(--space-5);color:var(--sepia-900)}
.ship__notice{border-top:2px solid var(--sepia-900);border-bottom:2px solid var(--sepia-900)}
.ship__group+.ship__group{border-top:1px solid rgba(47,18,3,.45)}
.ship__row{display:grid;grid-template-columns:minmax(0,40%) 1fr;gap:var(--space-3);padding:var(--space-3) 0;align-items:baseline}
.ship__row+.ship__row{border-top:1px dotted rgba(47,18,3,.45)}
.ship__row dt{font-family:var(--font-serif);color:var(--seal-600);font-size:clamp(16px,4.3vw,20px);line-height:1.3}
.ship__row dt::before{content:"✦ "}
.ship__row dd{margin:0;font-family:var(--font-serif);font-size:clamp(16px,4.3vw,19px);line-height:1.45;color:var(--sepia-900)}

/* ===== Final invitation · Continue the story ===== */
.finale{max-width:760px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center}
.finale__rule{display:flex;align-items:center;gap:10px;width:min(100%,300px);color:var(--rust-600);margin-bottom:var(--space-4)}
.finale__rule::before,.finale__rule::after{content:"";flex:1;height:1.5px;background:currentColor}
.finale__rule span{font-size:18px;line-height:1}
.finale__art{width:min(50%,220px);height:auto;mix-blend-mode:multiply;transform:rotate(-3deg)}
.finale__title{font-family:var(--font-typewriter);font-weight:400;color:var(--sepia-900);font-size:clamp(28px,8vw,48px);line-height:1.1;margin:var(--space-4) 0 0;white-space:nowrap}
.finale__line{font-family:var(--font-hand);color:var(--seal-600);font-size:clamp(22px,6vw,34px);line-height:1.3;margin:var(--space-2) 0 var(--space-4);max-width:22ch}
.finale .btn{font-size:14px;min-height:50px;padding:0 30px}

/* ===== Messenger Bird · Write to us ===== */
.bird{max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7);display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-4)}
.bird__art{display:block;width:min(78%,320px);height:auto;transform:rotate(-4deg)}
.bird__label{font-family:var(--font-worn);color:var(--seal-600);font-size:13px;letter-spacing:.3em;margin:0}
.bird__title{font-family:var(--font-grotesk);font-weight:500;color:var(--navy-900);font-size:clamp(38px,11vw,64px);line-height:.95;letter-spacing:-.03em;margin:0}
.bird__mail{font-family:var(--font-mono);font-size:clamp(14px,3.9vw,17px);color:var(--navy-900);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px;overflow-wrap:anywhere}
.bird__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;align-items:center}
@media (min-width:768px){
  .bird{grid-template-columns:auto 1fr;text-align:left;justify-items:start;column-gap:var(--space-7);align-items:center}
  .bird__art{grid-row:1 / span 4;width:300px}
  .bird__actions{justify-content:flex-start}
}
@media (min-width:768px){
  .hero{padding-top:var(--space-6)}
  .hero__intro{font-size:15px}
}
@media (min-width:1080px){
  .hero__stage{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;margin-top:var(--space-7);text-align:left}
  .parcel{width:86%;max-width:430px;margin:0 0 0 auto}
  .hero__intro{margin:0;font-size:16px;max-width:42ch}
  .hero__club{font-size:54px}
}

/* Enter the story: keep "Same story. Different destinations." on one line on phones */
@media (max-width:767px){.scroll p{white-space:nowrap;margin-left:-10%;margin-right:-10%}}