:root{--forest:#174a34;--navy:var(--forest);--brown:#5b4937;--taupe:#776856;--warm:#eee5d6;--surface:#fffdf7;--ink:#3d332b;--muted:#736556;--paper:#f8f5ee;--line:#ded2bf;--gold:#9c7b48;--serif:'Iowan Old Style',Baskerville,'AppleMyungjo','Batang',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.topline{background:var(--navy);color:#e0d3be;font-size:10px;letter-spacing:.6px;padding:10px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:15px}.header{max-width:1250px;margin:auto;padding:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;flex-direction:column;min-width:120px}.logo>span{font:700 37px Georgia,serif;letter-spacing:-2px;line-height:1}.logodot{color:var(--gold)}.logo small{letter-spacing:5px;font-size:9px;margin-top:6px}.header nav{display:flex;gap:23px;flex-wrap:wrap}.nav,.plain{border:0;background:transparent;color:var(--muted);padding:10px 0}.nav{font-size:13px;white-space:nowrap}.nav.active{color:var(--navy);font-weight:700}.solid{border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:white;padding:11px 18px;white-space:nowrap;font-weight:600;font-size:12px}.solid:hover{background:#185b3d}.plain:hover,.nav:hover{color:var(--navy)}#account{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:12px}main{max-width:1200px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1fr;background:#eee5d6;min-height:390px;overflow:hidden}.herotext{padding:47px 42px 32px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--gold)}h1{font:normal clamp(32px,4vw,47px)/1.3 Georgia,'Apple SD Gothic Neo',serif;letter-spacing:-1.8px;margin:24px 0 18px}.herotext p{color:#766452;font-size:13px;line-height:1.9}.herocta{margin-top:14px;padding:12px 0;background:none;border:0;border-bottom:1px solid #9c7b48;color:var(--navy);font-size:12px;font-weight:650}.herocta span{margin-left:40px}.herocaption{font-size:8px;letter-spacing:2px;color:#887052;margin-top:26px}.herovisual{position:relative;background:var(--navy);display:flex;align-items:center;justify-content:center;overflow:hidden}.herovisual img{width:100%;height:100%;object-fit:cover}.visualtag{position:absolute;bottom:20px;right:22px;letter-spacing:1.5px;font-size:8px;line-height:1.6;color:#e0d3be}.notice{margin:19px 0 35px;padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:11px;color:#776856}.noticebadge{font-size:8px;letter-spacing:1px;color:var(--gold);white-space:nowrap}.notice>span:last-child{margin-left:auto}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px}.sideheading{font-size:8px;letter-spacing:1.4px;color:#87715c;margin-bottom:17px}.sidecat{display:flex;justify-content:space-between;width:100%;background:none;border:0;text-align:left;padding:14px 12px;color:#776452;font-size:12px;border-bottom:1px solid #ded2bf}.sidecat span{font-size:9px;color:#93816b}.sidecat.selected{background:var(--navy);color:white;border:0;border-radius:4px}.sidecat.selected span{color:var(--gold)}.sidecard{margin-top:29px;background:#eee5d6;padding:24px 17px}.sidecard h3{font-size:17px;line-height:1.5;letter-spacing:-.5px;font-weight:500}.sidecard p{font-size:11px;line-height:1.9;color:var(--muted)}.stats{display:flex;gap:32px;border-top:1px solid #c8b692;padding-top:18px;margin-top:18px}.stats strong{display:block;font:24px Georgia,serif}.stats small{font-size:9px;color:var(--muted)}.admin{margin-top:10px;font-size:11px}.boardheading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:24px;letter-spacing:-.8px;font-weight:550;margin:9px 0 0}.searchbar{display:flex;align-items:center;gap:14px;border-bottom:1px solid #bdac95;padding:11px 0;margin:23px 0 0}.searchbar>span{font-size:23px;color:#9c7b48}.searchbar input{flex:1;min-width:0;border:0;background:none;padding:8px;color:var(--ink);font-size:12px}.searchbar button{border:0;background:none;color:var(--muted);font-size:12px}.postrow{display:flex;gap:18px;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:21px 0;color:var(--ink)}.postrow:hover{background:#eee6d9}.postinfo{min-width:0;flex:1}.posttag{font-size:9px;color:#8a6945}.posttitle{display:block;font-size:15px;font-weight:550;line-height:1.6;margin:7px 0 9px;overflow-wrap:anywhere}.postmeta{font-size:10px;color:#736556;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.rank{background:#e6ecdf;border-radius:3px;padding:3px 5px;font-size:9px;color:#28583e}.thumb{width:80px;height:70px;border-radius:5px;object-fit:cover;background:#eee5d6}.videoicon{display:grid;place-items:center;font-size:20px;color:#6b765c}.comments{font-size:10px;color:var(--muted);text-align:center;min-width:34px}.comments strong{font-size:17px;display:block;color:#174a34;font-family:Georgia,serif;font-weight:400}.empty{padding:45px 20px;border-bottom:1px solid var(--line);text-align:center}.emptyicon{font:34px Georgia,serif;color:var(--gold)}.empty h3{font-size:17px;font-weight:500}.empty p{color:var(--muted);line-height:1.9;font-size:12px}.empty button{margin-top:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:30px;margin:15px 0;font-size:11px}.pagination .plain{font-size:11px}.boardnote{font-size:10px;color:#736556;line-height:1.8;text-align:center}.manifesto{text-align:center;border-top:1px solid var(--line);margin-top:58px;padding:44px 0}.manifesto p{font:normal 23px/1.8 Georgia,'Apple SD Gothic Neo',serif;letter-spacing:-.7px}.manifesto em{font-style:normal;color:#5c7254}.manifesto>span:last-child{font-size:8px;letter-spacing:3px;color:#8a6f4e}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:23px 24px 35px;display:flex;align-items:center;gap:25px;color:#e0d3be;font-size:10px}.footlogo{font:700 15px Georgia,serif;color:var(--navy)}footer small{margin-left:auto;font-size:9px}.hidden{display:none!important}dialog{border:1px solid #c9b695;border-radius:12px;background:var(--paper);padding:28px;width:min(460px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #0003}dialog.wide{width:min(780px,calc(100vw - 28px))}dialog::backdrop{background:#18362499;backdrop-filter:blur(4px)}.modalhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.modalhead h2{margin:0;font-size:22px}.close{border:0;background:none;color:var(--muted);font-size:26px;padding:0 5px}.muted{color:var(--muted);font-size:12px;line-height:1.8}label{display:block;font-size:12px;margin:17px 0}label input,label select,label textarea{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #ccbca4;border-radius:4px;background:#fff;color:var(--ink)}label textarea{resize:vertical;line-height:1.8}label small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:8px}.full{width:100%;margin-top:8px}.formerror{color:#ab4b43;font-size:12px;line-height:1.7;white-space:pre-line}#previews{display:flex;flex-wrap:wrap;gap:8px}#previews img,#previews video{width:80px;height:70px;object-fit:cover;border-radius:4px}.storytitle{font-size:28px;line-height:1.5;overflow-wrap:anywhere}.storybody{white-space:pre-wrap;line-height:1.9;padding:25px 0;font-size:14px;overflow-wrap:anywhere}.storymedia{display:grid;gap:14px;margin-bottom:25px}.storymedia img,.storymedia video{max-width:100%;max-height:600px;object-fit:contain;border-radius:5px;background:#eee5d6;width:100%}.comment{border-bottom:1px solid var(--line);padding:15px 0}.comment p{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.price{font-size:21px;font-weight:700;margin-top:15px}.status{font-size:11px;border:1px solid var(--line);border-radius:3px;padding:4px 7px;display:inline-block;margin-top:9px}.member{border-bottom:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:14px}.member>div{flex:1}.member select{padding:8px;background:white;border:1px solid var(--line);border-radius:4px}.rankrow{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}.rankrow label{min-width:0}.rankrow input{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:15px 25px;border-radius:6px;z-index:20;font-size:13px;max-width:90vw;text-align:center}@media(max-width:900px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;gap:22px;overflow:auto;flex-wrap:nowrap;border-top:1px solid var(--line);padding-top:10px}.layout{grid-template-columns:170px minmax(0,1fr);gap:24px}.herotext{padding:34px 26px}.hero{min-height:340px}.herotext p{font-size:12px}}@media(max-width:620px){.topline{font-size:8px;padding:9px 18px}.topline>span:first-child{max-width:180px}.header{padding:20px 18px;gap:15px}.logo>span{font-size:32px}.logo small{font-size:8px}.header nav{gap:19px}.nav{font-size:11px}#account{gap:10px;font-size:11px}main{padding:0 16px}.hero{grid-template-columns:1fr}.herotext{padding:30px 25px}h1{font-size:37px}.herovisual{height:245px}.herovisual img{object-fit:cover;object-position:center}.herocaption{display:none}.notice{gap:12px;font-size:10px;margin-bottom:25px}.layout{display:block}.sidebar{display:flex;gap:8px;overflow:auto;margin-bottom:24px;padding-bottom:7px}.sideheading,.sidecard{display:none}.sidecat{width:auto;flex-shrink:0;white-space:nowrap;padding:10px 12px;border:1px solid var(--line);border-radius:4px;font-size:11px}.sidecat span{display:none}.admin{white-space:nowrap;margin:0}h2{font-size:20px}.boardheading .solid{padding:10px 13px}.postrow{padding:18px 0;gap:10px}.posttitle{font-size:14px}.thumb{width:62px;height:62px}.comments{min-width:25px}.postmeta{font-size:9px;gap:6px}.manifesto{margin-top:35px;padding:30px 0}.manifesto p{font-size:19px}footer{flex-wrap:wrap;gap:12px;padding:20px 18px}footer>span{width:100%;order:3}.rankrow{gap:6px}.rankrow label{font-size:10px}dialog{padding:21px}.storytitle{font-size:23px}}
.homesections{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:26px}.homecard{border-top:2px solid var(--navy);padding:18px 0}.homecardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.homecardhead h3{font-size:17px;font-weight:550;margin:0}.homecardhead button{font-size:10px}.homepost{display:flex;gap:12px;justify-content:space-between;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:13px 0;text-align:left;color:var(--ink);font-size:12px;line-height:1.6}.homepost span{overflow-wrap:anywhere}.homepost small{color:var(--gold);flex-shrink:0}.homerow{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.homerow label{flex:1;display:flex;align-items:center;gap:8px}.homerow input[type=checkbox]{width:auto;margin:0}.homerow>input{width:65px;padding:8px;border:1px solid var(--line);border-radius:4px;background:white}@media(max-width:620px){.homesections{grid-template-columns:1fr;gap:12px;margin-top:30px}}
.consent{display:flex;align-items:center;gap:8px;font-size:11px}.consent input{width:auto;margin:0}.mailactions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mailpreview{border:1px solid var(--line);border-radius:6px;padding:18px;margin-top:15px}.herovisual img{object-position:40% center}

.adminbadge{display:inline-block;background:#e7d8b7;color:#684c25;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:700}#account>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}#account{flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){#account{max-width:240px;gap:8px}#account .solid{padding:9px 12px}}

.membersection{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.memberheading{display:flex;justify-content:space-between;gap:15px;align-items:center}.memberheading h3{margin:0;font-size:18px}.membersearch{display:flex;gap:10px;align-items:center}.membersearch input{min-width:0;flex:1;padding:11px;border:1px solid var(--line);background:white;border-radius:4px}.membersearch select{padding:11px;border:1px solid var(--line);background:white;border-radius:4px}.membertablewrap{overflow-x:auto}.membertable{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:620px}.membertable th{background:#eee5d6;color:var(--muted);padding:13px 10px;font-size:11px;font-weight:500}.membertable td{border-bottom:1px solid var(--line);padding:14px 10px;vertical-align:top;overflow-wrap:anywhere}.membertable .muted{font-size:11px;margin:5px 0}.membertable th:nth-child(1){width:23%}.membertable th:nth-child(2){width:32%}.memberjoined{font-size:11px;color:var(--muted);line-height:1.8}.memberdetailbutton{white-space:nowrap;font-size:11px;color:var(--navy);text-decoration:underline;text-underline-offset:3px}.memberprofiletitle{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.memberprofiletitle strong{font-size:23px}.memberfields{display:grid;grid-template-columns:150px minmax(0,1fr);margin:0;border-top:1px solid var(--line)}.memberfields dt,.memberfields dd{margin:0;padding:13px 10px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.memberfields dt{color:var(--muted);background:#eee5d6}.memberactivity{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.memberactivity>div{background:#e6ecdf;border-radius:4px;padding:18px}.memberactivity strong{font-size:21px;display:block;margin-bottom:7px}.memberactivity span{font-size:11px;color:var(--muted)}.membergradeform{border-top:1px solid var(--line);margin-top:22px;padding-top:5px}.membergradeform label{max-width:260px}@media(max-width:620px){.memberheading{display:block}.memberheading>button{padding-top:0}.membersearch{flex-wrap:wrap}.membersearch input{flex-basis:100%}.membersearch select{flex:1}.memberfields{grid-template-columns:100px minmax(0,1fr)}.memberfields dt,.memberfields dd{padding:11px 8px;font-size:11px}.memberactivity>div{padding:12px}.memberactivity strong{font-size:19px}}

.brandintro{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 0 26px}.brandgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.brandtile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px 12px;color:var(--ink);transition:border-color .15s,transform .15s}.brandtile:hover{border-color:var(--gold);transform:translateY(-2px)}.brandtile img{width:80px;height:80px;object-fit:contain;border-radius:6px}.brandtile strong{font-weight:550;font-size:13px;line-height:1.5;text-align:center}.brandtile small{font-size:10px;color:var(--muted);line-height:1.5;text-align:center}.brandback{margin-top:15px;font-size:12px;color:var(--muted)}.brandroom{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:18px 0}.brandroom img{width:85px;height:85px;border-radius:7px;object-fit:contain}.brandroom strong{font-size:21px;font-weight:550}.brandroom p{color:var(--muted);font-size:12px;line-height:1.8;margin:7px 0 0}.brandfilterbar{display:flex;align-items:center;gap:24px;background:#eee5d6;padding:16px 20px;border-radius:6px;margin-top:20px}.brandfilterbar label{display:flex;gap:15px;align-items:center;margin:0;font-size:12px;white-space:nowrap}.brandfilterbar select{width:210px;max-width:100%;margin:0;padding:10px;background:white}.brandfilterbar>span{font-size:11px;color:var(--muted);line-height:1.7}.homebrandgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.homebrandgrid .brandtile{padding:14px 5px;gap:7px}.homebrandgrid img{width:58px;height:58px}.homebrandgrid strong{font-size:11px}.homebrandgrid small{display:none}.legacybrand{font-size:11px;margin-top:22px;text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.brandfilterbar{display:block}.brandfilterbar>span{display:block;margin-top:10px}}@media(max-width:620px){.brandgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brandtile{padding:18px 8px}.brandtile img{width:70px;height:70px}.brandtile strong{font-size:12px}.brandfilterbar{padding:14px}.brandfilterbar label{gap:10px;justify-content:space-between}.brandfilterbar select{width:180px;min-width:0}.brandroom{gap:16px}.brandroom strong{font-size:18px}}


/* GMT Lounge: warm ivory and taupe, accented with evergreen and champagne. */
body { -webkit-font-smoothing: antialiased; }
.topline { background: var(--forest); color: #e9dcc7; padding-top: 11px; padding-bottom: 11px; letter-spacing: .7px; }
.header { padding-top: 31px; padding-bottom: 31px; gap: 30px; border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.logo { color: var(--brown); }
.logo > span { font-family: var(--serif); font-size: 43px; font-weight: 500; letter-spacing: -1.8px; }
.logo small { color: var(--taupe); letter-spacing: 5.5px; font-size: 9px; margin-top: 8px; }
.header nav { gap: 20px; align-items: center; }
.nav { position: relative; color: var(--taupe); font-size: 12px; padding-bottom: 12px; }
.nav.active { color: var(--forest); }
.nav.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 3px; height: 2px; background: var(--gold); }
.solid { background: var(--forest); border-color: var(--forest); color: #fffaf0; padding: 12px 21px; border-radius: 24px; transition: background .2s, box-shadow .2s; letter-spacing: .15px; }
.solid:hover { background: #185b3d; border-color: #185b3d; box-shadow: 0 4px 16px #17442d18; }
.plain { color: var(--taupe); }
.plain:hover, .nav:hover { color: var(--forest); }
.hero { min-height: 470px; grid-template-columns: 1fr 1fr; background: var(--warm); border: 1px solid #e0d4c2; }
.herotext { padding: 56px 46px 42px; }
.eyebrow { color: var(--gold); font-size: 10px; letter-spacing: 2.3px; font-weight: 600; }
h1 { font-family: var(--serif); font-size: clamp(35px, 4vw, 53px); line-height: 1.38; font-weight: 400; letter-spacing: -1.9px; color: var(--brown); margin-top: 25px; }
.herotext p { color: #766452; font-size: 14px; line-height: 2; }
.herocta { color: var(--forest); border-color: var(--gold); font-size: 13px; font-weight: 600; padding-bottom: 13px; margin-top: 17px; }
.herocta span { color: var(--gold); }
.herocaption { color: #887052; margin-top: 32px; letter-spacing: 2.4px; }
.herovisual { min-height: 470px; background: #294435; }
.herovisual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.visualtag { color: #f0e3ce; font-size: 9px; letter-spacing: 2px; text-shadow: 0 1px 4px #30261e99; bottom: 25px; right: 25px; }
.notice { border-color: var(--line); padding: 19px 0; margin-top: 12px; margin-bottom: 37px; color: var(--taupe); font-size: 12px; line-height: 1.8; }
.noticebadge { color: var(--gold); font-size: 9px; }
.layout { grid-template-columns: 218px minmax(0, 1fr); gap: 43px; }
.sideheading { color: var(--taupe); font-size: 9px; letter-spacing: 1.6px; margin-bottom: 22px; }
.sidecat { color: #776452; font-size: 12px; border-bottom-color: var(--line); padding: 15px 14px; transition: background .18s, color .18s; }
.sidecat:hover { background: #efe6d8; color: var(--forest); }
.sidecat span { color: #93816b; }
.sidecat.selected { background: var(--forest); color: #fff8e9; border-radius: 2px; box-shadow: inset 3px 0 var(--gold); }
.sidecat.selected:hover { background: #194a34; color: #fff8e9; }
.sidecat.selected span { color: #d6c095; }
.sidecard { background: var(--brown); color: #f8f0e2; padding: 27px 20px; border-top: 2px solid var(--gold); margin-top: 34px; }
.sidecard .eyebrow { color: #d9c096; }
.sidecard h3 { font-family: var(--serif); font-size: 18px; line-height: 1.7; font-weight: 400; }
.sidecard p { color: #e0d1bd; font-size: 11px; }
.stats { border-color: #b89a704d; }
.stats strong { color: #fff6e4; font-family: var(--serif); font-size: 29px; }
.stats small { color: #d8c4a6; }
.boardheading { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.boardheading .eyebrow { color: var(--taupe); font-size: 9px; letter-spacing: 2.3px; }
h2 { font-family: var(--serif); color: var(--forest); font-size: 28px; font-weight: 500; line-height: 1.55; letter-spacing: -.8px; margin-top: 11px; }
.searchbar { border-color: #bdac95; margin-top: 20px; }
.searchbar > span { color: var(--gold); }
.searchbar input { color: var(--ink); font-size: 13px; }
.searchbar input::placeholder { color: #88735c; opacity: 1; }
.searchbar button { color: var(--taupe); }
.postrow { border-color: var(--line); padding: 23px 0; }
.postrow:hover { background: #eee6d94f; }
.posttag { color: #8a6945; font-size: 10px; }
.posttitle { color: var(--brown); font-size: 16px; font-weight: 500; }
.postmeta { color: var(--muted); font-size: 11px; }
.rank { color: #28583e; background: #e6ecdf; padding: 4px 6px; }
.thumb { background: var(--warm); border-radius: 3px; }
.comments { color: var(--taupe); }
.comments strong { color: var(--forest); font-size: 22px; }
.empty { border-color: var(--line); padding-top: 50px; padding-bottom: 50px; }
.empty h3 { color: var(--brown); font-family: var(--serif); font-size: 21px; }
.empty p { color: var(--muted); }
.boardnote, .pagination { color: var(--muted); }
.brandintro { color: var(--muted); font-size: 13px; line-height: 1.9; margin-top: 20px; margin-bottom: 25px; }
.brandgrid { gap: 17px; }
.brandtile { border: 1px solid #d7c8b1; border-radius: 3px; background: var(--surface); padding: 24px 14px 20px; gap: 11px; box-shadow: 0 2px 12px #684b2510; transition: transform .2s, border-color .2s, box-shadow .2s; }
.brandtile:hover { border-color: var(--gold); box-shadow: 0 8px 24px #61432617; transform: translateY(-3px); }
.brandtile img { mix-blend-mode: multiply; width: 82px; height: 82px; border-radius: 2px; }
.brandtile strong { color: var(--brown); font-size: 14px; font-weight: 500; }
.brandtile small { color: #87715c; font-size: 11px; }
.brandtile::after { content: ''; display: block; width: 22px; height: 1px; background: #b79a6b; margin-top: 4px; }
.brandback { color: var(--taupe); margin-top: 20px; }
.brandroom { border-color: var(--line); padding: 21px 0; }
.brandroom img { mix-blend-mode: multiply; }
.brandroom strong { font-family: var(--serif); color: var(--brown); font-size: 24px; font-weight: 500; }
.brandroom p { color: var(--muted); }
.brandfilterbar { border: 1px solid #ddd0bc; background: var(--warm); border-radius: 3px; padding: 17px 20px; }
.brandfilterbar label { color: var(--brown); }
.brandfilterbar select { border-color: #c5b69e; border-radius: 2px; background: var(--surface); }
.brandfilterbar > span { color: #796653; }
.homecard { border-top-color: var(--gold); }
.homecardhead h3 { color: var(--forest); font-family: var(--serif); font-size: 21px; font-weight: 500; }
.homecardhead button { color: var(--taupe); font-size: 11px; }
.homepost { color: var(--brown); border-color: var(--line); font-size: 13px; padding-top: 15px; padding-bottom: 15px; }
.homebrandgrid .brandtile { border-color: var(--line); padding: 16px 7px 12px; }
.homebrandgrid .brandtile::after { width: 16px; margin-top: 0; }
.homebrandgrid strong { color: var(--brown); font-size: 11px; }
.homebrandgrid img { width: 60px; height: 60px; }
.manifesto { background: var(--warm); border-top: 1px solid #c8b692; padding: 49px 20px; margin-bottom: 32px; }
.manifesto p { font-family: var(--serif); color: var(--brown); font-size: 25px; }
.manifesto em { color: #5c7254; }
.manifesto > span:last-child { color: #8a6f4e; letter-spacing: 3.5px; }
footer { background: var(--forest); color: #e0d3be; border: 0; padding: 33px 28px; margin-bottom: 24px; }
.footlogo { color: #f2e5cb; font-family: var(--serif); font-size: 18px; font-weight: 500; }
footer small { color: #d0bd99; }
dialog { border-color: #c9b695; background: var(--paper); border-radius: 5px; box-shadow: 0 30px 100px #23322440; }
dialog::backdrop { background: #18362499; }
.modalhead h2 { color: var(--brown); font-family: var(--serif); }
.muted, label small { color: var(--muted); }
label { color: var(--brown); font-size: 13px; }
label input, label select, label textarea { background: var(--surface); border-color: #ccbca4; color: var(--ink); border-radius: 3px; }
input::placeholder, textarea::placeholder { color: #88745e; }
.storytitle { color: var(--brown); }
.storybody { color: var(--ink); }
.storymedia img, .storymedia video { background: var(--warm); border-radius: 3px; }
.price { color: var(--forest); }
.status { color: var(--taupe); }
.comment { border-color: var(--line); }
.adminbadge { background: #e7d8b7; color: #684c25; }
.membersearch input, .membersearch select { border-color: #ccbca4; background: var(--surface); border-radius: 3px; }
.membertable th, .memberfields dt { background: var(--warm); color: var(--taupe); }
.membertable td { border-color: var(--line); }
.memberdetailbutton { color: var(--forest); }
.memberactivity > div { background: var(--warm); border-radius: 3px; }
.memberactivity strong { color: var(--forest); }
.memberfields dd { color: var(--brown); }
.mailpreview { background: var(--surface); border-color: #ccbca4; }
#toast { background: var(--forest); color: #fff4df; border: 1px solid #9d8457; }
@media (max-width: 1100px) {
  .header { flex-wrap: wrap; padding-top: 25px; padding-bottom: 19px; gap: 21px; }
  .header nav { order: 3; width: 100%; flex-wrap: nowrap; overflow-x: auto; border-top: 1px solid var(--line); padding-top: 14px; padding-bottom: 2px; gap: 24px; }
}
@media (max-width: 900px) {
  .herotext { padding: 43px 31px; }
  .hero, .herovisual { min-height: 440px; }
  .layout { grid-template-columns: 178px minmax(0, 1fr); gap: 25px; }
  h2 { font-size: 25px; }
  .brandgrid { gap: 12px; }
  .brandtile { padding: 22px 9px 18px; }
  .brandtile strong { font-size: 12px; }
}
@media (max-width: 760px) {
  .layout { display: block; }
  .sidebar { display: flex; overflow-x: auto; gap: 8px; margin-bottom: 28px; padding-bottom: 8px; }
  .sideheading, .sidecard { display: none; }
  .sidecat { flex-shrink: 0; width: auto; padding: 11px 14px; white-space: nowrap; border: 1px solid var(--line); border-radius: 2px; font-size: 11px; }
  .sidecat span { display: none; }
  .admin { margin: 0; white-space: nowrap; }
  .hero { grid-template-columns: 1fr; }
  .herovisual { min-height: 320px; }
  .brandgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .boardheading { gap: 13px; }
  .boardheading h2 { font-size: 24px; }
}
@media (max-width: 620px) {
  .topline { color: #e2d4bf; font-size: 8px; }
  .header { padding: 22px 18px 14px; margin-bottom: 18px; gap: 18px; }
  .logo > span { font-size: 36px; }
  .logo small { font-size: 8px; }
  .header nav { gap: 23px; padding-top: 12px; }
  .nav { font-size: 11px; }
  .herotext { padding: 34px 25px; }
  h1 { font-size: 37px; line-height: 1.42; }
  .herotext p { font-size: 12px; }
  .herovisual { min-height: 275px; height: 275px; }
  .herocaption { display: block; font-size: 8px; margin-top: 25px; }
  .notice { font-size: 10px; margin-bottom: 27px; gap: 13px; }
  .noticebadge { font-size: 8px; }
  .boardheading h2 { font-size: 22px; }
  .boardheading .solid { padding: 10px 15px; }
  .posttitle { font-size: 15px; }
  .postmeta { font-size: 10px; }
  .brandtile { padding: 20px 10px 17px; }
  .brandtile img { width: 75px; height: 75px; }
  .brandtile small { font-size: 10px; }
  .brandintro { font-size: 12px; }
  .homecardhead h3 { font-size: 20px; }
  .manifesto p { font-size: 20px; }
  footer { margin: 0 16px 20px; padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
  .brandtile:hover { transform: none; }
}