/* Greenery portfolio detail / precision dossier v1 */
:root{--gpd-ink:#02130d;--gpd-deep:#032219;--gpd-green:#0a533b;--gpd-gold:#d8b65c;--gpd-cream:#f4f0e5;--gpd-white:#fbfaf5;--gpd-line:rgba(216,182,92,.24)}
body.gdc-portfolio-detail{margin:0;background:var(--gpd-ink);color:var(--gpd-white);font-family:"IBM Plex Sans Thai",Arial,sans-serif;font-weight:300}
body.gdc-portfolio-detail::before{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(216,182,92,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.04) 1px,transparent 1px);background-size:8vw 8vw;pointer-events:none}
body.gdc-portfolio-detail .template-product{overflow:hidden;background:transparent}
body.gdc-portfolio-detail .upper-top-header,body.gdc-portfolio-detail #top-header-4{display:none!important}
body.gdc-portfolio-detail .main-header{height:78px;border-bottom:1px solid var(--gpd-line);background:rgba(2,19,13,.9)!important;backdrop-filter:blur(18px);box-shadow:none!important}
body.gdc-portfolio-detail .main-header .navbar{min-height:78px;padding:0 4vw}
body.gdc-portfolio-detail .main-header .navbar-brand{display:grid!important;grid-template-columns:58px auto;align-items:center;gap:.85rem;min-width:250px!important;max-width:280px!important;color:var(--gpd-white)!important}
body.gdc-portfolio-detail .main-header .navbar-brand img{width:58px!important;height:58px!important;max-width:58px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(216,182,92,.16))}
body.gdc-portfolio-detail .main-header .navbar-brand::after{content:"GREENERY\A BUILT ARCHIVE / LIVE";display:block;white-space:pre;color:var(--gpd-white);font:600 .72rem/1.35 "IBM Plex Sans Thai",Arial,sans-serif;letter-spacing:.13em}
body.gdc-portfolio-detail .main-menu .navbar-nav .nav-link{padding:27px 18px!important;color:rgba(251,250,245,.72)!important;font-size:.9rem;font-weight:400}
body.gdc-portfolio-detail .main-menu .navbar-nav .nav-link:hover{color:var(--gpd-gold)!important}

body.gdc-portfolio-detail .sub-banner{position:relative;min-height:clamp(350px,34vw,500px);display:flex;align-items:flex-end;padding:clamp(7rem,10vw,9rem) 0 clamp(3rem,5vw,5rem);border-bottom:1px solid var(--gpd-line);background:radial-gradient(circle at 80% 44%,transparent 0 108px,rgba(216,182,92,.18) 109px 110px,transparent 111px 182px,rgba(216,182,92,.1) 183px 184px,transparent 185px),linear-gradient(115deg,#063325,#02130d)!important}
body.gdc-portfolio-detail .sub-banner::before{content:"GDC / BUILT ARCHIVE / VERIFIED";position:absolute;top:122px;left:max(5vw,calc((100vw - 1480px)/2));color:var(--gpd-gold);font:600 .62rem/1 "Courier New",monospace;letter-spacing:.2em}
body.gdc-portfolio-detail .sub-banner::after{content:"SITE  •  FORM  •  MATERIAL  •  DELIVERY";position:absolute;right:5vw;bottom:4rem;color:rgba(251,250,245,.45);font:600 .56rem/1 "Courier New",monospace;letter-spacing:.18em;writing-mode:vertical-rl}
body.gdc-portfolio-detail .sub-banner .overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(216,182,92,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.055) 1px,transparent 1px);background-size:8.333vw 8.333vw}
body.gdc-portfolio-detail .sub-banner .container{position:relative;z-index:2;width:min(1480px,90vw);max-width:none;margin-inline:auto}
body.gdc-portfolio-detail .breadcrumb-area{text-align:left!important}
body.gdc-portfolio-detail .breadcrumb-area h1{max-width:18ch;margin:0 0 1.1rem;color:var(--gpd-white)!important;font-size:clamp(2.8rem,4.6vw,5.8rem)!important;font-weight:300!important;line-height:1.02!important;letter-spacing:-.045em;text-shadow:none!important;text-wrap:balance;overflow-wrap:anywhere}
body.gdc-portfolio-detail .breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;margin:0!important;padding:0!important;color:rgba(251,250,245,.55)}
body.gdc-portfolio-detail .breadcrumbs a,body.gdc-portfolio-detail .breadcrumbs li{color:inherit!important;font-size:.75rem!important}

