.detail-page{max-width:1160px;margin:auto;padding:55px 28px}.detail-page h1{font-size:clamp(36px,5vw,62px);line-height:1.15;max-width:950px;margin:28px 0}.detail-page>.lead{max-width:850px}.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:65px;margin-top:45px}.detail-layout section{padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid #cbd6cc}.detail-layout h2{font-size:27px;line-height:1.4}.detail-layout p{line-height:1.9}.detail-layout aside{background:#edf1e8;padding:26px;height:fit-content;position:sticky;top:20px}.detail-layout aside h2{font-size:22px}.detail-end{background:#123d2d;color:white;padding:32px;margin:35px 0}.detail-end h2{font-size:30px} .content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-card{padding:28px;background:#edf1e8;border:1px solid #d7dfd2}.content-card h3{font-size:23px;line-height:1.4}.content-card p{line-height:1.8}.content-card a,.detail-links a{color:#21523a;font-weight:700;text-decoration:underline}.detail-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.six-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;counter-reset:steps}.six-steps li{list-style:none;padding:24px;border-top:2px solid #c5a24f}.six-steps li:before{counter-increment:steps;content:'0' counter(steps);color:#8b6e28;font-size:26px}.six-steps b{display:block;font-size:21px;margin:12px 0}.six-steps span{line-height:1.8}.tree-search{padding:14px;width:min(100%,420px);border:1px solid #9caf9e;margin:0 0 20px}.content-card img{width:100%;height:180px;object-fit:cover}.catalog-count{color:#526759}@media(max-width:800px){.detail-layout,.content-cards,.six-steps{grid-template-columns:1fr}.detail-layout{gap:20px}.detail-layout aside{position:static}.detail-page{padding:30px 20px}}
.detail-layout aside .muted{font-size:13px}details{border-bottom:1px solid #cbd6cc;padding:20px 0}summary{cursor:pointer;font-weight:600}#projects .content-cards{margin-top:28px}@media(max-width:800px){body:has(.detail-page) header{height:auto;min-height:104px;flex-wrap:wrap;padding-bottom:15px}body:has(.detail-page) header nav{display:flex;position:static;flex-wrap:wrap;padding:0;gap:8px;box-shadow:none;width:100%;font-size:12px}body:has(.detail-page) header nav a{padding:7px;font-size:12px}}
.service-image{display:block;width:100%;height:200px;object-fit:cover;margin-bottom:24px}.service-card{overflow:hidden}.content-image{margin:30px 0}.content-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.content-image figcaption{font-size:12px;color:#667269;margin-top:10px}.content-card>img{margin-bottom:22px}.service-card .num{margin-bottom:20px}@media(max-width:600px){.service-image{height:190px}.content-image img{max-height:300px}}
.image-frame{display:block;position:relative;overflow:hidden}.image-stamp{position:absolute;right:12px;bottom:12px;width:76px;height:76px;background:#fffffff0 url('assets/logo-pa2-transparent.png') center/contain no-repeat;border-radius:7px;box-shadow:0 2px 10px #0002;pointer-events:none;z-index:2}.photo>.image-frame{height:100%}.photo .image-frame .image-stamp{left:auto;top:auto;right:12px;bottom:12px;padding:0;width:76px;height:76px;background:#fffffff0 url('assets/logo-pa2-transparent.png') center/contain no-repeat}.content-card>.image-frame{margin-bottom:22px}.service-card>.image-frame{margin-bottom:24px}.service-card .image-frame .service-image{margin:0}.approach-photo{position:relative}.approach-photo:after{content:'';position:absolute;right:20px;bottom:20px;width:90px;height:90px;background:#fffffff0 url('assets/logo-pa2-transparent.png') center/contain no-repeat;border-radius:7px}@media(max-width:600px){.image-stamp,.photo .image-frame .image-stamp{width:60px;height:60px}}
/* Logo chim tren anh: nen trang trong suot, khong do bong. */
.image-stamp,.photo .image-frame .image-stamp,.approach-photo:after{background-color:rgba(255,255,255,.12);opacity:.38;box-shadow:none;border-radius:0}.hero-watermark{opacity:.10}@media(max-width:800px){.hero-watermark{opacity:.08}}@media(max-width:480px){.hero-watermark{opacity:.06}}

/* Tang do ro logo chim, giu nen nhe. */
.image-stamp,.photo .image-frame .image-stamp,.approach-photo:after{opacity:.78;background-color:rgba(255,255,255,.38);width:96px;height:96px;filter:drop-shadow(0 1px 2px rgba(255,255,255,.65))}.hero-watermark{opacity:.22}@media(max-width:600px){.image-stamp,.photo .image-frame .image-stamp{width:78px;height:78px}}

/* Logo khong co nen mau. */
.image-stamp,.photo .image-frame .image-stamp,.approach-photo:after{background-color:transparent;box-shadow:none;filter:none}

/* Bo logo phu lon tren anh banner. */
.hero-watermark{display:none!important}

/* Truc quan hoa nam gia tri thuong hieu. */
.ecosystem{align-items:start}.context-values .value-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.value-visual{position:relative;text-align:left;padding:24px 20px;background:#f4f6ef;border:1px solid #d7dece;border-top:3px solid #baa061;transition:transform .2s,box-shadow .2s}.value-visual:hover{transform:translateY(-3px);box-shadow:0 8px 24px #123d2d10}.value-icon{display:flex;width:58px;height:58px;align-items:center;justify-content:center;background:#e5ecdf;border-radius:50%;color:#24533a;margin-bottom:20px}.value-icon svg{width:38px;height:38px}.value-number{position:absolute;right:20px;top:26px;font-size:12px;color:#8c773e;letter-spacing:2px}.value-visual h3{font-size:25px;margin:0 0 10px}.value-visual p{font-size:13px;line-height:1.75;margin-bottom:0}.value-visual .value-subtitle{font-weight:700;color:#324f39;margin-bottom:10px}.value-visual:last-child{grid-column:1/-1}@media(max-width:600px){.context-values .value-visuals{grid-template-columns:1fr}.value-visual:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){.value-visual{transition:none}.value-visual:hover{transform:none}}