@font-face{font-family:Marker;src:url('./assets/permanent-marker.ttf') format('truetype');font-display:swap}
:root{--cream:#f5f0e3;--paper:#fffaf0;--ink:#243d32;--forest:#203d32;--forest-deep:#172e25;--maroon:#763c37;--mustard:#e6be67;--olive:#61765b;--line:#243d322b;--ease-out:cubic-bezier(.23,1,.32,1);--rough:polygon(.7% 2%,14% .7%,30% 1.5%,49% 0,71% 1.1%,89% .4%,99% 2%,99.6% 22%,99% 48%,100% 74%,99% 98%,80% 99.6%,54% 98.9%,28% 100%,1% 98.5%,0 79%,.8% 53%,0 26%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.08}h1,h2,h3,.brand>span,.cast-caption,.notebook-caption,.spiral-label,.journal-page>span:not(.journal-page-number){font-family:Marker,'Comic Sans MS',cursive}h2{font-size:clamp(34px,4.2vw,58px);letter-spacing:-1.5px}h2 em,h1 em{font-style:normal;color:var(--maroon)}h3{font-size:32px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}svg{display:block}button:focus-visible,a:focus-visible{outline:3px dashed currentColor;outline-offset:5px}button:disabled{cursor:default}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.section-copy p+p{margin-top:20px}.section-copy .eyebrow{margin-bottom:22px}.section-copy h2{margin-bottom:28px}.section-copy .lead{margin-bottom:24px}.section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){font-size:17px;color:#425247}.lead{font-size:21px;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;line-height:1.6}.skip-link{position:fixed;z-index:100;top:10px;left:12px;padding:10px 18px;background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:21px 48px;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:10;background:var(--cream)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand svg{width:44px;height:44px;fill:none;stroke:var(--maroon);stroke-width:3.5;stroke-linecap:round}.brand>span{font-size:24px;line-height:1.06;letter-spacing:-.5px}.brand small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:3.3px;text-transform:uppercase;font-weight:700;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:700}.site-header nav a{padding:8px 0;position:relative;white-space:nowrap}.site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--maroon);transform:scaleX(0);transform-origin:left;transition:transform 160ms var(--ease-out)}.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;font-weight:700;letter-spacing:.15px;line-height:1.3;min-height:52px;padding:17px 23px;border:0;clip-path:var(--rough);transition:transform 150ms var(--ease-out);text-align:center}.button span{font-size:20px;line-height:1}.button-maroon{background:var(--maroon);color:var(--paper)}.button-mustard{background:var(--mustard);color:var(--forest-deep)}.button:active,.text-link:active{transform:scale(.97)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;line-height:1.4;border:0;background:none;padding:8px 0;border-bottom:1px solid currentColor;transition:transform 150ms var(--ease-out)}.text-link span{font-size:19px;line-height:1}
/* A cardboard forest, with a paper invitation and three foreground friends. */
.hero{position:relative;min-height:760px;overflow:hidden;background:#9ba284}.hero-forest{position:absolute;inset:0;background:linear-gradient(90deg,#253a2b1a,transparent 55%),url('./assets/magar-village-cohesive.png') center/cover no-repeat}.hero-forest:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142c2540,transparent 40%)}.hero-inner{position:relative;display:grid;grid-template-columns:48% 52%;min-height:680px;align-items:center}.hero-paper{position:relative;z-index:3;background:var(--paper);clip-path:var(--rough);padding:43px 41px 30px;box-shadow:0 8px 30px #172e252a;margin-block:38px 45px;transform:rotate(-1.2deg)}.hero-paper:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#b8a37d16 3px 4px)}.hero-paper .eyebrow{margin-bottom:28px;font-size:10px;letter-spacing:1.45px}.little-spiral{display:inline-block;width:21px;height:21px;color:var(--maroon);fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;vertical-align:-5px;margin-right:5px}.hero h1{font-size:clamp(48px,5.1vw,74px);letter-spacing:-2.4px;line-height:1.09;margin-bottom:25px}.hero-premise{font-size:17px;line-height:1.7;max-width:410px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px}.hero-actions .text-link{font-size:12px}.paper-foot{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);margin-top:34px;padding-top:19px;font-size:11px;font-weight:700;letter-spacing:.35px}.paper-foot svg{width:30px;height:30px;stroke:var(--maroon);stroke-width:3;stroke-linecap:round;fill:none}.hero-cast{--cast-ground:44px;align-self:stretch;position:relative;min-width:0}.hero-figure{position:absolute;bottom:var(--cast-ground);isolation:isolate}.hero-character{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none;transform:none}.hero-figure-mukunda{height:390px;width:49%;left:0;z-index:1}.hero-figure-maya{height:414px;width:46%;right:5%;z-index:2}.hero-figure-pintu{height:186px;width:47%;right:24%;bottom:calc(var(--cast-ground) - 4px);z-index:4}.cast-caption{position:absolute;top:35px;right:12px;background:var(--mustard);padding:14px 21px 17px;font-size:16px;line-height:1.4;color:var(--forest-deep);transform:rotate(5deg);clip-path:var(--rough);z-index:4;box-shadow:0 4px 9px #172e2533}.hero-scroll{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:11px;margin:4px auto 0;padding:12px 20px 30px;color:var(--paper);font-size:11px;letter-spacing:1px;text-shadow:0 1px 3px #172e2577}.hero-scroll span{font-size:23px;line-height:1}.hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:18px;background:var(--cream);clip-path:polygon(0 50%,9% 67%,19% 45%,31% 69%,45% 46%,61% 66%,77% 44%,90% 60%,100% 40%,100% 100%,0 100%)}
/* A journal-like introduction to the world. */
.world{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:105px}.world-notebook{position:relative;align-self:center;background:#ece2c9;padding:30px 30px 26px;transform:rotate(2deg);border:1px solid #baa77b66;box-shadow:7px 9px 0 #dcd1b8,9px 12px 20px #243d3212}.world-notebook:before{content:'';position:absolute;inset:0;opacity:.3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 29px,#99896d25 29px 30px)}.tape{position:absolute;z-index:2;background:#d2b4797d;border-left:1px dashed #fff8;border-right:1px dashed #fff8}.tape-one{top:-13px;left:42%;width:95px;height:32px;transform:rotate(-7deg)}.notebook-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;border-bottom:1px solid #243d3235;padding-bottom:17px}.notebook-header svg{width:31px;height:31px;fill:none;stroke:var(--maroon);stroke-width:3;stroke-linecap:round}.forest-notes{position:relative;width:100%;height:auto}.note-path{fill:none;stroke:#8a6a42;stroke-width:3;stroke-linecap:round;stroke-dasharray:5 10}.note-tree{fill:#738565}.tree-trunk{stroke:#8a6a42;stroke-width:7;stroke-linecap:round}.note-spring{fill:none;stroke:#6e9990;stroke-width:4;stroke-linecap:round}.forest-notes circle{fill:var(--maroon)}.forest-notes text{font:23px Marker,cursive;fill:var(--maroon)}.notebook-caption{position:relative;text-align:center;font-size:20px;line-height:1.5;color:var(--maroon)}
/* Five characters, each with their own paper portrait. */
.characters{background:#e9eddf;position:relative;border-top:1px solid #243d3210;border-bottom:1px solid #243d3210}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:62px}.section-heading .eyebrow{margin-bottom:22px}.cast-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 30px}.cast-card{grid-column:span 2;background:var(--paper);box-shadow:0 5px 12px #243d3214;transform:rotate(var(--card-rotation));display:flex;flex-direction:column;min-width:0;position:relative}.cast-card:nth-child(4){grid-column:2/span 2}.cast-card:before{content:'';position:absolute;z-index:2;top:-9px;left:43%;width:62px;height:22px;background:#c3ae7494;transform:rotate(-5deg);border-inline:1px dashed #fff8}.cast-portrait{height:304px;position:relative;overflow:hidden;background:var(--card-color);padding:20px 28px 0;margin:12px 12px 0;clip-path:var(--rough)}.cast-portrait:before{content:'';position:absolute;width:78%;height:78%;border:1px solid #fff7;border-radius:50%;top:14%;left:11%;transform:rotate(18deg)}.portrait-number{position:absolute;top:16px;left:17px;font-size:11px;font-weight:700;letter-spacing:1px;opacity:.65}.cast-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;position:relative;filter:drop-shadow(4px 5px 3px #243d322c)}.pintu-portrait{padding:50px 24px 25px;display:flex;align-items:center}.pintu-portrait img{object-position:center}.cast-copy{padding:24px 25px 25px;display:flex;flex-direction:column;flex-grow:1}.character-role{font-size:9px;font-weight:700;letter-spacing:1.25px;line-height:1.5;text-transform:uppercase;color:var(--maroon);margin-bottom:8px}.cast-copy h3{margin-bottom:14px}.cast-copy>p:not(.character-role){font-size:14px;line-height:1.8;color:#4b574d}.cast-button{align-self:flex-start;margin-top:19px}
/* The connection symbol invites exploration. */
.connection{position:relative;background:var(--forest);color:var(--cream);overflow:hidden}.connection:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(100deg,transparent 0 50px,#c5d4b614 50px 52px)}.connection-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.connection h2 em{color:var(--mustard)}.connection .section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){color:#d2daca}.connection .eyebrow{color:var(--mustard)}.spiral-paper{position:relative;background:#eadbb8;color:var(--forest);aspect-ratio:1.04;clip-path:var(--rough);transform:rotate(-3deg);display:grid;place-items:center;padding:22px;max-width:475px}.spiral-paper:before{content:'';position:absolute;inset:13px;border:1px dashed #826d452f}.spiral-paper:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#b8a37d0c 3px 4px);pointer-events:none}.spiral-label{position:absolute;font-size:18px;z-index:2}.label-listen{left:24px;top:22px;transform:rotate(-5deg)}.label-remember{right:28px;top:37px;transform:rotate(5deg)}.label-care{right:35px;bottom:69px;transform:rotate(-7deg)}.spiral-caption{position:absolute;bottom:23px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;padding-inline:12px;text-align:center}.spiral-status{display:flex;gap:12px;align-items:center;color:var(--mustard);font-size:12px;line-height:1.6;border-left:2px solid var(--mustard);padding-left:15px;margin:28px 0 23px}
/* A developing pilot is presented as a story. */
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.pilot-art{position:relative;padding:0 0 65px 12px}.pilot-photo{background:var(--paper);padding:14px 14px 48px;transform:rotate(-5deg);box-shadow:0 5px 15px #243d3220;position:relative}.pilot-photo img{aspect-ratio:1.3;object-fit:cover;object-position:center;clip-path:var(--rough);width:100%}.photo-label{position:absolute;bottom:15px;left:25px;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700}.journal-page{position:absolute;right:-19px;bottom:0;width:47%;min-height:220px;background:#e8d5a3;box-shadow:0 5px 12px #243d3224;padding:21px 25px;transform:rotate(8deg);border:1px solid #cdb97e70;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:9px}.journal-page:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 22px,#9a8a6426 22px 23px);opacity:.6}.journal-page-number{position:relative;font-size:9px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700}.journal-page svg{position:relative;width:50px;height:50px;stroke:var(--maroon);stroke-width:2.5;stroke-linecap:round;fill:none}.journal-page>span:not(.journal-page-number){font-size:20px;line-height:1.35;color:var(--maroon);position:relative}.tape-two{top:-17px;left:29%;width:105px;height:32px;transform:rotate(1deg)}.development-label{display:inline-flex;align-items:center;gap:8px;color:var(--maroon);font-size:10px;font-weight:700;line-height:1.5;padding:6px 10px;background:#763c370c;border:1px solid #763c3724;transform:rotate(-1deg);margin-bottom:19px}.development-label span{height:5px;width:5px;border-radius:50%;background:var(--maroon)}.pilot .pilot-title{font-size:86px;letter-spacing:-2px;margin-bottom:24px}.pilot .button{margin-top:27px}
/* Values and a simple, useful ending. */
.values{background:#e8dcbe;padding-block:80px}.values-heading{max-width:780px;margin-inline:auto;text-align:center}.values-heading .eyebrow{margin-bottom:20px}.values-heading h2{margin-bottom:20px}.values-heading>p:last-child{max-width:530px;margin-inline:auto;font-size:16px;line-height:1.8}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px;padding-top:36px;border-top:1px solid var(--line)}.values-grid article{position:relative}.value-number{font-size:11px;font-weight:700;letter-spacing:1.5px;display:block;margin-bottom:20px;color:var(--maroon)}.values-grid h3{font-size:25px;margin-bottom:16px}.values-grid p{font-size:14px;line-height:1.8}.about-link{margin:35px auto 0;display:flex;width:fit-content}.site-footer{background:var(--forest-deep);color:var(--cream);padding-block:45px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.site-footer .brand svg{stroke:var(--mustard)}.site-footer .brand>span{font-size:22px}.site-footer .brand small{font-size:8px}.site-footer p{font-size:13px}.site-footer p small{display:block;font-size:10px;color:#c0cbbc;margin-top:6px}.site-footer nav{display:grid;grid-template-columns:repeat(2,auto);gap:7px 24px;font-size:11px;color:#d6dfcf}.site-footer nav a{padding:2px 0}
/* About shares the same materials, with a quieter editorial layout. */
.about-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding-block:85px 95px}.about-hero .eyebrow{margin-bottom:25px}.about-hero h1{font-size:clamp(44px,5.4vw,76px);letter-spacing:-2px;line-height:1.12;margin-bottom:27px}.about-hero .lead{max-width:580px}.about-hero .development-label{margin-top:29px}.about-visual{position:relative;transform:rotate(3deg);background:#e1d3ad;padding:13px 13px 45px;box-shadow:0 6px 20px #243d321f}.about-visual img{aspect-ratio:1.1;object-fit:cover;clip-path:var(--rough)}.about-visual p{position:absolute;bottom:14px;left:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.7px}.about-content{background:#e9eddf;border-block:1px solid var(--line)}.about-content .wrap{max-width:980px}.about-row{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;padding-block:43px;border-bottom:1px solid var(--line)}.about-row:first-child{padding-top:0}.about-row:last-child{border-bottom:0;padding-bottom:0}.about-row h2{font-size:31px;letter-spacing:-.6px;line-height:1.3}.about-row h2 span{display:block;font:10px Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:1.5px;color:var(--maroon);margin-bottom:15px}.about-row p{font-size:17px;line-height:1.8}.about-row p+p{margin-top:18px}.about-end{padding-block:80px;text-align:center;max-width:790px}.about-end .eyebrow{margin-bottom:20px}.about-end h2{margin-bottom:22px}.about-end p{font-size:16px;max-width:590px;margin-inline:auto;line-height:1.8}.about-end .hero-actions{justify-content:center;margin-top:30px}
/* Native story dialog, with reliable keyboard and touch targets. */
dialog{width:min(680px,calc(100vw - 40px));max-height:85svh;margin:auto;border:0;padding:34px 38px 40px;color:var(--ink);background:var(--paper);box-shadow:0 20px 70px #172e2555;overflow:auto}dialog::backdrop{background:#172e25d9;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dialog-top .eyebrow{font-size:10px;color:var(--maroon)}#close-dialog{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#203d320a;border:1px solid var(--line);font:30px Arial,sans-serif;line-height:1;transition:transform 120ms var(--ease-out)}#close-dialog:active{transform:scale(.97)}#dialog-title{font-size:42px;margin-bottom:22px}#dialog-body{font-size:16px;line-height:1.8}#dialog-body p+p{margin-top:18px}#dialog-body .dialog-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--maroon);margin-bottom:17px}#dialog-body .story-note{font-size:11px;color:#667161;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
@media(hover:hover) and (pointer:fine){.site-header nav a:hover:after{transform:scaleX(1)}.button:hover{transform:translateY(-2px)}.text-link:hover{transform:translateX(3px)}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1600px){.hero{min-height:820px}.hero-inner{min-height:740px}.hero-figure-maya{height:466px}.hero-figure-mukunda{height:438px}.hero-figure-pintu{height:206px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.site-header nav{gap:25px}.section{padding-block:84px}.hero{min-height:720px}.hero-inner{min-height:650px;grid-template-columns:49% 51%}.hero-paper{padding:34px 28px 26px}.hero h1{font-size:58px}.hero-paper .eyebrow{font-size:9px;letter-spacing:1px}.hero-premise{font-size:16px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding-inline:17px}.hero-figure-mukunda{height:340px;left:-3%;width:55%}.hero-figure-maya{height:364px;width:53%;right:0}.hero-figure-pintu{height:164px;width:54%;right:18%}.cast-caption{font-size:14px;padding:12px 16px;right:0;top:45px}.world,.connection-grid,.pilot{gap:65px}.world-notebook{padding:24px}.cast-grid{gap:34px 23px}.cast-portrait{height:275px;padding-inline:20px}.cast-copy{padding:22px 20px}.cast-copy h3{font-size:29px}.character-role{font-size:8px;letter-spacing:1px}.connection .section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){font-size:16px}.journal-page{min-height:200px;padding:18px}.values-grid{gap:34px}.about-hero{gap:55px}.about-row{gap:55px}}
@media(max-width:850px){.site-header nav{gap:20px;font-size:12px}.hero{min-height:680px}.hero-inner{min-height:610px;grid-template-columns:52% 48%}.hero h1{font-size:48px;letter-spacing:-1.7px}.hero-paper{padding:31px 25px 22px}.hero-paper .eyebrow{max-width:210px;line-height:1.8;margin-bottom:22px}.hero-actions{align-items:flex-start;flex-direction:column;gap:9px;margin-top:25px}.paper-foot{font-size:9px;margin-top:24px;padding-top:15px}.hero-cast{--cast-ground:56px}.hero-figure-mukunda{height:288px;width:58%;left:-3%}.hero-figure-maya{height:314px;width:57%;right:-1%}.hero-figure-pintu{height:136px;width:56%;right:19%}.cast-caption{font-size:12px;top:60px}.world,.pilot{gap:42px}.world{align-items:start}.world-notebook{margin-top:35px}.section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){font-size:16px}.lead{font-size:19px}.section-heading{align-items:flex-start;gap:35px}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 25px}.cast-card{grid-column:auto}.cast-card:nth-child(4){grid-column:auto}.cast-card:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}.cast-portrait{height:300px}.character-role{font-size:9px}.connection-grid{gap:42px}.spiral-paper{padding:15px}.spiral-label{font-size:14px}.label-remember{right:17px;top:28px}.label-listen{left:17px;top:17px}.label-care{right:24px;bottom:55px}.spiral-caption{font-size:7px;letter-spacing:.8px;bottom:18px}.pilot .pilot-title{font-size:68px}.journal-page{width:51%;min-height:185px}.journal-page>span:not(.journal-page-number){font-size:17px}.journal-page svg{height:42px;width:42px}.pilot-photo{padding-bottom:40px}.photo-label{font-size:8px;letter-spacing:1.3px}.values-grid{gap:25px}.values-grid h3{font-size:22px}.footer-inner{flex-wrap:wrap;gap:25px 35px}.site-footer p{flex-grow:1}.about-hero{gap:38px}.about-row{grid-template-columns:1fr 1.4fr;gap:40px}.about-row h2{font-size:28px}}
@media(max-width:639px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.site-header{padding:17px 20px 14px;gap:17px;flex-wrap:wrap}.brand svg{width:35px;height:35px}.brand>span{font-size:21px}.brand small{font-size:8px;letter-spacing:2.8px;margin-top:5px}.site-header nav{width:100%;gap:0;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:9px}.site-header nav a{padding:5px 0}.hero{min-height:0}.hero-forest{background-position:65% center}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-paper{margin:26px 0 0;padding:31px 25px 24px;transform:rotate(-.7deg)}.hero-paper .eyebrow{max-width:none;font-size:8px;letter-spacing:1px;margin-bottom:20px}.little-spiral{width:17px;height:17px;vertical-align:-4px}.hero h1{font-size:clamp(43px,10.4vw,60px);line-height:1.1;letter-spacing:-1.7px;margin-bottom:19px}.hero h1 br{display:none}.hero-premise{font-size:14px;line-height:1.75;max-width:none}.hero-actions{flex-direction:row;align-items:center;gap:14px;margin-top:22px}.hero-actions .button{font-size:10px;gap:13px;padding:14px 16px;min-height:45px}.hero-actions .text-link{font-size:10px;gap:7px}.hero-actions .text-link span{font-size:15px}.paper-foot{margin-top:22px;padding-top:14px;font-size:9px}.paper-foot svg{height:25px;width:25px}.hero-cast{--cast-ground:28px;height:380px;margin-top:7px;width:min(390px,100%);justify-self:center}.hero-figure-mukunda{height:284px;width:50%;left:2%}.hero-figure-maya{height:302px;width:46%;right:2%}.hero-figure-pintu{height:128px;width:51%;right:23%}.cast-caption{top:0;right:6px;font-size:10px;padding:8px 11px;line-height:1.4}.hero-scroll{padding:13px 15px 31px;margin:0;font-size:9px;gap:8px}.hero-scroll span{font-size:20px}.world,.pilot,.connection-grid{grid-template-columns:1fr;gap:45px}.world .section-copy{max-width:500px}.world-notebook{margin:0 8px;max-width:470px;width:calc(100% - 16px);justify-self:center}.section-copy .eyebrow{margin-bottom:18px}.section-copy h2{margin-bottom:23px}.section-copy .lead{margin-bottom:19px}.section-copy p+p{margin-top:17px}h2{font-size:clamp(33px,8.1vw,43px);letter-spacing:-1.1px}.lead{font-size:18px}.section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){font-size:14px}.notebook-caption{font-size:19px}.section-heading{flex-direction:column;gap:20px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:18px}.cast-grid{gap:30px 20px;grid-template-columns:1fr}.cast-card,.cast-card:last-child{width:100%;grid-column:auto;display:grid;grid-template-columns:43% 57%;transform:rotate(calc(var(--card-rotation) * .5));max-width:480px;justify-self:center}.cast-card:before{left:17%;width:48px;height:17px;top:-6px}.cast-portrait{margin:10px 0 10px 10px;height:100%;min-height:270px;padding:31px 6px 0}.cast-portrait:before{height:58%;top:26%}.portrait-number{top:12px;left:12px;font-size:9px}.pintu-portrait{padding:35px 6px 20px}.cast-copy{padding:23px 18px 23px 20px}.cast-copy h3{font-size:28px;margin-bottom:12px}.character-role{font-size:7px;letter-spacing:.8px;line-height:1.7;min-height:24px;margin-bottom:7px}.cast-copy>p:not(.character-role){font-size:12px;line-height:1.75}.cast-button{font-size:11px;margin-top:13px;gap:10px}.cast-button span{font-size:16px}.spiral-paper{max-width:400px;justify-self:center;width:94%;padding:24px}.spiral-label{font-size:16px}.label-listen{left:21px;top:19px}.label-remember{right:24px;top:30px}.label-care{bottom:62px;right:30px}.spiral-caption{font-size:8px;bottom:23px}.connection-grid .section-copy{max-width:500px}.connection .section-copy p:not(.eyebrow):not(.lead):not(.spiral-status){font-size:14px}.spiral-status{font-size:11px;margin-block:23px 20px}.connection .button{min-height:49px;font-size:12px}.pilot{gap:45px}.pilot-art{max-width:470px;width:calc(100% - 18px);justify-self:center;padding:0 0 60px 6px;margin-top:5px}.pilot-photo img{aspect-ratio:1.25}.journal-page{right:-10px;width:45%;min-height:186px;padding:17px 20px}.journal-page svg{width:40px;height:40px}.journal-page>span:not(.journal-page-number){font-size:17px}.pilot .pilot-title{font-size:70px;margin-bottom:20px}.development-label{font-size:8px;margin-bottom:14px;padding:6px 8px}.pilot .button{margin-top:23px;font-size:12px}.values{padding-block:65px}.values-heading>p:last-child{font-size:14px}.values-grid{grid-template-columns:1fr;margin-top:38px;padding-top:30px;gap:28px}.values-grid article{display:grid;grid-template-columns:35px 1fr;gap:8px 15px}.value-number{grid-row:1/3;align-self:start;padding-top:7px;font-size:10px}.values-grid h3{font-size:24px;margin:0}.values-grid p{font-size:13px;grid-column:2}.about-link{font-size:12px;margin-top:32px}.site-footer{padding-block:36px}.footer-inner{align-items:flex-start;flex-direction:column;gap:24px}.site-footer .brand>span{font-size:21px}.site-footer p{font-size:12px}.site-footer p small{font-size:9px}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:10px}.about-hero{grid-template-columns:1fr;padding-block:50px 65px;gap:36px}.about-hero h1{font-size:clamp(42px,10vw,62px);margin-bottom:22px}.about-hero .lead{font-size:17px}.about-hero .development-label{margin-top:24px}.about-visual{width:calc(100% - 15px);justify-self:center;max-width:440px}.about-visual img{aspect-ratio:1.25}.about-visual p{font-size:8px}.about-row{grid-template-columns:1fr;gap:21px;padding-block:34px}.about-row h2{font-size:29px;line-height:1.2;max-width:320px}.about-row h2 span{font-size:9px;margin-bottom:13px}.about-row p{font-size:14px}.about-end{padding-block:65px}.about-end p{font-size:14px}.about-end .hero-actions{gap:17px;margin-top:25px}dialog{padding:25px 24px 31px;width:calc(100vw - 28px);max-height:88svh}.dialog-top{margin-bottom:20px;gap:14px}.dialog-top .eyebrow{font-size:8px;letter-spacing:1.2px}#dialog-title{font-size:35px;margin-bottom:19px}#dialog-body{font-size:14px}}
@media(max-width:359px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-cast{height:330px}.hero-figure-mukunda{height:248px}.hero-figure-maya{height:264px}.hero-figure-pintu{height:113px}.cast-caption{font-size:9px}.cast-card,.cast-card:last-child{grid-template-columns:1fr}.cast-portrait{height:240px;min-height:0;margin:10px 10px 0;padding-top:15px}.pintu-portrait{padding:40px 22px 20px}.cast-copy{padding:20px 23px 24px}.cast-copy>p:not(.character-role){font-size:13px}.character-role{min-height:0;font-size:8px}.journal-page{width:51%;min-height:175px}.photo-label{font-size:7px}.hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Physical craft materials: soft paper grain over exposed corrugated kraft. */
:root{--kraft-light:#d1ae78;--kraft:#b78a51;--kraft-dark:#76532f;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.065'/%3E%3C/svg%3E");--flutes:repeating-linear-gradient(90deg,#a47743 0 2px,#d5b37c 2px 4px,#74512e 4px 5px,#b58b53 5px 8px)}
h1,h2,h3{text-shadow:.45px .7px 0 #243d3214}.site-header{background-image:var(--paper-grain)}.site-header .brand svg{transform:rotate(-7deg)}
.site-header nav{gap:18px}.site-header nav a{padding:10px 16px 11px;background:none;isolation:isolate;transform:rotate(-.7deg);color:#3f392e;transition:transform 150ms var(--ease-out);text-shadow:0 .5px 0 #3f392e18}.site-header nav a:nth-child(2n){transform:rotate(.7deg)}.site-header nav a:before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--paper-grain);background-color:#d8bc8d;clip-path:var(--rough);border:1px solid #b49360}.site-header nav a:after{inset:4px -2px -4px 2px;height:auto;z-index:-2;background:var(--flutes);clip-path:var(--rough);transform:none;transition:none;box-shadow:1px 3px 3px #543c2526}.site-header nav a[aria-current=page]{color:var(--maroon)}.site-header nav a[aria-current=page]:before{background-color:#edd7ab}.site-header nav a:active{transform:translateY(2px) rotate(0deg)}
.hero-paper{isolation:isolate;background:none;clip-path:none;box-shadow:none;filter:drop-shadow(6px 10px 4px #172e2538)}.hero-paper:before{z-index:-1;opacity:1;background-image:var(--paper-grain);background-color:var(--paper);clip-path:var(--rough)}.hero-paper:after{content:'';position:absolute;inset:6px -7px -10px 5px;z-index:-2;background:var(--flutes);clip-path:var(--rough)}.paper-foot{border-top-color:#97764845}.paper-foot svg{transform:rotate(-8deg)}
.cast-card,.pilot-photo,.journal-page,dialog{background-image:var(--paper-grain),linear-gradient(var(--paper),var(--paper)),var(--flutes);background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;border:1px solid #b3976966;border-right:5px solid transparent;border-bottom:9px solid transparent;box-shadow:2px 4px 0 #76532f25,5px 9px 11px #243d321c}.cast-card{border-radius:1px 3px 1px 2px}.cast-portrait{background-image:var(--paper-grain);border:1px solid #fff7;box-shadow:inset 0 0 22px #604e2814}.cast-card:before{background-image:var(--paper-grain),linear-gradient(0deg,#c9ae714a,#f2e0acb5,#c9ae714a);background-color:transparent;border-inline:1px dashed #fff8;clip-path:polygon(3% 0,98% 3%,95% 25%,100% 47%,96% 69%,99% 96%,0 100%,4% 77%,0 56%,4% 28%);height:24px;top:-10px;opacity:.9}
.world-notebook{background-image:var(--paper-grain);box-shadow:4px 5px 0 #d2b582,6px 8px 0 #82613a,9px 12px 18px #243d321a}.world-notebook:after{content:'';position:absolute;left:4px;right:-6px;bottom:-8px;height:7px;background:var(--flutes);transform:skewX(18deg);z-index:-1}.tape{background-image:var(--paper-grain),linear-gradient(0deg,#c9ae7133,#f0dfa9b0,#c9ae7133);background-color:transparent;clip-path:polygon(3% 0,99% 3%,97% 23%,100% 48%,96% 73%,98% 97%,0 100%,3% 75%,0 51%,4% 22%);box-shadow:0 1px 2px #71563720}
.spiral-paper{background-image:var(--paper-grain),linear-gradient(#eadbb8,#eadbb8),var(--flutes);background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;border-right:6px solid transparent;border-bottom:9px solid transparent}.spiral-paper:before{border-color:#826d4540}.journal-page{background-image:var(--paper-grain),linear-gradient(#e8d5a3,#e8d5a3),var(--flutes)}.about-visual{background-image:var(--paper-grain);border-right:5px solid #ad814c;border-bottom:8px solid #ad814c;box-shadow:2px 3px 0 #76532f70,6px 9px 12px #243d321c}
.button{background-image:var(--paper-grain);border-right:3px solid #9c7444;border-bottom:5px solid #825831;box-shadow:inset 0 1px 0 #fff3;min-height:52px;padding-bottom:12px;padding-right:20px}.button-maroon{background-color:var(--maroon);text-shadow:0 1px 0 #442c2355}.button-mustard{background-color:var(--mustard);text-shadow:0 .5px 0 #203d321f}.button:active{transform:translateY(2px) scale(.98);border-bottom-color:#694426}.values{background-image:var(--paper-grain)}dialog{border-right-width:7px;border-bottom-width:12px;box-shadow:3px 5px 0 #76532f,0 20px 70px #172e2555}#close-dialog{background-image:var(--paper-grain);background-color:#dfccaa;border:1px solid #b69a6c;border-bottom:3px solid #a7824f}
@media(hover:hover) and (pointer:fine){.site-header nav a:hover{transform:translateY(-1px) rotate(0deg)}}
@media(max-width:1100px){.site-header nav{gap:13px}.site-header nav a{padding-inline:12px}}
@media(max-width:850px){.site-header nav{gap:10px}.site-header nav a{padding-inline:10px}}
@media(max-width:639px){.site-header nav{gap:8px;justify-content:space-between;padding-top:12px}.site-header nav a{padding:7px 9px 8px;font-size:10px}.hero-paper:after{inset:5px -5px -8px 4px}.hero-paper{filter:drop-shadow(4px 7px 3px #172e2533)}.cast-card,.pilot-photo,.journal-page{border-right-width:4px;border-bottom-width:7px}.cast-card:before{height:18px;top:-7px}.hero-actions .button{min-height:45px;padding-bottom:9px;padding-right:13px}.spiral-paper{border-right-width:4px;border-bottom-width:7px}.about-visual{border-right-width:4px;border-bottom-width:6px}.button{padding-bottom:12px;padding-right:20px}}
@media(max-width:359px){.site-header nav{gap:5px}.site-header nav a{padding-inline:7px;font-size:9px}}

.hero-tagline{font-family:Marker,sans-serif;font-size:clamp(15px,1.4vw,19px);color:var(--maroon);margin:-10px 0 22px;line-height:1.4}.brand>span{white-space:nowrap}@media(max-width:639px){.hero-tagline{margin:-5px 0 17px;font-size:15px}}


/* Contact shadows belong to the courtyard plane, not the puppet outlines. */
.hero-figure:before,.hero-figure:after{content:"";position:absolute;left:50%;pointer-events:none;z-index:0;border-radius:50%}.hero-figure:before{bottom:-4px;width:66%;height:clamp(8px,1vw,13px);background:radial-gradient(ellipse,#563c2852 0,#563c2826 43%,#563c2800 72%);transform:translateX(-44%) skewX(-18deg)}.hero-figure:after{bottom:-1px;width:48%;height:6px;background:radial-gradient(ellipse,#48322078 0,#48322035 45%,#48322000 75%);transform:translateX(-50%)}.hero-figure-pintu:before{bottom:1px;width:81%}.hero-figure-pintu:after{bottom:4px;width:70%;height:5px}


@media(min-width:640px){.hero-figure{translate:0 34px}}

/* Character introduction keeps its column sizing without animation controls. */
.cast-intro{max-width:340px;font-size:15px;line-height:1.8;align-self:flex-end}
@media(max-width:850px){.cast-intro{max-width:260px;font-size:13px}}
@media(max-width:639px){.cast-intro{align-self:flex-start;max-width:none;font-size:15px}}
.site-footer .copyright{font-size:12px;line-height:1.6;color:#c0cbbc;max-width:360px}