.publication-hero{position:relative}.publication-hero>img{width:100%;height:auto;aspect-ratio:1657/820;object-fit:contain}.publication-hero h1{position:absolute;top:4%;left:2%;width:56%;margin:0;color:#b54716;font-size:clamp(22px,8.5vw,119px);font-weight:400;line-height:.95;letter-spacing:-.025em}.publication-hero h1 em{display:block;font-weight:400}.publication-hero h1 span{display:block;font-size:.87em;font-weight:700}.publication-intro{display:grid;grid-template-columns:28.9% minmax(0,1fr);gap:1.2%;padding:14px 6% 20px;background:#fff;font-size:clamp(15px,1.65vw,22px);line-height:1.08;align-items:start}.physical-book{position:relative;width:100%;height:auto;margin-top:-69.5%;aspect-ratio:207/237;object-fit:cover}.publication-process{padding:0 6% 20px;background:var(--paper);font-size:clamp(15px,1.7vw,23px);line-height:1.14}.publication-process h2{margin-bottom:0;font-size:clamp(26px,3vw,40px)}.craft-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.7%;margin-top:12px}.craft-gallery img{width:100%;height:100%;aspect-ratio:165/224;object-fit:cover}.marketing{display:grid;grid-template-columns:minmax(0,1fr) 38.5%;gap:3%;padding:25px 6.6% 25px 7.2%;background:var(--blue);color:var(--cream)}.marketing h2{color:var(--cream);font-size:clamp(24px,3vw,40px);line-height:1.05;margin:10px 0 26px}.marketing-copy>p{font-size:clamp(18px,2.05vw,27px);line-height:1.14}.marketing-copy>p+p{margin-top:25px}.suian-photo{width:100%;height:auto;aspect-ratio:272/363;object-fit:cover;align-self:stretch}.marketing .partner-contact{margin-top:18px;padding-right:5%}.marketing .partner-contact h3{font-weight:400;margin-bottom:0;font-size:clamp(30px,3.5vw,45px)}.marketing .partner-contact a{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:145px;border-bottom:1px solid #ffdfac77;text-decoration:none;padding-bottom:4px;font-size:clamp(17px,1.8vw,23px)}.marketing .partner-contact a:hover{color:#fff4db}.publication-quote{grid-template-columns:.9fr 1.25fr 1fr;padding-left:8%}.publication-quote .invitation{font-size:clamp(23px,2.7vw,36px);padding-left:14px}.publication-quote .quote-action>a{font-size:clamp(22px,2.5vw,34px);white-space:nowrap;gap:8px;padding:12px 18px}
@media(max-width:850px){.marketing{gap:3%;padding-top:20px;padding-bottom:20px}.marketing h2{margin-top:8px;margin-bottom:22px}.marketing-copy>p+p{margin-top:22px}}
@media(max-width:600px){.publication-intro{display:flex;flex-direction:column;padding:25px 7%;gap:24px;font-size:18px;line-height:1.3}.physical-book{margin:0 auto;width:min(220px,75%)}.publication-process{padding:25px 7%;font-size:18px;line-height:1.3}.publication-process h2{font-size:30px;margin-bottom:16px}.craft-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:23px}.marketing{grid-template-columns:1fr;padding:30px 7%;gap:28px}.marketing h2{font-size:29px;margin:0 0 24px}.marketing-copy>p{font-size:20px;line-height:1.25}.marketing .partner-contact{text-align:left;padding:0;margin-top:25px}.marketing .partner-contact h3{font-size:32px}.marketing .partner-contact a{font-size:19px;padding:8px 0}.suian-photo{max-width:340px;margin:auto;align-self:auto}.publication-quote{grid-template-columns:1fr;padding:28px 7%;gap:20px}.publication-quote .invitation{font-size:27px}.publication-quote .quote-action{grid-column:auto}.publication-quote .quote-action>a{font-size:29px}.publication-quote .create{font-size:29px}}
