/* KJ60 scoped stylesheet. No document-wide selectors or resets. */
#kj60-page { --kj60-ink:#152e52; --kj60-blue:#123f87; --kj60-gold:#8f6d35; --kj60-muted:#596779; --kj60-cream:#faf8f2; --kj60-line:#dddeda; color:var(--kj60-ink); background:var(--kj60-cream); font:400 16px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif; text-align:left; letter-spacing:normal; width:100%; max-width:none; position:relative; isolation:isolate; overflow:clip; -webkit-font-smoothing:antialiased; }
#kj60-page, #kj60-page *, #kj60-page *::before, #kj60-page *::after { box-sizing:border-box; }
#kj60-page [hidden] { display:none!important; }
#kj60-page :where(h1,h2,h3,h4,p,ul,figure) { margin:0; padding:0; color:inherit; background:none; border:0; font-family:inherit; }
#kj60-page :where(h1,h2,h3,h4) { font-weight:600; letter-spacing:-.03em; line-height:1.5; text-transform:none; }
#kj60-page :where(a,button,summary) { -webkit-tap-highlight-color:transparent; }
#kj60-page a { color:inherit; text-decoration:none; background:transparent; }
#kj60-page button { font:inherit; letter-spacing:inherit; color:inherit; border:0; border-radius:0; background:transparent; padding:0; margin:0; cursor:pointer; box-shadow:none; text-transform:none; min-width:0; }
#kj60-page img { border:0; padding:0; margin:0; display:block; max-width:100%; height:auto; box-shadow:none; }
#kj60-page svg { display:inline-block; flex-shrink:0; vertical-align:middle; }
#kj60-page em { font-style:normal; color:var(--kj60-gold); }
#kj60-page :where(a,button,summary):focus-visible { outline:3px solid #b8842c; outline-offset:5px; border-radius:3px; }
#kj60-page :where(section,[id^="kj60-"]) { scroll-margin-top:110px; }
#kj60-page .kj60-skip { position:absolute; top:-100px; left:16px; padding:12px 20px; background:white; z-index:90; }
#kj60-page .kj60-skip:focus { top:10px; }
#kj60-page .kj60-header { height:96px; display:flex; align-items:center; gap:36px; padding:0 4.6%; border-bottom:1px solid var(--kj60-line); background:rgba(250,248,242,.97); position:sticky; top:0; z-index:30; }
#kj60-page .kj60-brand { display:flex; align-items:center; gap:13px; flex-shrink:0; }
#kj60-page .kj60-brand strong { display:block; font-size:16px; letter-spacing:.055em; }
#kj60-page .kj60-brand small { display:block; font:9px/1.7 Arial,sans-serif; letter-spacing:1.8px; margin-top:2px; }
#kj60-page .kj60-brand-divider { font-weight:300; color:#a0a89e; padding:0 4px; }
#kj60-page .kj60-emblem { display:block; width:51px; height:51px; position:relative; overflow:hidden; border-radius:50%; flex-shrink:0; background:#fff; }
#kj60-page .kj60-emblem img { position:absolute; max-width:none; width:511.333%; height:auto; left:-191.667%; top:-261.667%; }
#kj60-page .kj60-nav { display:flex; align-items:center; justify-content:center; gap:29px; margin-left:auto; }
#kj60-page .kj60-nav a { font-size:13px; white-space:nowrap; padding:9px 0; border-bottom:1px solid transparent; transition:color .2s,border-color .2s; }
#kj60-page .kj60-nav a:hover { color:var(--kj60-gold); border-color:var(--kj60-gold); }
#kj60-page .kj60-header-cta { border:1px solid #9ca9b7; border-radius:3px; display:flex; align-items:center; gap:20px; padding:8px 17px; font-size:13px; white-space:nowrap; }
#kj60-page .kj60-header-cta:hover { background:var(--kj60-ink); color:white; }
#kj60-page .kj60-menu-button { display:none; width:42px; height:42px; justify-content:center; align-items:center; }
#kj60-page .kj60-hero { min-height:735px; max-width:1600px; margin:0 auto; padding:68px 6.5% 82px; display:grid; grid-template-columns:1fr 1.04fr; gap:38px; align-items:center; position:relative; }
#kj60-page .kj60-eyebrow { display:block; font:10px/1.6 Arial,"PingFang TC",sans-serif; font-weight:500; letter-spacing:2.1px; color:var(--kj60-muted); }
#kj60-page .kj60-hero-eyebrow { color:var(--kj60-blue); display:flex; align-items:center; gap:12px; letter-spacing:2px; font-size:11px; }
#kj60-page .kj60-tiny-star { color:var(--kj60-gold); font-size:23px; }
#kj60-page .kj60-hero h1 { font:500 clamp(40px,4.7vw,74px)/1.45 "Songti TC","Noto Serif TC","PMingLiU",serif; letter-spacing:-.04em; margin:26px 0; }
#kj60-page .kj60-hero h1 em { position:relative; }
#kj60-page .kj60-hero h1 em::after { content:""; display:block; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:linear-gradient(to right,#b99156,transparent); }
#kj60-page .kj60-hero-description { font-size:16px; line-height:2; color:var(--kj60-muted); letter-spacing:.03em; }
#kj60-page .kj60-hero-actions { display:flex; align-items:center; gap:30px; margin:36px 0 42px; flex-wrap:wrap; }
#kj60-page .kj60-button { display:inline-flex; align-items:center; justify-content:center; gap:25px; padding:15px 25px; font-size:14px; line-height:1.5; border-radius:3px; min-height:50px; transition:background .2s,color .2s,transform .2s; }
#kj60-page .kj60-button:hover { transform:translateY(-2px); }
#kj60-page .kj60-button-blue { background:var(--kj60-blue); color:#fff; border:1px solid var(--kj60-blue); }
#kj60-page .kj60-button-blue:hover { background:#0b2c64; }
#kj60-page .kj60-button-outline { border:1px solid #a9b2bc; color:var(--kj60-ink); }
#kj60-page .kj60-button-outline:hover { background:#edf0f1; }
#kj60-page .kj60-button-light { background:#faf8f2; color:var(--kj60-ink); }
#kj60-page .kj60-text-link { display:inline-flex; gap:17px; align-items:center; font-size:13px; font-weight:500; border-bottom:1px solid #b6bdbf; padding:6px 0; }
#kj60-page .kj60-text-link:hover { color:var(--kj60-gold); }
#kj60-page .kj60-hero-values { display:flex; align-items:center; gap:24px; font-size:14px; }
#kj60-page .kj60-hero-values small { display:block; font:8px/2 Arial,sans-serif; letter-spacing:1.6px; color:#6e7580; }
#kj60-page .kj60-hero-values i { display:block; width:1px; height:27px; background:#cbd0cd; }
#kj60-page .kj60-hero-visual { position:relative; min-height:550px; width:100%; }
#kj60-page .kj60-orbit-stage { width:94%; aspect-ratio:1; border-radius:50%; position:absolute; right:0; top:-8px; overflow:hidden; background:radial-gradient(ellipse at 65% 22%,#294e7b 0,#142e54 45%,#091d39 100%); box-shadow:0 25px 60px #12345a16; }
#kj60-page .kj60-orbit-stage canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; opacity:.7; }
#kj60-page .kj60-static-orbit { position:absolute; inset:10%; transform:rotate(-27deg); }
#kj60-page .kj60-static-orbit span { position:absolute; inset:0; border:1px solid #c6a56479; border-radius:50%; transform:scaleX(1.35) scaleY(.68); }
#kj60-page .kj60-static-orbit span:nth-child(2) { inset:6%; border-color:#eee3cd42; transform:scaleX(1.2) scaleY(.85) rotate(45deg); }
#kj60-page .kj60-static-orbit span:nth-child(3) { inset:13%; border-color:#e7c46a65; transform:scaleX(1.1) scaleY(1.35) rotate(-25deg); }
#kj60-page .kj60-hero-number { position:absolute; inset:2% 0 auto; text-align:center; font:400 clamp(200px,22vw,345px)/1.15 Georgia,serif; letter-spacing:-.07em; color:#e0c38d; opacity:.95; }
#kj60-page .kj60-hero-number > span { font:normal 68px/1 Georgia,serif; position:absolute; right:17%; bottom:-5%; opacity:.38; }
#kj60-page .kj60-orbit-word { position:absolute; top:7%; left:0; right:0; text-align:center; font:8px/1.6 Arial,sans-serif; letter-spacing:3px; color:#dfd2b6; }
#kj60-page .kj60-orbit-star { color:#e9ce8b; position:absolute; font-size:37px; line-height:1; z-index:3; }
#kj60-page .kj60-star-one { right:11%; top:26%; }
#kj60-page .kj60-star-two { left:13%; top:50%; font-size:29px; }
#kj60-page .kj60-hero-family > .kj60-placeholder-label { color:#c8d3df; background:#142e54df; border-radius:20px; padding:3px 9px; width:fit-content; max-width:95%; margin-left:auto; margin-right:auto; }
#kj60-page .kj60-hero-family { position:absolute; width:108%; left:-4%; bottom:55px; z-index:4; }
#kj60-page .kj60-family { display:flex; align-items:end; justify-content:center; gap:5px; padding:0 8px; }
#kj60-page .kj60-family-person { width:32%; padding:18px 5px 13px; border-radius:100px 100px 12px 12px; background:#f4ead7; box-shadow:0 12px 30px #071e3520; border:5px solid var(--kj60-cream); text-align:center; position:relative; }
#kj60-page .kj60-family-person > span:last-child { display:inline-block; border-top:1px solid #b5a78d; font-size:11px; letter-spacing:.07em; margin-top:8px; padding-top:5px; color:#63573f; }
#kj60-page .kj60-father { transform:rotate(-9deg) translateY(-5px); }
#kj60-page .kj60-student { width:29%; z-index:2; background:#e5edf5; transform:translateY(24px); }
#kj60-page .kj60-mother { transform:rotate(9deg) translateY(-5px); background:#f1e4df; }
#kj60-page .kj60-leo { display:block; width:100%; aspect-ratio:600/480; position:relative; overflow:hidden; mix-blend-mode:multiply;  }
#kj60-page .kj60-leo img { position:absolute; width:506.6667%; max-width:none; height:auto; pointer-events:none; }
#kj60-page .kj60-placeholder-label { display:block; text-align:center; font-size:10px; line-height:1.6; letter-spacing:.025em; color:var(--kj60-muted); margin:37px 0 0; }
#kj60-page .kj60-motion-toggle { position:absolute; right:4%; top:14px; z-index:5; color:#324b69; background:#faf8f2ed; font-size:10px; border:1px solid #a1acb9; border-radius:20px; padding:5px 9px; display:flex; align-items:center; gap:4px; }
#kj60-page .kj60-visual-footnote { position:absolute; bottom:0; left:6%; right:0; display:flex; justify-content:space-between; gap:10px; font-size:10px; letter-spacing:.05em; }
#kj60-page .kj60-visual-footnote span:first-child { font:9px/1.8 Arial,sans-serif; letter-spacing:1.7px; color:var(--kj60-gold); }
#kj60-page .kj60-scroll-note { position:absolute; bottom:26px; left:6.5%; font:8px/1.7 Arial,sans-serif; letter-spacing:2px; display:flex; align-items:center; gap:17px; }
#kj60-page .kj60-ticker { background:var(--kj60-ink); color:#e9dec8; display:flex; align-items:center; justify-content:space-around; gap:28px; padding:20px 4%; font-size:12px; letter-spacing:2.5px; overflow:hidden; white-space:nowrap; }
#kj60-page .kj60-ticker b { color:#ceb172; font-size:17px; font-weight:400; }
#kj60-page .kj60-section { padding:100px 6.5%; max-width:1600px; margin:0 auto; }
#kj60-page .kj60-section-index { display:block; font:10px/1.6 Arial,sans-serif; letter-spacing:1.9px; color:#767967; margin-bottom:20px; }
#kj60-page .kj60-section h2 { font:500 clamp(28px,2.8vw,42px)/1.6 "Songti TC","Noto Serif TC","PMingLiU",serif; letter-spacing:-.025em; }
#kj60-page .kj60-section h2 em { display:block; }
#kj60-page .kj60-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:42px; }
#kj60-page .kj60-section-heading > p { font-size:13px; color:var(--kj60-muted); line-height:1.95; padding-bottom:6px; }
#kj60-page .kj60-about { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; padding-top:95px; padding-bottom:95px; }
#kj60-page .kj60-about h2 { font-size:32px; }
#kj60-page .kj60-section-intro > p { color:var(--kj60-muted); font-size:13px; margin-top:24px; line-height:2; }
#kj60-page .kj60-value-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:center; }
#kj60-page .kj60-value-grid article { padding:8px 25px; border-left:1px solid var(--kj60-line); }
#kj60-page .kj60-value-symbol { display:block; height:73px; font:normal 61px/1 Georgia,serif; color:var(--kj60-gold); }
#kj60-page .kj60-value-grid .kj60-eyebrow { font-size:8px; margin-top:20px; }
#kj60-page .kj60-value-grid h3 { font-size:23px; margin:8px 0 16px; font-family:"Songti TC","PMingLiU",serif; }
#kj60-page .kj60-value-grid p { font-size:12px; line-height:1.95; color:var(--kj60-muted); white-space:nowrap; }
#kj60-page .kj60-stories { background:#f0eee6; max-width:none; }
#kj60-page .kj60-story-tabs { display:flex; gap:35px; border-bottom:1px solid #d0d2cc; margin-bottom:36px; }
#kj60-page .kj60-story-tabs button { padding:13px 0 17px; font-size:13px; color:#667080; border-bottom:2px solid transparent; }
#kj60-page .kj60-story-tabs button > span { font:10px/1 Arial,sans-serif; margin-right:10px; opacity:.65; }
#kj60-page .kj60-story-tabs button[aria-pressed="true"] { border-color:var(--kj60-blue); color:var(--kj60-ink); }
#kj60-page .kj60-story-panel { display:grid; grid-template-columns:1.12fr 1fr; gap:70px; align-items:center; margin:0 0 28px; }
#kj60-page .kj60-story-panel:last-child { margin-bottom:0; }
#kj60-page .kj60-story-art { background:#e1e7e5; min-height:375px; border-radius:3px 70px 3px 3px; display:flex; flex-direction:column; justify-content:center; padding:26px 30px; overflow:hidden; position:relative; }
#kj60-page .kj60-story-art::before { content:"∞"; position:absolute; top:-40px; right:0; font:300px/.9 Georgia,serif; color:#d0d9d6; pointer-events:none; }
#kj60-page .kj60-story-art-note { position:relative; font:8px/1 Arial,sans-serif; letter-spacing:2px; color:#607469; margin-bottom:25px; }
#kj60-page .kj60-family-small { position:relative; max-width:530px; width:100%; margin:0 auto; }
#kj60-page .kj60-family-small .kj60-family-person { border-width:3px; }
#kj60-page .kj60-story-copy { max-width:440px; }
#kj60-page .kj60-story-copy .kj60-eyebrow { color:var(--kj60-gold); font-size:11px; }
#kj60-page .kj60-story-copy h3 { font:500 34px/1.65 "Songti TC","PMingLiU",serif; margin:17px 0 20px; }
#kj60-page .kj60-story-copy p { color:var(--kj60-muted); font-size:14px; line-height:2; margin-bottom:28px; }
#kj60-page .kj60-story-disclosure { display:block; font-size:10px; color:#68716f; margin-top:27px; }
#kj60-page .kj60-teacher-scene { display:flex; justify-content:center; align-items:end; gap:20px; }
#kj60-page .kj60-teacher-scene > div { background:#fbf6ed; padding:10px; border-radius:60px 60px 5px 5px; width:41%; text-align:center; font-size:11px; }
#kj60-page .kj60-teacher-scene > div:first-child { width:34%; transform:rotate(-6deg); }
#kj60-page .kj60-date-notice { display:flex; align-items:start; gap:9px; font-size:11px; color:var(--kj60-muted); margin-top:-17px; margin-bottom:31px; }
#kj60-page .kj60-date-notice svg { margin-top:3px; }
#kj60-page .kj60-months { display:flex; overflow-x:auto; gap:4px; border-bottom:1px solid var(--kj60-line); padding:0 0 12px; scrollbar-width:thin; }
#kj60-page .kj60-months button { flex-shrink:0; padding:9px 22px; font-size:13px; border-radius:3px; }
#kj60-page .kj60-months button[aria-pressed="true"] { background:var(--kj60-ink); color:white; }
#kj60-page .kj60-months button:hover:not([aria-pressed="true"]) { background:#e9ece8; }
#kj60-page .kj60-filter-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:23px 0 30px; }
#kj60-page .kj60-themes { display:flex; gap:8px; flex-wrap:wrap; }
#kj60-page .kj60-themes button { font-size:11px; border:1px solid transparent; padding:4px 13px; border-radius:20px; color:var(--kj60-muted); }
#kj60-page .kj60-themes button[aria-pressed="true"] { border-color:#b2b9c0; color:var(--kj60-ink); }
#kj60-page .kj60-result-count { font-size:11px; color:var(--kj60-muted); white-space:nowrap; }
#kj60-page .kj60-event-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px 26px; }
#kj60-page .kj60-event-card { min-width:0; }
#kj60-page .kj60-event-art { aspect-ratio:1.7; overflow:hidden; position:relative; border-radius:4px; padding:15px; }
#kj60-page .kj60-art-blue { background:#dee6ee; }
#kj60-page .kj60-art-rose { background:#f0e3dc; }
#kj60-page .kj60-art-sage { background:#e5e9db; }
#kj60-page .kj60-art-sand { background:#eee3cc; }
#kj60-page .kj60-event-art .kj60-leo { position:absolute; width:49%; left:44%; top:17%; transform:rotate(-7deg); transition:transform .3s; }
#kj60-page .kj60-event-card:hover .kj60-leo { transform:rotate(0) translateY(-4px); }
#kj60-page .kj60-event-number { position:absolute; left:4%; top:10%; font:105px/1 Georgia,serif; color:#ffffffa8; }
#kj60-page .kj60-tag { position:relative; font-size:10px; border:1px solid #8695a377; padding:3px 9px; border-radius:20px; }
#kj60-page .kj60-art-note { position:absolute; bottom:9px; left:13px; color:#586d76; font-size:9px; }
#kj60-page .kj60-event-info { padding:19px 0 0; }
#kj60-page .kj60-event-date { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--kj60-ink); }
#kj60-page .kj60-event-date > span { font-family:Arial,"PingFang TC",sans-serif; font-weight:600; letter-spacing:.5px; }
#kj60-page .kj60-event-date small { font-size:9px; font-weight:400; color:#6f756c; margin-left:auto; }
#kj60-page .kj60-event-info h3 { font-size:17px; letter-spacing:.005em; margin:13px 0 9px; }
#kj60-page .kj60-event-info > p { font-size:12px; line-height:1.95; color:var(--kj60-muted); min-height:48px; }
#kj60-page :where(.kj60-event-details,.kj60-product-detail) { border-top:1px solid var(--kj60-line); margin-top:20px; }
#kj60-page :where(.kj60-event-details,.kj60-product-detail) summary { display:flex; align-items:center; justify-content:space-between; font-size:12px; cursor:pointer; padding:12px 0; list-style:none; min-height:44px; }
#kj60-page summary::-webkit-details-marker { display:none; }
#kj60-page details[open] summary svg { transform:rotate(45deg); }
#kj60-page details > div { padding:0 0 15px; color:var(--kj60-muted); font-size:12px; line-height:1.9; }
#kj60-page details > div > p + p { margin-top:10px; }
#kj60-page .kj60-load-more-wrap { text-align:center; margin-top:40px; }
#kj60-page .kj60-no-results { text-align:center; border:1px dashed #b5bebd; padding:55px 20px; }
#kj60-page .kj60-no-results h3 { font-size:19px; margin:18px 0 10px; }
#kj60-page .kj60-no-results p { font-size:13px; color:var(--kj60-muted); margin-bottom:25px; }
#kj60-page .kj60-memories { background:#f0eee6; max-width:none; }
#kj60-page .kj60-memory-empty { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:80px; padding:25px 6% 5px; }
#kj60-page .kj60-photo-stack { display:flex; align-items:center; position:relative; min-height:250px; }
#kj60-page .kj60-photo-stack > div { flex-shrink:0; width:43%; aspect-ratio:.84; background:#faf8f3; padding:15px; border:1px solid #d4d8d0; box-shadow:0 8px 15px #1e354807; display:flex; align-items:center; justify-content:center; position:relative; transform:rotate(-12deg); color:#a8b4ac; }
#kj60-page .kj60-photo-stack > div::after { content:""; inset:14px 14px 35px; background:#dce3df88; position:absolute; }
#kj60-page .kj60-photo-stack > div > svg { position:relative; z-index:1; }
#kj60-page .kj60-photo-stack > div > span { position:absolute; bottom:5px; font:10px/2 Georgia,serif; color:#7a867e; }
#kj60-page .kj60-photo-stack > div:nth-child(2) { transform:rotate(3deg) translateY(-14px); z-index:2; margin-left:-19%; color:#98a9bd; }
#kj60-page .kj60-photo-stack > div:nth-child(2)::after { background:#d9e1ec88; }
#kj60-page .kj60-photo-stack > div:nth-child(3) { transform:rotate(14deg); margin-left:-16%; color:#b7a789; }
#kj60-page .kj60-photo-stack > div:nth-child(3)::after { background:#ebe1ca88; }
#kj60-page .kj60-memory-empty h3 { font:500 30px/1.6 "Songti TC","PMingLiU",serif; margin:17px 0; }
#kj60-page .kj60-memory-empty p { font-size:13px; color:var(--kj60-muted); margin-bottom:19px; line-height:1.95; }
#kj60-page .kj60-gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
#kj60-page .kj60-gallery-grid img { width:100%; aspect-ratio:1.5; object-fit:cover; }
#kj60-page .kj60-gallery-grid figcaption { font-size:12px; padding-top:9px; }
#kj60-page .kj60-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#kj60-page .kj60-product-image { aspect-ratio:.97; position:relative; overflow:hidden; background:#ece9df; border-radius:4px; }
#kj60-page .kj60-product-art { position:absolute; overflow:hidden; }
#kj60-page .kj60-product-art img { position:absolute; max-width:none; height:auto; }
#kj60-page .kj60-product-bag { background:#e6ebeb; }
#kj60-page .kj60-product-bag .kj60-product-art { width:51%; aspect-ratio:230/320; left:25%; top:12%; transform:rotate(-8deg); box-shadow:14px 15px 0 #20355212,0 20px 35px #142c5220; }
#kj60-page .kj60-product-bag .kj60-product-art img { width:348%; left:-32%; top:-43.5%; }
#kj60-page .kj60-product-tissue { background:#efe5d6; }
#kj60-page .kj60-product-tissue .kj60-product-art { width:80%; aspect-ratio:1.8; left:10%; top:29%; transform:rotate(-10deg); border-radius:5px; box-shadow:9px 10px 0 #b3a58f55,0 22px 35px #56412215; }
#kj60-page .kj60-product-tissue .kj60-product-art img { width:100%; left:0; top:-60%; }
#kj60-page .kj60-product-medal { background:#e6e6e6; }
#kj60-page .kj60-product-medal .kj60-product-art { inset:auto; width:90%; aspect-ratio:1.5; left:5%; top:24%; border-radius:5px; box-shadow:0 14px 25px #183a5215; }
#kj60-page .kj60-product-medal .kj60-product-art img { width:112%; left:-6%; top:-111%; }
#kj60-page .kj60-product-image-label { position:absolute; top:17px; left:17px; font-size:10px; border:1px solid #adb4b166; padding:3px 9px; background:#faf8f2c9; border-radius:2px; }
#kj60-page .kj60-product-num { position:absolute; bottom:12px; right:17px; font:30px/1.5 Georgia,serif; color:#ffffffbd; }
#kj60-page .kj60-product-copy { padding:23px 0 0; }
#kj60-page .kj60-product-copy .kj60-eyebrow { font-size:8px; color:var(--kj60-gold); letter-spacing:1.5px; }
#kj60-page .kj60-product-copy h3 { font-size:21px; margin:9px 0 12px; }
#kj60-page .kj60-product-copy > p { font-size:12px; color:var(--kj60-muted); line-height:1.95; }
#kj60-page .kj60-product-price { margin-top:22px; display:flex; flex-direction:column; gap:4px; }
#kj60-page .kj60-product-price > span:first-child { font-size:13px; }
#kj60-page .kj60-fine { font-size:10px; color:var(--kj60-muted); }
#kj60-page .kj60-product-detail ul { padding:10px 0 10px 18px; list-style:disc; }
#kj60-page .kj60-product-detail a { display:inline-flex; align-items:center; gap:10px; padding-top:13px; color:var(--kj60-blue); text-decoration:underline; text-underline-offset:4px; }
#kj60-page .kj60-purchase { display:grid; grid-template-columns:1fr 1.7fr; gap:70px; margin-top:65px; background:#efede5; padding:40px; border-radius:3px; }
#kj60-page .kj60-purchase h3 { font:500 27px/1.6 "Songti TC","PMingLiU",serif; margin:13px 0; }
#kj60-page .kj60-purchase > div > p { color:var(--kj60-muted); font-size:12px; line-height:1.95; }
#kj60-page .kj60-purchase-options article { display:flex; align-items:center; gap:19px; padding:19px 0; border-bottom:1px solid #d2d5cf; }
#kj60-page .kj60-purchase-options article:last-child { border:0; }
#kj60-page .kj60-purchase-options article > span:first-child { font:14px/1 Georgia,serif; color:#8a7c5e; }
#kj60-page .kj60-purchase-options h4 { font-size:14px; margin-bottom:5px; }
#kj60-page .kj60-purchase-options p { font-size:11px; color:var(--kj60-muted); }
#kj60-page .kj60-status { font-size:9px; white-space:nowrap; margin-left:auto; padding:2px 7px; border:1px solid #c4c9be; border-radius:20px; color:#68715f; }
#kj60-page .kj60-product-note { text-align:center; font-size:10px; color:#6b756f; margin-top:20px; }
#kj60-page .kj60-closing { background:#122b50; text-align:center; padding:78px 20px 86px; color:#faf7ee; position:relative; overflow:hidden; }
#kj60-page .kj60-closing > *:not(.kj60-closing-infinity) { position:relative; z-index:1; }
#kj60-page .kj60-closing-star { display:block; font:27px/1.3 Georgia,serif; color:#d9b76c; margin-bottom:20px; }
#kj60-page .kj60-closing .kj60-eyebrow { color:#c7b58c; font-size:9px; }
#kj60-page .kj60-closing h2 { font:500 42px/1.65 "Songti TC","PMingLiU",serif; margin:21px 0; }
#kj60-page .kj60-closing h2 em { color:#dfc28a; }
#kj60-page .kj60-closing p { font-size:13px; color:#b8c7da; line-height:2; margin-bottom:30px; }
#kj60-page .kj60-closing-infinity { position:absolute; font:600px/1 Georgia,serif; color:#38537533; top:-70px; left:50%; transform:translateX(-50%); pointer-events:none; }
#kj60-page .kj60-footer { padding:35px 6.5%; display:flex; align-items:center; justify-content:space-between; gap:35px; }
#kj60-page .kj60-footer-brand { display:flex; align-items:center; gap:14px; }
#kj60-page .kj60-footer-brand strong { font-size:13px; font-weight:500; }
#kj60-page .kj60-footer-brand small { display:block; font-size:10px; letter-spacing:2px; color:var(--kj60-muted); margin-top:3px; }
#kj60-page .kj60-footer > p { font:9px/2 Arial,sans-serif; letter-spacing:1.3px; color:#6b777e; }
#kj60-page .kj60-footer > p > span { font-family:inherit; letter-spacing:.5px; }
#kj60-page .kj60-preview-note { padding:10px 20px; border-top:1px solid var(--kj60-line); text-align:center; font-size:10px; color:#727b7d; }
#kj60-page .kj60-lightbox { position:fixed; inset:0; margin:auto; padding:35px; width:min(1000px,92vw); max-width:92vw; max-height:90vh; overflow:auto; background:#fcfaf4; color:var(--kj60-ink); border:0; border-radius:5px; box-shadow:0 20px 80px #0005; font:inherit; }
#kj60-page .kj60-lightbox::backdrop { background:#091c38d9; }
#kj60-page .kj60-lightbox img { max-height:65vh; max-width:100%; width:auto; margin:auto; object-fit:contain; }
#kj60-page .kj60-lightbox-close { position:absolute; top:5px; right:5px; width:40px; height:40px; }
#kj60-page .kj60-lightbox > p { text-align:center; font-size:13px; margin-top:16px; }
#kj60-page .kj60-lightbox-controls { display:flex; justify-content:center; align-items:center; gap:30px; margin-top:15px; font-size:12px; }
#kj60-page .kj60-lightbox-controls button { width:44px; height:44px; border:1px solid var(--kj60-line); }
@media (min-width:1600px) { #kj60-page .kj60-hero { min-height:800px; } #kj60-page .kj60-hero-visual { min-height:630px; } #kj60-page .kj60-hero-number { font-size:365px; } }
@media (max-width:1150px) { #kj60-page .kj60-header { gap:20px; padding:0 4%; height:84px; } #kj60-page .kj60-nav { gap:18px; } #kj60-page .kj60-brand strong { font-size:13px; } #kj60-page .kj60-brand small { font-size:7px; } #kj60-page .kj60-header-cta { display:none; } #kj60-page .kj60-hero { padding:55px 5% 75px; gap:25px; min-height:650px; } #kj60-page .kj60-hero-visual { min-height:470px; } #kj60-page .kj60-hero-actions { gap:18px; } #kj60-page .kj60-hero h1 { font-size:52px; } #kj60-page .kj60-hero-number { font-size:240px; } #kj60-page .kj60-section { padding:75px 5%; } #kj60-page .kj60-about { gap:40px; grid-template-columns:1fr 1.3fr; } #kj60-page .kj60-value-grid article { padding:8px 17px; } #kj60-page .kj60-about h2 { font-size:27px; } #kj60-page .kj60-value-grid p { font-size:11px; } #kj60-page .kj60-story-panel { gap:40px; } #kj60-page .kj60-story-copy h3 { font-size:29px; } #kj60-page .kj60-story-art { min-height:330px; padding:23px; } #kj60-page .kj60-purchase { gap:30px; } #kj60-page .kj60-ticker { justify-content:flex-start; gap:25px; font-size:10px; } }
@media (max-width:800px) { #kj60-page .kj60-header { height:76px; gap:15px; padding:0 5%; flex-wrap:wrap; } #kj60-page .kj60-brand strong { font-size:14px; } #kj60-page .kj60-menu-button { display:flex; margin-left:auto; } #kj60-page .kj60-nav { width:100%; justify-content:flex-start; gap:12px 23px; order:3; padding:15px 0; background:var(--kj60-cream); flex-wrap:wrap; } #kj60-page[data-kj60-ready] .kj60-nav { display:none; } #kj60-page[data-kj60-ready] .kj60-header[data-menu-open] { height:auto; min-height:76px; padding-top:12px; } #kj60-page[data-kj60-ready] .kj60-header[data-menu-open] .kj60-nav { display:flex; } #kj60-page:not([data-kj60-ready]) .kj60-header { height:auto; padding-top:12px; position:relative; } #kj60-page .kj60-hero { grid-template-columns:1fr; padding:45px 7% 65px; text-align:center; gap:45px; } #kj60-page .kj60-hero-copy { position:relative; z-index:1; } #kj60-page .kj60-hero-eyebrow { justify-content:center; } #kj60-page .kj60-hero h1 { font-size:56px; margin:20px 0; } #kj60-page .kj60-hero-description { font-size:14px; } #kj60-page .kj60-hero-actions { justify-content:center; margin:27px 0; gap:25px; } #kj60-page .kj60-hero-values { justify-content:center; font-size:12px; } #kj60-page .kj60-hero-visual { max-width:540px; min-height:550px; margin:0 auto; } #kj60-page .kj60-orbit-stage { width:94%; right:3%; } #kj60-page .kj60-hero-number { font-size:310px; } #kj60-page .kj60-hero-family { width:102%; left:-1%; bottom:80px; } #kj60-page .kj60-visual-footnote { bottom:18px; left:0; right:0; } #kj60-page .kj60-scroll-note { bottom:23px; left:50%; transform:translateX(-50%); white-space:nowrap; } #kj60-page .kj60-about { grid-template-columns:1fr; gap:40px; } #kj60-page .kj60-about h2 { font-size:32px; } #kj60-page .kj60-value-grid article { padding:6px 25px; } #kj60-page .kj60-value-grid p { font-size:12px; } #kj60-page .kj60-section-heading { align-items:start; gap:20px; } #kj60-page .kj60-section h2 { font-size:31px; } #kj60-page .kj60-section-heading > p { font-size:11px; min-width:150px; } #kj60-page .kj60-story-panel { grid-template-columns:1fr; gap:27px; } #kj60-page .kj60-story-art { min-height:370px; padding:28px 50px; } #kj60-page .kj60-story-copy { max-width:100%; } #kj60-page .kj60-story-copy h3 { font-size:31px; } #kj60-page .kj60-story-copy p { max-width:500px; } #kj60-page .kj60-story-disclosure { margin-top:15px; } #kj60-page .kj60-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; } #kj60-page .kj60-months button { padding:8px 18px; } #kj60-page .kj60-memory-empty { gap:40px; padding:0; } #kj60-page .kj60-memory-empty h3 { font-size:26px; } #kj60-page .kj60-photo-stack { min-height:210px; } #kj60-page .kj60-product-grid { gap:18px; } #kj60-page .kj60-product-copy h3 { font-size:17px; } #kj60-page .kj60-product-copy > p { font-size:11px; } #kj60-page .kj60-product-image-label { left:8px; top:8px; font-size:8px; } #kj60-page .kj60-purchase { grid-template-columns:1fr; gap:16px; padding:30px; } #kj60-page .kj60-purchase > div > p br { display:none; } #kj60-page .kj60-purchase h3 br { display:none; } #kj60-page .kj60-footer { gap:20px; flex-wrap:wrap; } #kj60-page .kj60-footer > p { order:3; width:100%; } }
@media (max-width:540px) { #kj60-page .kj60-emblem { width:43px; height:43px; } #kj60-page .kj60-brand { gap:9px; } #kj60-page .kj60-brand strong { font-size:12px; } #kj60-page .kj60-brand small { font-size:6px; letter-spacing:1.4px; } #kj60-page .kj60-header { height:70px; } #kj60-page .kj60-hero { padding:36px 6% 59px; gap:38px; } #kj60-page .kj60-hero h1 { font-size:41px; line-height:1.55; } #kj60-page .kj60-hero-eyebrow { font-size:9px; letter-spacing:1.2px; } #kj60-page .kj60-hero-description { font-size:13px; } #kj60-page .kj60-hero-actions { gap:17px; } #kj60-page .kj60-button { padding:13px 18px; font-size:12px; gap:19px; } #kj60-page .kj60-text-link { font-size:11px; gap:10px; } #kj60-page .kj60-hero-visual { min-height:365px; } #kj60-page .kj60-hero-number { font-size:205px; } #kj60-page .kj60-hero-number > span { font-size:48px; } #kj60-page .kj60-orbit-word { font-size:6px; letter-spacing:1.5px; top:9%; } #kj60-page .kj60-hero-family { bottom:59px; width:109%; left:-4.5%; } #kj60-page .kj60-family { gap:0; } #kj60-page .kj60-family-person { border-width:3px; padding:13px 2px 9px; } #kj60-page .kj60-family-person > span:last-child { font-size:9px; margin-top:4px; padding-top:3px; } #kj60-page .kj60-student { transform:translateY(13px); } #kj60-page .kj60-placeholder-label { font-size:8px; margin-top:24px; } #kj60-page .kj60-visual-footnote { font-size:8px; bottom:10px; } #kj60-page .kj60-visual-footnote span:first-child { font-size:7px; letter-spacing:1px; } #kj60-page .kj60-motion-toggle { font-size:8px; right:4%; top:3px; } #kj60-page .kj60-orbit-star { font-size:26px; } #kj60-page .kj60-section { padding:57px 6%; } #kj60-page .kj60-section-index { font-size:8px; margin-bottom:16px; letter-spacing:1.5px; } #kj60-page .kj60-section h2 { font-size:27px; line-height:1.65; } #kj60-page .kj60-section-heading { flex-direction:column; gap:15px; margin-bottom:29px; } #kj60-page .kj60-section-heading > p { font-size:12px; } #kj60-page .kj60-section-heading > p br { display:none; } #kj60-page .kj60-value-grid article { padding:5px 12px; } #kj60-page .kj60-value-symbol { font-size:46px; height:52px; } #kj60-page .kj60-value-grid h3 { font-size:22px; } #kj60-page .kj60-value-grid p { white-space:normal; font-size:11px; } #kj60-page .kj60-value-grid p br { display:none; } #kj60-page .kj60-value-grid .kj60-eyebrow { font-size:7px; letter-spacing:1px; } #kj60-page .kj60-story-tabs { gap:20px; margin-bottom:25px; } #kj60-page .kj60-story-tabs button { font-size:11px; padding:10px 0 13px; } #kj60-page .kj60-story-tabs button > span { margin-right:5px; font-size:8px; } #kj60-page .kj60-story-art { min-height:265px; padding:20px 14px; border-top-right-radius:50px; } #kj60-page .kj60-story-art-note { font-size:7px; margin-bottom:22px; } #kj60-page .kj60-story-art::before { font-size:200px; } #kj60-page .kj60-story-copy h3 { font-size:27px; } #kj60-page .kj60-story-copy p { font-size:13px; margin-bottom:20px; } #kj60-page .kj60-story-disclosure { font-size:9px; } #kj60-page .kj60-date-notice { font-size:10px; margin-top:-9px; } #kj60-page .kj60-months button { padding:8px 16px; font-size:12px; } #kj60-page .kj60-filter-bottom { align-items:start; gap:5px; margin:18px 0 23px; } #kj60-page .kj60-themes { gap:3px; } #kj60-page .kj60-themes button { font-size:10px; padding:4px 8px; } #kj60-page .kj60-result-count { font-size:9px; padding-top:7px; } #kj60-page .kj60-event-grid { grid-template-columns:1fr; gap:27px; } #kj60-page .kj60-event-art { aspect-ratio:1.85; } #kj60-page .kj60-event-art .kj60-leo { width:43%; top:13%; left:47%; } #kj60-page .kj60-event-number { font-size:105px; } #kj60-page .kj60-event-info h3 { font-size:18px; } #kj60-page .kj60-event-info > p { min-height:0; } #kj60-page .kj60-memory-empty { grid-template-columns:1fr; gap:35px; padding:0 10px; } #kj60-page .kj60-photo-stack { max-width:320px; min-height:220px; margin:auto; width:100%; } #kj60-page .kj60-memory-empty h3 { font-size:28px; } #kj60-page .kj60-product-grid { grid-template-columns:1fr; gap:34px; } #kj60-page .kj60-product-image { aspect-ratio:1.1; } #kj60-page .kj60-product-bag .kj60-product-art { width:45%; top:10%; left:28%; } #kj60-page .kj60-product-image-label { left:15px; top:15px; font-size:10px; } #kj60-page .kj60-product-copy h3 { font-size:22px; } #kj60-page .kj60-product-copy > p { font-size:12px; } #kj60-page .kj60-product-price { margin-top:15px; } #kj60-page .kj60-purchase { padding:25px 20px; margin-top:40px; } #kj60-page .kj60-purchase-options article { gap:12px; flex-wrap:wrap; } #kj60-page .kj60-purchase-options article > div { flex:1; } #kj60-page .kj60-status { font-size:8px; } #kj60-page .kj60-product-note { font-size:9px; text-align:left; } #kj60-page .kj60-closing { padding:60px 20px 65px; } #kj60-page .kj60-closing h2 { font-size:33px; } #kj60-page .kj60-closing p { font-size:12px; } #kj60-page .kj60-footer { padding:26px 6%; gap:22px; } #kj60-page .kj60-footer-brand strong { font-size:12px; } #kj60-page .kj60-footer-brand small { font-size:9px; } #kj60-page .kj60-preview-note { font-size:9px; } #kj60-page .kj60-gallery-grid { grid-template-columns:1fr; } #kj60-page .kj60-lightbox { padding:40px 16px 20px; } }
@media (prefers-reduced-motion:reduce) { #kj60-page *, #kj60-page *::before, #kj60-page *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }

#kj60-page .kj60-lightbox:not([open]) { display:none; }

/* The anniversary route: one continuous rail, grouped by academic-year month. */
#kj60-page .kj60-timeline { position:relative; margin-top:46px; }
#kj60-page .kj60-timeline::before { content:""; position:absolute; left:160px; top:18px; bottom:22px; width:3px; background:linear-gradient(#ccb078,#ac8a4b 45%,#d4c7aa); box-shadow:1px 0 0 #fff,4px 0 14px #ae864426; }
#kj60-page .kj60-timeline-bookend { position:relative; padding:0 0 44px 195px; font-size:12px; letter-spacing:2px; color:var(--kj60-gold); }
#kj60-page .kj60-timeline-bookend > span { position:absolute; left:148px; top:-3px; width:27px; text-align:center; background:var(--kj60-cream); font-size:23px; line-height:1.2; }
#kj60-page .kj60-timeline-end { padding-top:7px; padding-bottom:0; }
#kj60-page .kj60-timeline-end > span { top:6px; font-family:Georgia,serif; }
#kj60-page .kj60-timeline-month { position:relative; display:grid; grid-template-columns:140px minmax(0,1fr); gap:55px; padding:0 0 80px; }
#kj60-page .kj60-month-marker { align-self:start; position:sticky; top:128px; padding-top:5px; }
#kj60-page .kj60-month-marker > span { font:9px/1.5 Arial,sans-serif; letter-spacing:2.3px; color:var(--kj60-gold); }
#kj60-page .kj60-month-marker h3 { font:66px/1.2 Georgia,serif; letter-spacing:-4px; color:var(--kj60-ink); text-shadow:1px 2px 0 #fff,2px 3px 0 #d7c9ad; margin:5px 0 8px; }
#kj60-page .kj60-month-marker h3 small { font:12px/1.5 "PingFang TC",sans-serif; letter-spacing:0; margin-left:8px; }
#kj60-page .kj60-month-marker p { font-size:11px; color:var(--kj60-muted); line-height:1.9; max-width:125px; }
#kj60-page .kj60-timeline-node { position:absolute; left:151px; top:30px; width:21px; height:21px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#fff3ca,#d5b56f 45%,#866233); border:4px solid var(--kj60-cream); box-shadow:0 0 0 1px #c5b087,1px 3px 8px #8f6d3540; z-index:1; }
#kj60-page .kj60-timeline-node::after { content:""; position:absolute; width:29px; height:1px; left:17px; top:6px; background:#c8b58e; }
/* Open illustrations sit beside the route, with no panel behind each event. */
#kj60-page .kj60-event-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 62px; align-items:start; }
#kj60-page .kj60-event-card { min-width:0; background:transparent; border:0; border-radius:0; padding:0; box-shadow:none; }
#kj60-page .kj60-event-card:nth-child(even) { margin-top:65px; }
#kj60-page .kj60-event-art { aspect-ratio:1.65; min-height:210px; background:var(--kj60-cream); border:0; border-radius:0; box-shadow:none; overflow:visible; padding:0; position:relative; isolation:isolate; }
#kj60-page .kj60-event-art::before { content:""; position:absolute; width:67%; height:59%; left:17%; top:21%; border:1px dashed #b59a635e; border-radius:50%; transform:rotate(-21deg); z-index:-1; }
#kj60-page .kj60-event-art::after { content:""; position:absolute; width:26%; height:4%; left:47%; bottom:12%; border-radius:50%; background:#9c875617; filter:blur(5px); z-index:-1; }
#kj60-page .kj60-event-art .kj60-leo { width:63%; left:28%; top:0; clip-path:inset(5% 0 0); transform:rotate(-8deg); transition:transform .35s ease; }
#kj60-page .kj60-event-card:nth-child(even) .kj60-leo { width:58%; left:24%; top:6%; transform:rotate(8deg); }
#kj60-page .kj60-event-card:nth-child(3n) .kj60-leo { transform:rotate(-3deg); }
#kj60-page .kj60-event-card:hover .kj60-leo { transform:rotate(0) translateY(-5px); }
#kj60-page .kj60-event-number { left:0; top:12%; font:italic 115px/1 Georgia,serif; color:#e6dfcf; letter-spacing:-8px; z-index:-1; }
#kj60-page .kj60-event-spark { position:absolute; right:5%; top:4%; font:27px/1 Georgia,serif; color:#b59050; transform:rotate(15deg); }
#kj60-page .kj60-event-card:nth-child(even) .kj60-event-spark { right:auto; left:10%; top:2%; font-size:19px; }
#kj60-page .kj60-art-note { left:auto; right:9%; bottom:0; font-size:9px; color:#7a827e; }
#kj60-page .kj60-event-info { padding:10px 0 0; max-width:480px; }
#kj60-page .kj60-event-theme { display:block; font-size:10px; letter-spacing:3px; color:var(--kj60-gold); margin-bottom:11px; }
#kj60-page .kj60-event-info h3 { font-size:21px; margin:14px 0 12px; }
#kj60-page .kj60-event-info > p { min-height:0; font-size:13px; line-height:2; }
#kj60-page .kj60-event-date { flex-wrap:wrap; }
#kj60-page .kj60-event-date small { margin-left:0; }
#kj60-page .kj60-event-details { border:0; margin-top:14px; }
#kj60-page .kj60-event-details summary { width:fit-content; gap:22px; border-bottom:1px solid #c3b697; padding:8px 0; margin-bottom:12px; }
#kj60-page .kj60-event-details > div { padding-top:4px; }
#kj60-page .kj60-event-card:only-child, #kj60-page .kj60-event-card:nth-child(3):last-child { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:55px; align-items:center; }
#kj60-page .kj60-event-card:only-child .kj60-event-art, #kj60-page .kj60-event-card:nth-child(3):last-child .kj60-event-art { aspect-ratio:1.3; min-height:245px; }
#kj60-page .kj60-event-card:only-child .kj60-event-art .kj60-leo, #kj60-page .kj60-event-card:nth-child(3):last-child .kj60-leo { width:72%; left:19%; top:6%; }
#kj60-page .kj60-event-card:only-child .kj60-event-info { padding:0; }

/* Sculpted surfaces and gentle pointer perspective; content remains stationary. */
#kj60-page [data-kj60-depth] { transform:perspective(1100px) rotateX(var(--kj60-rx,0deg)) rotateY(var(--kj60-ry,0deg)); transition:transform .35s ease-out; }
#kj60-page .kj60-hero-visual { transform-style:preserve-3d; }
#kj60-page .kj60-orbit-stage { box-shadow:inset 7px 8px 16px #7499c233,inset -14px -18px 28px #030e2799,8px 12px 0 #10274b,13px 17px 0 #0a1a34,24px 35px 50px -22px #0a1a3470; }
#kj60-page .kj60-orbit-stage canvas { opacity:.95; }
#kj60-page .kj60-hero-number { color:#e8cd94; text-shadow:1px 1px 0 #b89a60,2px 2px 0 #b39760,3px 3px 0 #a38852,4px 4px 0 #9b8049,5px 5px 0 #8f7441,6px 6px 0 #806739,8px 10px 0 #735b32,13px 18px 15px #06142eb3; }
#kj60-page .kj60-hero-family { transform:translateZ(48px); }
#kj60-page .kj60-family-person { box-shadow:2px 5px 0 #d7d0c3,5px 9px 0 #c6c3ba,10px 20px 25px #071e3538; }
#kj60-page .kj60-story-art { border:1px solid #f6faf7; box-shadow:0 5px 0 #c2ccc7,0 9px 0 #d6ddd7,10px 24px 42px -23px #173b4c70; }
#kj60-page .kj60-product-image { border:1px solid #ffffffa1; box-shadow:0 4px 0 #d6d3c9,0 8px 0 #e6e1d6,10px 22px 30px -21px #142e5259; }
#kj60-page .kj60-product-copy { padding-top:8px; }
#kj60-page .kj60-value-symbol { text-shadow:1px 1px 0 #e2cc9c,2px 2px 0 #80663b,4px 5px 9px #91744326; }
#kj60-page .kj60-photo-stack > div { box-shadow:2px 5px 0 #ded8cb,8px 17px 28px #142e5220; }
#kj60-page[data-kj60-motion-paused] .kj60-event-card:hover .kj60-leo { transform:rotate(-7deg); }
@media (max-width:1000px) {
 #kj60-page .kj60-timeline-month { grid-template-columns:100px minmax(0,1fr); gap:44px; }
 #kj60-page .kj60-timeline::before { left:118px; }
 #kj60-page .kj60-timeline-node { left:109px; }
 #kj60-page .kj60-timeline-bookend { padding-left:144px; }
 #kj60-page .kj60-timeline-bookend > span { left:106px; }
 #kj60-page .kj60-month-marker h3 { font-size:57px; }
 #kj60-page .kj60-month-marker p { font-size:10px; }
 #kj60-page .kj60-event-grid { gap:35px; }
 #kj60-page .kj60-event-art { min-height:180px; }
 #kj60-page .kj60-event-info h3 { font-size:19px; }
 #kj60-page .kj60-event-card:only-child, #kj60-page .kj60-event-card:nth-child(3):last-child { gap:25px; }
}
@media (max-width:800px) {
 #kj60-page .kj60-timeline-month { grid-template-columns:1fr; gap:22px; padding-left:42px; padding-bottom:42px; }
 #kj60-page .kj60-timeline::before { left:10px; }
 #kj60-page .kj60-timeline-node { left:1px; top:27px; }
 #kj60-page .kj60-timeline-node::after { width:17px; }
 #kj60-page .kj60-timeline-bookend { padding-left:42px; font-size:10px; padding-bottom:30px; }
 #kj60-page .kj60-timeline-bookend > span { left:-2px; }
 #kj60-page .kj60-timeline-end { padding-bottom:0; }
 #kj60-page .kj60-month-marker { position:static; display:grid; grid-template-columns:90px minmax(0,1fr); column-gap:15px; align-items:center; padding:0; }
 #kj60-page .kj60-month-marker > span { grid-column:2; grid-row:1; align-self:end; font-size:8px; }
 #kj60-page .kj60-month-marker h3 { grid-column:1; grid-row:1/3; margin:0; font-size:51px; }
 #kj60-page .kj60-month-marker p { grid-column:2; grid-row:2; align-self:start; font-size:11px; max-width:none; }
 #kj60-page .kj60-event-card:only-child .kj60-event-art { min-height:210px; }
 #kj60-page .kj60-event-card:nth-child(even) { margin-top:42px; }
}
@media (max-width:540px) {
 #kj60-page .kj60-timeline { margin-top:30px; }
 #kj60-page .kj60-timeline-month { padding-left:32px; gap:12px; padding-bottom:55px; }
 #kj60-page .kj60-event-grid { grid-template-columns:1fr; gap:40px; }
 #kj60-page .kj60-event-card, #kj60-page .kj60-event-card:only-child, #kj60-page .kj60-event-card:nth-child(3):last-child { display:flex; flex-direction:column; gap:0; align-items:stretch; padding:0; margin:0; }
 #kj60-page .kj60-event-art, #kj60-page .kj60-event-card:only-child .kj60-event-art, #kj60-page .kj60-event-card:nth-child(3):last-child .kj60-event-art { width:100%; max-width:330px; aspect-ratio:1.55; min-height:0; height:auto; align-self:center; }
 #kj60-page .kj60-event-art .kj60-leo, #kj60-page .kj60-event-card:only-child .kj60-event-art .kj60-leo, #kj60-page .kj60-event-card:nth-child(3):last-child .kj60-leo { width:61%; left:29%; top:1%; }
 #kj60-page .kj60-event-card:nth-child(even) .kj60-leo { left:18%; width:58%; top:4%; }
 #kj60-page .kj60-event-info, #kj60-page .kj60-event-card:only-child .kj60-event-info { padding:15px 0 0; }
 #kj60-page .kj60-event-info h3 { font-size:19px; }
 #kj60-page .kj60-event-info > p { font-size:13px; }
 #kj60-page .kj60-event-date { font-size:12px; gap:6px; }
 #kj60-page .kj60-event-number { font-size:93px; top:12%; }
 #kj60-page .kj60-event-theme { margin-bottom:8px; }
 #kj60-page .kj60-art-note { right:5%; }
 #kj60-page .kj60-orbit-stage { box-shadow:inset -10px -14px 22px #030e2777,4px 6px 0 #10274b,7px 9px 0 #0a1a34,14px 23px 30px -17px #0a1a3470; }
}
@media (prefers-reduced-motion:reduce), (hover:none) {
 #kj60-page [data-kj60-depth] { transform:none; }
}
@media (prefers-reduced-motion:reduce) {
 #kj60-page .kj60-event-card:hover .kj60-leo { transform:rotate(-7deg); }
}

/* Scroll indicates the section being read, never an activity's completion. */
#kj60-page .kj60-timeline-node { transition:box-shadow .3s, background .3s; }
#kj60-page [data-kj60-current] .kj60-timeline-node { background:radial-gradient(circle at 30% 25%,#fff7d1,#c3953f 50%,#725027); box-shadow:0 0 0 2px #b98c40,0 0 0 7px #cfa75126,0 0 23px #d6b06480; }
#kj60-page [data-kj60-current] .kj60-month-marker h3 { color:#967033; }
#kj60-page .kj60-event-art button.kj60-leo { cursor:pointer; touch-action:manipulation; transform-origin:50% 80%; }
#kj60-page .kj60-event-art button.kj60-leo:disabled { cursor:default; }
#kj60-page .kj60-leo-reply { position:absolute; left:4%; bottom:9%; width:92%; color:var(--kj60-blue); font-size:12px; font-weight:600; text-align:center; pointer-events:none; text-shadow:0 1px 3px var(--kj60-cream),0 -1px 3px var(--kj60-cream); }
#kj60-page .kj60-story-art { touch-action:pan-y pinch-zoom; }
#kj60-page .kj60-swipe-hint { display:none; font-size:11px; letter-spacing:.05em; color:var(--kj60-muted); margin:-8px 0 22px; }
@media (hover:none), (pointer:coarse) { #kj60-page .kj60-swipe-hint { display:block; } }
#kj60-page[data-kj60-motion-paused] .kj60-timeline-node { transition:none; }
#kj60-page .kj60-event-art:focus-within::before { border:2px solid var(--kj60-blue); }