*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fffaf0;color:#002335;font-family:Arial,sans-serif}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid #d6c9ad}.brand{text-decoration:none;font:small-caps 30px Georgia,serif;white-space:nowrap}.brand i{color:#a67b20;font-weight:normal}.brand span{display:block;font:10px Arial;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:36px;font-size:15px}nav a{text-decoration:none;border-bottom:1px solid transparent;padding:8px 0}nav a:hover{border-color:#a67b20}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:720px;padding:60px 8% 65px;gap:8%;align-items:center}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;line-height:1.7}h1{font:clamp(44px,5.1vw,78px)/1.04 Georgia,serif;letter-spacing:-2px;margin:26px 0}em{font-weight:normal;color:#987024}h1 em{color:#a27821}.lead{font-size:18px;line-height:1.7;max-width:390px;color:#44545d}.button{display:inline-flex;gap:35px;align-items:center;background:#002335;color:white;padding:19px 25px;text-decoration:none;font-size:15px;margin-top:17px}.button:hover{background:#124359}.subnote{font-size:12px;color:#647078;margin-top:20px}.hero-art{position:relative;text-align:center;background:#e9deca;padding:25px 36px 22px;border-radius:50% 50% 2px 2px / 26% 26% 2px 2px}.hero-art img{display:block;width:80%;height:auto;margin:23px auto 18px;box-shadow:9px 15px 25px #00233525;transform:rotate(3deg)}.edition{font-size:10px;letter-spacing:1.7px}.caption{font:italic 17px Georgia}.ribbon{background:#002335;color:#f3deb0;display:flex;justify-content:center;gap:5%;padding:24px;font-size:12px;letter-spacing:2px}.ribbon b{color:#d6a83c}.collection{padding:85px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}h2{font:44px/1.16 Georgia;margin:16px 0 0;letter-spacing:-1px}.section-top>p{max-width:330px;font-size:16px;line-height:1.7;color:#53636c;margin-bottom:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px}.card .art{display:block;padding:26px;background:#ece5d7;transition:background .2s}.card .art:hover{background:#ded2b9}.art img{display:block;width:100%;height:auto;box-shadow:0 8px 12px #00233517}.cardline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;margin-top:20px;color:#647078}h3{font:26px Georgia;margin:12px 0 9px}.card p{font-size:15px;line-height:1.5;color:#53636c;margin:0}.approach{background:#002335;color:#fffaf0;padding:75px 8%;display:grid;grid-template-columns:1fr 1fr;gap:0 9%}.approach>.eyebrow{grid-column:1/-1;color:#d6b568}.approach h2{font-size:53px;margin:10px 0}.approach em{color:#d6b568}.approach div p{line-height:1.8;font-size:17px;color:#d6dfe2}.text-link{display:inline-block;margin-top:10px;text-underline-offset:7px;font-size:15px}footer{padding:48px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p,footer>a:last-child{font-size:14px;line-height:1.7}footer>a:last-child{text-underline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:5}.skip:focus{top:10px}a:focus-visible{outline:3px solid #ba8c28;outline-offset:6px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){header{padding:24px 5%}.brand{font-size:25px}nav{gap:18px;font-size:14px}.hero{gap:5%;padding:45px 5%;min-height:600px}.hero-art{padding:20px}.hero-art img{width:90%}.grid{grid-template-columns:repeat(2,1fr)}.section-top{align-items:start}.section-top>p{max-width:260px}.approach h2{font-size:42px}footer{flex-wrap:wrap}.ribbon{font-size:10px;gap:3%}}@media(max-width:600px){header{align-items:start;gap:22px}.brand{font-size:22px}.brand span{font-size:8px;letter-spacing:1px}nav{flex-direction:column;gap:4px;font-size:13px}.hero{grid-template-columns:1fr;padding:35px 7% 42px;gap:38px}h1{font-size:54px}.lead{font-size:17px}.hero-art{max-width:390px;width:100%;margin:auto}.hero-art img{width:76%}.ribbon{gap:12px;font-size:9px;letter-spacing:1px;padding:18px 10px}.ribbon b{display:none}.collection{padding:48px 6%}.section-top{display:block}.section-top>p{max-width:none;margin-top:20px}h2{font-size:34px}.grid{gap:32px 16px}.card .art{padding:10px}.cardline{font-size:9px;letter-spacing:.5px;margin-top:12px}h3{font-size:21px}.card p{font-size:14px}.approach{grid-template-columns:1fr;padding:45px 7%}.approach>.eyebrow{grid-column:auto}.approach h2{font-size:40px}footer{padding:35px 7%;align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}/* Collection, videos, and custom inquiries */
button,input,select,textarea{font:inherit}button{cursor:pointer}button.art{border:0;width:100%;text-align:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b58929;outline-offset:4px}.brand span{font-size:12px;letter-spacing:1px}.eyebrow,.subnote,.edition,.cardline{font-size:14px}.secondary-link{display:inline-block;margin-left:20px;text-underline-offset:5px}.card-actions{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:16px}.text-button{border:0;background:none;padding:6px 0;color:#002335;text-decoration:underline;text-underline-offset:5px;font-size:15px}.watch{padding:70px 6%;background:#eee5d4}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.video-card{position:relative;padding:0;border:0;background:#002335;color:#fffaf0;text-align:left;border-radius:14px;overflow:hidden}.video-card img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.video-card>span:last-child{display:block;padding:18px;font:21px/1.3 Georgia}.play-icon{position:absolute;left:calc(50% - 27px);top:40%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#002335e8;color:white;font-size:22px;border:1px solid #d9b75f}.custom{padding:80px 6%;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start}.custom-intro p{font-size:17px;line-height:1.7;max-width:440px}.custom-intro>a{overflow-wrap:anywhere}.character-badge{width:210px;height:auto;display:block;margin:28px 0}.custom form{padding:30px;background:white;border:1px solid #d6c9ad;border-radius:16px}.custom h3{margin-top:0;font-size:30px}.form-note{font-size:14px;line-height:1.6;color:#53636c}fieldset{border:0;padding:0;margin:28px 0}legend{font-weight:bold;margin-bottom:14px;font-size:16px}.sign-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sign-choice{display:flex;gap:8px;align-items:start;font-size:14px;line-height:1.5;cursor:pointer}.sign-choice input{width:18px;height:18px;flex:none;accent-color:#002335;margin:2px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form>label,.field-row>label{display:block;font-size:15px;line-height:1.5;margin-bottom:18px}label span{color:#53636c;font-size:14px}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #a7afb2;border-radius:5px;padding:12px;margin-top:7px;background:#fff;color:#002335;font-size:16px;min-width:0}textarea{resize:vertical}form .button{border:0;border-radius:5px;margin-top:0}.email-result{margin-top:25px;padding:20px;background:#f5f0e5;border-left:3px solid #ac7b23}.email-result h4{font-size:22px;margin:0}.email-result p{line-height:1.6;font-size:15px}.email-result textarea{font-size:14px}dialog{border:1px solid #d6c9ad;border-radius:15px;padding:42px;max-width:960px;width:calc(100% - 32px);max-height:92vh;overflow:auto;background:#fffaf0;color:#002335}dialog::backdrop{background:#001725cf}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#002335;width:40px;height:40px;font-size:32px}.sign-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.sign-detail>img{width:100%;height:auto}.sign-detail p{line-height:1.7}.sign-detail h2{font-size:38px}.sign-detail .text-button{display:block;margin-top:15px}#video-dialog{width:min(650px,calc(100% - 24px))}#video-dialog h2{font-size:26px;margin:0 25px 20px 0}#rhyme-video{display:block;width:100%;max-height:65vh;background:#002335}details{margin-top:20px}summary{cursor:pointer;font-size:16px}#transcript p{font-size:16px;line-height:1.7}[hidden]{display:none!important}@media(max-width:900px){nav{flex-wrap:wrap;justify-content:end}.custom{grid-template-columns:1fr;gap:35px}.custom-intro{max-width:620px}.character-badge{width:160px}.video-grid{grid-template-columns:repeat(2,1fr)}.ribbon{font-size:12px}}@media(max-width:600px){header{flex-wrap:wrap;gap:15px}nav{flex-direction:row;justify-content:start;gap:20px;font-size:14px}.brand span{font-size:11px}.hero{padding-top:28px}h1{font-size:48px;letter-spacing:-1px}.hero-art{padding:22px 12px}.edition{font-size:12px}.ribbon{flex-wrap:wrap;gap:12px;font-size:12px}.grid{grid-template-columns:1fr}.card .art{padding:22px}.cardline{font-size:13px}h3{font-size:27px}.card p{font-size:16px}.watch,.custom{padding:45px 6%}.video-grid{gap:14px}.video-card>span:last-child{font-size:18px;padding:14px}.custom form{padding:22px 18px}.field-row,.sign-choices,.sign-detail{grid-template-columns:1fr}.sign-detail{gap:20px}.sign-detail>img{max-width:330px;margin:auto}dialog{padding:45px 20px 25px}.sign-detail h2{font-size:32px}.secondary-link{margin-left:16px}.custom h2{font-size:33px}.brand{white-space:normal}footer{overflow-wrap:anywhere}}

.metal-option{display:grid;grid-template-columns:1.1fr .7fr;gap:10%;align-items:center;padding:75px 10%;background:#eee5d4}.metal-option p{font-size:17px;line-height:1.7;max-width:530px}.metal-option>img{display:block;width:100%;height:auto;max-width:350px;box-shadow:7px 12px 25px #00233520;justify-self:center}@media(max-width:650px){.metal-option{grid-template-columns:1fr;padding:45px 7%;gap:30px}.metal-option>img{max-width:260px}}
.preview-note{font-size:15px;color:#53636c;margin:0 0 25px}.art img,.hero-art img,.metal-option img{-webkit-user-drag:none;user-select:none}.secondary-link{margin-left:20px}@media print{body>*{display:none!important}body:before{display:block;content:'Mirth & Manners — preview artwork is not available for printing. Contact mirthandmanners@gmail.com for a finished sign.';padding:40px;font-size:20px}}

/* Show clean sign previews at their intended small on-screen scale. */
.card .art img,.hero-art img,.metal-option>img{max-width:320px;height:auto}.card .art img{margin-inline:auto}

.options-section{padding:70px 6%;background:#f2eadb}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.option-card{padding:30px;background:#fffaf0;border:1px solid #c6b58e;border-radius:12px;display:flex;flex-direction:column}.option-card.featured{background:#002335;color:#fffaf0;border-top:5px solid #bd922f}.option-card p{font-size:16px;line-height:1.7}.option-card h3{font-size:29px}.option-card .price-line{font-weight:bold;font-size:19px;margin-bottom:0}.option-card .button{margin-top:auto;justify-content:center;gap:0;text-align:center}.featured .button{background:#e4c477;color:#002335}.sign-choices{grid-template-columns:1fr}.quote-sign{display:grid;grid-template-columns:1fr 85px;align-items:center;gap:12px;border-bottom:1px solid #e3dac7;padding:10px 0}.qty-label{font-size:14px}.qty-label input{padding:8px;margin-top:3px}.qty-label input:disabled{opacity:.45}.quantity-summary{margin-bottom:18px;line-height:1.5}.quantity-summary output{display:block;font-weight:bold;font-size:22px;margin:10px 0}.quantity-summary small{font-size:14px;display:block;color:#53636c}@media(max-width:900px){.option-grid{grid-template-columns:1fr}.options-section{padding:45px 6%}}

/* Keep the collection label within the curved shaded hero panel. */
.hero-art{padding-top:56px}.collection-edition{display:block;text-align:center;font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none}.collection-edition>span{display:block}.collection-edition>span:last-child{margin-top:4px;font-size:14px;letter-spacing:1px}.hero-art .collection-edition+img{margin-top:18px}@media(max-width:600px){.hero-art{padding-top:48px}.collection-edition{font-size:14px}}

/* Availability update: keep the recovered navy / cream / gold visual identity. */
.launch-note{font-size:14px;line-height:1.65;color:#53636c;max-width:470px;margin-top:18px}
.launch-note a{color:#002335;text-underline-offset:3px}
.options-intro,.ordering-note{font-size:16px;line-height:1.75;max-width:800px;color:#53636c}
.ordering-note{margin:28px 0 0}.options-section .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.option-card .button{margin-top:auto}.option-card>p:last-of-type{margin-bottom:24px}
.availability{display:inline-block;align-self:flex-start;font:600 12px/1.45 Arial,sans-serif;letter-spacing:.3px;padding:7px 12px;border-radius:100px;background:#e9ece8;color:#17392c;margin:0 0 10px}
.availability.planned{background:#f0e4ca;color:#60460f;border:1px solid #d5bf8a}
.featured .availability{background:#dfc27d;color:#002335}
.metal-option .availability{max-width:100%}
.format-status{font-size:14px;line-height:1.6;background:#f5f0e5;border-left:3px solid #ac7b23;padding:14px;margin:4px 0 20px}
#video-message{margin:14px 0 0}
@media(max-width:750px){.options-section .option-grid{grid-template-columns:1fr}}
@media(max-width:600px){header nav{gap:12px 18px}.secondary-link{margin-left:0;margin-top:16px;display:block}}
/* Keep the keyboard skip link accessible without offscreen capture artifacts. */
.skip{top:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{top:10px;width:auto;height:auto;padding:15px;clip-path:none;white-space:normal}

/* Release identification only; no product layout changes. */
.site-build{padding:0 6% 24px;text-align:center;font-size:12px;line-height:1.6;color:#53636c;overflow-wrap:anywhere}.site-build span{font-family:Arial,sans-serif;letter-spacing:.2px}

/* Custom-logo submission: match the existing cream/navy/gold form. */
[hidden]{display:none!important}.logo-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.logo-actions .button{margin:0}.native-logo-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.native-logo-input:focus-visible+.logo-actions{outline:2px solid #ac7b23;outline-offset:4px}#logo-filename{overflow-wrap:anywhere;font-size:14px;line-height:1.6}#logo-preview{display:block;max-width:min(100%,260px);max-height:200px;object-fit:contain;background:#fff;border:1px solid #d5bf8a;padding:10px;margin:14px 0}.logo-error{color:#8c241d;font-size:16px;line-height:1.6}.logo-later{display:flex;gap:10px;align-items:center}.logo-later input{width:20px;height:20px;margin:0}#prepare-email{margin-top:24px}#submit-inquiry:disabled{opacity:.65;cursor:wait}.owner-link{font-size:14px}.owner-shell{max-width:1100px;padding:40px 6%;margin:auto}.owner-shell article{border-bottom:1px solid #d5bf8a;padding:24px 0}.owner-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.6 Arial,sans-serif}.owner-shell .button{margin:10px 12px 10px 0}.review-banner{padding:16px 6%;font:16px/1.5 Arial,sans-serif;background:#f0e4ca;color:#002335;border-bottom:1px solid #d5bf8a}

.language-switch{white-space:nowrap;font-size:.875rem}.language-switch a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:4px}html[lang="es"] .card .button{font-size:.9rem}html[lang="es"] header nav{flex-wrap:wrap}
html[lang="es"] #logo-panel{position:relative}html[lang="es"] .native-logo-input{left:0;top:0}html[lang="es"] header{gap:24px}html[lang="es"] .brand span{white-space:normal;max-width:300px;line-height:1.5}html[lang="es"] header nav{justify-content:flex-end;gap:12px 22px}@media(max-width:600px){html[lang="es"] header nav{justify-content:flex-start}}

#logo-panel{position:relative}.native-logo-input{left:0;top:0}header{gap:24px}header nav{flex-wrap:wrap}
