:root{font-family:Arial,sans-serif;color:#49352e;background:#f6f0e6;--wine:#743342;--green:#263e33;--line:#ded2bd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #af8c4b;outline-offset:4px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(36px,4.5vw,65px);line-height:1.15;letter-spacing:-1.5px;margin:22px 0}h1 em{color:var(--wine)}h2{font-size:30px}h3{font-size:23px}p{line-height:1.75}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{background:var(--green);color:#f6f0e6;padding:40px 24px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;min-width:0}.brand{font-size:10px;letter-spacing:3px;color:#e4d3ad;text-decoration:none}.brand strong{display:block;font:48px Georgia,serif;letter-spacing:-1px;margin-top:6px;color:#f6f0e6}.brand span{color:#bfa16b}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;text-transform:uppercase}.side>p{font-size:8px;color:#b4bea5;margin-top:45px}.side nav{display:grid;gap:8px}.nav{background:none;color:#d9ddcc;text-align:left;padding:15px 12px;border-radius:4px;font-size:13px}.nav.active{background:#ffffff12;box-shadow:inset 2px 0 #c5a269}.side-note{margin-top:auto;color:#bdc1ab;font:italic 18px/1.8 Georgia,serif}.side-note strong{display:block;color:#c6aa73;font-size:62px;font-weight:400}.side-note button{background:none;padding:0;color:#e3c998;font-size:12px}main{padding:0 5vw;min-width:0}header{display:flex;justify-content:space-between;align-items:center;min-height:85px;border-bottom:1px solid var(--line);gap:15px}header .eyebrow{font-size:8px;color:#84715b}header button{background:none;color:#66513f;font-size:12px}.test-note{font-size:11px;padding:12px 0;color:#846d53;border-bottom:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:50px 0 40px}.hero p{max-width:390px;color:#82715f;font-size:13px}.hero .quote{font:italic 16px Georgia,serif;color:#8d734a;margin-top:30px}.arch{max-width:300px;justify-self:center;width:100%;height:330px;border:8px solid #e8ddc8;border-radius:160px 160px 8px 8px;overflow:hidden;background:#e8ddc8;position:relative}.arch svg{width:100%;height:100%;object-fit:cover}.arch>span{position:absolute;bottom:15px;background:var(--wine);color:#f9e9ca;padding:20px;font:italic 22px/1.4 Georgia,serif;transform:rotate(-5deg)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-title h2{margin-bottom:12px}.search{border:0;border-bottom:1px solid #b7a48a;background:none;width:190px;font-size:12px;border-radius:0}.filters{display:flex;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line);margin:10px 0 28px}.filters button{background:none;color:#7e6e57;border-radius:20px;padding:9px 16px;font-size:11px}.filters .active{background:#e8dfcf;color:#414d35}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{min-width:0}.cover-button{background:none;padding:0;width:100%}.cover{aspect-ratio:.76;background:var(--wine);color:#e9d4a7;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px 20px;box-shadow:inset 7px 0 7px #0003,4px 6px 10px #402e241a;border-radius:2px 6px 6px 2px;overflow:hidden;text-align:center;gap:15px}.cover:before{content:'';position:absolute;inset:12px 12px 12px 17px;border:1px solid #d7bb8066;pointer-events:none}.forest{background:#2e493b}.gold{background:#c4a167;color:#364c37}.cover small{font-size:8px;letter-spacing:2px;text-transform:uppercase}.cover .leaf{font-size:65px;line-height:1}.cover strong{font:clamp(24px,2.6vw,38px)/1.15 Georgia,serif;max-width:230px;font-weight:400}.cover i{font:italic 11px/1.5 Georgia,serif}.card .eyebrow{font-size:7px;color:#977a52;display:block;margin-top:18px}.card h3{margin:9px 0}.card p{font-size:12px;color:#8a765d;margin:0 0 12px}.text{background:none;color:var(--wine);font-size:12px;padding:0}.banner{display:flex;align-items:center;gap:25px;padding:27px;background:#e7e8d6;border:1px solid #d1d6bc;margin:40px 0 30px}.banner .flower{font-size:65px;color:#7b8b5c}.banner h2{font-size:27px;margin:8px 0}.banner p{font-size:12px;margin-bottom:0;color:#6d765a}.banner .button{margin-left:auto}.button{background:var(--wine);color:#fff5e5;padding:12px 18px;border-radius:4px;font-size:12px;text-decoration:none;display:inline-block;border:1px solid transparent}.secondary{background:transparent;border-color:#bca78d;color:var(--wine)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;color:#927b60;font-size:8px;letter-spacing:1.5px}footer span{font:italic 12px Georgia,serif;letter-spacing:0}.panel{padding:30px;border:1px solid var(--line);background:#fffaf2;border-radius:5px;margin:30px 0}.panel p{font-size:13px;color:#7d6a54}.intro{padding-top:35px}.auth{max-width:520px;margin:50px auto}.auth h1{font-size:43px}.links{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:12px}input,select{width:100%;padding:12px;border:1px solid #cbbb9f;background:#fffcf6;color:#4d3c2d;border-radius:4px}input[type=file]{font-size:11px;padding:8px}form .button{justify-self:start}.notice{padding:16px 20px;background:#ebe1ca;border-left:3px solid #a07c43;font-size:13px;line-height:1.6;margin:20px 0}.notice button{float:right;background:none;font-size:20px;color:inherit}.empty{padding:30px;border:1px dashed #baa68b;grid-column:1/-1;font-size:14px;line-height:1.8}.bloom-hero{text-align:center;padding:45px 15px;background:#e6e7d4;margin:30px 0;color:#344c36}.bloom-hero h1{margin:12px 0}.bloom-hero .flower{font-size:65px;color:#a78750}.bloom-hero p{font-size:14px}.profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.profile{border:1px solid var(--line);padding:20px;display:grid;gap:16px}.profile h3{margin:0}.check{display:flex;align-items:center;gap:12px;line-height:1.6}.check input{width:18px;height:18px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:25px}.studio>.panel{min-width:0}.catalog-row{border-top:1px solid var(--line);padding:20px 0;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.catalog-row strong{flex:1;font:20px Georgia,serif}.catalog-row small{font-size:10px;color:#8d7458}dialog{position:fixed;inset:0;width:min(1000px,94vw);max-height:94dvh;overflow:auto;background:#f6f0e6;color:#453229;padding:38px;border:1px solid #c8b99b;border-radius:6px}dialog::backdrop{background:#19241ed9}.close{position:absolute;top:9px;right:12px;background:none;font-size:25px;color:#6b533e}.reader-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:22px}.page{display:grid;grid-template-columns:1fr 1fr;background:#fffaf0;box-shadow:0 5px 25px #49351d18;animation:turn .22s ease}.page-art{background:#e7ddc7;display:flex;align-items:center;justify-content:center;min-width:0}.page-art svg,.page-art img{width:100%;height:100%;max-height:65vh;object-fit:contain}.page-copy{border-left:1px solid #deceb1;padding:35px;display:flex;flex-direction:column;justify-content:center}.page-copy p{font:var(--size,22px)/1.85 Georgia,serif;white-space:pre-line}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:12px}.reader-options{display:flex;gap:25px;margin-top:22px;align-items:center;flex-wrap:wrap;font-size:10px;color:#8f775c}.detail{max-width:500px;margin:auto}.detail .cover{max-width:200px;margin:auto auto 25px}.detail h2{margin-top:30px}@keyframes turn{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1000px){.layout{grid-template-columns:205px minmax(0,1fr)}.side{padding:30px 18px}.brand strong{font-size:40px}.grid{gap:20px}.hero h1{font-size:45px}.arch{height:285px}.studio{grid-template-columns:1fr}.banner{flex-wrap:wrap}.banner .button{margin-left:0}}@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.side{position:static;height:auto;padding:20px 5vw 12px}.brand strong{display:inline;font-size:30px;margin-left:12px}.side>p,.side-note{display:none}.side nav{display:flex;overflow:auto;margin-top:18px;gap:5px}.nav{white-space:nowrap;padding:10px;font-size:11px}.nav.active{box-shadow:inset 0 -2px #c5a269}main{padding:0 5vw}header{min-height:65px}header .eyebrow{max-width:170px;font-size:7px}.hero{padding-top:35px}.hero h1{font-size:40px}.hero p{font-size:12px}.arch{height:250px}.cover strong{font-size:26px}.cover .leaf{font-size:45px}.cover{gap:12px;padding:20px 15px}.cover i{font-size:9px}.section-title h2{font-size:26px}}@media(max-width:540px){.hero{grid-template-columns:1fr;padding:30px 0}.hero h1{font-size:44px}.arch{display:none}.hero .quote{margin-top:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.cover{padding:17px 13px;gap:10px}.cover strong{font-size:clamp(18px,5.5vw,22px)}.cover .leaf{font-size:32px}.cover small{font-size:6px}.cover i{font-size:8px}.card h3{font-size:21px}.card p{font-size:11px}.card .eyebrow{font-size:6px}.section-title{align-items:end}.section-title h2{font-size:25px}.search{width:120px}.filters{gap:2px}.filters button{padding:8px 11px;font-size:10px}.banner{padding:20px;gap:15px}.banner .flower{font-size:40px}.banner h2{font-size:24px}.banner>div:nth-child(2){flex:1}.banner .eyebrow{font-size:7px}.panel{padding:22px}.profiles{grid-template-columns:1fr}.auth h1{font-size:36px}.bloom-hero h1{font-size:38px}.bloom-hero{padding:30px 15px}dialog{padding:35px 15px 22px;width:96vw}.page{grid-template-columns:1fr}.page-art svg,.page-art img{max-height:30vh}.page-copy{padding:22px;border-left:0}.page-copy p{margin:12px 0}.reader-head .eyebrow{font-size:8px;max-width:160px}.reader-head .text{font-size:10px}footer{font-size:7px}footer span{font-size:10px}}@media(max-width:360px){.cover i{display:none}}
