:root{--rose:#b98488;--sage:#a7b49f;--cream:#f4e9e0;--gold:#c5a478;--ink:#35483b;--paper:#edf1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #56735a;outline-offset:4px}.announcement{text-align:center;background:var(--ink);color:var(--cream);font-size:11px;letter-spacing:1.5px;padding:10px}header{max-width:1320px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #50423f18}.wordmark{font-family:Georgia,serif;font-size:29px;line-height:1.2}.wordmark small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;margin-top:9px}nav{display:flex;gap:30px;align-items:center}nav>a{font-size:13px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0 0 22px}h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-2.5px;white-space:pre-line}h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.3px}h3{font-size:25px;letter-spacing:-.5px}p{margin:0 0 22px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:bold;margin-bottom:22px}.hero{max-width:1320px;margin:auto;padding:65px 5% 75px;display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center}.intro{max-width:460px;color:#61705f;font-size:16px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:3px;background:var(--ink);color:#fffdf9;padding:15px 23px;cursor:pointer;font-size:13px}.button:hover,button:hover{background:#4d6851}.small{padding:11px 18px}.handwritten{font-family:Georgia,serif;font-style:italic;color:#5b755b;margin-top:26px;font-size:19px}.hero-art{position:relative;padding:15px}.arch{background:#cad5bf;border-radius:240px 240px 12px 12px;min-height:420px;display:flex;align-items:center;overflow:hidden;border:1px solid #a7b49f80}.arch img{width:100%;mix-blend-mode:normal}.seal{position:absolute;right:-8px;bottom:10px;border-radius:50%;height:110px;width:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--sage);border:6px solid var(--paper);font-size:11px;line-height:1.5;transform:rotate(10deg)}.seal i{font-family:Georgia,serif;font-size:24px} .ribbon{background:#d4ddca;display:flex;gap:6vw;justify-content:center;align-items:center;padding:19px;font-family:Georgia,serif;font-style:italic;font-size:18px}.ribbon span{color:#56735a}main>section:not(.hero){max-width:1320px;margin:auto;padding:75px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading p:not(.eyebrow){font-size:14px;color:#61705f}.section-heading h2{margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{min-height:235px;padding:25px;border-radius:100px 100px 4px 4px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.category:hover{transform:translateY(-5px)}.tone-0{background:#c8d5bf}.tone-1{background:#dbe4d4}.tone-2{background:#b9c9b4}.tone-3{background:#e2e7d7}.category-symbol{font:68px Georgia,serif;color:#4e6b50}.category h3{margin:12px 0 6px;font-size:22px}.category div>span{font-size:10px;letter-spacing:1px}.filters{display:flex;gap:18px;align-items:end;margin-bottom:30px}.filters label{flex:1}label{display:block;font-size:12px;font-weight:bold}input,select,textarea{display:block;width:100%;border:1px solid #bac7b3;background:#fffdf9;color:var(--ink);padding:12px;border-radius:4px;margin-top:6px;min-width:0}textarea{resize:vertical}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.package{border:1px solid #c6d1bf;border-radius:6px;overflow:hidden}.package>img,.package-placeholder{width:100%;height:280px;object-fit:cover}.package-placeholder{display:grid;place-items:center;background:var(--cream);font:85px Georgia}.package-content{padding:24px}.package-content h3{margin-bottom:14px}.package-content .eyebrow{font-size:9px;color:#4e6b50;margin-bottom:14px}.description{white-space:pre-line;color:#61705f;font-size:14px}.text-link{display:block;text-decoration:underline;text-underline-offset:5px;font-size:13px;margin-top:20px}.empty{grid-column:1/-1;text-align:center;padding:45px;background:#e2e9da;border:1px dashed #a7b49f;border-radius:6px}.empty>span{font-size:38px;color:#56735a}.empty h3{margin:15px 0}.empty p{color:#61705f}main>section.story{max-width:none;text-align:center;background:var(--sage);padding:65px 5%}.story h2{font-size:clamp(38px,4.5vw,60px)}.story p{font-size:14px}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .button{background:#48634d;color:#fffdf9}footer{padding:38px 5%;background:#d4ddca};display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:25px}footer p{margin:0}.notice{max-width:1100px;margin:20px auto;padding:15px 25px;background:#e0e5db;border-left:4px solid #7c8e71}.login{max-width:540px;padding:70px 25px;margin:auto}.login h1{font-size:55px}.login button{margin-top:25px}.management{max-width:1100px;margin:auto;padding:55px 25px}.management h1{font-size:48px}.management>section{padding:45px 0!important}.tabs{position:sticky;top:0;background:var(--paper);padding:15px 0;border-bottom:1px solid #ddd;z-index:2;flex-wrap:wrap;gap:20px}.panel{border:1px solid #c6d1bf;border-radius:6px;margin:15px 0;background:white}summary{padding:20px;cursor:pointer;font-size:17px;font-family:Georgia,serif}.badge{font:10px Arial;background:var(--cream);border-radius:20px;padding:6px 10px;margin-left:15px}.editor{padding:25px;display:grid;gap:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.actions{display:flex;gap:15px}.danger{background:#f4e9e0;color:#782f39}.category-editor{display:flex;gap:10px;align-items:center;margin-bottom:12px}.category-editor input{margin:0}.thumb{width:120px;height:100px;object-fit:cover;border-radius:6px}@media(max-width:750px){header{padding:20px 5%}header nav>a:not(.button){display:none}.wordmark{font-size:24px}.hero{grid-template-columns:1fr;gap:15px;padding:45px 6%}.hero-art{max-width:450px;width:100%;margin:auto}.arch{min-height:260px}.hero h1{font-size:51px}.ribbon{font-size:14px;gap:14px;flex-wrap:wrap}.ribbon span:last-child{display:none}.category-grid{grid-template-columns:1fr 1fr;gap:12px}.category{min-height:210px;padding:24px 10px}.category h3{font-size:21px}.section-heading,.contact{display:block}.section-heading>p{margin-top:20px}.filters{flex-direction:column;align-items:stretch}.package-grid{grid-template-columns:1fr}main>section:not(.hero){padding:50px 6%}footer{flex-direction:column;align-items:start}.columns{grid-template-columns:1fr}.category-editor{flex-wrap:wrap}.category-editor input{flex-basis:100%}.management h1{font-size:37px}.tabs{gap:15px}.editor{padding:18px}.announcement{font-size:9px;letter-spacing:1px}.contact>div+div{margin-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category{transition:none}}

/* Sage-led branding and a single prominent brand slogan. */
.brand-slogan{font-size:clamp(56px,6.7vw,90px);max-width:650px;line-height:1.03;color:#354f3d}.hero{border-bottom:1px solid #bdcbb5}.contact{background:#d4ddca;border-radius:8px}.hero .eyebrow{color:#526e54;letter-spacing:3px}@media(max-width:750px){.hero h1.brand-slogan{font-size:clamp(50px,10vw,70px)}.contact{border-radius:0}}

/* Balanced five-colour palette: cream foundation, rose/sage/gold surfaces, espresso contrast. */
:root{--paper:#f4e9e0;--ink:#50423f}
header{border-bottom-color:#c5a47870}
.hero{border-bottom-color:#c5a47880}
.brand-slogan{color:var(--ink)}
.hero .eyebrow{color:#76595c}
.arch{background:#c5a478;border-color:#b49266}
.button,button{background:var(--ink);color:#fffdf9}
.button:hover,button:hover{background:#705b55}
.intro,.description,.empty p,.section-heading p:not(.eyebrow){color:#75645e}
.tone-0{background:#b98488}
.tone-1{background:#a7b49f}
.tone-2{background:#f4e9e0;border:1px solid #c5a478}
.tone-3{background:#c5a478}
.category-symbol{color:#50423f}
.category{color:#392f2c}
.package{border-color:#c5a47880;background:#fffaf5}
.package-content .eyebrow{color:#80585d}
.empty{background:#e0e5db;border-color:#a7b49f}
.empty>span{color:#76595c}
.contact{background:#e2c4c3}
.contact .button{background:#50423f;color:#fffdf9}
footer{background:#a7b49f}
input,select,textarea,.panel{border-color:#c5a47880}
.badge{background:#f4e9e0}
.danger{background:#f4e9e0;color:#782f39}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#80585d}

/* Keep the transparent logo fully visible inside its decorative frame. */
.arch{padding:24px;overflow:visible}.arch img{display:block;height:auto}