*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8f5ed;color:#243e35;font:17px/1.7 Georgia,serif}a{color:inherit}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6d8c8;gap:25px}.brand{font-size:30px;text-decoration:none;white-space:nowrap}.brand span{display:block;font:10px Arial;letter-spacing:3px}nav{display:flex;flex-wrap:wrap;gap:24px;font:13px Arial}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1180px;margin:auto}section{padding:85px 40px;border-bottom:1px solid #d8d9c9}.eyebrow{font:12px Arial;letter-spacing:3px;text-transform:uppercase;color:#826b3e}h1{font-size:clamp(44px,6vw,78px);line-height:1.08;font-weight:400;letter-spacing:-2px;margin:23px 0}h2{font-size:42px;line-height:1.2;font-weight:400;margin:16px 0 28px}h3{font-size:27px;font-weight:400;line-height:1.2}p{max-width:680px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:630px}.shelf{display:flex;align-items:center;justify-content:center;gap:12px;background:#e7e9dd;padding:60px 20px;border-radius:160px 160px 3px 3px}.shelf img{width:29%;box-shadow:7px 14px 18px #243e3533}.shelf img:nth-child(2){transform:translateY(-25px)}.button,button{display:inline-block;background:#25483b;color:#fff;padding:13px 24px;text-decoration:none;font:13px Arial;border:1px solid #25483b;cursor:pointer;margin-top:15px}.muted{color:#626e60;font-size:14px}.book{display:grid;grid-template-columns:190px 1fr;gap:46px;padding:35px 0;border-top:1px solid #d8d9c9}.book img{width:100%;box-shadow:5px 9px 14px #0002}.about{display:grid;grid-template-columns:300px 1fr;gap:65px;align-items:start}.portrait{width:100%;border-radius:150px 150px 0 0}.upcoming{background:#e7e9dd}.archive{background:#25483b;color:#f8f5ed}.archive .eyebrow{color:#dfcc9c}.archive .button{background:#f8f5ed;color:#25483b}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.review{border-top:1px solid #c9cfbe;padding-top:28px}.review img{height:240px;max-width:100%;object-fit:contain;object-position:left}.review h3{margin-bottom:4px}.review details{margin-top:16px}.review summary{cursor:pointer;color:#25483b;text-decoration:underline}label{display:block;font:13px Arial;margin:18px 0 7px}input,textarea{display:block;width:100%;padding:13px;border:1px solid #a7b09e;background:#fffef9;font:16px Georgia;color:#243e35}form{max-width:620px}footer{padding:35px 6%;font:12px Arial;display:flex;justify-content:space-between;gap:25px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ab853d;outline-offset:5px}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}nav{gap:17px}.hero,.about,.grid{grid-template-columns:1fr}.hero{gap:35px}.hero .shelf{max-width:430px}.about{gap:30px}.portrait{max-width:270px}section{padding:55px 24px}.book{grid-template-columns:110px 1fr;gap:22px}h2{font-size:34px}h3{font-size:24px}footer{flex-direction:column}}
/* Jade, cherry blossoms, and gold */
body{background:#fbf6f0;color:#163f35}
header{background:linear-gradient(105deg,#174d40,#287760);color:#fff7ee;border-bottom:3px solid #c6a460}
.brand{color:#fff4eb}.brand span{color:#efd7b0}
main{overflow:hidden}
section{position:relative;border-color:#d8dace}
.hero{isolation:isolate;background:radial-gradient(ellipse at 90% 20%,#f5dce5 0,transparent 50%),radial-gradient(ellipse at 10% 90%,#d9ede0 0,transparent 55%);padding-top:100px;padding-bottom:100px}
.hero>div{position:relative;z-index:2}
.hero h1 i{color:#287b63}
.blossom-art{position:absolute;right:-75px;top:-40px;width:530px;max-width:70%;z-index:0;opacity:.95;pointer-events:none}
.shelf{background:linear-gradient(140deg,#9ac9b2dd,#2c7d64e8);border:1px solid #c5a56c;box-shadow:inset 0 0 0 9px #e0ead322,0 22px 45px #15524020;padding-top:90px;padding-bottom:70px}
.shelf img{box-shadow:8px 15px 24px #12372b66;transition:transform .25s}
.shelf img:hover{transform:translateY(-9px) rotate(-2deg)}
.shelf img:nth-child(2):hover{transform:translateY(-34px) rotate(2deg)}
.eyebrow{color:#77602d;letter-spacing:2.5px}
.button,button{background:linear-gradient(110deg,#18513f,#2e8066);border:1px solid #a88a4e;box-shadow:0 5px 14px #174c3320;transition:transform .2s,box-shadow .2s}
.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #174c3330}
.upcoming{background:linear-gradient(115deg,#d6eadd,#eff1e3,#f6dfe7)}
.upcoming:after{content:"✧";position:absolute;right:8%;top:30px;font-size:100px;color:#b69551;opacity:.6}
.about{background:linear-gradient(160deg,#fffaf5,#f5e7e9)}
.portrait{border:5px solid #faf2df;outline:1px solid #b79a61;box-shadow:12px 16px 0 #b3d3bd}
.archive{background:linear-gradient(125deg,#123f33,#28735c);overflow:hidden}
.archive:after{content:"";position:absolute;right:-100px;top:-70px;background:url('/assets/cherry-blossoms.svg') no-repeat center/contain;width:450px;height:430px;opacity:.35;pointer-events:none}
.archive>*{position:relative;z-index:1}
.review{background:linear-gradient(150deg,#fffaf6,#eef3e9);padding:28px;border:1px solid #d5d9c5;border-top:3px solid #79ac91;border-radius:3px;box-shadow:0 8px 24px #315e3d09}
.review h3{color:#21624d}
.spark{position:absolute;color:#bc9651;z-index:3;pointer-events:none;text-shadow:0 0 16px #fff3b7}
.spark-one{font-size:55px;right:42%;top:55px}
.spark-two{font-size:30px;right:5%;bottom:58px}
footer{background:#e4eee2;border-top:1px solid #beab76}
@media(max-width:760px){.blossom-art{max-width:90%;width:400px;right:-110px;top:0;opacity:.5}.hero{padding-top:65px;padding-bottom:60px}.spark-one{right:8%;top:20px}.spark-two{right:8%;bottom:25px}.upcoming:after{font-size:65px;right:5%;top:5px}.review{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}