:root{--green:#173c30;--ink:#203b31;--muted:#637067;--paper:#faf9f5;--sand:#ece9df;--line:#d9ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{position:sticky;top:0;z-index:10;background:rgba(250,249,245,.97);border-bottom:1px solid var(--line)}.nav{max-width:1320px;margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 5%}.brand{font-size:26px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand span{font-weight:400}.brand i{font-style:normal;color:#7a8a5a}.navlinks{display:flex;align-items:center;gap:32px;font-size:14px}.navlinks [aria-current=page]{border-bottom:1px solid}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 23px;border:1px solid var(--green);background:var(--green);color:white;font-size:14px;cursor:pointer;text-decoration:none!important}.btn:hover{background:#2e5141}.btn.light{background:transparent;color:var(--green)}.menu{display:none;background:none;border:1px solid var(--line);padding:6px 12px}.wrap{max-width:1200px;margin:auto;padding:0 30px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.4px;font-weight:700;color:#6d795b;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.09;letter-spacing:-1.8px}h1{font-size:clamp(42px,4.6vw,68px)}h2{font-size:clamp(34px,3.7vw,49px)}h3{font-size:22px;line-height:1.3;font-weight:500}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:55px;align-items:center;padding-top:70px;padding-bottom:70px}.hero .intro{font-size:18px;max-width:510px}.hero .body{font-size:14px;max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-visual{background:#f0eee7;border-radius:120px 0 0 0;overflow:hidden}.hero-visual img{width:100%;display:block;aspect-ratio:1.15;object-fit:cover}.caption{font-size:11px;letter-spacing:.3px;margin:12px 0 0}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:40px}.principles strong{display:block;font-size:14px;font-weight:500}.principles span{font-size:12px;color:var(--muted)}section{padding:80px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-top h2{margin-bottom:0}.textlink{font-size:14px;border-bottom:1px solid;padding-bottom:4px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 28px}.card-media{background:#efede6;aspect-ratio:1.8;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-media img{width:100%;height:100%;object-fit:contain}.card h3{margin:22px 0 10px;max-width:460px}.card p{font-size:14px;max-width:490px}.num{font-size:11px;letter-spacing:1px;color:#7d866b;margin-top:17px}.missing{padding:35px;text-align:center;border:1px solid var(--line);color:#6b735f}.missing span{display:block;font:36px Georgia;margin-bottom:15px}.missing small{font-size:12px;max-width:250px;display:block}.band{background:var(--sand)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split img{width:100%;display:block}.features{list-style:none;padding:0;margin:25px 0}.features li{padding:14px 0;border-bottom:1px solid #ccd2c4;font-size:15px}.features li:before{content:'↗';margin-right:20px;color:#68765b}.cta{background:var(--green);color:white;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin-bottom:12px}.cta p{color:#c8d3c8;max-width:650px;margin:0}.cta .btn{background:#eeeddf;color:var(--green);white-space:nowrap}footer{padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:25px;font-size:13px}.fine{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.page-head{padding:65px 0 42px;max-width:800px}.page-head h1{margin-bottom:24px}.product-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.product-tabs a{padding:9px 16px;border:1px solid var(--line);font-size:13px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:65px 0;border-top:1px solid var(--line);align-items:start}.product-detail .card-media{aspect-ratio:1.3}.product-detail h2{font-size:36px}.spec h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:23px 0 6px}.spec p{font-size:14px}.note{font-size:12px;background:#efeee6;padding:17px;border-left:2px solid #8a9678}.story{max-width:760px;margin:auto;padding:55px 0}.story .lead{font:30px/1.4 Georgia;color:var(--green)}.story p{margin-bottom:25px}.quote-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;padding:0 0 80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd1c5;background:white;color:var(--ink);border-radius:0}textarea{min-height:135px;resize:vertical}.status{font-size:14px;padding-top:15px;white-space:pre-line}.privacy{font-size:12px}.quote-aside{padding:25px 0}.quote-aside h2{font-size:32px}.quote-aside ol{padding-left:20px;color:var(--muted);font-size:14px}.quote-aside li{margin:20px 0}@media(max-width:800px){.nav{min-height:76px;padding:15px 24px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:40px}.hero-visual img{aspect-ratio:1.5}.hero-visual{border-radius:70px 0 0 0}.principles{gap:15px}.principles strong{font-size:12px}.principles span{font-size:11px}section{padding:55px 0}.split,.product-detail,.quote-grid{grid-template-columns:1fr;gap:30px}.cards{gap:30px 18px}.card h3{font-size:19px}.cta{padding:30px;flex-direction:column;align-items:start}.section-top{align-items:start;flex-direction:column}.footer-top{flex-direction:column}.product-detail{padding:40px 0}.page-head{padding-top:40px}.story{padding-top:20px}}@media(max-width:480px){.cards,.form-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.principles{grid-template-columns:1fr;padding:20px 0;gap:12px}.principles strong{display:inline;margin-right:10px}.footer-links{flex-wrap:wrap}.full{grid-column:auto}.brand{font-size:23px}}

.skip{position:absolute;left:16px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}

.hero-visual{border-radius:0}.hero-visual img{aspect-ratio:auto;height:auto;object-fit:contain}

body[data-page=home] main>.wrap:first-child{max-width:none;padding:0}body[data-page=home] main>.wrap:first-child>.principles,body[data-page=home] main>.wrap:first-child>section{max-width:1140px;margin-left:auto;margin-right:auto}.hero-poster{position:relative;width:100%;background:#eae5d8}.hero-poster>img{display:block;width:100%;height:auto}.poster-explore{position:absolute;left:6.2%;top:57.8%;width:18.5%;height:6.2%;border-radius:40px}.poster-explore:focus-visible{outline:3px solid white;outline-offset:4px}.poster-actions{display:flex;align-items:center;justify-content:flex-end;gap:25px;padding:20px 5%;background:var(--paper)}@media(max-width:1200px){body[data-page=home] main>.wrap:first-child>.principles,body[data-page=home] main>.wrap:first-child>section{margin-left:22px;margin-right:22px}}@media(max-width:480px){.poster-actions{justify-content:space-between;gap:12px;padding:16px 22px}.poster-actions .textlink{font-size:12px}.poster-actions .btn{padding:10px 16px}}

/* Product photography: generous, consistent frames without stretching. */
.cards .card-media{aspect-ratio:4/3;background:#f3f1eb}.card-media img{display:block;width:100%;height:100%;object-fit:contain}.cards .media-mono-pe,.cards .media-pla-pbat{aspect-ratio:4/3}.cards .media-mono-pe img,.cards .media-pla-pbat img{object-fit:contain}.product-detail .card-media{aspect-ratio:1/1;background:#f3f1eb}.product-detail .media-mono-pe,.product-detail .media-pla-pbat{aspect-ratio:1.6}.product-detail>div:first-child>img{aspect-ratio:1/1;object-fit:contain;background:#f3f1eb}@media(max-width:480px){.cards .card-media{aspect-ratio:1.25}.cards .media-mono-pe,.cards .media-pla-pbat{aspect-ratio:1.6}.product-detail .media-mono-pe,.product-detail .media-pla-pbat{aspect-ratio:1.6}}

.contact-details{display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.6}.contact-details strong{font-size:18px;font-weight:500}.contact-details a{overflow-wrap:anywhere}.quote-aside .contact-details{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--line)}.footer-top{flex-wrap:wrap}.footer-top .contact-details{font-size:13px}.footer-top .contact-details strong{font-size:16px}

.product-collection{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#eeece5;padding:12px}.collection-item{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#faf9f5}.product-collection .collection-item img{display:block;width:100%;height:100%;object-fit:contain}.collection-mono-pe,.collection-pla-pbat{aspect-ratio:1.25}@media(max-width:480px){.product-collection{gap:8px;padding:8px}}

.split .about-collection-image{display:block;width:100%;height:auto;object-fit:contain}

/* About Us: education commitment, expressed as a future intention. */
.commitment{padding:64px 0 0;border-top:1px solid var(--line)}
.commitment-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,70px);align-items:center}
.commitment-art{margin:0;min-width:0}
.commitment-art img{display:block;width:100%;height:auto;border-radius:2px}
.commitment-art figcaption{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.6}
.commitment-copy{min-width:0}
.commitment-copy .eyebrow{margin-bottom:20px;line-height:1.7}
.commitment-copy h2{font-size:clamp(34px,3.5vw,46px);line-height:1.13;margin-bottom:25px}
.commitment-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;margin-bottom:20px}
.commitment-values{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:28px 0 0}
.commitment-values li{font-size:12px;line-height:1.5;padding:8px 13px;border:1px solid #d4d9cd;background:#f0f0e7;color:var(--green)}
.commitment-closing{text-align:center;margin-top:52px;padding:42px 24px;background:#eeede3}
.commitment-closing h3{font:400 clamp(27px,3vw,37px)/1.2 Georgia,'Times New Roman',serif;color:var(--green);margin-bottom:12px}
.commitment-closing p{font-size:14px;margin:0}
@media(max-width:800px){.commitment{padding-top:42px}.commitment-grid{grid-template-columns:minmax(0,1fr);gap:30px}.commitment-art{max-width:560px;width:100%;margin:auto}.commitment-closing{margin-top:34px;padding:30px 20px}}

/* Homepage product frames: crop source margins, never stretch the products. */
body[data-page=home] .cards .card-media{position:relative;aspect-ratio:3/2;background:#f8f6f1;isolation:isolate}
body[data-page=home] .cards .card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body[data-page=home] .cards .media-mono-pe img,
body[data-page=home] .cards .media-pla-pbat img{inset:auto;left:-23%;top:50%;width:132%;height:auto;max-width:none;transform:translateY(-50%);object-fit:contain}
body[data-page=home] .cards .media-paper-boxes img{object-position:50% 52%}
body[data-page=home] .cards .media-molded-pulp img{object-position:50% 50%}
@media(max-width:480px){body[data-page=home] .cards .card-media{aspect-ratio:3/2}}

/* Product detail photography: consistent frames and larger product groups. */
.product-detail .card-media{position:relative;aspect-ratio:3/2;background:#f8f6f1;overflow:hidden}
.product-detail .card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-detail .media-mono-pe img,
.product-detail .media-pla-pbat img{inset:auto;left:-23%;top:50%;width:132%;height:auto;max-width:none;transform:translateY(-50%);object-fit:contain}
.product-detail .media-paper-boxes img{object-position:50% 52%}
.product-detail .media-molded-pulp img{object-position:center}
.product-detail>div:first-child>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:480px){.product-detail .card-media,.product-detail .media-mono-pe,.product-detail .media-pla-pbat{aspect-ratio:3/2}}

.product-detail .spec h3{font-size:14px;font-weight:700;letter-spacing:1px;color:var(--green);margin-top:25px;margin-bottom:8px}

/* Clearer shared navigation across all pages. */
header{border-bottom:1px solid #b9c6b8;box-shadow:0 2px 9px rgba(23,60,48,.06)}
.navlinks{gap:12px;font-size:16px;font-weight:600}
.navlinks>a:not(.btn){padding:10px 15px;border-radius:3px;color:#244b3b;border-bottom:3px solid transparent;transition:background-color .15s,color .15s}
.navlinks>a:not(.btn):hover{background:#e8ede3;color:#173c30;text-decoration:none}
.navlinks>a[aria-current=page]:not(.btn){background:#e4ebdf;border-bottom:3px solid #173c30;color:#173c30;font-weight:700}
.navlinks>.btn{font-size:15px;font-weight:700;margin-left:10px;border-width:2px}
.menu{font-size:15px;font-weight:700;color:var(--green);border:1px solid #8fa38d;padding:8px 15px;background:#edf0e7}
.product-tabs a{font-size:14px;font-weight:600;border-color:#aab9a2;color:#244b3b}
.product-tabs a:hover{background:#e4ebdf;text-decoration:none}
.footer-links{font-size:14px;font-weight:600}
@media(max-width:800px){.navlinks{align-items:stretch;gap:8px;padding:18px 24px}.navlinks>a:not(.btn){padding:11px 15px}.navlinks>.btn{margin:6px 0 0}.navlinks>a[aria-current=page]:not(.btn){border-bottom-color:transparent;border-left:3px solid #173c30;padding-left:12px}}

/* Accessibility and navigation at narrower tablet widths. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:801px) and (max-width:960px){.nav{min-height:76px;padding:15px 24px}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:18px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.navlinks>.btn{margin:6px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navlinks>a:not(.btn){transition:none}}

.spam-trap{display:none!important}.form-disclosure{font-size:12px;line-height:1.6;margin:15px 0;color:var(--muted)}
.btn:disabled{opacity:.65;cursor:wait}.status:empty{display:none}.status:not(:empty){margin-top:16px;padding:14px;border-left:3px solid #879578;background:#eeeee4}.status[data-state=success]{border-color:#32643d;color:#214c2c;background:#edf4e9}.status[data-state=error]{border-color:#a14e39;color:#733b2d;background:#fbf0ea}.h-captcha{min-height:144px;max-width:100%}
