/* About Kru Jane — authentic editorial story. All rules are scoped to this page. */
.jane-story-page{color:var(--ink);background:#fffdf9;--jane-green:#236746;--jane-blue:#245e9b;--jane-gold:#796332}
.jane-story-page *{box-sizing:border-box}
.jane-story-page [hidden]{display:none!important}
.jane-story-page h1,.jane-story-page h2,.jane-story-page h3{font-weight:600;line-height:1.6;text-wrap:pretty}
.jane-story-page h1{font-size:clamp(1.8rem,3.15vw,2.7rem);margin:14px 0 22px}
.jane-story-page h2{font-size:clamp(1.4rem,2.45vw,2rem);margin:10px 0 20px}
.jane-story-page h3{font-size:1.18rem;margin:8px 0 14px}
.jane-story-page p{font-size:1.05rem;line-height:1.95;margin:0 0 16px;text-wrap:pretty}
.jane-story-page .eyebrow{font:600 .75rem/1.7 'Space Grotesk','IBM Plex Sans Thai',sans-serif;letter-spacing:.13em;color:var(--teal-deep)}
.jane-story-page .wrap{max-width:1160px}
.jane-narrow{max-width:760px;margin:0 auto;padding:54px 24px}
.jane-story-hero{padding:24px 0 36px;background:radial-gradient(ellipse at 95% 45%,#e6f6fa 0,transparent 60%),linear-gradient(140deg,#fffbf2,#fff)}
.jane-story-hero .crumbs{margin-bottom:24px}
.jane-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:56px}
.jane-editorial-grid>div{min-width:0}
.jane-photo{margin:0;min-width:0;padding:9px;background:#fff;border:1px solid #e4ded1;border-radius:22px;box-shadow:0 14px 35px #0f2a3810}
.jane-photo img{display:block;width:100%;height:auto;border-radius:15px}
.jane-story-hero .jane-photo{width:100%;max-width:420px;justify-self:end}
.jane-photo figcaption{font-size:.85rem;line-height:1.7;margin:10px 4px 3px;color:#526773}
.jane-story-link{display:inline-flex;align-items:center;gap:16px;color:var(--teal-deep);font-weight:600;text-underline-offset:5px;min-height:48px;margin-top:8px}
.jane-strengths{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;margin:32px 0 0;padding:20px 0 0;border-top:1px solid #d9e6e4;font-size:.95rem;color:#385b65}
.jane-strengths li::before{content:'✦';color:#a27b28;margin-right:9px}
.jane-french{padding-bottom:36px}
.jane-french p:last-child{color:var(--teal-deep);font-weight:600}
.jane-memories{padding-block:35px 55px}
.jane-section-intro{max-width:800px;margin-bottom:30px}
.jane-memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px}
.jane-memory{min-width:0}
.jane-memory.memory-1{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:34px;background:#fbf5e9;border:1px solid #ebe1cc;border-radius:24px;padding:24px}
.jane-memory-copy{position:relative;padding:20px 8px 0}
.memory-1 .jane-memory-copy{padding:0}
.jane-memory-number{font:500 .82rem 'Space Grotesk',sans-serif;color:#8b6d34;letter-spacing:.15em}
.jane-memory-copy p{font-size:1rem;line-height:1.9;margin-bottom:0}
.memory-4{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:34px}
.memory-4 .jane-memory-copy{grid-row:1;grid-column:1;padding-top:0}.memory-4 .jane-photo{grid-column:2}
.jane-discovery{border-top:1px solid #e5dfd1}
.jane-dna{margin-block:12px 60px;padding:30px;border:1px solid #c6e0e2;border-radius:26px;background:linear-gradient(135deg,#f1faf9,#fffdf8);box-shadow:0 6px 0 #e4efed}
.jane-dna>p{font-size:1rem;margin-bottom:9px}
.jane-dna-original{background:#fff;border:1px solid #dde6e3;border-radius:16px;padding:20px;margin:22px 0}
.jane-dna-original p{color:var(--ink);font-weight:500;font-size:1.15rem;margin:8px 0 0}
.jane-dna-original [lang=en]{font-family:'Space Grotesk',sans-serif}
.jane-dna-steps{display:grid;gap:14px}
.jane-dna-step{border:1px solid #c6dee4;border-radius:16px;background:#fff;box-shadow:0 3px 0 #dfedef}
.jane-dna-step>summary{display:flex;align-items:center;gap:12px;min-height:66px;padding:14px 18px;list-style:none;cursor:pointer;font-weight:600;color:#14546a;background:#e6f5fa;border-radius:15px;line-height:1.7}
.jane-dna-step>summary::-webkit-details-marker{display:none}.jane-dna-step>summary::after{content:none}
.jane-step-number{flex:none;display:inline-flex;padding:4px 9px;border-radius:9px;background:#cce9f1;box-shadow:inset 0 1px 0 #fff,0 3px 5px #0f2a3812;font:700 .8rem/1.8 'Space Grotesk',sans-serif;white-space:nowrap}
.jane-dna-step:nth-child(2){border-color:#c5e0d4}.jane-dna-step:nth-child(2)>summary{background:#e8f7ee;color:#205c49}.jane-dna-step:nth-child(2) .jane-step-number{background:#cdebdc}
.jane-dna-step:nth-child(3){border-color:#e5d4b0}.jane-dna-step:nth-child(3)>summary{background:#fff3df;color:#715126}.jane-dna-step:nth-child(3) .jane-step-number{background:#f1dcb8}
.jane-chevron{margin-left:auto;font-size:1.3rem}.jane-dna-step[open] .jane-chevron{transform:rotate(180deg)}
.jane-step-body{padding:22px 20px}.jane-step-body>p{font-size:1rem}
.jane-legend{display:flex;flex-wrap:wrap;gap:7px 18px;list-style:none;padding:0;margin:12px 0 22px;font-size:.85rem;font-weight:600}
.jane-story-page .subject,.jane-story-page .object{color:var(--jane-green)}.jane-story-page .verb{color:var(--jane-blue)}.jane-story-page .modifier{color:var(--jane-gold)}
.jane-language-label{font:600 .8rem/1.5 'Space Grotesk','IBM Plex Sans Thai',sans-serif!important;color:#526873;margin:18px 0 8px!important}
.jane-chunks{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px 5px;margin-bottom:18px}
.jane-chunk-unit{display:inline-flex;align-items:flex-start;gap:6px;max-width:100%;min-width:0}
.jane-separator{flex:none;line-height:48px;color:#75898d}
.jane-chunk-wrap{display:inline-flex;flex-direction:column;max-width:100%;min-width:0;align-items:flex-start}
.jane-chunk{font:600 1.02rem/1.6 'Space Grotesk','IBM Plex Sans Thai',sans-serif;border:1px solid currentColor;border-radius:10px;min-height:48px;padding:9px 11px;max-width:100%;background:#edf8f0;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 #0f2a3810}
.jane-chunk.verb{background:#edf5ff}.jane-chunk.modifier{background:#fff8e9}
.jane-chunk:hover,.jane-chunk[aria-expanded=true]{box-shadow:inset 0 0 0 1px currentColor,0 3px 8px #0f2a3812}
.jane-chunk-reveal{display:block;margin-top:8px;padding:10px 12px;border:1px solid #c8dbdd;border-radius:10px;background:#fffdf6;color:var(--ink);font-size:.95rem;line-height:1.75;max-width:255px;box-shadow:0 3px 10px #0f2a3810}
.jane-chunk-reveal small{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#455e66}.jane-chunk-reveal svg{flex:none}
.jane-dna-insight{border-left:3px solid #c6a257;padding:2px 0 2px 16px;margin-top:20px}.jane-dna-insight p{font-size:.98rem}.jane-dna-insight p:last-child{margin-bottom:0}
.jane-full-meaning{font-weight:600;color:var(--teal-deep);font-size:1.15rem!important}
.jane-dna-reset{font:500 .9rem/1.7 'IBM Plex Sans Thai',sans-serif;min-height:44px;margin-top:18px;border:1px solid #aeced4;border-radius:10px;background:white;color:var(--teal-deep);padding:8px 14px;cursor:pointer}
.jane-story-page a:focus-visible,.jane-story-page button:focus-visible,.jane-story-page summary:focus-visible{outline:3px solid #0f6f8c;outline-offset:4px}
.jane-world{background:linear-gradient(130deg,#f9f2e3,#f4f9f8);border-block:1px solid #e8e0d0}
.jane-world .jane-narrow{padding-block:48px}.jane-world p:last-child{font-weight:600;color:var(--teal-deep)}
.jane-today{padding-block:60px}.jane-today .jane-photo{width:100%;max-width:390px;justify-self:center}.jane-company{font-size:.9rem!important;color:#526773}
.jane-parent{padding-block:35px 55px;border-top:1px solid #e5dfd1}.jane-parent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:50px;align-items:start}.jane-parent-grid>div{padding-top:12px}
.jane-parent-letter{margin:0;padding:13px;background:#fbf6ec;border:1px solid #e3d7bc;box-shadow:0 12px 30px #76612d14;border-radius:18px;max-width:430px;justify-self:center}
.jane-parent-enlarge{display:block;color:var(--teal-deep);text-decoration:none;text-align:center;font-size:.9rem}.jane-parent-enlarge img{display:block;width:100%;height:auto;border-radius:10px}.jane-parent-enlarge>span{display:block;padding:12px 4px 0}
.jane-photo-note{font-size:.85rem!important;color:#526773}
.jane-closing{border-top:1px solid #e5dfd1;padding-block:50px 65px}.jane-closing p:nth-last-of-type(1){font-family:'Noto Serif Thai',serif;font-size:1.5rem;color:var(--teal-deep)}
@media(max-width:800px){.jane-editorial-grid{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.jane-memory.memory-1{gap:24px;padding:18px}.jane-parent-grid{gap:28px}.jane-dna{padding:24px}}
@media(max-width:700px){.jane-story-page .wrap{width:calc(100% - 40px);padding-inline:0}.jane-story-page .jane-dna{padding-inline:14px}.jane-editorial-grid{grid-template-columns:1fr;gap:26px}.jane-story-hero .jane-photo{max-width:310px;justify-self:center}.jane-story-page h1{font-size:1.8rem}.jane-story-page h2{font-size:1.45rem}.jane-story-page p{font-size:1rem;line-height:1.9}.jane-strengths{justify-content:flex-start;gap:9px 20px;margin-top:25px}.jane-narrow{padding:36px 24px}.jane-memory-grid{grid-template-columns:1fr;gap:30px}.jane-memory.memory-1,.memory-4{display:block;grid-column:auto}.jane-memory.memory-1{padding:14px}.memory-1 .jane-memory-copy{padding:18px 4px 5px}.jane-memory-copy{padding-top:18px}.memory-4 .jane-memory-copy{padding-top:18px}.jane-memories{padding-block:26px 38px}.jane-dna{padding:20px 14px;margin-bottom:40px;border-radius:20px}.jane-dna-step>summary{font-size:.96rem;padding:13px 12px;gap:9px}.jane-step-number{font-size:.72rem;padding:4px 7px}.jane-step-body{padding:18px 12px}.jane-chunk{font-size:.94rem;padding:8px 9px;min-height:46px}.jane-chunk-unit{gap:4px}.jane-chunks{gap:10px 3px}.jane-dna-original{padding:16px}.jane-dna-original p{font-size:1.05rem}.jane-parent-grid{grid-template-columns:1fr;gap:22px}.jane-parent-letter{max-width:390px;width:100%}.jane-today{padding-block:40px}.jane-today .jane-photo{max-width:300px}.jane-closing{padding-block:36px 46px}.jane-parent{padding-block:30px 38px}}
@media(prefers-reduced-motion:reduce){.jane-story-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.jane-greeting-name{display:inline-block}
/* TASK ABOUT JANE 02 — a bright personal diary, scoped to existing story sections. */
.jane-story-page{--diary-ivory:#fff9ef;--diary-cream:#f4e9d8;--diary-sepia:#d7b995;background:linear-gradient(180deg,#fff9ef 0%,#fffaf3 34%,#fbfdfb 62%,#fffdf9 100%)}
.jane-story-hero{background:radial-gradient(ellipse at 92% 45%,#eff8f6 0,transparent 62%),linear-gradient(135deg,#fff9ef,#fffdf8)}
.jane-diary-page{position:relative;border:1px solid #e6dac6;border-radius:6px 18px 18px 6px;background:linear-gradient(105deg,#fffdf8,#fffaf2);box-shadow:4px 5px 0 -1px #f4e9d8,0 12px 32px #654d2810;margin-block:38px 42px;padding:32px 36px}
.jane-diary-page::before{content:'';position:absolute;top:15px;bottom:15px;left:6px;border-left:1px solid #eadfce;pointer-events:none}
.jane-surprise-heading{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:22px;margin-bottom:14px}
.jane-surprise-heading>div{min-width:0}.jane-surprise-heading h2{margin-bottom:0}
.jane-wow-book{display:block;width:108px;height:auto;justify-self:center}
.jane-french p:last-child{font-weight:400;color:var(--ink);margin-bottom:0}
.jane-memories{position:relative;padding-block:32px 48px}
.jane-memories>.jane-section-intro{border-top:1px solid #ddcdb5;padding-top:26px}
.jane-memory-grid{gap:40px 34px}
.jane-memory.memory-1{background:transparent;border:0;border-radius:0;padding:12px 8px 26px;gap:42px}
.memory-1 .jane-photo{padding:12px 12px 34px;border:1px solid #e1d5c0;border-radius:3px;background:#fffdf6;box-shadow:1px 3px 0 #e7dcc9,0 13px 24px #6953321c;transform:rotate(-1deg)}
.memory-1 .jane-photo img{border-radius:1px}
.memory-1 .jane-memory-copy strong{font-weight:700;color:var(--teal-deep)}
.jane-stationery{display:block;width:156px;max-width:48%;height:auto;margin:14px 0 0 auto}
.jane-memory:not(.memory-1) .jane-photo{position:relative;padding:10px 10px 16px;border:1px solid #cfb797;border-radius:6px;background:#fffaf1;box-shadow:0 2px 0 #eadbc4,0 10px 24px #69533214}
.jane-memory:not(.memory-1) .jane-photo img{border:1px solid #e7d9c4;border-radius:2px}
.jane-memory:not(.memory-1) .jane-photo::before,.jane-memory:not(.memory-1) .jane-photo::after{content:'';position:absolute;width:20px;height:20px;z-index:1;background:linear-gradient(135deg,#eddfc9,#faf4e9);filter:drop-shadow(0 1px 1px #71562d1a);pointer-events:none}
.jane-memory:not(.memory-1) .jane-photo::before{left:3px;top:3px;clip-path:polygon(0 0,100% 0,0 100%)}
.jane-memory:not(.memory-1) .jane-photo::after{right:3px;bottom:3px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.jane-memory-number{color:#7c6033}
.jane-discovery{border-top-color:#d8dfd5;background:linear-gradient(180deg,#fffaf2,#f9fcf9)}
.jane-dna{background:linear-gradient(135deg,#f1faf9,#fffdf7)}
.jane-world{background:linear-gradient(130deg,#fbf8f0,#f3f9f8);border-block-color:#e4e8de}
.jane-today{background:linear-gradient(180deg,#fffdf9,#f6fbfa)}
.jane-parent{border-top-color:#dce7e2}.jane-closing{border-top-color:#dce7e2}
@media(max-width:800px){.jane-diary-page{max-width:calc(100% - 48px)}.jane-memory.memory-1{gap:28px}}
@media(max-width:700px){.jane-diary-page{width:calc(100% - 40px);max-width:760px;padding:24px 22px;margin-block:26px 30px}.jane-surprise-heading{grid-template-columns:minmax(0,1fr) 80px;gap:12px;margin-bottom:18px}.jane-wow-book{width:80px}.jane-surprise-heading h2{font-size:1.35rem;line-height:1.65}.jane-memories{padding-block:20px 34px}.jane-memories>.jane-section-intro{padding-top:22px}.jane-memory.memory-1{padding:8px 6px 20px}.memory-1 .jane-photo{padding:10px 10px 28px;margin-inline:3px}.memory-1 .jane-memory-copy{padding:22px 0 0}.jane-stationery{width:132px;max-width:48%;margin-top:12px}.jane-memory-grid{gap:32px}.jane-memory:not(.memory-1) .jane-photo{padding:8px 8px 13px}.jane-memory:not(.memory-1) .jane-photo::before,.jane-memory:not(.memory-1) .jane-photo::after{width:16px;height:16px}}
/* Personal flight notes: authentic photographs with a calm editorial reading rhythm. */
.jane-memory-copy p+p{margin-top:16px}
.jane-world .jane-narrow>p:last-child{font-weight:400;color:var(--ink)}
.jane-travel{padding-block:4px 12px}
.jane-travel-stop{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:42px;padding-block:38px;border-top:1px solid #dce5df}
.jane-travel-copy{min-width:0}.jane-travel-copy h3{font-size:clamp(1.18rem,1.8vw,1.5rem)}
.jane-world .jane-travel-copy p{font-weight:400;color:var(--ink);font-size:1rem;line-height:1.9}
.jane-travel-copy p:last-child{margin-bottom:0}
.jane-travel .jane-photo{padding:10px 10px 18px;border:1px solid #d7c4a7;border-radius:5px;background:#fffaf1;box-shadow:0 3px 0 #eadfcf,0 12px 28px #69533214}
.jane-travel .jane-photo img{border-radius:2px}
.jane-travel-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.jane-travel-reverse>.jane-photo{grid-column:2;grid-row:1}.jane-travel-reverse>.jane-travel-copy{grid-column:1;grid-row:1}
.jane-camera-memory>.jane-photo{max-width:340px;justify-self:center}
.jane-travel-spain{padding-block:38px;border-top:1px solid #dce5df}
.jane-travel-spain>.jane-travel-copy{max-width:760px;margin:0 auto 28px}
.jane-travel-pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center}
.jane-world .jane-travel-bridge{padding-block:30px 46px;border-top:1px solid #dce5df}
.jane-world .jane-travel-bridge p{font-weight:600;color:var(--teal-deep)}
@media(max-width:800px){.jane-travel-stop{gap:26px}.jane-travel-pair{gap:22px}}
@media(max-width:700px){.jane-travel-stop,.jane-travel-reverse{grid-template-columns:1fr;gap:24px;padding-block:30px}.jane-travel-reverse>.jane-photo,.jane-travel-reverse>.jane-travel-copy{grid-column:auto;grid-row:auto}.jane-camera-memory>.jane-photo{max-width:290px}.jane-travel-pair{grid-template-columns:1fr;gap:22px}.jane-travel-pair>.jane-photo:last-child{max-width:310px;justify-self:center}.jane-travel-spain{padding-block:30px}.jane-travel-spain>.jane-travel-copy{margin-bottom:22px}.jane-travel .jane-photo{padding:8px 8px 15px}.jane-world .jane-travel-bridge{padding-block:26px 34px}}

/* Two real course portraits, one coordinated editorial collection. */
.jane-today-intro{max-width:760px;margin:0 auto 34px}
.jane-course-memories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}
.jane-course-memory{min-width:0}.jane-today .jane-course-memory .jane-photo{max-width:340px;margin:0 auto}
.jane-course-memory-copy{max-width:450px;margin:24px auto 0}.jane-course-memory-copy h3{font-size:clamp(1.12rem,1.6vw,1.35rem);line-height:1.65}.jane-course-memory-copy p{margin-bottom:0}
.jane-today>.jane-company{max-width:760px;margin:30px auto 0}
@media(max-width:800px){.jane-course-memories{gap:28px}}
@media(max-width:700px){.jane-course-memories{grid-template-columns:1fr;gap:34px}.jane-today .jane-course-memory .jane-photo{max-width:290px}.jane-today-intro{margin-bottom:28px}.jane-course-memory-copy{margin-top:20px}}

/* A small discovery companion supports the final understanding moment. */
.jane-aha-note{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:20px;align-items:end}
.jane-aha-note>div{min-width:0}.jane-aha-note p{font-size:1rem}.jane-aha-note p:last-child{margin-bottom:0}
.jane-aha-book{display:block;width:100px;height:auto;max-width:100%}
@media(max-width:700px){.jane-aha-note{display:block}.jane-aha-book{width:76px;margin:10px 0 0 auto}}
