@font-face{font-family:Kanit;src:url('/fonts/Kanit-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('/fonts/Kanit-SemiBold.ttf');font-weight:600;font-display:swap}
/* Explicit responsive dimensions override the image's 900px HTML height. */
.hero > * { min-width: 0; }
.gallery-intro h1 .count { letter-spacing: normal; font-weight: inherit; line-height: 1.5; white-space: nowrap; }
.hero-art .frames { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hero-art .frame { min-width: 0; }
.hero-art .frame img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
/* Keep navigation and controls usable on narrow and short phone screens. */
html { scroll-padding-top: 16px; }
body { overflow-wrap: anywhere; }
.grid > *, .filters > *, .collections > * { min-width: 0; }
.actions a, nav a, .back { min-height: 44px; display: inline-flex; align-items: center; }
dialog[open] { display: flex; flex-direction: column; overflow: auto; }
dialog .dialog-top { position: sticky; top: 0; background: var(--paper); z-index: 1; flex-shrink: 0; }
dialog .large-image { min-height: 0; flex-shrink: 1; }
dialog .large-image img { max-height: max(100px, calc(90dvh - 220px)); }
dialog .dialog-bottom { flex-shrink: 0; }
dialog .micro { margin-top: 8px; }
dialog .micro strong { color: var(--ink); font-size: 15px; }
dialog .dialog-top button, dialog .dialog-bottom button { -webkit-appearance: none; appearance: none; padding: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
dialog .dialog-top button { flex: 0 0 48px; min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; }
dialog .dialog-bottom button { flex: 0 0 52px; width: 52px; height: 52px; min-width: 52px; max-width: 52px; min-height: 52px; max-height: 52px; background: var(--ink); color: #fff; border: 2px solid var(--ink); line-height: 1; }
dialog button svg { display: block; width: 24px; height: 24px; flex: none; pointer-events: none; }
dialog .dialog-bottom button:disabled { opacity: 1; background: #e4e8df; border-color: #d3d9ce; color: #7c877e; }
dialog .dialog-bottom button:not(:disabled):hover { background: #286448; }
dialog .large-image img { max-height: max(80px, calc(90dvh - 265px)); }
@media (max-width: 600px) {
 body header { flex-wrap: wrap; gap: 10px; }
 body header nav { width: 100%; justify-content: space-between; gap: 8px; }
 body header nav > a:not(.btn) { display: inline-flex; padding: 4px 8px; font-size: 16px; }
 body .hero h1 { font-size: clamp(32px, 9vw, 44px); letter-spacing: -.6px; }
 body .gallery-intro h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
 body .count { margin-left: 0; }
 body .filters { align-items: stretch; }
 body .filters p { padding-bottom: 0; align-self: end; padding-top: 12px; }
 body .art-caption > span { font-size: 15px; }
 body .btn { white-space: normal; text-align: center; gap: 12px; }
 body .hero, body .section, body .gallery-intro { padding-left: 16px; padding-right: 16px; }
 dialog { padding: 12px; max-height: calc(100dvh - 24px); }
 dialog .dialog-bottom p { font-size: 14px; }
}
:root{--ink:#194934;--paper:#faf8f1;--orange:#c85c24;--muted:#59665c;--line:#d9ddcf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Kanit,Tahoma,sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(36px,4.3vw,66px);font-weight:600;letter-spacing:-1.3px}h2{font-size:clamp(28px,3vw,40px)}h3{font-size:25px}.notice{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:14px}header{max-width:1300px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;line-height:1.3}.brand img{border-radius:10px}.brand small{display:block;font-size:11px;letter-spacing:2px;margin-top:5px}nav{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:white;padding:14px 25px;min-height:48px;font-weight:600}.btn:hover{background:#286448}.btn.small{padding:9px 18px;font-size:16px}.hero{max-width:1400px;margin:auto;padding:44px 64px 64px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--orange);text-transform:uppercase;font-weight:600;margin-bottom:18px}.hero h1 span{color:var(--orange)}.lead{font-size:21px;color:var(--muted);margin:24px 0 28px}.micro{font-size:14px;color:var(--muted);margin-top:16px}.hero-art{background:#e4e6d7;border-radius:140px 140px 8px 8px;padding:70px 26px 28px}.frames{display:flex;align-items:center;gap:16px}.frame{flex:1;background:#755432;padding:7px;box-shadow:6px 10px 17px #22332638}.frame:nth-child(2){transform:translateY(-22px)}.frame img{aspect-ratio:4/5;object-fit:cover}.hero-art>p{text-align:center;font-size:14px;margin-top:30px;color:#4d5d47}.section{max-width:1300px;margin:auto;padding:50px 32px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head>p{color:var(--muted)}.section-head .eyebrow{margin-bottom:10px}.collections{display:grid;grid-template-columns:1fr 1fr;gap:30px}.collection{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#e5e8dd;padding:22px;aspect-ratio:1.5}.collage img{width:100%;height:100%;min-height:0;object-fit:cover;border:5px solid #92734c}.collage.realistic{align-items:center}.collage.realistic img{height:85%}.badge{position:absolute;right:14px;bottom:14px;border-radius:30px;background:#fff;padding:6px 18px;font-weight:600}.collection-copy{padding:25px}.collection-copy .eyebrow{margin-bottom:10px}.collection-copy>p:not(.eyebrow){color:var(--muted);margin:12px 0 24px;min-height:58px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.text-link{border-bottom:1px solid var(--ink);font-weight:600}.buy-link{font-size:15px;color:var(--orange)}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1236px;margin:36px auto 80px;border-top:1px solid var(--line);padding:42px 20px}.info-strip span{font-size:14px;color:var(--orange)}.info-strip h3{font-size:22px;margin:12px 0}.info-strip p{color:var(--muted)}footer{background:var(--ink);color:#fff;padding:44px max(24px,calc((100vw - 1236px)/2));display:grid;gap:12px}footer p{color:#d4dfd5}footer>a:not(.brand){text-decoration:underline}.muted{font-size:14px}.gallery-intro{max-width:1300px;margin:0 auto;padding:28px 32px 0}.back{display:block;font-size:15px;margin-bottom:32px}.gallery-intro h1{font-size:42px}.count{font-size:18px;display:inline-block;vertical-align:middle;background:#e6eadd;border-radius:30px;padding:8px 18px;margin-left:20px}.gallery-intro p:not(.eyebrow){color:var(--muted);margin-top:15px}.gallery{padding-top:12px}.filters{display:flex;gap:24px;align-items:end;padding:20px;background:#eeefe7;border-radius:10px;margin-bottom:30px}.filters label{display:grid;gap:7px;flex:1;font-size:15px}.filters label:first-child{flex:2}input,select{width:100%;background:white;border:1px solid #b8c6b8;border-radius:6px;padding:12px;font-size:17px;color:var(--ink)}.filters p{white-space:nowrap;min-width:85px;padding-bottom:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.art-card{padding:0;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;color:var(--ink);text-align:left}.art-image{display:block;background:#e9eade;padding:12px}.art-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.art-caption{display:grid;padding:15px;gap:4px}.art-caption>span{font-size:14px;color:var(--muted)}.art-card:hover{border-color:var(--orange)}.more{display:flex;margin:36px auto}.outline{background:transparent;color:var(--ink)}.outline:hover{background:#e5ebdf}.reading{max-width:800px;margin:30px auto 70px;padding:20px 26px}.reading h2{font-size:25px;margin:32px 0 12px}.reading p{color:var(--muted)}.reading .btn{margin-top:30px}dialog{width:min(820px,96vw);max-height:96dvh;border:none;border-radius:12px;padding:20px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0b1f19d9}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-top h2{font-size:24px}.dialog-top button,.dialog-bottom button{border:1px solid var(--line);border-radius:50%;background:white;width:48px;height:48px;flex-shrink:0;color:var(--ink)}button:disabled{opacity:.3;cursor:default}.large-image{margin:15px 0}.large-image img{width:100%;max-height:65dvh;height:auto;object-fit:contain}.dialog-bottom p{text-align:center;font-size:15px}.modal-open{overflow:hidden}.art-image,.large-image,.collage,.frames{user-select:none;-webkit-touch-callout:none}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:12px;z-index:10}@media(max-width:850px){header{padding:18px 20px}.hero{padding:32px 24px 45px;gap:28px}.hero-art{padding:55px 15px 22px}.frames{gap:8px}.frame{padding:4px}.section-head{align-items:start;flex-direction:column}.grid{grid-template-columns:repeat(3,1fr);gap:15px}.section{padding:32px 20px}.gallery-intro{padding:24px 20px 0}.info-strip{gap:20px;margin:20px 20px 40px}.actions{align-items:start;flex-direction:column}}@media(max-width:600px){header{gap:12px}.brand{font-size:21px}.brand img{width:39px;height:39px}nav{gap:12px}nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-art{border-radius:90px 90px 8px 8px;padding-top:45px}.hero-copy .lead{font-size:19px}.collections{grid-template-columns:1fr;gap:24px}.info-strip{grid-template-columns:1fr;gap:24px}.info-strip>div{border-bottom:1px solid var(--line);padding-bottom:20px}.filters{flex-wrap:wrap;gap:12px;padding:14px}.filters label:first-child{flex:1 0 100%}.filters label{min-width:0}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.art-image{padding:7px}.art-caption{padding:10px}.art-caption strong{font-size:15px}.gallery-intro h1{font-size:32px}.count{margin-left:10px;font-size:15px}.section-head .btn{width:100%}.collection-copy{padding:20px}dialog{padding:14px}.notice{font-size:12px}.hero .eyebrow{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}