:root{--paper:#f7f5ed;--ink:#111;--orange:#e9a947;--yellow:#f4ca43;--coral:#ee746b;--teal:#18b3a3;--blue:#83a8e4;--green:#9bc657;--header:68px;--gutter:clamp(24px,4.4vw,72px);--display:"Archivo Black",Arial Black,sans-serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:#d9d7d0;color:var(--ink);font-family:var(--sans);line-height:1.42;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:10px}a{color:inherit}.reader-header{height:var(--header);padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:70;background:rgba(247,245,237,.96);backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(0,0,0,.22)}.wordmark{display:flex;align-items:center;gap:8px;text-decoration:none;width:max-content}.wordmark strong{font-size:1rem}.wordmark small{font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-left:5px}.logo-seal{display:inline-grid;place-items:center;width:29px;height:29px;border:1.7px solid;border-radius:50%;font:500 .5rem var(--mono);letter-spacing:-.08em}.logo-seal.large{width:58px;height:58px;font-size:.72rem;border-width:2px}.reader-header nav{display:flex;gap:clamp(14px,2vw,30px)}.reader-header nav a{text-decoration:none;font-size:.72rem;position:relative}.reader-header nav a.active::after{content:"";height:3px;background:var(--orange);position:absolute;left:0;right:0;bottom:-8px}.page-status{justify-self:end;font:500 .66rem var(--mono)}.menu-button{display:none}.reading-progress{position:fixed;z-index:90;top:0;left:0;right:0;height:3px}.reading-progress span{display:block;width:0;height:100%;background:var(--coral)}main{padding-top:var(--header)}.page{position:relative;min-height:calc(100svh - var(--header));max-width:1600px;margin:0 auto 14px;background:var(--paper);padding:clamp(58px,6vw,90px) var(--gutter);overflow:hidden;isolation:isolate}.page::before{content:"";position:absolute;inset:0;background:url("res/2-24_Background_.png") center/cover;opacity:.14;mix-blend-mode:multiply;z-index:-1;pointer-events:none}.page-label{position:absolute;left:var(--gutter);top:24px;display:flex;align-items:center;gap:8px;font:500 .61rem var(--mono);letter-spacing:.03em}.page-label .logo-seal{width:22px;height:22px;font-size:.38rem}.page-label.light{color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}.cover{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;background-image:url("res/1 & 25_Background_.png");background-size:cover}.cover::before{display:none}.cover-brand{align-self:end;margin-bottom:17vh}.cover-logo{display:flex;align-items:center;gap:12px}.cover-logo strong{display:block;font:400 clamp(2.2rem,4vw,4rem)/1 var(--display)}.cover-logo small{display:block;font:500 .67rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.cover h1{font:500 clamp(.85rem,1.4vw,1.3rem) var(--mono);letter-spacing:.13em;margin:16px 0 0 72px}.cover h1 span{margin-left:20px}.cover-collage{width:100%;height:calc(100svh - var(--header) - 30px);object-fit:contain;object-position:center bottom}.about-page{display:grid;grid-template-columns:.8fr 1.3fr;gap:7vw;align-items:center}.about-art{width:100%;max-height:68vh;object-fit:contain}.page-copy{max-width:800px}.page-copy p{font-size:clamp(.86rem,1.18vw,1.07rem);margin:0 0 1.2em}.page-copy h2{font:400 clamp(3.3rem,6.6vw,7rem)/.9 var(--display);margin:5vh 0 0;text-align:right}.creative-intro-page{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center}.creative-copy{max-width:900px}.creative-copy p{font-size:clamp(.9rem,1.2vw,1.08rem)}.creative-copy .lead-copy{font-size:clamp(1.15rem,1.75vw,1.55rem);font-weight:500}.creative-copy h2{font:400 clamp(2.8rem,5vw,5.4rem)/.9 var(--display);margin:7vh 0 0}.creative-copy h2 span{display:block}.creative-intro-art{width:100%;max-height:70vh;object-fit:contain}.creative-intro-page::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--teal)}.services-page{padding-top:80px}.services-logo{font:400 clamp(1.9rem,3.5vw,3.5rem)/.9 var(--display);text-align:right;margin:0 0 55px}.services-logo span{display:block}.services-columns{display:grid;grid-template-columns:.7fr 1fr 2.5fr;gap:2.5vw}.services-columns article{border-top:2px solid;padding-top:18px}.services-columns h3{font:400 clamp(1.45rem,2.4vw,2.5rem)/1 var(--display);margin:0 0 20px}.services-columns h4{font-size:.9rem;margin:0 0 8px}.services-columns ul{list-style:none;padding:0;margin:0}.services-columns li{font-size:clamp(.72rem,.9vw,.86rem);margin:0 0 6px}.execution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.demographics-page{display:grid;align-items:center}.reach-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}.reach-sources{display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:1fr 1fr;gap:0}.reach-sources article,.community-sources article{padding:20px;text-align:center;display:grid;place-content:center}.reach-sources .direct{grid-row:1/-1;background:#fff}.reach-sources .search{background:var(--yellow)}.reach-sources .social{background:var(--teal)}.reach-sources span,.community-sources span,.reach-total span{font:500 .61rem var(--mono);letter-spacing:.08em}.reach-sources strong,.community-sources strong{font:400 clamp(1.35rem,2.5vw,2.6rem) var(--display)}.reach-total{display:grid;align-content:center;padding:30px}.reach-total strong{font:400 clamp(3rem,6vw,6.8rem)/1 var(--display);letter-spacing:-.06em}.community-sources{display:grid;grid-template-columns:repeat(3,1fr)}.community-sources article{background:#fff}.community-sources .facebook{background:var(--teal)}.community-sources .website{background:var(--blue)}.community-total{background:transparent}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;align-items:start}.language-grid h3{font-size:1.1rem;border-bottom:3px solid;margin:0 0 25px;padding-bottom:7px}.gender{display:flex;height:36px}.gender span{flex:1;display:grid;place-items:center;background:var(--coral);font:500 .65rem var(--mono)}.gender span+span{background:var(--teal)}.ages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0 38px}.ages span{font:500 .55rem var(--mono);text-align:center}.ages b{display:block;font-size:.9rem;background:var(--yellow);padding:7px 2px;margin-bottom:4px}.ages span:nth-child(2) b{background:var(--teal)}.ages span:nth-child(3) b{background:var(--blue)}.ages span:nth-child(4) b{background:var(--coral)}.gender-circles{min-height:220px;display:flex;justify-content:center;align-items:center}.gender-circles i{width:clamp(64px,8vw,110px);aspect-ratio:1;border-radius:50%;background:var(--coral);display:grid;place-items:center;font:400 clamp(1.1rem,2.2vw,2rem) var(--display);font-style:normal;margin:-8px}.gender-circles i:nth-child(2){background:var(--yellow);transform:translateY(45%)}.gender-circles i:nth-child(3){background:var(--teal)}.gender-circles i:nth-child(4){background:var(--blue);transform:translateY(-35%)}.habits-page{display:grid;grid-template-columns:.8fr 1.45fr;gap:4vw;align-items:center}.habits-title{position:relative}.habits-title h2{font:400 clamp(3.4rem,6.4vw,6.7rem)/.9 var(--display);margin:0;position:relative;z-index:2}.habits-title h2 span:first-of-type{border-bottom:8px solid var(--coral)}.habits-title h2 span:last-of-type{border-bottom:8px solid var(--teal)}.habits-title img{width:75%;position:absolute;right:-26%;bottom:-55%;opacity:.55}.habit-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.habit-stats article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border-bottom:1px solid;padding:16px}.habit-stats strong{font:400 2.2rem var(--display);color:var(--orange)}.habit-stats p{font:500 .73rem var(--mono);letter-spacing:.05em}.audience-qualities{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.audience-qualities article{background:#bbb;padding:18px;border-right:1px solid #fff}.audience-qualities p{font-size:.75rem;margin:0 0 20px}.audience-qualities strong{font:400 clamp(1.2rem,2vw,2rem) var(--display)}.personas-page{display:grid;align-items:center}.persona-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 6vw}.persona-card{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}.persona-card img{width:150px;aspect-ratio:1;object-fit:contain}.persona-card h3{font:400 clamp(1.15rem,1.8vw,1.8rem)/1 var(--display);margin:0 0 10px}.persona-card p{font-size:clamp(.68rem,.82vw,.8rem);margin:0 0 7px}.persona-card p:last-child{font-weight:500}.partners-page{padding-top:85px}.partners-top{display:flex;justify-content:space-between;align-items:start}.partners-top h2{font:400 clamp(3.6rem,6vw,6rem)/.85 var(--display);margin:0;text-align:right}.partner-category{font:500 .8rem var(--mono);background:var(--green);padding:5px 9px}.partner-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.partner-tabs button{background:transparent;border:1px solid #999;padding:7px 11px;font:500 .62rem var(--mono);cursor:pointer}.partner-tabs button[aria-selected=true]{background:var(--green);border-color:var(--green)}.partner-panel{height:50vh;border-top:1px solid;display:grid;place-items:center;padding:20px}.partner-panel img{width:100%;height:100%;object-fit:contain}.comparison-grid{display:grid;grid-template-columns:.8fr 1.2fr;height:100%;align-items:center;gap:4vw}.comparison-grid article>p{font-size:clamp(.8rem,1.05vw,.98rem)}.comparison-grid h3{font:400 clamp(3.2rem,6vw,6rem)/.85 var(--display);margin:55px 0 0}.stamp-side{position:relative;min-height:65vh}.stamp-side img{position:absolute;width:72%;height:100%;object-fit:contain;left:0;top:0}.stamp-side p{position:relative;width:55%;margin:12% 0 0 auto;z-index:2;transform:rotate(-1deg)}.advertising-page{background:var(--paper);display:grid;grid-template-columns:320px 1fr;padding:0}.advertising-page::before{opacity:.12}.ad-sidebar{background:var(--orange);padding:80px 24px 25px}.ad-sidebar h2{font:400 clamp(2.8rem,4vw,4.2rem)/.9 var(--display);margin:0 0 30px;color:#fff}.ad-nav{display:grid}.ad-nav button{text-align:left;border:0;border-bottom:1px solid rgba(0,0,0,.22);background:transparent;padding:10px 8px;font:700 .72rem var(--sans);cursor:pointer;display:flex;justify-content:space-between}.ad-nav button[aria-selected=true]{background:#111;color:#fff}.ad-content{padding:80px clamp(30px,5vw,80px) 35px;overflow:auto}.ad-content h2{font:400 clamp(3rem,5.4vw,6rem)/.86 var(--display);margin:0 0 10px}.ad-content .price{font:400 1.45rem var(--display);color:var(--coral);margin:0 0 24px}.ad-content .description{max-width:760px;font-size:1rem}.detail-table{width:100%;border-collapse:collapse;margin-top:30px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid;padding:11px 8px;font-size:.8rem}.detail-table th{font:500 .62rem var(--mono);text-transform:uppercase;width:36%}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:2px solid}.package-grid article{padding:20px;border-right:1px solid}.package-grid article:last-child{border:0}.package-grid h3{font:400 1.4rem var(--display);margin:0}.package-grid strong{font:400 1.2rem var(--display);color:var(--coral)}.package-grid p{font-size:.75rem}.notes{font:400 .6rem var(--mono);margin-top:26px}.contact-page{background-image:url("res/1 & 25_Background_.png");background-size:cover;display:grid;grid-template-columns:1fr 1fr;align-items:center}.contact-page::before{display:none}.contact-art{width:100%;max-height:78vh;object-fit:contain}.contact-content h2{font:400 clamp(4.5rem,8vw,8.5rem)/.9 var(--display);margin:0 0 60px}.contact-brand{display:flex;align-items:center;gap:8px}.contact-content h3{font-size:1rem;margin:12px 0 3px}.contact-content p{font:500 .69rem var(--mono)}.contact-content p span{margin:0 20px}.page-controls{position:fixed;right:20px;bottom:18px;z-index:60;display:flex;gap:6px}.page-controls button{width:42px;height:42px;border:1px solid;background:rgba(247,245,237,.92);font-size:1rem;cursor:pointer}.page-controls button:hover{background:var(--orange)}
@media(max-width:1000px){.reader-header{grid-template-columns:1fr auto}.reader-header nav{position:absolute;display:none;top:var(--header);left:0;right:0;background:var(--paper);padding:20px var(--gutter);flex-direction:column;border-bottom:1px solid}.reader-header nav.open{display:flex}.menu-button{display:grid;gap:5px;border:0;background:none;padding:10px}.menu-button span{display:block;width:25px;height:2px;background:#111}.page-status{display:none}.cover{grid-template-columns:1fr 1.2fr}.services-columns{grid-template-columns:1fr 1fr}.services-columns .wide{grid-column:1/-1}.advertising-page{grid-template-columns:250px 1fr}.persona-card{grid-template-columns:110px 1fr}.persona-card img{width:110px}.comparison-grid{grid-template-columns:1fr}.stamp-side{min-height:420px}.comparison-grid h3{margin:20px 0}.stamp-side p{margin-top:8%}}
@media(max-width:700px){:root{--header:60px}.wordmark small{display:none}.page{min-height:auto;margin:0;padding:72px 20px 65px}.cover{min-height:calc(100svh - var(--header));grid-template-columns:1fr;align-content:center}.cover-brand{align-self:auto;margin:0;z-index:2}.cover-collage{height:52vh;margin-top:-20px}.about-page,.creative-intro-page,.habits-page,.contact-page{grid-template-columns:1fr}.about-art{max-height:42vh}.page-copy h2{text-align:left}.creative-intro-art{max-height:44vh}.services-logo{text-align:left}.services-columns,.execution-grid,.reach-layout,.language-grid,.persona-layout{grid-template-columns:1fr}.services-columns .wide{grid-column:auto}.execution-grid{gap:18px}.reach-sources{min-height:250px}.community-sources{grid-template-columns:1fr 1fr}.language-grid{gap:55px}.gender-circles{min-height:150px}.habits-title img{right:-15%;bottom:-25%;width:55%}.habit-stats{grid-template-columns:1fr}.audience-qualities{grid-template-columns:1fr}.persona-card{grid-template-columns:90px 1fr}.persona-card img{width:90px}.partners-top{display:block}.partners-top h2{text-align:left;margin-top:20px}.partner-panel{height:300px}.comparison-grid{display:block}.stamp-side{min-height:560px}.stamp-side img{width:100%;opacity:.55}.stamp-side p{width:100%;margin:40px 0 0}.advertising-page{display:block;padding:0}.ad-sidebar{padding:72px 20px 20px}.ad-nav{display:flex;overflow-x:auto}.ad-nav button{min-width:180px}.ad-content{padding:35px 20px 70px;min-height:650px}.package-grid{grid-template-columns:1fr}.package-grid article{border-right:0;border-bottom:1px solid}.contact-page{min-height:calc(100svh - var(--header));align-content:center}.contact-art{max-height:45vh}.contact-content h2{margin-bottom:35px}.contact-content p{display:grid;gap:8px}.contact-content p span{display:none}.page-controls{right:12px;bottom:10px}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.page-copy p,.creative-copy p,.comparison-grid article>p{font-family:Georgia,"Times New Roman",serif}

/* Product imagery is extracted from the original advertising pages. */
.product-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0 8px;align-items:start}.media-card{margin:0;min-width:0;background:#111;overflow:hidden}.media-card>a{display:block;text-decoration:none}.media-card img{display:block;width:100%;height:clamp(180px,25vw,330px);object-fit:cover;background:#ece9df;transition:transform .45s ease}.media-card:hover img{transform:scale(1.018)}.media-card span,.video-card>a{display:block;padding:9px 12px;color:#fff;background:#111;font:500 .6rem var(--mono);text-decoration:none}.video-card iframe{display:block;width:100%;height:clamp(390px,48vw,620px);border:0;background:#111}.product-media:has(.video-card){grid-template-columns:repeat(2,minmax(240px,390px));justify-content:start}.product-media:has(.video-card) .media-card:not(.video-card) img{height:300px;object-fit:contain;background:#111}

/* Statistics animate once, when their page enters the reader viewport. */
.reach-sources article,.community-sources article,.reach-total{transform:scale(.94);opacity:.25;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .55s ease}.stats-live .reach-sources article,.stats-live .community-sources article,.stats-live .reach-total{transform:none;opacity:1}.stats-live .reach-sources article:nth-child(2),.stats-live .community-sources article:nth-child(2){transition-delay:90ms}.stats-live .reach-sources article:nth-child(3),.stats-live .community-sources article:nth-child(3){transition-delay:160ms}.stats-live .community-sources article:nth-child(4){transition-delay:230ms}.stats-live .community-sources article:nth-child(5){transition-delay:300ms}
.gender span{flex:0 0 var(--stat);transform:scaleX(0);transform-origin:left;transition:transform .85s cubic-bezier(.2,.75,.2,1) var(--delay)}.stats-live .gender span{transform:scaleX(1)}.ages span{transform:scaleY(0);transform-origin:bottom;opacity:0;transition:transform .7s cubic-bezier(.2,.8,.2,1) var(--delay),opacity .35s ease var(--delay)}.stats-live .ages span{transform:scaleY(1);opacity:1}.gender-circles i{--offset:0%;transform:translateY(var(--offset)) scale(0);opacity:0;transition:transform .75s cubic-bezier(.15,1.35,.35,1) var(--delay),opacity .3s ease var(--delay)}.gender-circles i:nth-child(2){--offset:45%}.gender-circles i:nth-child(4){--offset:-35%}.stats-live .gender-circles i{transform:translateY(var(--offset)) scale(1);opacity:1}
.habit-stats article,.audience-qualities article{position:relative;overflow:hidden}.habit-stats article::after,.audience-qualities article::after{content:"";position:absolute;left:0;bottom:0;width:var(--stat);height:4px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.2,.75,.2,1) var(--delay)}.audience-qualities article::after{height:6px;background:#111}.stats-live .habit-stats article::after,.stats-live .audience-qualities article::after{transform:scaleX(1)}

@media(max-width:700px){.product-media,.product-media:has(.video-card){grid-template-columns:1fr}.video-card iframe{height:560px}.media-card img{height:240px}.product-media:has(.video-card) .media-card:not(.video-card) img{height:240px}}
@media(prefers-reduced-motion:reduce){.reach-sources article,.community-sources article,.reach-total,.gender span,.ages span,.gender-circles i{transition:none;opacity:1}.reach-sources article,.community-sources article,.reach-total{transform:none}.gender span{transform:scaleX(1)}.ages span{transform:scaleY(1)}.gender-circles i{transform:translateY(var(--offset)) scale(1)}.habit-stats article::after,.audience-qualities article::after{transform:scaleX(1);transition:none}.media-card img{transition:none}}

/* CDN-backed artwork and PDF-faithful advertising layouts. */
.page::before{background-image:url("https://media.urbanistnetwork.com/saigoneer/mediakit/2026-web/2-24_Background_.png")}.cover,.contact-page{background-image:url("https://media.urbanistnetwork.com/saigoneer/mediakit/2026-web/1%20%26%2025_Background_.png")}
.advertising-page{grid-template-columns:minmax(300px,36%) minmax(0,1fr);min-height:calc(100svh - var(--header));padding:0;overflow:hidden}.ad-sidebar{padding:82px clamp(28px,4vw,58px) 38px;border-radius:0 0 44px 0;color:#fff;min-width:0}.ad-main{min-width:0;display:flex;flex-direction:column;background:var(--paper)}.ad-nav{display:flex;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid rgba(0,0,0,.18);background:rgba(247,245,237,.98);order:0}.ad-nav button{flex:0 0 auto;min-width:56px;gap:10px;align-items:center;padding:9px 12px;border:0;border-right:1px solid rgba(0,0,0,.14);border-bottom:0;font:500 .58rem var(--mono)}.ad-nav button span:first-child{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease}.ad-nav button:hover span:first-child,.ad-nav button[aria-selected=true] span:first-child{max-width:210px}.ad-content{padding:38px clamp(30px,4.5vw,72px) 42px;overflow:auto}.ad-hero h2{font:400 clamp(2.6rem,5vw,5.4rem)/.87 var(--display);margin:0 0 18px;color:#fff}.ad-hero .description{font-family:Georgia,"Times New Roman",serif;font-size:clamp(.78rem,1vw,.95rem);max-width:32ch;margin:0 0 24px}.ad-hero .price{display:inline-block;background:#fff;color:var(--coral);border-radius:8px;padding:7px 13px;margin:0 0 22px;font:400 clamp(1rem,1.6vw,1.45rem) var(--display)}.ad-content>.price{font:400 clamp(2.4rem,5vw,5.2rem)/1 var(--display);color:var(--coral);margin:12px 0}.ad-content>.price+.detail-table{margin-top:20px}
.product-media,.product-media:has(.video-card){display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0 0;align-items:start;justify-content:stretch}.media-card{position:relative;background:transparent;overflow:hidden;margin:0}.media-card>a,.video-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-decoration:none}.media-card img,.product-media:has(.video-card) .media-card:not(.video-card) img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;background:transparent;transition:transform .35s ease}.media-card:hover img{transform:scale(1.012)}.media-caption{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 7px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88));font:500 .58rem/1.25 var(--sans);text-align:center;pointer-events:none}.video-trigger{position:relative}.video-trigger span{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.86);color:var(--coral);font-size:1rem;box-shadow:0 3px 20px rgba(0,0,0,.25)}.product-media.media-page-14,.product-media.media-page-16{grid-template-columns:repeat(2,minmax(0,1fr))}.media-page-14 img,.media-page-16 .video-card img{width:100%;height:auto;max-height:245px;aspect-ratio:9/16;object-fit:cover}.media-page-16 .media-card:nth-child(n+3){grid-column:1/-1}.media-page-16 .media-card:nth-child(n+3) img{max-height:160px;object-fit:contain}.media-page-13 .media-card,.media-page-15 .media-card,.media-page-17 .media-card,.media-page-18 .media-card{aspect-ratio:2.05}.media-page-13 .media-card img,.media-page-15 .media-card img,.media-page-17 .media-card img,.media-page-18 .media-card img{width:100%;height:100%;max-height:none;object-fit:cover}
.wide-ad{display:block;overflow:hidden}.wide-ad .ad-sidebar{min-height:335px;border-radius:0 0 46px 0;padding:82px var(--gutter) 32px}.wide-ad .ad-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(460px,1.4fr);gap:4vw;align-items:center}.wide-ad .ad-hero-copy{align-self:center}.wide-ad .ad-hero .description{max-width:55ch}.wide-ad .product-media{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.wide-ad .media-card img{max-height:235px}.wide-ad .ad-content{min-height:300px;padding-top:28px}.wide-ad .ad-main{display:flex;flex-direction:column}.wide-ad .ad-nav{order:0}.media-page-19{grid-template-columns:2fr .75fr!important}.media-page-19 .media-card:first-child img{max-height:210px}.media-page-19 .media-card:last-child img{max-height:245px}.media-page-20{grid-template-columns:1.55fr .75fr .4fr!important}.media-page-20 img{max-height:250px!important}.media-page-21{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px}.media-page-21 img{width:100%;aspect-ratio:1.75;object-fit:cover;max-height:108px!important}.advertising-page[data-product-page="22"] .ad-sidebar{min-height:205px}.advertising-page[data-product-page="22"] .ad-hero{display:block}.advertising-page[data-product-page="23"] .ad-sidebar{min-height:190px}.advertising-page[data-product-page="23"] .ad-hero{display:block}.advertising-page[data-product-page="23"] .ad-content{padding-top:24px}.media-page-23{grid-template-columns:180px 180px minmax(340px,1fr);justify-content:center;gap:18px;margin:0 auto;max-width:940px}.media-page-23 .media-card:nth-child(-n+2){height:290px}.media-page-23 .media-card:nth-child(-n+2) img{width:100%;height:100%;max-height:none;object-fit:cover}.media-page-23 .media-card:nth-child(3){grid-row:1;grid-column:3}.media-page-23 .media-card:nth-child(4){grid-column:3;align-self:end}.media-page-23 .media-card:nth-child(3) img{max-height:235px}.media-page-23 .media-card:nth-child(4) img{max-height:70px}.media-page-24{grid-template-columns:1fr!important}.media-page-24 .media-card{aspect-ratio:437/86;overflow:hidden;background:#fff}.media-page-24 img{width:100%;height:auto;max-height:none;object-fit:cover;object-position:top}
.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:40px}.video-modal-frame{width:min(430px,92vw);height:min(760px,82vh);background:#111}.video-modal iframe{width:100%;height:100%;border:0}.video-modal-close{position:fixed;right:24px;top:18px;border:1px solid #fff;border-radius:50%;width:44px;height:44px;background:#111;color:#fff;font-size:1.8rem;cursor:pointer}.modal-open{overflow:hidden}

@media(max-width:900px){.advertising-page{grid-template-columns:minmax(260px,34%) minmax(0,1fr)}.ad-sidebar{padding-left:25px;padding-right:25px}.wide-ad .ad-hero{grid-template-columns:1fr 1.25fr}.media-page-23{grid-template-columns:repeat(2,1fr)}.media-page-23 .media-card:nth-child(3),.media-page-23 .media-card:nth-child(4){grid-column:1/-1;grid-row:auto}}
@media(max-width:700px){.advertising-page,.wide-ad{display:block}.ad-sidebar,.wide-ad .ad-sidebar{min-height:auto;border-radius:0 0 32px 0;padding:74px 20px 28px}.wide-ad .ad-hero{display:block}.wide-ad .product-media{margin-top:20px}.ad-hero h2{font-size:clamp(2.65rem,13vw,4.2rem)}.ad-nav button span:first-child{display:none}.ad-nav button[aria-selected=true] span:first-child{display:block;max-width:175px}.ad-content,.wide-ad .ad-content{min-height:0;padding:28px 20px 70px}.product-media,.product-media:has(.video-card){grid-template-columns:1fr 1fr}.media-page-13,.media-page-15,.media-page-17,.media-page-18,.media-page-24{grid-template-columns:1fr!important}.media-page-19{grid-template-columns:1fr .45fr!important}.media-page-20{grid-template-columns:1fr .55fr .28fr!important}.media-page-21{grid-template-columns:repeat(2,1fr)!important}.media-page-23{grid-template-columns:repeat(2,1fr)}.video-modal{padding:18px}.video-modal-frame{height:78vh}.video-modal-close{right:12px;top:10px}}
.wide-ad .product-media.media-page-23{grid-template-columns:180px 180px minmax(340px,1fr)!important}
@media(max-width:900px){.wide-ad .product-media.media-page-23{grid-template-columns:150px 150px minmax(280px,1fr)!important}}
@media(max-width:700px){.wide-ad .product-media.media-page-23{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wide-ad .media-page-23 .media-card:nth-child(3),.wide-ad .media-page-23 .media-card:nth-child(4){grid-column:1/-1;grid-row:auto}.wide-ad .media-page-23 .media-card:nth-child(-n+2){height:260px}}
.wide-ad .product-media.media-page-24{display:block!important;width:min(390px,100%);margin:0 auto;padding:16px 18px 20px;background:var(--paper);border:2px solid rgba(198,143,46,.55)}.media-page-24::before{content:"Saigoneer  WEEKLY NEWSLETTER";display:block;padding:13px 8px;margin-bottom:12px;border-top:28px solid var(--teal);border-bottom:1px solid;font:400 1.25rem var(--display);text-align:center;color:#111}.media-page-24::after{content:"";display:block;height:82px;margin-top:12px;background:linear-gradient(90deg,var(--orange) 0 48%,transparent 48% 52%,var(--orange) 52% 100%)}.media-page-24 .media-card{width:100%;height:86px;aspect-ratio:auto;background:#fff}.media-page-24 .media-card img{width:100%;height:86px;max-height:86px;object-fit:cover;object-position:top}

/* Normalize differently shaped partner canvases to the hospitality visual scale. */
.partner-panel{position:relative;overflow:hidden}.partner-panel img{position:absolute;inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);max-width:none;max-height:none;object-fit:contain;transform-origin:center;transition:transform .35s ease}.partner-panel[data-partner-key="hospitality"] img{transform:scale(1)}.partner-panel[data-partner-key="education"] img,.partner-panel[data-partner-key="fb"] img{transform:scale(.67)}.partner-panel[data-partner-key="fmcg"] img{transform:scale(.74)}.partner-panel[data-partner-key="retail"] img,.partner-panel[data-partner-key="others"] img{transform:scale(.8)}.partner-panel[data-partner-key="organizations"] img{transform:scale(.88)}.partner-panel[data-partner-key="healthcare"] img{transform:scale(.94)}
@media(max-width:700px){.partner-panel[data-partner-key="education"] img,.partner-panel[data-partner-key="fb"] img{transform:scale(.76)}.partner-panel[data-partner-key="fmcg"] img{transform:scale(.82)}.partner-panel[data-partner-key="retail"] img,.partner-panel[data-partner-key="others"] img{transform:scale(.86)}}

/* Official Saigoneer wordmark. The supplied SVG is white, so invert it on light surfaces. */
.saigoneer-logo{display:block;width:122px;height:auto;filter:invert(1)}.wordmark .saigoneer-logo{width:112px}.cover-logo .saigoneer-logo.large{width:clamp(185px,22vw,280px)}.cover-logo small{margin-top:8px}.page-label .saigoneer-logo{width:72px}.page-label.light .saigoneer-logo{filter:none}.contact-brand .saigoneer-logo{width:150px}

/* PDF-faithful advertising pages 18–24. */
.ad-hero h2.series-logo-heading{margin:0 0 24px;line-height:1}.series-logo-heading .series-logo{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}.series-logo-heading .dishcovery-logo{max-width:330px}.series-logo-heading .getaways-logo{max-width:350px}
.exact-ad .ad-hero h2{letter-spacing:-.045em}.exact-ad .ad-hero h3{margin:26px 0 5px;font-size:1rem}.exact-ad .ad-aside-note{font:italic .9rem Georgia,serif}.exact-ad .ad-content{font-family:Georgia,"Times New Roman",serif}.exact-ad .ad-content h3,.exact-ad .ad-content b,.exact-ad .ad-content strong{font-family:var(--sans)}.advertising-page[data-product-page="18"] .ad-sidebar{padding-top:86px}.advertising-page[data-product-page="18"] .ad-hero h2{font-size:clamp(3rem,5vw,5rem)}.advertising-page[data-product-page="18"] .product-media{margin-top:70px}.advertising-page[data-product-page="18"] .media-page-18 .media-card{aspect-ratio:1.5}.advertising-page[data-product-page="18"] .ad-content{padding:56px clamp(28px,4vw,65px) 28px}.getaways-sheet{font-size:.78rem}.sheet-head,.sheet-row{display:grid;grid-template-columns:1.05fr 1fr 1fr;align-items:center;text-align:center;border-bottom:1px solid;padding:10px 0}.sheet-head{border-bottom:0;padding-top:0}.sheet-head h3{margin:0;font-size:1.45rem;border-bottom:2px solid;padding-bottom:7px}.sheet-head h3 strong{display:block;color:#65bdc4;font:400 1.35rem Georgia,serif;margin-top:6px}.sheet-row>b{text-align:center;font-size:.86rem}.sheet-row small,.sheet-row b small{display:block;font:italic .63rem Georgia,serif;margin-top:3px}.sheet-row.placement-row{min-height:108px}.sheet-row.placement-row span{text-align:left;line-height:1.45}.sheet-row .span-two{grid-column:2/4}.getaways-sheet+.notes{display:flex;justify-content:space-between;gap:20px}.getaways-sheet+.notes b{color:#ff4664}

.wide-ad.exact-ad .ad-sidebar{padding:74px var(--gutter) 28px}.wide-ad.exact-ad .ad-hero{min-height:300px}.advertising-page[data-product-page="19"] .ad-sidebar{min-height:354px}.advertising-page[data-product-page="19"] .ad-hero{grid-template-columns:.8fr 1.45fr;gap:5vw}.advertising-page[data-product-page="19"] .ad-hero h2{font-size:clamp(3.7rem,7vw,7rem)}.video-banner-mockups{display:grid;grid-template-columns:1fr .36fr;gap:6vw;align-items:end}.video-banner-mockups figure,.web-banner-mockups figure,.event-mockups figure{margin:0;text-align:center}.video-banner-mockups figcaption,.web-banner-mockups figcaption{font:700 1rem var(--sans);margin-bottom:9px}.video-banner-mockups img{display:block;width:100%;max-height:220px;object-fit:contain}.video-banner-mockups figure:last-child img{max-height:235px}.advertising-page[data-product-page="19"] .ad-content{min-height:260px;padding:35px var(--gutter)}.video-banner-price{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:30px}.video-banner-price>p{margin:0;grid-row:1/3;font-size:1.5rem}.video-banner-price>p strong{color:var(--coral);font-size:clamp(3.3rem,6vw,6rem)}.video-banner-price>em{font-size:1.25rem}.price-notes{grid-column:2;display:flex;gap:26px;margin-top:18px;font-size:.7rem}.price-notes p{margin:0}.price-notes b{color:#ff4664}

.advertising-page[data-product-page="20"] .ad-sidebar{min-height:392px}.advertising-page[data-product-page="20"] .ad-hero{grid-template-columns:.7fr 1.4fr;gap:4vw;align-items:end}.advertising-page[data-product-page="20"] .ad-hero h2{font-size:clamp(4rem,7vw,7rem)}.advertising-page[data-product-page="20"] .ad-hero .description{font-size:.9rem}.web-banner-mockups{display:grid;grid-template-columns:1fr .44fr .2fr;gap:4vw;align-items:end}.web-banner-mockups img{width:100%;height:260px;object-fit:contain;object-position:bottom}.advertising-page[data-product-page="20"] .ad-content{position:relative;padding:25px var(--gutter) 26px}.banner-rate-sheet{width:76%}.rate-head{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;gap:26px}.rate-head h3{margin:0;border-bottom:2px solid;font-size:1.45rem}.rate-head small{display:block;font-size:.7rem;padding:5px}.rate-row{display:grid;grid-template-columns:45px 2fr repeat(4,1fr);align-items:center;text-align:center;min-height:36px;font-size:.8rem}.rate-row>b{display:grid;place-items:center;border-radius:9px;color:#fff;height:30px;font-size:1rem}.rate-1>b{background:var(--coral)}.rate-2>b{background:var(--teal)}.rate-3>b{background:#6f9fc8}.rate-4>b{background:var(--orange)}.rate-row>span:nth-child(2){text-align:left;padding-left:12px}.banner-footnotes{position:absolute;right:var(--gutter);top:31px;width:20%;font-size:.62rem;font-style:italic}.banner-footnotes b{color:#ff4664}

.advertising-page[data-product-page="21"] .ad-sidebar{min-height:455px}.advertising-page[data-product-page="21"] .ad-hero{grid-template-columns:.9fr 1.1fr;gap:6vw}.advertising-page[data-product-page="21"] .ad-hero h2{font-size:clamp(4rem,7vw,7rem)}.advertising-page[data-product-page="21"] .ad-hero .description{font-size:.8rem;max-width:52ch}.chapter-mockup{background:#fff3cd;border:1px solid #d29a43;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.chapter-mockup>div{background:#fff;border:1px solid #ddd;overflow:hidden}.chapter-mockup img{display:block;width:100%;height:78px;object-fit:cover}.chapter-mockup .chapter-cover{grid-column:1/-1}.chapter-mockup .chapter-cover img{height:48px}.chapter-mockup .chapter-feature{grid-column:1/-1}.chapter-mockup .chapter-feature img{height:112px}.advertising-page[data-product-page="21"] .ad-content{min-height:190px;padding:26px var(--gutter)}.chapter-topics{display:grid;grid-template-columns:160px repeat(3,1fr);gap:32px}.chapter-topics h3{font-size:1.65rem;line-height:1.25;margin:0}.chapter-topics ul{margin:0;padding-left:18px;font-size:.82rem;line-height:1.75}

.advertising-page[data-product-page="22"] .ad-sidebar{min-height:305px}.advertising-page[data-product-page="22"] .ad-hero h2,.advertising-page[data-product-page="23"] .ad-hero h2,.advertising-page[data-product-page="24"] .ad-hero h2{font-size:clamp(4rem,7.2vw,7.3rem)}.advertising-page[data-product-page="22"] .ad-hero .description{max-width:none;font-size:.95rem}.advertising-page[data-product-page="22"] .ad-content{position:relative;min-height:350px;padding:55px var(--gutter)}.event-offers{width:68%}.event-offers article{display:grid;grid-template-columns:1.1fr 1.5fr .35fr;align-items:center;gap:26px;padding:14px 0;border-bottom:1px solid}.event-offers article:last-child{border-bottom:0}.event-offers h3{font-size:1rem;margin:0;padding-left:15px;border-left:5px solid var(--orange)}.event-offers article:last-child h3{border-color:#c8ed58}.event-offers h3 small{display:block;font-size:.65rem;margin-top:4px}.event-offers p{margin:0}.event-offers strong{font:400 1rem Georgia,serif}.event-notes{position:absolute;right:var(--gutter);bottom:48px;font-size:.7rem;font-style:italic}.event-notes b{color:#ff4664}

.advertising-page[data-product-page="23"] .ad-sidebar{min-height:270px}.advertising-page[data-product-page="23"] .ad-content{padding:28px 4vw 35px;min-height:430px}.event-mockups{display:grid;grid-template-columns:1.7fr .9fr;gap:8vw}.event-mockups section>h3{font-size:1rem;padding-left:14px;border-left:5px solid #c8ed58}.event-mockups section:last-child>h3{border-color:var(--orange)}.social-mockups{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:13px}.event-mockups figcaption{font:700 .8rem var(--sans);border-bottom:2px solid;padding:0 0 7px;margin-bottom:10px}.event-mockups img{display:block;width:100%;height:270px;object-fit:contain;object-position:top}.event-mockups section:last-child>img{height:190px;margin-top:70px;object-fit:contain}

.advertising-page[data-product-page="24"] .ad-sidebar{min-height:360px}.advertising-page[data-product-page="24"] .ad-hero{grid-template-columns:.85fr 1.15fr;gap:7vw}.advertising-page[data-product-page="24"] .ad-hero .description{max-width:46ch;font-size:.9rem}.email-preview{width:min(430px,100%);justify-self:end}.email-preview .product-media{margin:0!important}.advertising-page[data-product-page="24"] .ad-content{min-height:270px;padding:35px var(--gutter)}.email-rates{display:grid;grid-template-columns:1fr 1fr;gap:55px}.email-rates section{display:grid;grid-template-columns:70px 1fr 1.5fr;gap:18px;align-items:start}.email-rates section>b{display:grid;place-items:center;background:var(--teal);color:#fff;border-radius:9px;height:34px;font-size:1.1rem}.email-rates section:nth-child(2)>b{background:var(--orange)}.email-rates h3{font-size:1.45rem;line-height:1.15;margin:0}.email-rates section>div p{display:grid;grid-template-columns:1fr 1fr 60px;gap:12px;margin:0;padding:8px 0;border-bottom:1px solid;font-size:.8rem}.email-rates section>p{margin:0;text-align:center;font-size:.82rem}.email-rates section>p small{display:block;margin-top:5px}.email-notes{text-align:right}

@media(max-width:900px){.advertising-page[data-product-page="18"] .ad-content{padding-left:24px;padding-right:24px}.getaways-sheet{font-size:.68rem}.wide-ad.exact-ad .ad-hero{gap:25px}.chapter-topics{grid-template-columns:120px repeat(3,1fr);gap:16px}.banner-rate-sheet{width:100%}.banner-footnotes{position:static;width:auto;display:flex;gap:15px;margin-top:15px}.event-offers{width:100%}.event-notes{position:static;margin-top:20px}.email-rates{gap:20px}.email-rates section{grid-template-columns:45px 1fr}}
@media(max-width:700px){.exact-ad .ad-sidebar,.wide-ad.exact-ad .ad-sidebar{padding:76px 20px 30px}.advertising-page[data-product-page="18"] .product-media{margin-top:28px}.advertising-page[data-product-page="18"] .ad-content{padding:30px 16px 60px;overflow-x:auto}.getaways-sheet{min-width:680px}.getaways-sheet+.notes{min-width:680px}.wide-ad.exact-ad .ad-hero,.advertising-page[data-product-page="19"] .ad-hero,.advertising-page[data-product-page="20"] .ad-hero,.advertising-page[data-product-page="21"] .ad-hero,.advertising-page[data-product-page="24"] .ad-hero{display:block}.wide-ad.exact-ad .ad-hero h2{font-size:3.4rem}.video-banner-mockups,.web-banner-mockups{margin-top:28px;gap:18px}.video-banner-mockups img{max-height:170px}.web-banner-mockups img{height:190px}.video-banner-price{display:block}.video-banner-price>p strong{font-size:3.4rem}.price-notes{display:block}.price-notes p{margin-top:12px}.rate-head{gap:8px}.rate-head h3{font-size:1rem}.rate-row{grid-template-columns:34px 1.8fr repeat(4,1fr);font-size:.62rem}.rate-row>b{height:27px}.banner-footnotes{display:block}.chapter-mockup{margin-top:28px}.chapter-topics{grid-template-columns:1fr 1fr}.chapter-topics h3{grid-column:1/-1}.advertising-page[data-product-page="22"] .ad-content{padding:30px 20px 60px}.event-offers article{grid-template-columns:1fr;gap:8px}.event-offers article p br{display:none}.event-mockups{grid-template-columns:1fr}.event-mockups img{height:240px}.event-mockups section:last-child>img{margin-top:20px;height:auto}.email-preview{margin-top:28px}.email-rates{grid-template-columns:1fr}.email-rates section{grid-template-columns:45px 1fr}.email-rates section>div,.email-rates section>p{grid-column:1/-1}.email-rates section>div p{grid-template-columns:1fr 90px 50px}}
@media(max-width:700px){.advertising-page[data-product-page="23"] .ad-hero h2{font-size:2.45rem;line-height:.94}}

/* Original partner-page architecture and complete Partner Editorial stamp artwork. */
.partners-page{background-image:url("https://media.urbanistnetwork.com/saigoneer/mediakit/2026-web/9-11_Partners_.png");background-repeat:no-repeat;background-position:center top;background-size:100% auto}.partners-top,.partner-tabs,.partner-panel{position:relative;z-index:1}.partners-top{min-height:185px}.comparison-grid{grid-template-columns:.8fr 1.2fr;gap:2vw}.stamp-side{display:grid;place-items:center}.stamp-side img{position:static;width:100%;height:auto;max-height:76vh;object-fit:contain}
@media(max-width:1000px){.partners-page{background-size:auto 250px}.partners-top{min-height:145px}.comparison-grid{grid-template-columns:.72fr 1.28fr}.stamp-side{min-height:520px}}
@media(max-width:700px){.partners-page{background-size:auto 205px;background-position:center top}.partners-top{min-height:135px}.comparison-grid{display:block}.stamp-side{min-height:0;margin-top:25px}.stamp-side img{width:115%;max-width:none;margin-left:-7.5%;opacity:1}}

/* Percentage charts: segment widths are driven by their numeric values. */
.ages{display:flex;grid-template-columns:none}.ages span{flex:var(--weight) 1 0;min-width:0}.audience-qualities{display:flex;grid-template-columns:none}.audience-qualities article{flex:var(--weight) 1 0;min-width:0}.audience-qualities strong{font-size:clamp(1rem,2vw,2rem)}
@media(max-width:700px){.ages b{font-size:clamp(.58rem,2.4vw,.9rem);padding-inline:0}.ages span{font-size:.47rem}.audience-qualities{display:block}.audience-qualities article{width:var(--stat);min-width:180px;border-right:0;margin-bottom:2px}}

/* Geographic bubble charts: circle area is proportional to the percentage. */
.gender-circles{overflow:visible}.gender-circles i{position:relative;width:clamp(42px,var(--circle-vw),155px);flex:0 0 auto;margin:-10px;--offset:0%;background:#c85466}.gender-circles i[data-label="Hà Nội"]{background:#ffd477}.gender-circles i[data-label="Other"]{background:#efaa48}.gender-circles i[data-label="Seoul"]{background:#ef746b}.gender-circles i:nth-child(2){--offset:34%}.gender-circles i:nth-child(3){--offset:18%}.gender-circles i:nth-child(4){--offset:38%}.gender-circles i::before{content:attr(data-label);position:absolute;left:50%;top:-1.7em;translate:-50% 0;white-space:nowrap;color:#111;font:500 clamp(.5rem,.75vw,.7rem) var(--sans);transform:rotate(-12deg)}.gender-circles i:nth-child(even)::before{transform:rotate(8deg)}.stats-live .gender-circles i{transform:translateY(var(--offset)) scale(1)}
@media(max-width:700px){.gender-circles{min-height:175px}.gender-circles i{width:clamp(24px,var(--circle-vw),155px);margin:-3px}.gender-circles i::before{font-size:.5rem}}