/*
Theme Name: Hengx999 Maison
Description: ธีมภาษาไทยสำหรับ hengx999.online
Version: 1.0.0
Author: Hengx999
Text Domain: hengx999-maison
License: GNU General Public License v2 or later
*/
:root{--paper:#faf5e9;--white:#fffdf7;--parchment:#f0e6d5;--ink:#211c19;--muted:#66574e;--wine:#541725;--claret:#76293a;--dark:#221816;--bronze:#86562a;--gold:#e3c48a;--light:#f4dfac;--rule:#cfbfa9;--frame:1280px;--pad:clamp(22px,5.8vw,92px);--space:clamp(62px,7vw,110px);--serif:Georgia,'Times New Roman',serif;--sans:'Leelawadee UI',Tahoma,Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.75 var(--sans);text-rendering:optimizeLegibility}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;text-wrap:pretty;overflow-wrap:break-word}h2{font-size:clamp(1.85rem,3vw,3rem);font-weight:650}h3{font-weight:650}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}button,summary{cursor:pointer}::selection{color:#291a14;background:#e6c78e}:focus-visible{outline:3px solid #ac5c15;outline-offset:4px}.cover :focus-visible,.mast :focus-visible,.closing :focus-visible,.accounts :focus-visible{outline-color:#ffda80}
.frame{width:min(calc(100% - var(--pad)*2),var(--frame));margin-inline:auto}.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;left:12px;top:12px;z-index:20000;background:white;color:#181818;padding:12px}
/* Fine brass detailing on an espresso masthead. */
.mast{position:relative;z-index:10;color:#fbf2de;background:var(--dark);border-bottom:1px solid #705844}.mast-inner{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:clamp(16px,2.2vw,40px)}.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font:500 clamp(1.55rem,2.4vw,2.3rem)/1 var(--serif);letter-spacing:-.055em;color:#fff4d9}.wordmark span,.wordmark i,.wordmark em{color:var(--gold);font-style:italic}.main-menu ul,.closing nav ul{padding:0;margin:0;list-style:none}.main-menu ul{display:flex;align-items:center;flex-wrap:wrap;gap:0 clamp(16px,2.25vw,40px)}.main-menu a,.sign-in{display:inline-flex;align-items:center;min-height:44px;font-size:.93rem}.main-menu a:hover,.sign-in:hover,.closing nav a:hover{text-decoration:underline;text-underline-offset:.35em;color:#ffe5aa}.mast-actions,.cover-actions{display:flex;align-items:center}.mast-actions{gap:clamp(12px,1.8vw,26px);flex-shrink:0}.sign-in{gap:5px}.action{display:inline-flex;align-items:center;justify-content:center;gap:.85em;min-height:46px;max-width:100%;padding:.58em 1.35em;border:1px solid transparent;border-radius:1px;font-size:.96rem;font-weight:650;line-height:1.5;text-align:center}.action span,.read-link b,.text-link span,.account-row>b{font:400 1.1em/1 Arial,sans-serif}.ink-action{background:var(--wine);color:#fff9ed}.ink-action:hover{background:#702338}.mast .ink-action,.light-action{background:var(--light);color:#33241a}.mast .ink-action:hover,.light-action:hover{background:#ffedc5}.line-action{color:#fff7e4;border-color:#c2aa85;background:#241711a8}.line-action:hover{background:#422c21;border-color:#f2d69d}.nav-toggle{display:none}
/* Covers use different photographs for portrait and landscape. */
.cover{position:relative;isolation:isolate;overflow:hidden;color:#fff8e8;background:#331b1d;border-bottom:4px solid var(--gold)}.cover-art,.cover-art picture,.cover-art img{position:absolute;inset:0;width:100%;height:100%}.cover-art{z-index:-2}.cover-art img{object-fit:cover;object-position:50% 56%}.cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,12,13,.82),rgba(31,15,18,.55) 38%,rgba(28,13,13,.12) 61%,transparent 82%)}.cover-inner{display:grid;align-items:center;min-height:clamp(480px,42vw,680px);padding-block:clamp(52px,6.8vw,105px)}.cover-copy{width:min(54%,790px)}.cover-copy h1{font-weight:450;line-height:1.22}.cover-name{display:block;margin-left:-.033em;color:#fff2d0;font:400 clamp(4.1rem,7.9vw,8.2rem)/1 var(--serif);letter-spacing:-.075em;white-space:nowrap}.cover-name i,.cover-name em,.cover-name span{color:#e6c385;font-weight:400}.cover-subjects{display:block;margin-top:.52em;font-size:clamp(1.35rem,2.28vw,2.35rem);line-height:1.45;color:#fff7e5}.cover-copy p{margin:1.05em 0 0;max-width:35rem;font-size:clamp(.98rem,1.22vw,1.15rem);line-height:1.8;color:#f1e4d7}.cover-actions{flex-wrap:wrap;gap:12px;margin-top:1.65rem}.cover .cover-kicker,.cover .eyebrow,.cover .edition-label{color:var(--gold)}
/* A two-spread photographic index, with alternating editorial widths. */
.collection,.questions,.journal,.accounts{padding-block:var(--space)}.section-line,.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:clamp(18px,2.5vw,33px);margin-bottom:clamp(18px,2.5vw,33px);border-bottom:1px solid var(--rule)}.section-line p,.journal-heading p,.faq-intro>p{max-width:38ch;color:var(--muted)}.collection-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(25px,3vw,46px) clamp(20px,2.8vw,42px)}.collection-card{display:flex;flex-direction:column;min-width:0;grid-column:span 5}.collection-card.feature,.collection-card:nth-child(4){grid-column:span 7}.collection-photo,.read-cover,.accounts-photo{display:block;overflow:hidden;background:#bfa481}.collection-photo img{width:100%;height:clamp(190px,21.8vw,340px);object-fit:cover;transition:transform .35s ease}.collection-card:hover .collection-photo img{transform:scale(1.023)}.collection-copy{flex:1;display:flex;flex-direction:column;align-items:start;min-width:0;padding:clamp(14px,1.7vw,23px) 0 13px;border-bottom:1px solid var(--rule)}.category-label,.kicker,.eyebrow,.section-kicker,.edition-label,.section-id,.section-no,.overline,.label-line{font:600 .74rem/1.6 Arial,var(--sans);text-transform:uppercase;letter-spacing:.15em;color:var(--bronze)}.collection-copy h3{margin:.18em 0 .22em;font-size:clamp(1.55rem,2.5vw,2.55rem)}.collection-copy p{max-width:52ch;color:var(--muted);line-height:1.72}.read-link,.text-link{display:inline-flex;align-items:center;gap:.64em;color:var(--wine);font-weight:650}.collection-copy .read-link{margin-top:.85rem}.collection-card:hover h3,.read-body h3 a:hover,.text-link:hover,.read-link:hover,.account-row:hover .account-row-copy{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}
/* Member guides: a quiet two-page spread. */
.accounts{background:var(--wine);color:#fff5df;border-block:1px solid #42131e}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:clamp(24px,6vw,100px)}.accounts-photo img{width:100%;aspect-ratio:1.42;object-fit:cover}.accounts-content h2{margin-bottom:.5em}.accounts-content>p{color:#f1dbd0;margin-bottom:1.2rem;max-width:48ch}.accounts-content .eyebrow,.accounts-content .kicker,.accounts .section-kicker{color:#eacf9e}.account-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:clamp(13px,1.25vw,19px) 0;border-top:1px solid #986575}.account-row:last-child{border-bottom:1px solid #986575}.account-row-copy{font-size:1.12rem;font-weight:650}.account-row-copy small{display:block;color:#f2dcd1;font-size:.9rem;font-weight:400}.account-row>b{color:var(--gold);font-size:1.3rem}
.journal{background:var(--white)}.read-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,40px)}.read-card{min-width:0}.read-cover img{width:100%;aspect-ratio:1.68;object-fit:cover}.read-body{padding:18px 0}.read-meta,.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}.read-meta span{color:var(--wine);font-weight:650}.read-body h3,.read-body h2{margin:.48em 0;font-size:clamp(1.17rem,1.65vw,1.6rem)}.read-body p{font-size:.94rem;color:var(--muted)}.questions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,7vw,110px)}.faq-intro p{margin-top:.65em}.faq-intro img{width:100%;max-width:380px;aspect-ratio:2.6;object-fit:cover;margin-block:1.3rem}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:15px 0;gap:22px;font-weight:650;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";flex:none;font:400 1.6rem/1 var(--serif);color:var(--wine)}.faq details[open] summary::after{content:"−"}.faq details p{margin:0 0 1.05rem;color:var(--muted)}
/* Reading pages and archives */
.inner-head{padding-block:clamp(38px,5.6vw,90px);background:var(--parchment);border-bottom:1px solid var(--rule)}.inner-head h1{max-width:26em;font-size:clamp(2rem,3.65vw,3.8rem);font-weight:650}.inner-head p{max-width:45rem;margin-top:.9em;font-size:clamp(1rem,1.4vw,1.2rem);color:var(--muted)}.crumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6em;margin-bottom:18px;color:var(--muted);font-size:.87rem;overflow-wrap:anywhere}.crumb a,.article-byline a,.prose a:not(.action){color:var(--wine);text-decoration:underline;text-underline-offset:.19em}.article-byline{margin-bottom:10px}.reading{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,.88fr);align-items:start;gap:clamp(30px,6vw,94px);padding-block:var(--space)}.prose{min-width:0;font-size:clamp(1.02rem,1.22vw,1.12rem);line-height:1.88;overflow-wrap:anywhere}.prose> :first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.05em}.prose ul,.prose ol{padding-inline-start:1.45em}.prose li+li{margin-top:.35em}.prose h2,.prose h3{margin:1.4em 0 .55em}.prose h2{font-size:clamp(1.4rem,2.2vw,2.1rem)}.prose h3{font-size:clamp(1.2rem,1.6vw,1.6rem)}.prose blockquote{padding:1rem 1.3rem;border-left:3px solid var(--bronze);background:var(--parchment)}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse;margin:1.25em 0}.prose td,.prose th{border:1px solid var(--rule);padding:.55em .8em;text-align:start}.prose th{background:var(--parchment)}.reading-side{border:1px solid var(--rule);background:var(--white)}.reading-side img{width:100%;aspect-ratio:1.5;object-fit:cover}.reading-side .text-link{padding:15px 20px}.outbound{margin-block:1.4em;padding:clamp(16px,2vw,28px);background:var(--parchment);border-left:3px solid var(--bronze)}.outbound p{margin:.6rem 0 0;color:var(--muted);font-size:.92rem}.post-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:20px;border-top:1px solid var(--rule)}.archive-body,.missing{padding-block:var(--space)}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.pagination .page-numbers{padding:6px 12px;border:1px solid var(--rule)}.pagination .current{color:white;background:var(--wine)}.missing p,.missing .action{margin-top:15px}
.closing{background:var(--dark);color:#f9efdc;padding-top:clamp(50px,6vw,92px);border-top:3px solid #aa8651}.closing-grid{display:grid;grid-template-columns:1.4fr .75fr 1fr;gap:clamp(25px,5vw,80px)}.closing .wordmark{font-size:clamp(2.2rem,4.6vw,4.5rem)}.closing-grid p{max-width:33ch;margin-top:1.15em;color:#ded1bc}.closing nav h2{font-size:1.05rem;margin-bottom:.75em}.closing nav a{display:inline-block;padding-block:.2em;color:#eadcc8;font-size:.94rem}.colophon{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 16px;margin-top:44px;padding-block:20px;border-top:1px solid #624f41;color:#d4c3ab;font-size:.82rem}
@media(max-width:1000px){.mast-inner{gap:16px}.main-menu ul{gap:0 14px}.cover-copy{width:63%}.cover-name{font-size:clamp(4rem,8vw,5.4rem)}}
@media(max-width:860px){.mast-inner{min-height:64px;flex-wrap:wrap;padding-block:6px;gap:0 8px}.mast-actions{gap:12px;margin-left:auto}.main-menu{order:3;width:100%}.main-menu ul{justify-content:flex-start;gap:0 18px}.nav-ready .main-menu{display:none}.nav-ready .menu-open .main-menu{display:block;padding-block:8px;border-top:1px solid #6c5845}.nav-ready .nav-toggle{width:44px;height:44px;display:inline-grid;place-content:center;gap:5px;background:transparent;color:#ead9bc;border:1px solid #826e56}.nav-toggle span{width:17px;height:2px;background:currentColor}.menu-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.cover-inner{min-height:470px}.account-layout{gap:27px}.section-line p{max-width:34ch}.read-grid{gap:18px}.reading{grid-template-columns:minmax(0,1.65fr) minmax(0,.9fr);gap:25px}}
@media(max-width:680px){:root{--pad:clamp(16px,5vw,29px);--space:50px}.mast-inner{min-height:60px}.mast-actions{gap:8px}.mast-actions .action{padding:.48em .8em;min-height:42px;font-size:.86rem;gap:.35em}.mast-actions .sign-in{font-size:.83rem}.mast-actions .sign-in span{display:none}.wordmark{font-size:1.58rem}.cover-inner{align-items:start;min-height:clamp(590px,126vw,760px);padding-top:clamp(43px,8vw,68px);padding-bottom:180px}.cover-art img{object-position:center 61%}.cover::before{background:linear-gradient(180deg,rgba(26,13,16,.82),rgba(32,14,17,.56) 40%,rgba(35,18,18,.06) 70%,transparent)}.cover-copy{width:100%;max-width:33rem}.cover-name{font-size:clamp(3.55rem,12.4vw,5.2rem)}.cover-subjects{font-size:clamp(1.37rem,4.7vw,2rem)}.cover-copy p{margin-top:.8em;max-width:32rem}.cover-actions{gap:8px;margin-top:1.1rem}.cover-actions .action{font-size:.94rem;padding:.57em .85em;gap:.5em}.section-line,.journal-heading{align-items:start;gap:12px}.section-line{display:block}.section-line p{max-width:100%;margin-top:6px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.collection-card,.collection-card.feature,.collection-card:nth-child(4){grid-column:span 1}.collection-photo img{height:auto;aspect-ratio:1.28}.collection-copy{padding-block:10px}.collection-copy h3{font-size:1.4rem}.collection-copy p,.collection-copy .read-link{font-size:.9rem}.account-layout,.questions,.reading{grid-template-columns:minmax(0,1fr)}.accounts-photo img{aspect-ratio:2.05}.account-row{min-height:62px}.read-grid{grid-template-columns:minmax(0,1fr);gap:20px}.read-body{padding:12px 0}.journal-heading .text-link{font-size:.88rem;align-self:end}.questions{gap:20px}.reading{gap:28px}.prose{font-size:1.02rem}.inner-head h1{font-size:clamp(1.85rem,6.9vw,2.65rem)}.reading-side img{aspect-ratio:1.9}.closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.closing-grid>div:first-child{grid-column:1/-1}.colophon{margin-top:28px}}
@media(max-width:420px){.collection-grid{grid-template-columns:minmax(0,1fr);gap:20px}.collection-photo img{aspect-ratio:1.85}.collection-copy{padding:12px 0 18px}.collection-copy h3{font-size:1.62rem}.collection-copy p{font-size:.96rem}.collection-copy .read-link{margin-top:.45rem}}
@media(max-width:370px){:root{--pad:14px}.mast-actions{gap:6px}.wordmark{font-size:1.33rem}.mast-actions .action{font-size:.8rem;padding-inline:.55em}.mast-actions .sign-in{font-size:.77rem}.nav-ready .nav-toggle{width:36px;height:40px}.cover-actions .action{font-size:.87rem}.cover-name{font-size:clamp(2.95rem,13.9vw,3.35rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Leave the brass sculpture visible above the member controls on portrait screens. */
@media(max-width:680px){.cover-inner{align-items:end;padding-top:clamp(220px,53vw,360px);padding-bottom:clamp(25px,5vw,46px)}.cover-art img{object-position:center 40%}.cover::before{background:linear-gradient(180deg,transparent 22%,rgba(30,13,16,.05) 38%,rgba(26,12,14,.62) 58%,rgba(25,12,13,.93) 88%)}}
.collection-grid{counter-reset:collection}.collection-card{counter-increment:collection}.category-label{font-family:var(--sans);font-weight:600;letter-spacing:0}.category-label::before{content:"0" counter(collection) "  /  ";white-space:pre;font:italic 1.15rem var(--serif);color:var(--bronze)}.faq-intro .text-link{margin-top:1rem}
.cover .edition-label{display:flex;align-items:center;gap:13px;margin:0 0 1.1rem;font:600 .69rem/1.4 Arial,sans-serif;letter-spacing:.21em;color:#f0d8ad}.cover .edition-label::before{content:"";width:37px;height:1px;background:#dab275}
@media(max-width:680px){.cover .edition-label{margin-bottom:.6rem;font-size:.61rem;letter-spacing:.16em}.cover .edition-label::before{width:25px}}