body.gdc-portfolio-detail .properties-gallery{position:relative;margin:0!important;padding:clamp(4rem,7vw,8rem) 0!important;background:transparent!important}
body.gdc-portfolio-detail .properties-gallery>.container{width:min(1480px,90vw);max-width:none;padding:0}
body.gdc-portfolio-detail .properties-gallery .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.5rem);margin:0}
body.gdc-portfolio-detail .properties-gallery .row>*{grid-column:span 6;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
body.gdc-portfolio-detail .properties-gallery .row>*:nth-child(3n+1){grid-column:span 8}
body.gdc-portfolio-detail .properties-gallery .row>*:nth-child(3n+2){grid-column:span 4}
body.gdc-portfolio-detail .properties-gallery img{display:block;width:100%;height:100%;min-height:320px;max-height:760px;object-fit:cover;border:1px solid var(--gpd-line)}

.gdc-project-dossier{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);min-height:680px;border:1px solid var(--gpd-line);background:rgba(3,34,25,.72)}
.gdc-project-dossier__copy{display:flex;flex-direction:column;padding:clamp(2rem,5vw,5.5rem)}
.gdc-project-dossier__eyebrow{margin-bottom:auto;color:var(--gpd-gold);font:600 .65rem/1.4 "Courier New",monospace;letter-spacing:.18em}
.gdc-project-dossier h2{max-width:16ch;margin:4rem 0 1.25rem;color:var(--gpd-white);font-size:clamp(2.4rem,4vw,5rem);font-weight:300;line-height:1.02;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.gdc-project-dossier__lead{max-width:58ch;margin:0 0 3rem;color:rgba(251,250,245,.66);font-size:clamp(1rem,.5vw + .9rem,1.2rem);line-height:1.8}
.gdc-project-dossier__systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--gpd-line);border-left:1px solid var(--gpd-line)}
.gdc-project-dossier__systems div{min-height:122px;padding:1.25rem;border-right:1px solid var(--gpd-line);border-bottom:1px solid var(--gpd-line)}
.gdc-project-dossier__systems small{display:block;margin-bottom:1.1rem;color:var(--gpd-gold);font:600 .57rem/1 "Courier New",monospace;letter-spacing:.16em}
.gdc-project-dossier__systems strong{display:block;color:var(--gpd-white);font-size:1rem;font-weight:400;line-height:1.4}
.gdc-project-dossier__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.gdc-project-dossier__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.25rem;border:1px solid var(--gpd-gold);color:var(--gpd-ink)!important;background:var(--gpd-gold);font-size:.88rem;font-weight:600;text-decoration:none!important;transition:transform .25s ease,background .25s ease,color .25s ease}
.gdc-project-dossier__actions a+ a{color:var(--gpd-white)!important;background:transparent}
.gdc-project-dossier__actions a:hover{transform:translateY(-3px)}
.gdc-project-dossier__visual{position:relative;min-height:100%;overflow:hidden;border-left:1px solid var(--gpd-line);background:linear-gradient(145deg,rgba(7,79,57,.78),rgba(2,19,13,.96))}
.gdc-project-dossier__visual::before,.gdc-project-dossier__visual::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(216,182,92,.35);border-radius:50%;transform:translate(-50%,-50%)}
.gdc-project-dossier__visual::before{width:min(64%,430px);aspect-ratio:1;box-shadow:0 0 0 54px rgba(216,182,92,.035),0 0 0 108px rgba(216,182,92,.025);animation:gpd-orbit 18s linear infinite}
.gdc-project-dossier__visual::after{width:min(36%,240px);aspect-ratio:1;border-style:dashed;animation:gpd-orbit-reverse 12s linear infinite}
.gdc-project-dossier__blueprint{position:absolute;inset:7%;border:1px solid var(--gpd-line);background-image:linear-gradient(rgba(216,182,92,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.08) 1px,transparent 1px);background-size:10% 10%}
.gdc-project-dossier__house{position:absolute;left:50%;top:50%;width:min(66%,460px);aspect-ratio:1.45;transform:translate(-50%,-45%);clip-path:polygon(50% 0,100% 28%,100% 100%,58% 100%,58% 58%,42% 58%,42% 100%,0 100%,0 28%);border:1px solid var(--gpd-gold);background:linear-gradient(135deg,rgba(216,182,92,.16),rgba(216,182,92,.03));box-shadow:inset 0 0 0 1px rgba(251,250,245,.08)}
.gdc-project-dossier__house i{position:absolute;display:block;border:1px solid rgba(251,250,245,.42);background:rgba(2,19,13,.5);animation:gpd-assemble 1.35s cubic-bezier(.22,1,.36,1) both}
.gdc-project-dossier__house i:nth-child(1){inset:28% 53% 12% 8%;animation-delay:.15s}.gdc-project-dossier__house i:nth-child(2){inset:20% 8% 12% 54%;animation-delay:.3s}.gdc-project-dossier__house i:nth-child(3){left:41%;top:58%;width:18%;height:42%;border-color:var(--gpd-gold);animation-delay:.45s}
.gdc-project-dossier__scan{position:absolute;z-index:2;left:7%;right:7%;top:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gpd-gold),transparent);box-shadow:0 0 20px rgba(216,182,92,.6);animation:gpd-scan 5.4s ease-in-out infinite}
.gdc-project-dossier__axis{position:absolute;color:rgba(251,250,245,.58);font:600 .56rem/1.5 "Courier New",monospace;letter-spacing:.16em}
.gdc-project-dossier__axis--a{left:10%;top:10%}.gdc-project-dossier__axis--b{right:10%;bottom:10%;text-align:right}
@keyframes gpd-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes gpd-orbit-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes gpd-assemble{from{opacity:0;transform:translateY(36px) scale(.92)}to{opacity:1;transform:none}}
@keyframes gpd-scan{0%,100%{top:10%;opacity:.2}50%{top:88%;opacity:1}}

