/* Ivan Le / Urban Percept / Margo / LIFE — one warm night palette. */
:root{--accent:#f36f21;--cta:#b74611;--cta-hover:#c8490f;--glow:0 0 0 1px #f36f215c,0 0 24px #f36f2152,0 0 58px #f36f2126}
html{background:#171614;color:#f4eee7;color-scheme:dark}
body{background:#171614;color:#f4eee7}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #ff9555!important;outline-offset:4px}
:where(p){text-align:justify;text-justify:inter-word}
/* Home and editorial pages */
.portfolio-page{--paper:#171614;--paper2:#201d1a;--ink:#f4eee7;--muted:#b6aaa0;--line:#423b35;--dark:#171614;--dark2:#201d1a;--cream:#f4eee7;--rust:#f36f21;background:#171614;color:#f4eee7}
.portfolio-page .hero,.portfolio-page .subhero,.portfolio-page .work,.portfolio-page .projects,.portfolio-page .coming{background:#171614;color:#f4eee7}
.portfolio-page .city-bg img{filter:saturate(.5) contrast(1.13) brightness(.57);opacity:1}
.portfolio-page .city-bg:after{background:linear-gradient(90deg,#171614f5 0%,#171614cb 39%,#1716144d 80%),linear-gradient(0deg,#171614,transparent 45%)}
.portfolio-page .hero:has(.pstage:hover) .city-bg img,.portfolio-page .hero:has(.pstage:focus-visible) .city-bg img,.portfolio-page .hero:has(.pstage.is-color) .city-bg img{filter:saturate(1.18) contrast(1.12) brightness(.72)}
.portfolio-page .hero-role,.portfolio-page .hero-note,.portfolio-page .hero-index{color:#d2c8bc}.portfolio-page .hero h1 .outline{-webkit-text-stroke:1px #ebe0d3}.portfolio-page .hero-index{border-color:#6a5b4c}.portfolio-page .hero-shape,.portfolio-page .hero-line{border-color:#6a5b4c}
.portfolio-page .about{background:#24211d;color:#f4eee7}.portfolio-page .about-cols p{color:#c8bcb0}.portfolio-page .about-photo:after{border-color:#aa8b71}.portfolio-page .work-stage,.portfolio-page .work-row,.portfolio-page .si-note,.portfolio-page .future-list,.portfolio-page .future-row{border-color:#423b35}.portfolio-page .work-ghost{-webkit-text-stroke:1px #6a544435}.portfolio-page .work-no,.portfolio-page .work-desc,.portfolio-page .si-note p,.portfolio-page .future-row p,.portfolio-page .future-foot{color:#bdb1a6}
.portfolio-page .work-signal{background:#201d1a;border-color:#51463d}.portfolio-page .signal-tabs button{border-color:#665548;color:#d0beb1}.portfolio-page .signal-tabs button[aria-pressed=true]{background:var(--cta);color:#fff;border-color:#e77536;box-shadow:var(--glow)}.portfolio-page .signal-kicker,.portfolio-page .signal-caption,.portfolio-page .market-key,.portfolio-page .rent-row,.portfolio-page .lease-axis,.portfolio-page .signal-head .caps,.portfolio-page .signal-intro,.portfolio-page .signal-foot,.portfolio-page .rent-bar,.portfolio-page .si-note small{color:#c1b2a7}.portfolio-page .rent-track{background:#48382c}.portfolio-page .model-grid{background:#423b35;border-color:#423b35}.portfolio-page .model-grid div{background:#26221e}.portfolio-page .model-grid b{color:#ff954f}.portfolio-page .model-grid span{color:#c4b7aa}
.portfolio-page .city-interlude{background:#171614;color:#f4eee7}.portfolio-page .city-photo img{filter:saturate(.58) brightness(.65);opacity:.85}.portfolio-page .city-photo:after{background:linear-gradient(180deg,#17161433,#171614aa)}.portfolio-page .city-type .outline{-webkit-text-stroke:1px #eee3d6}.portfolio-page .city-caption{color:#f4eee7}.portfolio-page .hotspot:after{background:#27211c;color:#f4eee7;border-color:#594638}.portfolio-page .scan-grid{mix-blend-mode:screen;opacity:.3}
.portfolio-page .subhero p,.portfolio-page .subhero .muted{color:#d2c5b8}.portfolio-page .mode button{color:#f4eee7;border-color:#6c5b4d}.portfolio-page .mode button.active{background:var(--cta);color:#fff}.portfolio-page .page-wipe{background:#171614}
.portfolio-page .pchip,.portfolio-page .hero-sticker{background:var(--cta);color:#fff;box-shadow:var(--glow);border:1px solid #f78a49}.portfolio-page .pstage:hover .pchip,.portfolio-page .pstage:focus-visible .pchip{box-shadow:0 0 0 2px #ff9b61,0 0 30px #f36f2199,0 0 80px #f36f214d}
.portfolio-page .pcoord{background:#171614e8;color:#f4eee7}.portfolio-page .project-development{color:#ff9b61}.portfolio-page .life-feature-story{border-color:#51463d}.portfolio-page .life-feature-art{background:radial-gradient(ellipse,#f36f2127,transparent 68%)}.portfolio-page .life-feature-story p{color:#c7b9ac}.portfolio-page .life-feature-story .status{color:#ff9b61;border-color:#815838}.portfolio-page .life-feature-link{border-color:#f36f21}
.portfolio-page .proof{background:#171614;color:#f4eee7}
.portfolio-page .logo-cell{background:#211e1b;color:#eee7dc}
.portfolio-page .logo-cell .logo-mark img{filter:brightness(0) invert(1);opacity:.96}
.portfolio-page .logo-cell[data-brand-mono] .logo-mark:after{opacity:0}
.portfolio-page .logo-cell:is(:hover,:focus-visible){background:#f2ede6;color:#1b1917}
.portfolio-page .logo-cell:is(:hover,:focus-visible) .logo-mark img{filter:none;opacity:1;transform:translateY(-3px)}
.portfolio-page .logo-cell:is(:hover,:focus-visible) .logo-cap{color:#38312b}
.portfolio-page .logo-cell[data-white-logo]:is(:hover,:focus-visible){background:var(--brand-accent);color:#fff}
.portfolio-page .logo-cell[data-white-logo]:is(:hover,:focus-visible) .logo-cap{color:#fff}
.portfolio-page .logo-cell[data-brand-mono]:is(:hover,:focus-visible) .logo-mark img{opacity:0}
.portfolio-page .logo-cell[data-brand-mono]:is(:hover,:focus-visible) .logo-mark:after{opacity:1;transform:translateY(-3px)}
.portfolio-page .logo-cell[data-duotone-logo] .logo-mark img{grid-area:1/1}
.portfolio-page .logo-cell[data-duotone-logo] .logo-mark .logo-white{filter:none;opacity:1}
.portfolio-page .logo-cell[data-duotone-logo] .logo-mark .logo-color{opacity:0}
.portfolio-page .logo-cell[data-duotone-logo]:is(:hover,:focus-visible) .logo-mark .logo-white{opacity:0}
.portfolio-page .logo-cell[data-duotone-logo]:is(:hover,:focus-visible) .logo-mark .logo-color{filter:none;opacity:1}
.portfolio-page .logo-cap{color:#c4b6a9}.portfolio-page .future-row:hover{background:linear-gradient(90deg,#f36f2113,transparent)}
/* Shared project navigation and project surfaces */
.project-page{--bg:#171614;--panel:#24201c;--ink:#f4eee7;--paper:#f4eee7;--night:#171614;--night2:#24201c;--dark:#171614;--soft:#b6aaa0;--muted:#b6aaa0;--line:#4a4038;--rust:#f36f21;--sodium:#f36f21;--slate:#9eb7c5;--accent:#f36f21;background:#171614;color:#f4eee7}
html:has(.project-page),html:has(.life-page){background:#171614;color:#f4eee7}
.project-nav{background:#1b1917f2;border-bottom-color:#51453c;color:#f4eee7;box-shadow:0 14px 34px #0b08074d}
.project-nav nav a[aria-current=page]{border-color:#f36f21;color:#ffad75}.project-nav nav a:hover{color:#ffad75}.project-nav .nav-workspace{color:#d2c2b6}.project-stamp{color:#ff9b61}
.project-page .hero{background:#171614;color:#f4eee7}.project-page .hero .caps,.project-page h1 em,.project-page .hero-bottom a,.project-page .pick>.caps,.project-page .analysis-top strong,.project-page .ward b{color:#ff9b61}.project-page .hero-bottom small,.project-page .hero-bottom p{color:#d2c2b6}.project-page .hero-bottom a:not(.cta){background:var(--cta);color:#fff;box-shadow:var(--glow)}.project-page .hero:after{background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#f4eee70b calc(20% - 1px) 20%)}
.benchmark .hero:before{background:linear-gradient(90deg,#171614ee 0%,#171614c4 48%,#17161461 100%),url('/assets/hcmc-dusk-nam-ng.jpg') center/cover;opacity:.9;filter:saturate(.75)}
.benchmark .pick select{background:#2b2622;border-color:#837163;color:#f4eee7}.benchmark .scale{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#f4eee714 calc(10% - 1px) 10%)}.benchmark .scale:after{background:#bdb1a4}.benchmark .range{box-shadow:0 0 22px #f36f21a0,0 0 58px #f36f2157}.benchmark .ward{background:#25211d}.benchmark .ward:hover{background:#35271f}.benchmark .ward .track{background:#57473b}.benchmark .request{background:#251c17;color:#f4eee7;border-block:1px solid #8a4a28}.benchmark .request input,.benchmark .request textarea{color:#fff;border-color:#a0836e}.benchmark .request button{background:var(--cta);color:#fff;border:1px solid #f08648;box-shadow:var(--glow)}.benchmark .request button:hover{background:var(--cta-hover);box-shadow:0 0 0 2px #ff8f4b,0 0 35px #f36f2199}.benchmark .request .hint{color:#c8b8ab}
.ledger .why,.ledger .lede,.ledger .find p,.ledger ol.lim{color:#d0c2b6}.ledger .why strong,.ledger .find .you,.ledger footer strong{color:#f4eee7}.ledger .btn{background:var(--cta);color:#fff;box-shadow:var(--glow)}.ledger .btn:hover{background:var(--cta-hover)}.ledger .tip{background:#f4eee7;color:#171614}.ledger .note{color:#b6aaa0}
.learning .hero:before{opacity:.68}.learning .hero:after{background:linear-gradient(90deg,#171614e8,#17161480 60%,transparent)}.learning .hero-bottom a:hover,.learning .cta:hover{background:var(--cta-hover);color:#fff}.learning .stage:hover{background:#35271f;color:#f4eee7}.learning .stage:hover p{color:#cbbcb0}.learning .stage:hover .no{color:#ff9b61}.learning .showcase{background:#201d1a;color:#f4eee7}.learning .showcase p,.learning .qr span{color:#cbbcaf}.learning .showcase .caps,.learning .screen-top,.learning .screen-line b{color:#ff9b61}.learning .screen{background:#28231e;border-color:#56463a;box-shadow:20px 20px 0 #392218}.learning .screen-top,.learning .screen-line{border-color:#56463a}.learning .screen-foot{color:#c6b9aa}
/* Margo landing */
.margo-landing{background:#171614;color:#f4eee7}.margo-landing .margo-eyebrow{color:#c1b2a6}.margo-landing .margo-eyebrow>span{color:#ff9b61;border-color:#6e4a34}.margo-landing .margo-hero h1 em{color:#ff9657}.margo-landing .margo-actions>span,.margo-landing .margo-numbers span,.margo-landing .margo-three p,.margo-landing .margo-community p,.margo-landing .margo-last>p,.margo-landing .word-note p{color:#c6b8ac}.margo-landing .margo-primary{background:var(--cta);color:#fff;box-shadow:var(--glow);border:1px solid #e57d42}.margo-landing .margo-primary:hover{background:var(--cta-hover);box-shadow:0 0 0 2px #ff9555,0 0 32px #f36f218c}.margo-landing .margo-paper{background:#2d241e;border-color:#72513a;box-shadow:0 25px 75px #0b080763}.margo-landing .paper-top,.margo-landing .paper-bottom,.margo-landing .margo-numbers,.margo-landing .margo-three>div,.margo-landing .margo-footer{border-color:#51453c}.margo-landing .paper-sentence mark{background:#91451e;color:#fff}.margo-landing .word-note{border-color:#f36f21}.margo-landing .margo-three span{color:#ff9b61}.margo-landing .margo-community{background:#221e1a}.margo-landing .margo-community a{border-color:#f36f21}
/* LIFE research */
.life-page{--ember:#f36f21;--rust:#ff9b61;--life-paper:#171614;background:#171614;color:#f4eee7}.life-page a{text-decoration-color:#f36f21}.life-page a:hover{color:#ffaf78}.life-page .life-byline,.life-page .article-meta,.life-page .article-index>span,.life-page .flame-caption span+span,.life-page .memory-chain small,.life-page .experiment-list span,.life-page .life-footer{color:#c6b8ab}.life-page .development{color:#ff9b61;border-color:#765034}.life-page .article-layout,.life-page .memory-chain,.life-page .experiment-list,.life-page .experiment-list>div,.life-page .life-contact,.life-page .life-footer{border-color:#51453c}.life-page article p{color:#d0c3b8}.life-page .section-number,.life-page .memory-chain i{color:#ff9b61}.life-page blockquote{border-color:#f36f21}.life-page .flame-controls button{color:#c6b8ab}.life-page .flame-controls button[aria-pressed=true]{color:#fff;border-color:#f36f21}.life-page .flame-halo{background:radial-gradient(ellipse,#f36f213d,transparent 66%)}
/* Learning workspace, lesson journey and owner mode */
html[data-theme=light],html[data-theme=dark]{color-scheme:dark;--bg:#171614;--sheet:#25211d;--ink:#f4eee7;--ink-2:#c4b7ab;--rule:#4d4239;--rule-2:#3c342d;--accent:#ff9b61;--accent-2:#f36f21;--accent-bg:#38241b;--hero:#28221e;--hero-ink:#f4eee7;--hero-2:#c1b2a6;--sun:#f36f21;--sun-2:#ff9b61;--tint:#3c271b;--gold:#ff9b61;--gold-bg:#3a281f;--mark:#7a3f20;--indigo:#e89061;--amber:#f36f21;--amber-lite:#f8b488}
.course-page{--bg:#171614;--sf:#25211d;--line:#4d4239;--terra:#ff9b61;--amber:#f36f21;background:#171614;color:#f4eee7}.course-page .side{background:#211e1b;color:#f4eee7;border-color:#4d4239}.course-page .side .brand,.course-page .langsw{border-color:#4d4239}.course-page .side .brand .s,.course-page .ring .lbl,.course-page .langsw button,.course-page a.nav{color:#c5b7aa}.course-page .langsw button.on,.course-page a.nav.on,.course-page a.nav:hover{background:#3c281d;color:#fff}.course-page .rn{fill:#f4eee7}.course-page .rt{stroke:#51453c}.course-page .hero{background:#2a211b;color:#f4eee7}.course-page .hero h1,.course-page .hero .ld{color:#f4eee7}.course-page .hero .btn,.course-page .ml-next .btn{background:var(--cta);color:#fff;border-color:#e98349;box-shadow:var(--glow)}.course-page .hero .btn.w{background:#332a23!important;color:#fff!important;border-color:#685547!important}.course-page .ml-next{background:#2a211b;color:#f4eee7}.course-page .ml-next p{color:#cbbcaf}.course-page .tabbar,.margo-app .masthead,.margo-app footer{background:#211e1b;border-color:#4d4239}
.margo-app .margo-sync-bar{border-color:#4d4239;color:#c5b7aa}.margo-app .margo-sync-bar button{color:#ff9b61}.margo-sync-dialog{background:#25211d;color:#f4eee7;border-color:#665448}.margo-sync-dialog::backdrop{background:#090807bb}.margo-sync-dialog #margo-account,.margo-sync-dialog small{color:#c4b7ab}.margo-sync-dialog button{background:#38271d;color:#f4eee7;border-color:#6e4a34}.margo-sync-dialog #margo-google{background:var(--cta);border-color:#e98349;color:#fff;box-shadow:var(--glow)}.margo-status{color:#ff9b61;border-color:#7d4a2c}.margo-plan,.margo-coach{background:#29231e;border-color:#5c493b}.plan-controls label{color:#c4b7ab}.plan-controls select,.plan-step,.coach-edit{background:#24201c;border-color:#645143;color:#f4eee7}.plan-step span,.coach-score{color:#ff9b61}.plan-step:hover{background:#3a271e}.coach-result,.margo-task-table th,.margo-task-table td{border-color:#5c493b}.coach-edit del{color:#c8b9aa}.coach-edit ins{color:#ffaf79}.coach-next{background:#39281e}
.margo-journey{--j-paper:#25211d;--j-line:#53463b;--j-ink:#f4eee7;--j-muted:#c4b7ab;--j-orange:#f36f21;--j-rust:#ff9b61;color:#f4eee7}.journey-feature{background:#33251b}.journey-tutor,.journey-option{background:#25211d}.journey-button{background:#2d261f;color:#f4eee7;border-color:#6f5a4b}.journey-button.primary{background:var(--cta);color:#fff;border-color:#e98349;box-shadow:var(--glow)}.journey-button:hover{background:#493122;color:#fff}.journey-button.primary:hover{background:var(--cta-hover)}.journey-progress{color:#cab9ac}.journey-progress progress,.journey-progress progress::-webkit-progress-bar{background:#5a4739}.journey-progress progress::-webkit-progress-value{background:#f36f21}.journey-checkpoint-button{background:#32281f;color:#f4eee7;border-color:#6b5442}.journey-tab[aria-current]{background:#3b281e;color:#ffae79}.journey-passage{color:#f4eee7}.journey-option:has(input:checked){background:#3e291f;border-color:#f36f21}.journey-quiz-result:not(:empty),.journey-memory-compare{background:#342720}.journey-draft,.journey-memory-item textarea{background:#201c19;color:#f4eee7;border-color:#6a5748}.journey-memory-item blockquote{background:#3b291e;border-color:#f36f21}.journey-score-bar{background:#c75c23}.journey-week-number{color:#a9917d}
.workspace-page{--paper:#f4eee7;--line:#4d4239;background:#171614;color:#f4eee7}.workspace-page .nav-end a,.workspace-page #status,.workspace-page label,.workspace-page #sent,.workspace-page #setup-note,.workspace-page .master p,.workspace-page th,.workspace-page #empty{color:#c4b7ab}.workspace-page .eyebrow,.workspace-page .projects span,.workspace-page #count,.workspace-page #sent-email{color:#ff9b61}.workspace-page input[type=email],.workspace-page input[type=search]{background:#29231e;color:#f4eee7;border-color:#6b5747}.workspace-page .master{background:#24201c}.workspace-page .city-frame{background:linear-gradient(0deg,#171614bd,transparent 60%),url('/assets/hcmc-dusk-nam-ng.jpg') center/cover;filter:saturate(.72) brightness(.72)}.workspace-page .city-frame:after{color:#f4eee7}.workspace-page tbody tr:hover{background:#f36f2118}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}