.home-business{position:relative;overflow:hidden}.home-business::after{content:'';position:absolute;top:0;right:0;width:min(48vw,680px);height:100%;background:linear-gradient(90deg,#3a0a14 0%,#3a0a1488 35%,#3a0a141c 100%),url('../img/news/visit.jpg') right center/cover no-repeat;opacity:.17;pointer-events:none}.home-business .wrap{position:relative;z-index:1}.home-business .sec-head{display:none}
.business-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);column-gap:clamp(45px,8vw,130px);row-gap:18px;align-items:center}.business-intro .h-sec{font-size:clamp(26px,2.45vw,34px);line-height:1.25;letter-spacing:-.018em}.business-stack{display:grid;gap:16px}.business-card{position:relative;min-height:158px;padding:22px 170px 22px 74px;border:1px solid #ffffff2b;background:rgba(78,12,27,.8)}.business-card .no{position:absolute;left:23px;top:27px;color:var(--gold);font:10px/1 var(--mono);letter-spacing:.18em}.business-card h3{font:500 23px/1.25 var(--thai);color:var(--white)}.business-card .en-s{display:block;margin-top:5px}.business-card p{margin-top:12px;color:var(--cream);font:13px/1.7 var(--thai)}.business-card .btn{position:absolute;right:22px;bottom:22px;padding:10px 14px;font-size:13px;background:transparent;color:var(--gold-lt)}.business-card .btn:hover{background:rgba(201,162,74,.16);color:var(--gold-lt)}
@media(max-width:820px){.home-business::after{width:75vw;opacity:.1}.business-layout{grid-template-columns:1fr;gap:35px}.business-intro .h-sec br{display:none}}@media(max-width:560px){.business-card{padding:21px 20px 19px 56px}.business-card .no{left:18px;top:25px}.business-card h3{font-size:20px}.business-card .btn{position:static;display:inline-block;margin-top:17px}.business-card p{font-size:12.5px}}

/* Compact cards with their imagery contained inside each panel. */
.home-business::after{display:none}.business-card{min-height:146px;padding:21px 190px 20px 25px;overflow:hidden}.business-card .no,.business-card .btn{display:none}.business-card::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#4e0c1b 0%,#4e0c1b 49%,rgba(78,12,27,.78) 68%,rgba(78,12,27,.22) 100%)}.business-card::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:center/cover no-repeat;opacity:.38;filter:saturate(.5)}.business-card:first-child::after{background-image:url('../img/news/visit.jpg')}.business-card:nth-child(2)::after{background-image:url('../img/hotel-bg.jpg')}.business-card h3,.business-card .en-s,.business-card p{position:relative;z-index:2}.business-more{grid-column:2;justify-self:start;margin-top:2px;display:inline-flex;align-items:center;gap:16px;padding:11px 15px;border:1px solid var(--line);background:transparent;color:var(--white);font:500 13px var(--thai);transition:background .2s,border-color .2s}.business-more span{font:400 18px/1 var(--display);transition:transform .2s ease}.business-more:hover{background:rgba(201,162,74,.16);border-color:var(--gold)}.business-more:hover span{transform:translateX(4px)}
@media(max-width:820px){.business-more{grid-column:1}}@media(max-width:560px){.business-intro .h-sec{font-size:28px;line-height:1.2;letter-spacing:-.025em}.business-card{padding:18px 135px 17px 18px;min-height:137px}.business-card::after{width:39%}.business-card p{font-size:12px;line-height:1.55}.business-more{margin-top:0}}

.portfolio-card{min-height:206px;padding:22px 240px 22px 28px}.portfolio-card::after{width:54%;opacity:.38}.portfolio-card::before{background:linear-gradient(90deg,#4e0c1b 0%,#4e0c1b 34%,rgba(78,12,27,.94) 48%,rgba(78,12,27,.67) 66%,rgba(78,12,27,.18) 84%,rgba(78,12,27,0) 100%)}.portfolio-card-copy{position:relative;z-index:2}.portfolio-kind{display:block;color:var(--gold);font:10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.portfolio-card h3{margin-top:8px}.portfolio-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.portfolio-card-title>span{color:var(--gold-lt);font:10px/1 var(--mono);letter-spacing:.12em}.portfolio-brand-list{display:grid;gap:0;margin-top:12px;border-top:1px solid #ffffff24}.portfolio-brand-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 0;border:0;border-bottom:1px solid #ffffff18;background:transparent;color:var(--white);text-align:left;cursor:pointer}.portfolio-brand-row.is-pending{opacity:.62;cursor:default}.portfolio-brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);color:var(--gold-lt);font:10px/1 var(--mono)}.portfolio-brand-row b,.portfolio-brand-row small{display:block}.portfolio-brand-row b{font:500 13px/1.35 var(--thai)}.portfolio-brand-row small{margin-top:1px;color:var(--cream);font:10px/1.3 var(--thai)}.portfolio-brand-row em{color:var(--gold-lt);font:400 17px/1 var(--display);font-style:normal}.portfolio-brand-row:not(.is-pending):hover b{color:var(--gold-lt)}.portfolio-status{display:flex;align-items:center;gap:7px;margin-top:9px!important;color:var(--cream)!important;font:12px/1.4 var(--thai)!important}.portfolio-status i{width:7px;height:7px;border-radius:50%;background:#83c69b;box-shadow:0 0 0 3px #83c69b22}.portfolio-status.developing i{background:var(--gold);box-shadow:0 0 0 3px rgba(212,173,93,.15)}.portfolio-stats{display:flex;gap:26px;margin-top:17px}.portfolio-stats dt{color:var(--dim);font:10px/1.3 var(--thai)}.portfolio-stats dd{margin-top:4px;color:var(--white);font:500 13px/1.35 var(--thai)}.portfolio-summary{max-width:42ch;margin-top:13px!important}.portfolio-details{display:inline-flex;align-items:center;gap:12px;margin-top:17px;padding:0;border:0;background:transparent;color:var(--gold-lt);font:500 13px var(--thai);cursor:pointer}.portfolio-details span{font:400 18px/1 var(--display);transition:transform .2s ease}.portfolio-details:hover span{transform:translateX(4px)}.portfolio-modal{position:fixed;inset:0;margin:auto;width:min(760px,calc(100% - 32px));max-height:88dvh;padding:0;border:1px solid var(--line);background:var(--m-850);color:var(--white);box-shadow:0 18px 55px rgba(22,2,8,.48);overflow:auto}.portfolio-modal::backdrop{background:rgba(20,2,7,.72);backdrop-filter:blur(3px)}.portfolio-modal-media{height:220px}.portfolio-modal-media img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-modal-body{padding:28px 32px 32px}.portfolio-modal h2{margin:11px 0 10px;font:500 clamp(28px,4vw,42px)/1.2 var(--display)}.portfolio-modal-lead{max-width:58ch;color:var(--cream);font:15px/1.8 var(--thai)}.portfolio-modal-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff24}.portfolio-modal-facts dt{color:var(--dim);font:12px/1.4 var(--thai)}.portfolio-modal-facts dd{margin-top:5px;font:500 14px/1.45 var(--thai)}.portfolio-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.portfolio-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid #ffffff88;background:#30050db8;color:#fff;font-size:25px;line-height:1;cursor:pointer;z-index:2}@media(max-width:820px){.portfolio-card{padding-right:38%}.portfolio-stats{gap:18px}}@media(max-width:560px){.portfolio-card{min-height:0;padding:20px 18px}.portfolio-card::after{width:46%;opacity:.2}.portfolio-stats{display:grid;grid-template-columns:1fr 1fr}.portfolio-modal-media{height:165px}.portfolio-modal-body{padding:24px}.portfolio-modal-facts{grid-template-columns:1fr}.portfolio-modal-actions .btn{width:100%;text-align:center}}
.portfolio-directory-modal{width:min(820px,calc(100% - 32px))}.portfolio-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.portfolio-directory-item{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:11px;align-items:center;min-height:68px;padding:13px;border:1px solid #ffffff24;background:rgba(255,255,255,.025);color:var(--white);text-align:left}.portfolio-directory-item:not(div){cursor:pointer}.portfolio-directory-item:not(div):hover{border-color:var(--gold);background:rgba(212,173,93,.09)}.portfolio-directory-item.is-pending{opacity:.62}.portfolio-directory-item b,.portfolio-directory-item small{grid-column:2}.portfolio-directory-item b{font:500 14px/1.35 var(--thai)}.portfolio-directory-item small{margin-top:3px;color:var(--cream);font:11px/1.35 var(--thai)}@media(max-width:560px){.portfolio-directory-grid{grid-template-columns:1fr}}
.portfolio-directory-modal{width:min(860px,calc(100% - 32px))}.portfolio-directory-modal .portfolio-modal-body{padding:34px 36px 38px}.portfolio-overview{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid #ffffff24}.portfolio-overview>div{padding:14px 16px;border-right:1px solid #ffffff24}.portfolio-overview>div:last-child{border-right:0}.portfolio-overview b,.portfolio-overview span{display:block}.portfolio-overview b{color:var(--gold-lt);font:500 24px/1 var(--display)}.portfolio-overview span{margin-top:6px;color:var(--cream);font:11px/1.3 var(--thai)}.portfolio-directory-note{margin:18px 0 0;color:var(--dim);font:13px/1.7 var(--thai)}.portfolio-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.portfolio-directory-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;min-height:82px;padding:15px;border:1px solid #ffffff24;background:rgba(255,255,255,.03);color:var(--white);text-align:left}.portfolio-directory-item:not(div){cursor:pointer}.portfolio-directory-item:not(div):hover{border-color:var(--gold);background:rgba(212,173,93,.09)}.portfolio-directory-item.is-pending{opacity:.62}.portfolio-directory-copy b,.portfolio-directory-copy small{display:block}.portfolio-directory-copy b{font:500 15px/1.35 var(--thai)}.portfolio-directory-copy small{margin-top:5px;color:var(--cream);font:11px/1.35 var(--thai)}.portfolio-directory-copy small i{display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#83c69b}.portfolio-directory-item.is-pending small i{background:var(--gold)}.portfolio-directory-item em{grid-column:2;margin-top:7px;color:var(--gold-lt);font:10px/1.2 var(--thai);font-style:normal}@media(max-width:560px){.portfolio-directory-modal .portfolio-modal-body{padding:28px 22px}.portfolio-overview>div{padding:12px 10px}.portfolio-overview b{font-size:21px}.portfolio-directory-grid{grid-template-columns:1fr}}
.portfolio-directory-modal{width:min(860px,calc(100% - 32px))}.portfolio-directory-modal .portfolio-modal-body{padding:34px 36px 38px}.portfolio-overview{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid #ffffff24}.portfolio-overview>div{padding:14px 16px;border-right:1px solid #ffffff24}.portfolio-overview>div:last-child{border-right:0}.portfolio-overview b,.portfolio-overview span{display:block}.portfolio-overview b{color:var(--gold-lt);font:500 24px/1 var(--display)}.portfolio-overview span{margin-top:6px;color:var(--cream);font:11px/1.3 var(--thai)}.portfolio-directory-note{margin:18px 0 0;color:var(--dim);font:13px/1.7 var(--thai)}.portfolio-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.portfolio-directory-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;min-height:82px;padding:15px;border:1px solid #ffffff24;background:rgba(255,255,255,.03);color:var(--white);text-align:left}.portfolio-directory-item.has-image{grid-template-columns:120px minmax(0,1fr);padding:0;overflow:hidden}.portfolio-directory-visual{position:relative;align-self:stretch}.portfolio-directory-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(78,12,27,0) 22%,rgba(78,12,27,.3) 55%,#4e0c1b 100%);pointer-events:none}.portfolio-directory-visual img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-directory-visual .portfolio-brand-mark{position:absolute;top:8px;left:8px;z-index:1;background:#480915cc}.portfolio-directory-item:not(div){cursor:pointer}.portfolio-directory-item:not(div):hover{border-color:var(--gold);background:rgba(212,173,93,.09)}.portfolio-directory-item.is-pending{opacity:.62}.portfolio-directory-copy b,.portfolio-directory-copy small{display:block}.portfolio-directory-copy b{font:500 15px/1.35 var(--thai)}.portfolio-directory-copy small{margin-top:5px;color:var(--cream);font:11px/1.35 var(--thai)}.portfolio-directory-copy small i{display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#83c69b}.portfolio-directory-item.is-pending small i{background:var(--gold)}.portfolio-directory-item em{grid-column:2;margin-top:7px;color:var(--gold-lt);font:10px/1.2 var(--thai);font-style:normal}.portfolio-directory-item.has-image .portfolio-directory-copy{align-self:end;margin-bottom:12px}.portfolio-directory-item.has-image em{align-self:start;margin-top:12px}@media(max-width:560px){.portfolio-directory-modal .portfolio-modal-body{padding:28px 22px}.portfolio-overview>div{padding:12px 10px}.portfolio-overview b{font-size:21px}.portfolio-directory-grid{grid-template-columns:1fr}}