body.gdc-portfolio-detail .social-media-footer{position:relative!important;z-index:3!important;width:min(760px,92vw)!important;margin:0 auto!important;transform:translateY(50%)}
body.gdc-portfolio-detail .main-footer-2{padding-top:clamp(7rem,12vw,10rem)!important;overflow:hidden;background:#020d09!important}
body.gdc-portfolio-detail .main-footer-2 img{width:auto!important;max-width:min(250px,68vw)!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 12px 30px rgba(216,182,92,.12))}
body.gdc-portfolio-detail .main-footer-2 .footer-menu,body.gdc-portfolio-detail .main-footer-2 ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.2rem}

@media(max-width:991px){
  body.gdc-portfolio-detail .main-header,body.gdc-portfolio-detail .main-header .navbar{min-height:72px}
  body.gdc-portfolio-detail .main-header .navbar-brand{grid-template-columns:50px auto;min-width:210px!important;max-width:230px!important}
  body.gdc-portfolio-detail .main-header .navbar-brand img{width:50px!important;height:50px!important;max-width:50px!important}
  body.gdc-portfolio-detail .sub-banner{min-height:380px;padding:6.25rem 0 3rem}
  body.gdc-portfolio-detail .breadcrumb-area h1{max-width:20ch;font-size:clamp(2.3rem,7.2vw,4.35rem)!important}
  .gdc-project-dossier{grid-template-columns:1fr}
  .gdc-project-dossier__visual{grid-row:1;min-height:520px;border-left:0;border-bottom:1px solid var(--gpd-line)}
  .gdc-project-dossier h2{margin-top:3rem}
}
@media(max-width:575px){
  body.gdc-portfolio-detail .main-header,body.gdc-portfolio-detail .main-header .navbar{min-height:66px!important}
  body.gdc-portfolio-detail .main-header .navbar-brand{grid-template-columns:44px auto;min-width:178px!important;max-width:195px!important}
  body.gdc-portfolio-detail .main-header .navbar-brand img{width:44px!important;height:44px!important;max-width:44px!important}
  body.gdc-portfolio-detail .main-header .navbar-brand::after{font-size:.56rem;letter-spacing:.08em}
  body.gdc-portfolio-detail .sub-banner{min-height:330px;padding:5.5rem 0 2.35rem}
  body.gdc-portfolio-detail .sub-banner::before{top:2rem;left:5vw}
  body.gdc-portfolio-detail .sub-banner::after{display:none}
  body.gdc-portfolio-detail .sub-banner .container,body.gdc-portfolio-detail .properties-gallery>.container{width:calc(100% - 1.5rem)}
  body.gdc-portfolio-detail .breadcrumb-area h1{max-width:100%;font-size:clamp(2rem,10vw,2.8rem)!important;line-height:1.12!important}
  body.gdc-portfolio-detail .properties-gallery{padding:3rem 0 5rem!important}
  body.gdc-portfolio-detail .properties-gallery .row{grid-template-columns:1fr}
  body.gdc-portfolio-detail .properties-gallery .row>*{grid-column:1!important}
  body.gdc-portfolio-detail .properties-gallery img{min-height:240px;max-height:520px}
  .gdc-project-dossier{min-height:0}
  .gdc-project-dossier__visual{min-height:360px}
  .gdc-project-dossier__copy{padding:1.35rem}
  .gdc-project-dossier h2{margin:2rem 0 1rem;font-size:clamp(2rem,10vw,3rem)}
  .gdc-project-dossier__lead{margin-bottom:2rem;font-size:1rem;line-height:1.7}
  .gdc-project-dossier__systems{grid-template-columns:1fr}
  .gdc-project-dossier__systems div{min-height:100px}
  .gdc-project-dossier__actions{display:grid}
  .gdc-project-dossier__actions a{width:100%}
  body.gdc-portfolio-detail .social-media-footer{width:94vw!important;transform:translateY(38%)}
  body.gdc-portfolio-detail .main-footer-2{padding-top:7.5rem!important}
}
@media(prefers-reduced-motion:reduce){.gdc-project-dossier__visual::before,.gdc-project-dossier__visual::after{animation:none}.gdc-project-dossier__actions a{transition:none}}

