/* My Sapa: forest / rice-paper editorial system. Local, dependency-free. */
:root{--green:#193d32;--cream:#f5f1e7;--ink:#243b32;--muted:#586258;--line:#c9cabc;--gold:#dcc69b;--paper:#eae7da;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a,button,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a86821;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--cream);color:var(--green);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{max-width:1600px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-family:var(--serif);font-size:34px;line-height:1.1;letter-spacing:-1.4px;display:inline-flex;flex-direction:column;justify-content:center;min-height:48px;flex-shrink:0}.wordmark span{font:9px/1.8 var(--sans);letter-spacing:2.2px;margin-top:6px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{display:flex;align-items:center;min-height:44px}nav a:hover,.text-link:hover,footer a:hover{ text-decoration:underline;text-underline-offset:5px}.header-contact{border:1px solid var(--line);padding:4px 20px;gap:24px}.hero{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:650px}.hero-copy{padding:56px 8% 54px 10%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 26px;line-height:1.6}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}h1{font-size:clamp(48px,5.6vw,82px);letter-spacing:-2.7px;margin-bottom:28px}h1 em{color:var(--gold);font-weight:400;white-space:nowrap;font-size:.87em}.hero-description{font-size:15px;line-height:1.8;margin-bottom:30px;max-width:390px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 22px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}.button:hover{background:#dfd8c7;color:var(--green)}.button-cream{background:var(--cream);color:var(--green)}.button-green{background:var(--green);color:var(--cream)}.button-green:hover{background:#2c5748;color:var(--cream)}.button-outline{border-color:var(--green);background:transparent;color:var(--green)}.text-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}.light{color:var(--cream)}.hero-image{margin:0;min-width:0;position:relative;min-height:650px}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 24px 18px;background:linear-gradient(transparent,rgba(10,24,17,.85));font-size:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:white}.hero-image figcaption span:first-child{letter-spacing:1.7px}.intro-strip{border-bottom:1px solid var(--line);padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:auto}.intro-strip p{font-family:var(--serif);font-size:21px;margin:0}.intro-strip a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:20px}.section{max-width:1440px;margin:auto;padding:100px 5.55%}h2{font-size:clamp(36px,4vw,54px);letter-spacing:-1.7px;margin-bottom:24px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;margin-bottom:50px}.section-heading>.eyebrow{grid-column:1/-1}.section-description{max-width:430px;justify-self:end;padding-top:4px;font-size:15px;color:var(--muted)}.small{font-size:12px;line-height:1.8}.section-description .small{margin-bottom:0}.product{display:grid;grid-template-columns:48px 1.1fr 1.1fr auto;gap:24px;align-items:center;border-top:1px solid var(--line);padding:32px 0}.product:last-child{border-bottom:1px solid var(--line)}.product-number{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--muted)}.product-tag{font-size:9px;letter-spacing:2px;margin:0 0 10px}.product h3{font-size:34px;letter-spacing:-.8px;margin-bottom:0}.product>p{font-size:14px;color:var(--muted);max-width:280px;margin:0}.product-link{display:flex;align-items:center;gap:26px;min-height:48px;font-size:13px;border-bottom:1px solid var(--green)}.product-link:hover{background:var(--paper)}.photo-note{font-size:12px;color:var(--muted);margin:22px 0 0;max-width:700px}.ordering{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:60px 80px;max-width:1600px;padding-left:7.5%;padding-right:7.5%}.order-intro>p:not(.eyebrow){max-width:390px;font-size:14px;color:var(--muted)}.order-intro h2{font-size:clamp(32px,3.2vw,45px)}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:24px;padding:22px 0;border-top:1px solid #bdc2b4}.steps li:first-child{padding-top:0;border:0}.step-count{border:1px solid #a9b4a4;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:12px}.steps h3{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.5;margin:2px 0 8px}.steps p{font-size:14px;color:var(--muted);margin:0}.message-builder{grid-column:1/-1;border-top:1px solid #bdc2b4;padding-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.message-builder .eyebrow{margin-bottom:18px}.message-builder label{display:block;font-family:var(--serif);font-size:25px;line-height:1.4;margin-bottom:18px}select{max-width:100%;width:320px;min-height:48px;border:1px solid #8d9b89;background:var(--cream);color:var(--green);padding:10px 16px;border-radius:0}#message-preview{font-size:15px;margin-bottom:22px}.message-actions{display:flex;gap:12px;flex-wrap:wrap}.status{margin:16px 0 0;color:var(--muted);min-height:44px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;min-height:64px;padding:18px 32px 18px 0;position:relative;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:12px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding-right:22px;margin-bottom:24px}.contact-band{background:var(--green);color:var(--cream);padding:64px 7.5%;display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1600px;margin:auto}.contact-band .eyebrow{color:var(--gold)}.contact-band h2{margin-bottom:0}.contact-actions{text-align:right}.contact-phone{font-family:var(--serif);font-size:38px;display:block;margin-top:22px;line-height:1.4;min-height:48px}.contact-actions p{font-size:10px;letter-spacing:2px;color:var(--gold);margin:4px 0 0}footer{padding:36px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1600px;margin:auto}footer .wordmark{font-size:28px}footer .wordmark span{font-size:8px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}footer>a:last-child{display:flex;align-items:center;min-height:44px}.mobile-contact{display:none}
@media(min-width:1601px){body{background:#e7e5d9}main,header,footer{background:var(--cream)}}
@media(max-width:1000px){.site-header{padding:20px 4%}nav{gap:20px}.hero-copy{padding:42px 8%}h1{font-size:58px;letter-spacing:-2px}.hero,.hero-image{min-height:610px}.section{padding:72px 5%}.product{grid-template-columns:30px 1fr 1fr;gap:20px}.product-link{grid-column:2/4;justify-self:start;margin-top:-6px}.ordering,.faq{gap:40px}.message-builder{gap:40px}.contact-band{padding:55px 5%}.contact-band .eyebrow{max-width:280px}footer{flex-wrap:wrap}.intro-strip a{max-width:310px}.hero-image figcaption{font-size:9px}}
@media(max-width:680px){.site-header{padding:17px 6%;gap:12px}.wordmark{font-size:30px}.wordmark span{font-size:8px;letter-spacing:1.7px}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}nav .header-contact{border:0;padding:0;gap:8px}.header-contact span{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 7% 38px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:24px}h1{font-size:clamp(48px,11vw,72px);letter-spacing:-2px;margin-bottom:24px}.hero-description{font-size:14px;margin-bottom:24px}.hero-actions{gap:10px}.hero-image{min-height:280px}.hero-image img{object-position:center 51%}.hero-image figcaption{padding:26px 6% 14px;gap:5px}.intro-strip{padding:20px 7%;display:block}.intro-strip p{font-size:21px;margin-bottom:5px}.intro-strip a{font-size:11px;max-width:none;justify-content:space-between}.section{padding:56px 7%}.section-heading{display:block;margin-bottom:30px}h2{font-size:39px;letter-spacing:-1px}.section-description{font-size:14px;max-width:none}.product{grid-template-columns:25px 1fr;gap:12px 18px;padding:26px 0}.product-number{align-self:start;font-size:18px}.product h3{font-size:32px}.product>p{grid-column:2;font-size:13px;max-width:none}.product-link{grid-column:2;justify-self:start;font-size:12px;margin:0}.product-tag{margin-bottom:8px}.photo-note{font-size:11px}.ordering{grid-template-columns:1fr;gap:32px}.order-intro h2{font-size:37px}.steps li{padding:20px 0}.steps li:first-child{padding-top:20px;border-top:1px solid #bdc2b4}.message-builder{grid-template-columns:1fr;gap:24px;padding-top:28px}.message-builder label{font-size:25px}select{width:100%}.message-actions{flex-wrap:nowrap}.message-actions .button{padding:12px 14px;font-size:12px;gap:12px}.faq{grid-template-columns:1fr;gap:10px}.faq h2{margin-bottom:22px}summary{font-size:14px;padding-right:28px}details p{font-size:13px}.contact-band{display:block;padding:48px 7%}.contact-band h2{font-size:39px}.contact-band .eyebrow{max-width:100%}.contact-actions{text-align:left;margin-top:30px}.contact-phone{font-size:36px}footer{padding:32px 7% 100px;display:block}footer .wordmark{margin-bottom:22px}footer p{margin-bottom:10px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;z-index:5;border-top:1px solid #b5bdaf;background:var(--cream);padding-bottom:env(safe-area-inset-bottom)}.mobile-contact a{min-height:56px;display:flex;justify-content:center;align-items:center;font-size:13px;font-weight:600}.mobile-contact a:last-child{background:var(--green);color:var(--cream)}html{scroll-padding-bottom:76px}}
/* Keep meaningful supporting copy readable, including the landscape disclaimer. */
.hero-image figcaption{font-size:12px;line-height:1.5}.intro-strip a{font-size:12px}.product-tag{font-size:10px}.photo-note{font-size:12px}
@media(max-width:680px){.hero-image figcaption{font-size:11px}.section.catalog{padding-top:44px}.eyebrow{font-size:10px}.intro-strip a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}