@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600&display=swap');
:root{--ink:#242824;--paper:#f5f4ef;--orange:#f37b40;--muted:#676b64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b34513;outline-offset:5px}.preview{background:#343b34;color:#fff;text-align:center;padding:8px 15px;font-size:12px;letter-spacing:.08em}header{height:90px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #24282425}.brand{font-size:16px;letter-spacing:.06em;font-weight:500}.brand span{margin:0 15px;color:var(--orange)}.nav-cta{font-size:14px}.nav-cta span{margin-left:25px;color:#a63d0a}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:760px;padding:60px 9% 60px 8%;gap:7%}.hero-copy{padding:15px 0}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;margin:0 0 35px}h1{font-family:'Noto Serif TC',serif;font-weight:500;font-size:clamp(64px,6.5vw,104px);letter-spacing:.08em;line-height:1.3;margin:0 0 25px;position:relative}h1 span{padding-left:.65em}h1 sup{font-family:sans-serif;font-size:12px;letter-spacing:0;position:absolute;top:20px;margin-left:25px}.tagline{font-family:'Noto Serif TC',serif;font-size:24px;line-height:1.7;letter-spacing:.1em}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin:24px 0 30px}.button{display:flex;justify-content:space-between;align-items:center;gap:24px;border:0;background:var(--orange);color:#21251f;font-weight:500;padding:19px 24px;width:100%;max-width:350px;font-size:16px;transition:background .2s}.button:hover{background:#ff945d}.hero-meta{display:flex;gap:22px;font-size:12px;letter-spacing:.05em;margin-top:18px}.hero-art{position:relative;padding:28px 25px 16px;background:#e9e8e2;align-self:center}.poster{background-image:url('assets/posters.jpg');background-size:309.8% 101.2%;background-repeat:no-repeat;aspect-ratio:0.704;box-shadow:0 15px 35px #10160f25}.combined{background-position:99.35% 50%}.mountain{background-position:.6% 50%}.calendar{background-position:49.95% 50%}.hero-art .poster{width:100%;transform:rotate(-2deg)}.art-index{position:absolute;left:0;top:-22px;font-size:11px;letter-spacing:.15em}.art-caption{display:flex;justify-content:space-between;margin-top:20px;font-size:11px;letter-spacing:.12em}.edition{background:var(--ink);color:#eee;display:flex;justify-content:space-between;gap:20px;padding:24px 8%;font-size:13px;letter-spacing:.12em}.edition span:first-child{color:var(--orange)}.experience{padding:85px 8% 65px}.section-top{display:flex;justify-content:space-between;border-top:1px solid #24282440;padding-top:22px}.section-top p{margin:0;font-size:12px}.experience-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:45px 0 35px}h2{font-family:'Noto Serif TC',serif;font-weight:500;font-size:clamp(32px,3.4vw,48px);line-height:1.65;letter-spacing:.05em;margin:0}.experience-heading p{color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 22px}.switch{display:inline-flex;border:1px solid #24282440;padding:4px;gap:4px}.switch button{border:0;padding:11px 22px;background:transparent;color:var(--ink);font-size:14px}.switch button[aria-pressed=true]{background:var(--ink);color:white}.stage{background:#e8e8e2;height:570px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage .poster{position:absolute;height:85%;transition:transform .8s,opacity .7s}.stage .mountain{transform:rotate(-4deg)}.stage .calendar{transform:rotate(3deg)}.stage .overlay{opacity:1;z-index:2}.stage.apart .mountain{transform:translateX(-57%) rotate(-3deg)}.stage.apart .calendar{transform:translateX(57%) rotate(3deg)}.stage.apart .overlay{opacity:0;pointer-events:none}.stage-caption{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.story{background:var(--ink);color:var(--paper);padding:85px 10%;display:grid;grid-template-columns:1fr 2fr;gap:10%}.story .eyebrow{color:var(--orange)}.story h2{margin-bottom:30px}.story p:not(.eyebrow){font-size:16px;line-height:2;color:#c9cdc5;max-width:660px}.story details{margin-top:30px;border-top:1px solid #ffffff35;padding-top:20px}.story summary{cursor:pointer;list-style:none;font-size:14px;color:var(--orange);display:flex;justify-content:space-between}.signup{padding:100px 8%;display:grid;grid-template-columns:1fr 1fr;gap:9%;scroll-margin-top:20px}.signup-copy{padding-top:20px}.signup-copy>p:not(.eyebrow){line-height:1.9;color:var(--muted)}.price{display:flex;align-items:baseline;gap:10px;margin-top:35px}.price small{font-size:14px}.price strong{font-family:Arial,sans-serif;font-weight:400;font-size:48px;letter-spacing:-.03em}.price strong span{font-size:18px}.price>span{font-size:14px}.product-note{font-size:13px!important;margin-top:20px}.form-card{background:#fff;padding:35px;border:1px solid #dedfd8;min-height:610px}.form-progress{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.progress{height:2px;background:#e4e7e0;margin:18px 0 30px}.progress i{display:block;height:100%;width:50%;background:var(--orange);transition:width .3s}fieldset{border:0;padding:0;margin:0;min-width:0}legend,#success h3{font-family:'Noto Serif TC',serif;font-size:30px;line-height:1.55;font-weight:500;padding:0}.form-hint{font-size:14px;color:var(--muted);margin:12px 0 22px}.choices{display:grid;gap:10px;margin-bottom:22px}.choices label{cursor:pointer;display:flex;align-items:center;gap:12px;border:1px solid #dfe2d9;padding:13px 15px}.choices label:has(input:checked){border-color:#b94b17;background:#fff6ef}.choices input{accent-color:#ae440f;width:17px;height:17px}.choices span{font-size:15px}.choices small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.choices b{margin-left:auto;font-weight:400;color:#8f968b}.dark{background:var(--ink);color:white;max-width:none}.dark:hover{background:#424b40}.error{color:#a43111;font-size:13px}.field{display:block;font-size:14px;margin:22px 0}.field>span{font-size:12px;color:var(--muted);margin-left:8px}.field input{display:block;border:1px solid #bdc4b7;width:100%;padding:14px;margin-top:9px;border-radius:0;background:#fff;color:var(--ink);font-size:16px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7}.consent input{margin-top:5px;accent-color:#a63d0a}.demo-note{font-size:12px;color:var(--muted);line-height:1.8;margin:20px 0}.back{border:0;background:transparent;color:var(--ink);padding:16px 0;font-size:14px}.success-symbol{display:block;color:#a84213;font-size:45px;margin-top:25px}#success h3{margin:20px 0}#success p{line-height:1.9}footer{padding:30px 6%;border-top:1px solid #24282430;display:flex;justify-content:space-between;gap:24px;align-items:center}footer>span{font-size:11px;letter-spacing:.05em}[hidden]{display:none!important}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:800px){header{height:72px;padding:0 6%}.brand{font-size:14px}.brand span{margin:0 8px}.hero{gap:25px;padding:35px 6% 45px;min-height:0;grid-template-columns:1fr 1fr}.hero h1{font-size:57px}.hero h1 sup{display:none}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.tagline{font-size:19px}.intro{font-size:14px}.hero-meta{flex-direction:column;gap:6px}.hero-art{padding:15px 14px 10px}.hero-art .art-caption{font-size:9px}.edition{font-size:11px;padding:20px 6%}.edition span:last-child{display:none}.experience,.signup{padding:60px 6%}.stage{height:450px}.story{padding:60px 6%;grid-template-columns:1fr;gap:10px}.story .eyebrow{margin-bottom:20px}.signup{gap:5%}.signup h2{font-size:30px}.form-card{padding:24px}.price strong{font-size:38px}footer{flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(max-width:560px){.preview{font-size:11px}.hero{grid-template-columns:1fr;padding-top:27px;gap:42px}.hero-copy{padding:0}.hero .eyebrow{margin-bottom:24px;font-size:11px}.hero h1{font-size:68px;line-height:1.22;margin-bottom:22px}.hero h1 br{display:none}.hero h1 span{padding:0;display:block;margin-left:1em}.tagline{font-size:22px}.intro{font-size:15px}.hero .button{max-width:none}.hero-meta{flex-direction:row;justify-content:space-between;margin-top:15px}.hero-art{width:86%;justify-self:center;padding:18px 20px 12px}.edition{font-size:11px;letter-spacing:.04em}.experience-heading{grid-template-columns:1fr;gap:22px;margin-top:28px}h2{font-size:33px}.section-top>p:last-child{display:none}.stage{height:430px}.stage .poster{height:82%}.stage.apart .poster{height:60%}.stage.apart .mountain{transform:translateX(-48%) rotate(-3deg)}.stage.apart .calendar{transform:translateX(48%) rotate(3deg)}.signup{grid-template-columns:1fr;gap:35px}.signup h2{font-size:33px}.signup .eyebrow{margin-bottom:22px}.form-card{padding:25px 21px}.price{margin-top:24px}.price strong{font-size:45px}footer{align-items:flex-start;flex-direction:column;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Scroll narrative: native scroll, responsive sticky artwork. */
.origins{padding:115px 8%;text-align:center}.origins h2{font-size:clamp(30px,3.8vw,54px)}.origin-copy{max-width:760px;margin:30px auto;color:var(--muted);line-height:2}.scroll-cue{display:block;margin-top:48px;font-size:13px;letter-spacing:.14em;color:#964012}.scroll-story{height:340svh;background:#202420;color:#f5f4ef;position:relative}.scroll-pin{position:sticky;top:0;height:100svh;min-height:480px;overflow:hidden}.scroll-topline,.scroll-bottom{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;z-index:5}.scroll-topline{top:30px;color:#c0c5bb}.scroll-bottom{bottom:25px;gap:24px;color:#c0c5bb}.scroll-track{height:1px;flex:1;background:#ffffff30}.scroll-track i{display:block;height:2px;width:100%;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left}.scroll-visual{position:absolute;inset:75px 3% 80px 42%}.scroll-visual .poster{height:100%;max-height:720px;width:auto;position:absolute;left:50%;top:50%;box-shadow:0 25px 60px #0006;will-change:transform,opacity}.scroll-mountain{transform:translate(-50%,-50%)}.scroll-combined{transform:translate(-50%,-50%);opacity:0}.scroll-calendar{transform:translate(-50%,-80%);opacity:0}.scroll-narration{position:absolute;left:8%;top:50%;width:36%;transform:translateY(-50%);z-index:4}.scroll-line{position:absolute;top:50%;transform:translateY(calc(-50% + 20px));opacity:0;transition:opacity .5s,transform .6s;pointer-events:none}.scroll-line.active{opacity:1;transform:translateY(-50%)}.scroll-line>span{font-size:13px;letter-spacing:.12em;color:var(--orange);display:block;margin-bottom:22px}.scroll-line h2{font-size:clamp(28px,3.3vw,48px);line-height:1.6}.scroll-line p{line-height:1.9;color:#c0c5bb}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s,transform .9s}.motion-ready .reveal.visible{opacity:1;transform:none}.hero-art .poster{animation:poster-enter 1.2s ease-out both}@keyframes poster-enter{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@media(max-width:700px){.origins{padding:75px 7%}.origin-copy{text-align:left;font-size:15px}.scroll-story{height:290svh}.scroll-topline{top:20px;font-size:10px;letter-spacing:.04em}.scroll-narration{left:7%;right:7%;width:auto;top:105px;transform:none;height:100px}.scroll-line{top:0;transform:translateY(15px);width:100%}.scroll-line.active{transform:none}.scroll-line h2{font-size:27px;line-height:1.4}.scroll-line h2 br{display:none}.scroll-line>span{margin-bottom:12px;font-size:12px}.scroll-line p{font-size:14px;line-height:1.6;margin-top:14px}.scroll-line p br{display:none}.scroll-visual{inset:250px 4% 65px}.scroll-visual .poster{max-height:490px;max-width:66%;height:auto;width:auto;aspect-ratio:.704;height:100%}.scroll-bottom{font-size:10px;gap:12px;bottom:22px}.scroll-count{white-space:nowrap}.scroll-track{min-width:20px}}
@media(max-height:650px) and (max-width:700px){.scroll-narration{top:65px}.scroll-visual{top:195px}.scroll-line h2{font-size:23px}.scroll-line p{font-size:13px}.scroll-line>span{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;padding:35px 0}.scroll-pin{position:relative;height:850px;min-height:0}.scroll-visual{inset:100px 5% 250px}.scroll-visual .scroll-mountain{transform:translate(-102%,-50%) scale(.7)!important}.scroll-visual .scroll-calendar{opacity:1!important;transform:translate(2%,-50%) scale(.7)!important}.scroll-visual .scroll-combined{display:none}.scroll-narration{left:8%;top:auto;bottom:95px;width:84%;transform:none}.scroll-line{display:none}.scroll-line:last-child{display:block;opacity:1;transform:none;position:relative}.scroll-bottom{display:none}.motion-ready .reveal{opacity:1;transform:none}.hero-art .poster{animation:none}}
.scroll-line{visibility:hidden;transition:none}.scroll-line.active{visibility:visible;transition:opacity .45s,transform .5s}
@media(prefers-reduced-motion:reduce){.scroll-line:last-child{visibility:visible}}
/* Supplied lifestyle mockups retain their complete composition. */
.poster{aspect-ratio:1122 / 1402;background-size:100% 100%;background-position:center}
.combined{background-image:url('assets/poster-layers.png')}
.mountain{background-image:url('assets/mountain-room.png')}
.calendar{background-image:url('assets/calendar-room.png')}
.hero-art{padding:0;background:transparent}.hero-art .poster{transform:none;animation:none;box-shadow:none}.art-caption{font-size:12px;letter-spacing:.04em;line-height:1.7}
.stage .poster{box-shadow:0 12px 26px #10160f20}.stage.apart .mountain{transform:translateX(-55%) rotate(-2deg)}.stage.apart .calendar{transform:translateX(55%) rotate(2deg)}
.scroll-visual .poster{box-shadow:none}
@media(max-width:700px){.scroll-visual .poster{aspect-ratio:1122 / 1402}}
@media(max-width:560px){.hero-art{width:100%;padding:0}.hero-art .art-caption{font-size:12px}.stage.apart .mountain{transform:translateX(-47%) rotate(-2deg)}.stage.apart .calendar{transform:translateX(47%) rotate(2deg)}}
.quiet-gallery{padding:100px 8% 80px;background:#f5f4ef}.quiet-intro{text-align:center;margin:0 auto 85px;max-width:760px}.quiet-intro h2{font-size:clamp(34px,4vw,56px)}.quiet-quote{font-family:'Noto Serif TC',serif;font-size:clamp(19px,2vw,25px);line-height:1.9;margin-top:30px;color:#555e52}.quiet-row{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;margin-bottom:110px}.quiet-row figure{margin:0;min-width:0}.quiet-row img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}.quiet-row figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:13px}.quiet-copy{max-width:440px}.quiet-number{display:block;color:#984110;font-size:12px;letter-spacing:.12em;margin-bottom:25px}.quiet-copy h3{font-family:'Noto Serif TC',serif;font-size:clamp(25px,2.5vw,36px);font-weight:500;line-height:1.7;margin:0 0 25px}.quiet-copy p{font-size:16px;line-height:2;color:var(--muted);margin:0 0 20px}.quiet-copy .quiet-emphasis{color:var(--ink);font-family:'Noto Serif TC',serif;font-size:20px;margin-top:32px}.quiet-reverse figure{grid-column:2;grid-row:1}.quiet-reverse .quiet-copy{grid-column:1;grid-row:1}.quiet-closing{text-align:center;border-top:1px solid #24282430;padding-top:45px}.quiet-closing p{font-family:'Noto Serif TC',serif;font-size:30px;line-height:1.6;margin:0 0 18px}.quiet-closing span{font-size:15px;color:var(--muted);line-height:1.9;display:block}
@media(max-width:700px){.quiet-gallery{padding:65px 6% 45px}.quiet-intro{margin-bottom:45px}.quiet-row{grid-template-columns:1fr;gap:30px;margin-bottom:65px}.quiet-copy{max-width:none}.quiet-reverse figure,.quiet-reverse .quiet-copy{grid-column:auto;grid-row:auto}.quiet-copy h3{font-size:28px}.quiet-closing p{font-size:27px}.quiet-copy p br{display:none}}
.hero h1{font-size:clamp(54px,5.8vw,88px);line-height:1.38;letter-spacing:.04em}.hero h1 span{padding-left:1em}.hero-credit{font-size:13px;line-height:1.9;letter-spacing:.06em;color:var(--muted);margin:20px 0 0}.hero .intro{font-size:14px;margin-top:18px}.hero .tagline{font-size:22px}#feedback-form{border-top:1px solid #dedfd8;margin-top:28px;padding-top:25px}#feedback-form>label{display:block;font-size:18px;line-height:1.7;font-weight:500}#feedback-form textarea{width:100%;padding:14px;border:1px solid #bdc4b7;resize:vertical;min-height:130px;font:inherit;color:var(--ink);background:white;border-radius:0}#feedback-form textarea:focus-visible{outline:3px solid #b34513;outline-offset:3px}#feedback-status{border-top:1px solid #dedfd8;padding-top:20px;font-size:15px}@media(max-width:560px){.hero h1{font-size:clamp(48px,13vw,68px)}.hero .tagline{font-size:20px}.hero .intro br{display:none}.hero .intro{line-height:2}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.button:disabled{opacity:.55;cursor:wait}.demo-note a{text-decoration:underline}

/* Creator biographies */
.creators{padding:100px 6%;background:#eeede7;color:#232624}.creators-heading{margin-bottom:48px}.creators-heading h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.4;font-weight:400}.creators-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%}.creator{min-width:0}.creator-photo{overflow:hidden;aspect-ratio:1}.creator-photo>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}.creator-copy{padding-top:28px;max-width:560px}.creator-copy h3{font-size:1.8rem;font-weight:400;margin:12px 0 18px}.creator-copy>p:last-child{font-size:1rem;line-height:1.9;color:#555a53}.creator-copy .eyebrow{font-size:.8rem;letter-spacing:.12em}@media(max-width:700px){.creators{padding:64px 6%}.creators-grid{grid-template-columns:1fr;gap:48px}.creators-heading{margin-bottom:30px}}

.creator:first-child .creator-photo img{transform:scale(1.13);transform-origin:50% 15%}

/* Compact creator portraits */
.creators-grid{gap:5%}.creator{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:start}.creator-photo{width:128px;height:128px;border-radius:50%;overflow:hidden}.creator-photo>img{width:100%;height:100%;object-fit:cover;transform:scale(1.35);transform-origin:50% 18%}.creator:first-child .creator-photo img{transform:scale(1.53);transform-origin:50% 15%}.creator-copy{padding-top:0}.creator-copy h3{margin:8px 0 14px}@media(max-width:1000px){.creator{grid-template-columns:96px minmax(0,1fr);gap:20px}.creator-photo{width:96px;height:96px}}@media(max-width:700px){.creators-grid{gap:36px}.creator{grid-template-columns:80px minmax(0,1fr);gap:18px}.creator-photo{width:80px;height:80px}.creator-copy h3{font-size:1.5rem}.creator-copy .eyebrow{font-size:.75rem;letter-spacing:.06em}}

.moon-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:90px 6%;background:#232624;color:#f3f1e9;align-items:start}.moon-figure{margin:0}.moon-art{aspect-ratio:0.707;background:url('assets/posters.jpg') left center/300% 100% no-repeat}.moon-figure figcaption{font-size:.8rem;color:#b9bcb6;margin-top:14px}.moon-copy h2{font-size:clamp(2rem,3.5vw,3.4rem);font-weight:400;line-height:1.5;margin:20px 0 28px}.moon-copy p{font-size:1rem;line-height:1.95;margin:18px 0;color:#d3d5cf}.moon-copy details{margin-top:30px;border-top:1px solid #61655e;padding-top:20px}.moon-copy summary{cursor:pointer;line-height:1.6}.moon-copy summary span{float:right}@media(max-width:700px){.moon-story{grid-template-columns:1fr;padding:56px 6%;gap:32px}.moon-figure{max-width:440px;width:100%;margin:auto}}

/* Updated product demonstration, scoped to the display switch. */
#stage .poster{aspect-ratio:1086 / 1448;background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:none}
#stage .mountain{background-image:url('assets/demo-mountain-v2.png')}
#stage .calendar{background-image:url('assets/demo-calendar-v2.png')}
#stage .combined{background-image:url('assets/demo-combined-v2.png')}
#stage:not(.apart) .mountain,#stage:not(.apart) .calendar{opacity:0}
#stage.apart .mountain,#stage.apart .calendar{opacity:1}

/* Crop only the mockup's outer white canvas in the product demo. */
#stage .mountain,#stage .calendar{aspect-ratio:908 / 1262;background-size:119.6% 114.7%;background-position:50% 56.5%}
#stage .combined{aspect-ratio:968 / 1348;background-size:112.2% 107.4%;background-position:50% 52%}

/* Unframed photography print, with a soft paper shadow. */
.moon-art{background-size:309.8% 102.4%;background-position:.6% 50%;border:0;outline:0;box-shadow:0 18px 38px -12px #00000055,0 4px 10px -4px #00000033}
/* Hero uses the approved combined-poster mockup. */
.hero-art .poster.combined{aspect-ratio:1122 / 1404;background-image:url('assets/hero-combined-v2.png');background-size:cover;background-position:center}
/* The scroll overlay mockup is a landscape composition. */
.scroll-visual .poster.scroll-combined{aspect-ratio:1448 / 1086;background-size:100% 100%;background-position:center}
/* Updated lifestyle and material studies. */
.quiet-row figure img[src="assets/mountain-detail.png"]{content:url('assets/mountain-roll-v2.png')}

/* September product mockups: preserve each source image's intended proportions. */
.hero-art .poster.combined{
  aspect-ratio:1122 / 1402;
  background-image:url('assets/new-hero-combined.jpg');
  background-size:cover;
  background-position:center;
}
.moon-art{
  aspect-ratio:4 / 3;
  background-image:url('assets/new-print-detail.jpg');
  background-size:cover;
  background-position:center;
}
.scroll-visual .poster{
  aspect-ratio:4 / 3;
  background-size:cover;
  background-position:center;
}
.scroll-visual .poster.scroll-mountain{background-image:url('assets/new-mountain-mockup.jpg')}
.scroll-visual .poster.scroll-combined{background-image:url('assets/new-combined-mockup.jpg')}
.scroll-visual .poster.scroll-calendar{background-image:url('assets/new-calendar-mockup.jpg')}
#stage .poster{
  aspect-ratio:4 / 3;
  background-size:cover;
  background-position:center;
}
#stage .mountain{background-image:url('assets/new-mountain-mockup.jpg')}
#stage .combined{background-image:url('assets/new-combined-mockup.jpg')}
#stage .calendar{background-image:url('assets/new-calendar-mockup.jpg')}
.quiet-row figure img[src="assets/mountain-detail.png"]{
  content:url('assets/new-print-detail.jpg');
  aspect-ratio:4 / 3;
  object-fit:cover;
}
.quiet-row figure img[src="assets/calendar-detail.png"]{
  content:url('assets/new-calendar-mockup.jpg');
  aspect-ratio:4 / 3;
  object-fit:cover;
}
@media(max-width:700px){
  .scroll-visual .poster{width:100%;height:auto;max-height:none}
}
@media(max-width:560px){
  .stage.apart .poster{height:52%}
  .stage.apart .mountain{transform:translateX(-34%) rotate(-2deg)}
  .stage.apart .calendar{transform:translateX(34%) rotate(2deg)}
}

/* The confirmed tracing-paper artwork is the orange-gradient edition. */
.hero-art .poster.combined{
  aspect-ratio:4 / 3;
  background-image:url('assets/new-combined-mockup.jpg');
}

/* Pending hero selection: mountain poster with its presentation tube. */
.hero-art .poster.combined{
  aspect-ratio:3569 / 2520;
  background-image:url('assets/hero-tube.jpg');
  background-size:cover;
  background-position:center;
}

/* Pending moonlight-story selection: poster photographed in the stone recess. */
.moon-art{
  aspect-ratio:4 / 3;
  background-image:url('assets/moon-story-poster.jpg');
  background-size:cover;
  background-position:center;
}

/* Pending stillness-section selection: both posters displayed side by side. */
.quiet-row figure img[src="assets/mountain-detail.png"]{
  content:url('assets/new-pair-detail.jpg');
  aspect-ratio:4 / 3;
  object-fit:cover;
}

/* Pending daily-reflection selection: mountain print in its interior setting. */
.quiet-row figure img[src="assets/calendar-detail.png"]{
  content:url('assets/quiet-wall-poster.jpg');
  aspect-ratio:7673 / 6102;
  object-fit:cover;
}

/* Craft and local-return sections introduced for the revised project story. */
.making{padding:105px 8%;background:#e9e8e2}.making-heading{max-width:720px}.making-heading h2{font-size:clamp(34px,4vw,56px)}.making-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;margin-top:55px}.making-copy{color:var(--muted);font-size:16px;line-height:2}.making-copy p{margin:0 0 20px}.making-points{border-top:1px solid #24282438}.making-points article{padding:23px 0;border-bottom:1px solid #24282438}.making-points h3{font-family:'Noto Serif TC',serif;font-size:22px;font-weight:500;margin:0 0 11px}.making-points p{margin:0;color:var(--muted);line-height:1.9;font-size:15px}.returning{padding:105px 8%;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:14%}.returning .eyebrow{grid-column:1/-1;margin-bottom:-35px;color:var(--orange)}.returning h2{font-size:clamp(34px,4vw,54px)}.returning>div{max-width:600px}.returning p{color:#ced1ca;font-size:16px;line-height:2;margin:0 0 20px}.returning details{border-top:1px solid #ffffff35;margin-top:30px;padding-top:20px}.returning summary{cursor:pointer;color:var(--orange);font-size:14px;display:flex;justify-content:space-between;gap:20px}.returning details p{font-size:14px;margin-top:20px}@media(max-width:700px){.making,.returning{padding:65px 6%}.making-grid,.returning{grid-template-columns:1fr;gap:28px}.making-grid{margin-top:35px}.returning .eyebrow{grid-column:auto;margin-bottom:0}.returning h2{margin-bottom:0}}
/* English credit names remain secondary to the primary Chinese names. */
.creator-copy h3 small{display:block;font-family:'Noto Sans TC',sans-serif;font-size:.58em;font-weight:400;letter-spacing:.06em;color:var(--muted);margin-top:6px}

/* Give the opening artwork a closer, more immediate presence. */
@media(min-width:701px){
  .hero{grid-template-columns:.86fr 1.14fr;gap:4%;padding-right:5%}
  .hero-art{margin-right:-3vw;padding:0;background:transparent}
  .hero-art .poster.combined{background-size:215%;background-position:52% 57%;box-shadow:0 30px 65px #0008}
  .hero-art .art-caption{color:var(--muted);margin:15px 0 0}
}
@media(max-width:700px){
  .hero-art .poster.combined{background-size:175%;background-position:52% 57%}
}

/* Tighter editorial crops: preserve atmosphere while making the prints dominant. */
@media(min-width:701px){
  .moon-art{aspect-ratio:1 / 1;background-size:135%;background-position:50% 54%}
  .quiet-row:not(.quiet-reverse) figure img[src="assets/mountain-detail.png"]{height:clamp(470px,42vw,650px);aspect-ratio:auto;object-fit:cover;object-position:center}
  .quiet-row.quiet-reverse figure img[src="assets/calendar-detail.png"]{height:clamp(500px,47vw,700px);aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
}
@media(max-width:700px){
  .moon-art{aspect-ratio:1 / 1;background-size:125%;background-position:50% 54%}
  .quiet-row:not(.quiet-reverse) figure img[src="assets/mountain-detail.png"],
  .quiet-row.quiet-reverse figure img[src="assets/calendar-detail.png"]{height:min(112vw,560px);object-fit:cover;object-position:center}
}

/* The paired-poster image needs its full edges visible to explain the work. */
.quiet-row:not(.quiet-reverse) figure img[src="assets/mountain-detail.png"]{height:auto;aspect-ratio:4 / 3;object-fit:contain}

/* Confirmed opening visual: retain the supplied composition without a crop. */
.hero-art .poster.combined{aspect-ratio:1825 / 1681;background-image:url('assets/hero-tube-full.jpg');background-size:cover;background-position:center}
/* Third collaborator: centered on desktop, aligned with the existing portrait system. */
/* Give the project curator a deliberate full-width credit band instead of an
   orphaned third card beneath the two principal creative credits. */
/* Keep the curator's copy on the exact same editorial column as the first creator. */
@media(min-width:701px){
  .creators-grid{--portrait-column:128px;--creator-gutter:24px}
  .creator{grid-template-columns:var(--portrait-column) minmax(0,1fr);column-gap:var(--creator-gutter)}
  .creator-curation{
    /* A third card on its own row, with the same available text measure as either card above. */
    grid-column:1;
    width:auto;
    margin-top:14px;
    padding-top:42px;
    border-top:1px solid rgba(35,38,36,.18);
    grid-template-columns:var(--portrait-column) minmax(0,1fr);
    column-gap:var(--creator-gutter);
    row-gap:0;
  }
  .creator-curation .creator-copy{max-width:none;margin:0;padding:0}
}
.creator-curation .creator-photo>img{transform:scale(1.08);transform-origin:50% 25%}

/* Approved floor mockups: retain each complete composition in the display switch. */
#stage .poster,
.scroll-visual .poster{
  aspect-ratio:3031 / 2506;
  background-size:contain;
  background-position:center;
}


/* Collector edition preview inside the expandable collection plan. */
.returning .collector-preview{margin:24px 0 0;max-width:440px}.returning .collector-preview img{display:block;width:100%;height:auto}.returning .collector-preview figcaption{margin-top:10px;color:#adb1aa;font-size:12px;line-height:1.7}


/* Keep the collector-edition preview within its own panel on desktop. */
@media(min-width:701px){
  .returning>div{min-width:0}
  .returning details[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);column-gap:26px;align-items:start;padding-bottom:38px}
  .returning details[open] summary{grid-column:1 / -1}
  .returning details[open]>p{grid-column:1;margin:20px 0 0}
  .returning details[open] .collector-preview{grid-column:2;grid-row:2;margin:20px 0 0;max-width:none}
}
@media(max-width:700px){.returning .collector-preview{max-width:340px}}


/* LINE follow-up shown only after a successful early-bird registration. */
.line-followup{margin:28px 0 30px;padding:24px 22px;background:#f1f2ec;border-left:3px solid var(--orange)}.line-followup .eyebrow{margin-bottom:12px;color:#984110;font-size:11px}.line-followup h4{font-family:'Noto Serif TC',serif;font-size:22px;line-height:1.55;font-weight:500;margin:0 0 10px}.line-followup p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 18px}.line-followup .button{max-width:none;padding:15px 18px;font-size:15px}