/* v2 shared command footer — compact, legible and link-first */
body.gdc-portfolio-detail .gdc-command-footer{position:relative;padding:0!important;border-top:1px solid var(--gpd-line);background:#010b07!important;color:rgba(251,250,245,.7);overflow:hidden}
body.gdc-portfolio-detail .gdc-command-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(216,182,92,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(216,182,92,.035) 1px,transparent 1px);background-size:8vw 8vw}
body.gdc-portfolio-detail .gdc-command-footer>.container{position:relative;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(460px,1.25fr);gap:clamp(2rem,5vw,6rem);width:min(1480px,90vw);max-width:none;padding:clamp(4rem,7vw,7rem) 0 3rem}
body.gdc-portfolio-detail .gdc-footer-intro{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
body.gdc-portfolio-detail .gdc-footer-intro span{color:var(--gpd-gold);font:600 .62rem/1 "Courier New",monospace;letter-spacing:.2em}
body.gdc-portfolio-detail .gdc-footer-intro strong{max-width:17ch;margin:1.4rem 0 2.2rem;color:var(--gpd-white);font-size:clamp(1.7rem,2.25vw,3rem);font-weight:300;line-height:1.15}
body.gdc-portfolio-detail .gdc-footer-intro a{display:inline-flex;min-height:48px;align-items:center;padding:.75rem 1rem;border:1px solid var(--gpd-gold);background:var(--gpd-gold);color:var(--gpd-ink)!important;font-size:.85rem;font-weight:600;text-decoration:none!important}
body.gdc-portfolio-detail .gdc-command-footer>.container>.row{grid-column:2;grid-row:1;margin:0}
body.gdc-portfolio-detail .gdc-command-footer>.container>.row>div{width:100%;max-width:none;padding:0}
body.gdc-portfolio-detail .gdc-command-footer .logo-image{text-align:left}
body.gdc-portfolio-detail .gdc-command-footer .logo-image img{width:clamp(150px,12vw,210px)!important;max-width:210px!important;margin:0 0 2rem!important}
body.gdc-portfolio-detail .gdc-command-footer .footer-menu ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0!important;margin:0;padding:0;border-top:1px solid var(--gpd-line);list-style:none}
body.gdc-portfolio-detail .gdc-command-footer .footer-menu li{margin:0!important;border-bottom:1px solid var(--gpd-line)}
body.gdc-portfolio-detail .gdc-command-footer .footer-menu li:nth-child(odd){border-right:1px solid var(--gpd-line)}
body.gdc-portfolio-detail .gdc-command-footer .footer-menu a{display:flex!important;align-items:center;min-height:50px;padding:.8rem 1rem!important;color:rgba(251,250,245,.72)!important;font-size:.86rem;text-decoration:none!important;transition:background .2s ease,color .2s ease}
body.gdc-portfolio-detail .gdc-command-footer .footer-menu a:hover{background:rgba(216,182,92,.08);color:var(--gpd-gold)!important}
body.gdc-portfolio-detail .gdc-command-footer .social-media-footer{grid-column:1/-1;position:relative!important;width:100%!important;margin:0!important;transform:none!important;visibility:visible!important}
body.gdc-portfolio-detail .gdc-command-footer .social-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important;border:1px solid var(--gpd-line)}
body.gdc-portfolio-detail .gdc-command-footer .social-list .icon{display:flex!important;min-width:0!important;min-height:76px!important;align-items:center;justify-content:center;margin:0!important;border-right:1px solid var(--gpd-line)!important;border-radius:0!important;background:transparent!important;color:var(--gpd-white)!important;box-shadow:none!important;transition:background .2s ease,color .2s ease}
body.gdc-portfolio-detail .gdc-command-footer .social-list .icon:last-child{border-right:0!important}
body.gdc-portfolio-detail .gdc-command-footer .social-list .icon:hover{background:var(--gpd-gold)!important;color:var(--gpd-ink)!important}
body.gdc-portfolio-detail .gdc-command-footer .tooltip{display:none!important}
body.gdc-portfolio-detail .gdc-command-footer .copy-right-2{position:relative;padding:1.1rem 0!important;border-top:1px solid var(--gpd-line);background:#000805!important}
body.gdc-portfolio-detail .gdc-command-footer .copy{margin:0!important;color:rgba(251,250,245,.46)!important;font-size:.72rem!important;text-align:center}

@media(max-width:767px){
  body.gdc-portfolio-detail .gdc-command-footer>.container{grid-template-columns:1fr;gap:3rem;width:calc(100% - 1.5rem);padding:4rem 0 2rem}
  body.gdc-portfolio-detail .gdc-command-footer>.container>.row{grid-column:1;grid-row:auto}
  body.gdc-portfolio-detail .gdc-footer-intro strong{font-size:clamp(1.7rem,8vw,2.35rem)}
  body.gdc-portfolio-detail .gdc-command-footer .logo-image img{width:150px!important;margin-bottom:1.4rem!important}
  body.gdc-portfolio-detail .gdc-command-footer .footer-menu ul{grid-template-columns:1fr}
  body.gdc-portfolio-detail .gdc-command-footer .footer-menu li:nth-child(odd){border-right:0}
  body.gdc-portfolio-detail .gdc-command-footer .social-list{grid-template-columns:repeat(3,1fr)}
  body.gdc-portfolio-detail .gdc-command-footer .social-list .icon{min-height:64px!important;border-bottom:1px solid var(--gpd-line)!important}
  body.gdc-portfolio-detail .gdc-command-footer .social-list .icon:nth-child(3n){border-right:0!important}
  body.gdc-portfolio-detail .gdc-command-footer .copy{padding-inline:1rem;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){.gdc-project-dossier__scan,.gdc-project-dossier__house i{animation:none}}