@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Noto+Sans+SC:wght@400;500&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid #b48068;outline-offset:5px}.collection-page{min-height:100svh;background:#171418;color:#f8f0e7;overflow-x:hidden;background-image:radial-gradient(circle at 72% 15%,rgba(151,114,134,.15),transparent 43%),radial-gradient(circle at 15% 90%,rgba(164,117,89,.13),transparent 35%)}.site-header{height:82px;padding:0 clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em}.brand{font-weight:600}.header-link{color:#d3c4b9}.collection{max-width:1320px;margin:0 auto;padding:clamp(42px,8vh,100px) clamp(22px,5vw,70px) 80px}.eyebrow{font-size:10px;letter-spacing:.25em}.collection-intro .eyebrow{color:#c7a998}.collection-intro h1{font-size:clamp(70px,10vw,150px);line-height:.86;letter-spacing:-.07em;font-weight:500;margin:26px 0 20px}.collection-intro h1 em{font-family:"Cormorant Garamond","Noto Sans SC",serif;font-weight:500;font-style:italic;color:#e4ccb6;margin-left:.45em}.poem-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:56px}.poem-card{position:relative;min-height:410px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:#282530;border:1px solid rgba(245,227,207,.26);transition:transform .35s,border-color .35s,box-shadow .35s;isolation:isolate}.poem-card:hover{transform:translateY(-7px);border-color:rgba(245,227,207,.6);box-shadow:0 20px 55px rgba(0,0,0,.22)}.science-card{background:radial-gradient(circle at 67% 27%,rgba(177,155,192,.38),transparent 45%),linear-gradient(145deg,#34303c,#1d1c27 80%)}.wind-card{background:radial-gradient(circle at 65% 30%,rgba(223,182,133,.36),transparent 49%),linear-gradient(140deg,#534039,#29252b 86%)}.poem-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(12,11,14,.53),transparent 62%)}.card-number{font-size:11px;letter-spacing:.16em;color:#e6d6c9}.card-art{position:absolute;right:5%;top:5%;font:clamp(130px,17vw,240px) "Cormorant Garamond",serif;color:rgba(244,225,207,.17);line-height:1;transform:rotate(-16deg);pointer-events:none}.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.card-bottom small{display:block;font-size:9px;letter-spacing:.2em;color:#dec4b1;margin-bottom:12px}.card-bottom strong{display:block;font-size:clamp(28px,3vw,45px);font-weight:500;letter-spacing:-.055em}.card-bottom b{font-size:30px;font-weight:400}.collection-footer{padding:0 clamp(22px,5vw,70px) 30px;font-size:10px;letter-spacing:.2em;color:#8e7e79}
/* Reader: quiet paper surface, generous line spacing and natural Chinese wrapping. */
.reader-page{background:#f1e9db;color:#2b2728;min-height:100svh}.read-progress{position:fixed;z-index:12;inset:0 0 auto;height:3px;background:rgba(102,79,72,.12)}.read-progress span{display:block;height:100%;width:0;background:#a47c6d}.reader-header{height:72px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,4vw,56px);font-size:11px;letter-spacing:.08em;border-bottom:1px solid rgba(70,54,49,.12)}.reader-header span{color:#99857b;letter-spacing:.18em}.reader-header a{white-space:nowrap}.reader-header a:hover,.reader-next a:hover{text-decoration:underline}.reader-main{width:min(700px,calc(100% - 44px));margin:0 auto}.reader-masthead{text-align:center;padding:clamp(64px,12vh,150px) 0 clamp(50px,8vh,92px)}.reader-masthead .eyebrow{color:#a47969}.reader-masthead h1{font-weight:500;font-size:clamp(44px,7vw,76px);letter-spacing:-.055em;margin:18px 0 28px;line-height:1.25}.masthead-rule{display:block;width:42px;height:1px;background:#b9a99e;margin:auto}.poem-text{font-size:clamp(17px,1.6vw,20px);line-height:2.05;letter-spacing:.025em;overflow-wrap:anywhere}.stanza{margin:0 0 2.25em}.stanza:last-child{margin-bottom:0}.reader-next{border-top:1px solid #cbbeb0;margin:clamp(70px,11vh,130px) 0 50px;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:#6f5049}.reader-footer{text-align:center;padding:45px 0 35px;border-top:1px solid rgba(70,54,49,.1);font-size:10px;letter-spacing:.2em;color:#a09487}@media(max-width:720px){.site-header{height:66px}.collection{padding-top:45px}.collection-intro h1{font-size:clamp(67px,15vw,100px)}.poem-choices{grid-template-columns:1fr;gap:16px;margin-top:38px}.poem-card{min-height:300px;padding:24px}.card-art{font-size:175px}.card-bottom strong{font-size:32px}.reader-header{height:62px}.reader-header span{display:none}.reader-main{width:calc(100% - 42px)}.reader-masthead{padding:68px 0 60px}.reader-masthead h1{font-size:clamp(39px,9vw,56px)}.poem-text{font-size:17px;line-height:2.05;letter-spacing:0}.stanza{margin-bottom:2.4em}.reader-next{flex-direction:column;gap:22px}}
@media(max-width:370px){.poem-card{min-height:270px}.card-bottom strong{font-size:29px}.poem-text{font-size:16px;line-height:2}.reader-main{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poem-card{transition:none}}

/* Three fine curling lines echo wind without changing the card's quiet style. */
.wind-mark{position:absolute;right:8%;top:12%;width:min(58%,290px);height:auto;fill:none;stroke:rgba(244,225,207,.29);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg);pointer-events:none}
.poem-choices{margin-top:42px}
.poem-card{min-height:360px}
@media(max-width:720px){.poem-choices{margin-top:32px}.poem-card{min-height:265px}.wind-mark{right:6%;top:10%;width:55%}}