/* Composición editorial de la referencia, conservando la arquitectura personal. */
.site-header{padding:18px 24px 12px;background:linear-gradient(180deg,#0b111afa,#0b111aee)}
.nav-shell{min-height:54px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 0;gap:28px}
.brand{font-size:19px;gap:14px}.monogram{border:0;border-radius:0;background:none;width:auto;height:auto;padding:0;font-size:19px;letter-spacing:-.07em}
.desktop-nav{gap:20px}.desktop-nav a{font:500 10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;padding:12px 0;border-radius:0}
.desktop-nav a[aria-current]{background:none;box-shadow:none;color:#eda16b;border-bottom:1px solid #eda16b}.desktop-nav a:hover{background:none}
.nav-contact{border-radius:0;background:transparent;color:#eda16b!important;border:1px solid #eda16b55;font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:12px 16px}
.nav-contact:hover{background:#eda16b;color:#17110d!important}
.hero{padding:72px 0 88px;background:#0b111a}
.hero::before{background:radial-gradient(ellipse at 80% 34%,#b66b2926,transparent 52%),linear-gradient(90deg,#0b111a,transparent 85%);background-size:auto}
.hero-grid{gap:48px}.hero h1{font-size:clamp(86px,10.2vw,146px);font-weight:800;line-height:.91;letter-spacing:-.065em;margin:26px 0 32px}
.hero h1 em{color:transparent;-webkit-text-stroke:1.2px #efece6b0;display:inline-block;padding-bottom:6px}
.hero .eyebrow{font-size:10px;letter-spacing:.17em;color:#ada8a1}
.hero-statement{font-family:var(--serif);font-weight:600;font-size:clamp(20px,1.8vw,26px);line-height:1.35;color:#e3e0da;max-width:570px}
.hero-tools{font-family:var(--mono);font-size:10px;letter-spacing:.05em}
.hero-report{border-radius:2px;background:#142031;border-color:#ffffff15;box-shadow:0 35px 90px -36px #000c;transform:perspective(1400px) rotateY(-8deg) rotateZ(1deg)}
.hero-report::before{left:0;right:0;background:linear-gradient(90deg,transparent,#eda16b40,transparent)}
.report-heading{font-size:12px}.hero-report .pill{border-radius:0;font-family:var(--mono);font-size:9px;letter-spacing:.1em}
.hero-report>a{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.button{border-radius:0;min-height:48px;font:500 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:15px 22px}
.button-blue{background:#eda16b;border-color:#eda16b}.button-outline{border-color:#ffffff25}.button-outline:hover{border-color:#efece6;background:none}
.proof-strip{background:#0b111a;border-block:1px solid #ffffff10}.proof-strip>.container{padding-block:22px}.proof-strip span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.proof-strip p{font-size:12px}
.section{padding-block:88px}.section-heading{margin-bottom:42px;align-items:flex-end}.section-heading .eyebrow{border-top:1px solid #eda16b;width:max-content;padding-top:14px;margin-bottom:24px}
.personal-site h2,.section-heading h2,.preview-grid h2{font-size:clamp(38px,4.4vw,62px);font-weight:800;line-height:1.03;letter-spacing:-.05em}
.eyebrow,.credentials-label{font-size:10px;letter-spacing:.17em}.text-link{font:500 10px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase}
.work-grid{gap:26px}.work-card{border-radius:0;background:transparent;border:0;border-top:1px solid #ffffff1c;box-shadow:none;padding-top:16px;overflow:visible}.work-card:hover{border-color:#eda16b70;box-shadow:none}
.card-visual{background:#101b29;border:1px solid #ffffff12;height:230px;padding:12px;box-shadow:0 18px 40px -24px #0009;overflow:hidden}.card-visual img{border-radius:0;transition:transform .4s}.work-card:hover .card-visual img{transform:scale(1.025)}
.card-content{padding:24px 0 0}.card-content .eyebrow{letter-spacing:.13em;font-size:9px}.card-content h3{font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.035em}.card-content p{font-size:14px;color:#a4b0c1}.card-content .text-link{padding-top:18px;font-size:10px}
.analysis-preview{padding:72px 0;background:#0e1722;border-color:#ffffff10}.preview-grid{gap:64px}.preview-grid .eyebrow{border-top:1px solid #eda16b;padding-top:14px;width:max-content;margin-bottom:26px}.preview-grid>div>p:not(.eyebrow){font-size:16px}
.demo-rows{background:transparent;border:0;border-radius:0;padding:0}.demo-rows>a{padding:24px 0;border-color:#ffffff16;gap:22px}.demo-rows>a:first-child{border-top:1px solid #ffffff16}.demo-rows strong{font-family:var(--mono);font-size:11px;font-weight:500}.demo-rows .caption{font-family:var(--mono);font-size:9px;letter-spacing:.02em;line-height:1.8}
.contact-band{padding:84px 0 74px;border-color:#ffffff10}.contact-band h2{font-size:clamp(42px,5.5vw,78px);line-height:1;letter-spacing:-.055em;font-weight:800}.contact-band p:not(.eyebrow){max-width:50ch}.contact-band .button-light{border-radius:0}.site-footer{border-color:#ffffff10}.footer-brand{font-weight:800;font-size:20px}.footer-bottom{font-family:var(--mono);font-size:9px;letter-spacing:.08em}
.page-intro{padding-top:62px;padding-bottom:50px}.page-intro h1{font-size:clamp(48px,6.4vw,90px);font-weight:800;line-height:1.02;letter-spacing:-.05em}.page-intro>p:not(.eyebrow){font-size:17px}
.filter-set button,.search-field input{border-radius:0}.filter-set button{font-family:var(--mono);font-size:10px;letter-spacing:.03em}.search-field input{font-family:var(--mono);font-size:11px;background:transparent}.catalog-toolbar{border-color:#ffffff14}.catalog-count{font-family:var(--mono);font-size:10px;letter-spacing:.05em}.editorial-grid{gap:24px}.editorial-card{background:transparent;border:1px solid #ffffff13;border-radius:0;padding:28px;box-shadow:none;min-height:240px}.editorial-card:hover{background:#111b28;border-color:#eda16b55;box-shadow:none}.editorial-card h3{font-size:26px;line-height:1.15}.editorial-card .eyebrow{font-size:9px;letter-spacing:.1em}.empty-state{border-radius:0}
.method-section{background:#0e1722}.method-grid h3{font-size:27px}.method-grid span,.capability-list article>span{letter-spacing:.1em}.credentials{background:#0b111a;border-color:#ffffff13}.credentials-intro h2{font-weight:800;font-size:clamp(38px,4vw,56px)}.credential-row{border-radius:0;background:transparent;border:0;border-bottom:1px solid #ffffff17;padding-inline:0}.credential-row:first-child{border-top:1px solid #ffffff17}.credential-row:hover{background:transparent;color:#eda16b;border-color:#eda16b50}.credential-profile{margin-top:10px}.contact-options>a{padding-block:26px}.contact-options>a>span:first-child{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.demo-frame iframe{border-radius:0}
body.migrated-detail .site-header .nav-contact{color:#eda16b!important}body.migrated-detail .site-header .nav-contact:hover{color:#17110d!important}body.migrated-detail .border-gradient-dark,body.migrated-detail .shadow-elegant-dark{border-radius:2px!important;box-shadow:none!important}body.migrated-detail .meta-chip{border-radius:0!important}body.migrated-detail .btn-primary-dark{border-radius:0!important;box-shadow:none!important}body.migrated-detail .video-container,body.migrated-detail .powerbi-container{border-radius:2px!important}
@media(max-width:1000px){.hero h1{font-size:clamp(82px,10.4vw,114px)}.hero-report{transform:none}.hero-grid{gap:30px}}
@media(max-width:700px){.site-header{padding:12px 20px}.nav-shell{gap:14px}.brand{font-size:16px;gap:8px}.monogram{display:none}.nav-contact{font-size:9px;padding:11px 12px;letter-spacing:.04em}.mobile-menu summary{font-family:var(--mono);font-size:10px}.mobile-menu nav{border-radius:0}.hero{padding:44px 0 52px}.hero h1{font-size:clamp(74px,19vw,94px);line-height:.96;margin-top:24px}.hero h1 em{-webkit-text-stroke:1px #efece6c0}.hero .eyebrow{max-width:34ch;font-size:9px;line-height:1.9;letter-spacing:.12em}.hero-statement{font-size:20px}.hero-tools{font-size:9px;line-height:1.8}.hero-report{padding:22px;margin-top:12px}.section{padding-block:56px}.section-heading{margin-bottom:32px}.personal-site h2,.section-heading h2,.preview-grid h2{font-size:38px}.work-grid{gap:36px}.card-visual{height:220px}.card-content h3{font-size:26px}.analysis-preview{padding:54px 0}.preview-grid{gap:32px}.preview-grid>div>p:not(.eyebrow){font-size:14px}.demo-rows>a{font-size:13px;gap:16px}.demo-rows strong{font-size:10px}.contact-band{padding:58px 0}.contact-band h2{font-size:44px}.page-intro{padding-top:38px;padding-bottom:32px}.page-intro h1{font-size:46px}.page-intro>p:not(.eyebrow){font-size:15px}.editorial-card{padding:24px}.credentials-intro h2{font-size:38px}.button{padding:14px 17px;font-size:10px}.proof-strip>.container{gap:12px}.proof-strip span{font-size:9px}.proof-strip a{font-size:10px}.contact-band-inner{gap:30px}}
@media(max-width:360px){.site-header{padding-inline:14px}.nav-shell{gap:10px}.brand{font-size:15px}.hero h1{font-size:68px}.page-intro h1{font-size:40px}.demo-rows>a{flex-direction:column;align-items:flex-start;gap:8px}.contact-band h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.card-visual img{transition:none}}

/* Color contenido: un único acento para acciones principales. */
.brand em,.footer-brand em{color:#d6dbe2}.monogram{color:#d6dbe2}
.desktop-nav a[aria-current]{color:#efece6;border-bottom-color:#7d8998}.desktop-nav a:hover{color:#efece6}
.nav-contact{color:#d6dbe2!important;border-color:#ffffff26}.nav-contact:hover{background:#e0e4e9;border-color:#e0e4e9;color:#111820!important}
.hero::before{background:radial-gradient(ellipse at 78% 34%,#52647c12,transparent 52%)}
.eyebrow,.card-content .eyebrow,.editorial-card .eyebrow,.credentials-label,.hero .eyebrow,.contact-band .eyebrow{color:#94a0b0}
.personal-site h1 em,.personal-site h2 em,.contact-band h2 em{color:#c6ced8}
.hero h1 em{color:transparent;-webkit-text-stroke:1.2px #efece6a0}
.section-heading .eyebrow,.preview-grid .eyebrow{border-top-color:#657386}
.text-link,.card-content .text-link,.editorial-card .text-link,.hero-report>a,.proof-strip a{color:#b7c2d0}
.text-link:hover,.card-content h3 a:hover,.editorial-card h3 a:hover,.footer-grid a:hover{color:#efece6}
.hero-report::before{background:linear-gradient(90deg,transparent,#8b9cad40,transparent)}
.hero-report .pill{color:#a7b5c6;border-color:#ffffff1a;background:transparent}
.report-total strong,.demo-rows strong,.credential-arrow,.capability-list article>span,.method-grid span,.breadcrumb a{color:#b7c2d0}
.work-card:hover,.editorial-card:hover{border-color:#71819755}
.credential-row:hover{color:#efece6;border-color:#71819755}
.filter-set button[aria-pressed=true]{background:#d1d7df;border-color:#d1d7df;color:#111820}
.contact-options>a>span:last-child{color:#b7c2d0}
.card-visual img{filter:saturate(.3)}
body.migrated-detail{--ieo-blue:#aab9cb;--ieo-blue-strong:#c8d2df}
body.migrated-detail .site-header .brand em{color:#d6dbe2!important}
body.migrated-detail .site-header .nav-contact{color:#d6dbe2!important}
body.migrated-detail .site-header .nav-contact:hover{color:#111820!important}
body.migrated-detail .text-ieo-primary,body.migrated-detail .text-ieo-accent{color:#b7c2d0!important}
@media(max-width:700px){.hero h1 em{-webkit-text-stroke:1px #efece6a0}}

/* Cabecera transparente y gráfico sobrio con etiquetas legibles. */
.site-header,body.migrated-detail .site-header{background:transparent!important;border:0!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.nav-shell{background:transparent!important;box-shadow:none}
.hero-report{transform:none;background:linear-gradient(150deg,#18253680,#111a2680);border:1px solid #ffffff12;box-shadow:0 25px 65px -40px #000b;padding:26px 24px 22px}
.hero-report::before{display:none}.hero-report>svg{margin:24px 0 0;width:100%;height:auto;display:block}
.hero-report .report-heading{font-size:12px}.report-total{padding-top:16px;margin-top:0;border-top:1px solid #ffffff10}
.chart-visual>svg{width:100%;height:auto;max-height:205px}.chart-visual{padding:14px}
@media(max-width:700px){.hero-report{padding:22px 16px}.hero-report>svg{margin-top:20px}.hero-report .report-heading{font-size:11px}}

/* Retrato personal */
/* Cabecera: profundidad discreta y estados claros de navegacion. */
.site-header{transition:box-shadow .25s ease}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0b111aeb,#0b111ac9);opacity:0;transition:opacity .25s ease;pointer-events:none}
.site-header::after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#c6ced826,transparent);opacity:.45;transition:opacity .25s ease;pointer-events:none}
.site-header.is-scrolled{box-shadow:0 12px 30px -22px #000b}
.site-header.is-scrolled::before,.site-header.is-scrolled::after{opacity:1}
.desktop-nav a{position:relative;border-bottom:0!important;transition:color .2s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#b7c2d0;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.desktop-nav a[aria-current]::after{transform:scaleX(1)}
.nav-contact{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.nav-contact:hover,.nav-contact:focus-visible{box-shadow:0 0 20px #d6dbe20c}
.nav-contact>span{display:inline-block;transition:transform .2s ease}
.nav-contact:hover>span,.nav-contact:focus-visible>span{transform:translate(2px,-2px)}
.mobile-menu summary{transition:color .2s ease,background-color .2s ease;border-radius:3px}
.mobile-menu[open] summary,.mobile-menu summary:hover{background:#ffffff08;color:#efece6}
.mobile-menu nav{background:#101923f2;border:1px solid #ffffff1a;backdrop-filter:blur(16px);box-shadow:0 18px 45px #0005}
.mobile-menu nav a{transition:background-color .2s ease,color .2s ease}
.mobile-menu nav a:hover,.mobile-menu nav a:focus-visible{background:#ffffff08;color:#fff}
@media(prefers-reduced-motion:reduce){.site-header,.site-header::before,.site-header::after,.desktop-nav a,.desktop-nav a::after,.nav-contact,.nav-contact>span,.mobile-menu summary,.mobile-menu nav a{transition:none!important}}
.hero-portrait{margin:0;justify-self:end;width:min(100%,440px);overflow:hidden;border:1px solid #ffffff10;background:#071521}
.hero-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.site-header .nav-shell{padding:10px 18px;background:linear-gradient(120deg,#493a2fe6,#2c2723de)!important;border:1px solid #c49d7652;border-radius:8px;box-shadow:inset 0 1px 0 #ffe4c212,0 8px 30px #0002!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header.is-scrolled .nav-shell{background:linear-gradient(120deg,#493a2ff2,#2c2723ed)!important;border-color:#c49d7666}
.site-header .desktop-nav a{color:#d1c7bc}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a[aria-current]{color:#fff4e7}
.site-header .desktop-nav a::after{background:#d9b28c}
.site-header .nav-contact{border-color:#d4b18e60;color:#f0dfcd!important}
.site-header .nav-contact:hover,.site-header .nav-contact:focus-visible{background:#ead2b8;border-color:#ead2b8;color:#29231e!important}
.site-header .mobile-menu nav{background:#302923f5;border-color:#c49d7652}
.hero{isolation:isolate;background:linear-gradient(135deg,#0b111a,#101c2a 70%,#0b111a)}
.hero::before{inset:-12%;z-index:0;background:radial-gradient(ellipse at 65% 36%,#7094b944,transparent 46%),radial-gradient(ellipse at 20% 75%,#647c9222,transparent 42%);background-size:auto;animation:hero-light-drift 12s ease-in-out infinite alternate;will-change:transform}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#c6ced809 1px,transparent 1px),linear-gradient(90deg,#c6ced809 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#0009 60%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#0009 60%,transparent)}
.hero-grid{z-index:1}
.hero-portrait{box-shadow:0 20px 65px -28px #000b;border-color:#b7c2d02b;animation:portrait-arrive .9s ease-out both}
@keyframes hero-light-drift{from{transform:translate(-4%,-2%) scale(1);opacity:.65}to{transform:translate(5%,4%) scale(1.08);opacity:1}}
@keyframes portrait-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.hero h1{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.045em;line-height:.96}
.hero h1 em{-webkit-text-stroke:1px #efece6b0;font-weight:600;letter-spacing:-.045em}
@media(max-width:700px){.site-header .nav-shell{padding:8px 10px;gap:10px}.hero::after{background-size:56px 56px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-portrait{animation:none!important;will-change:auto}}
.hero-analytics{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,#0005,#0009 50%,#000);-webkit-mask-image:linear-gradient(90deg,#0005,#0009 50%,#000)}
.hero-analytics svg{display:block;width:100%;height:100%}
.ambient-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:ambient-bar-breathe 9s ease-in-out infinite alternate}
.ambient-bars rect:nth-child(3n+1){animation-delay:-3s}.ambient-bars rect:nth-child(3n+2){animation-delay:-6s}
.ambient-trace{stroke-dasharray:7 93;animation:ambient-trace-flow 18s linear infinite}
@keyframes ambient-bar-breathe{from{transform:scaleY(.82);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes ambient-trace-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:-100}}
@media(max-width:700px){.hero-analytics{opacity:.55}.hero-analytics svg{width:180%;max-width:none;margin-left:-40%}}
@media(prefers-reduced-motion:reduce){.ambient-bars rect,.ambient-trace{animation:none!important}.ambient-trace{display:none}}
/* Identidad original del logo, independiente de la tipografia de portada. */
.mini-profile{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:64px;align-items:center;padding-block:72px;border-bottom:1px solid #ffffff13}
.mini-profile .eyebrow{margin-bottom:20px;padding-top:14px;border-top:1px solid #9b82675c;width:fit-content;font-size:11px;letter-spacing:.14em}.mini-profile h2{font-family:var(--sans);font-size:clamp(34px,3.5vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin-bottom:24px;max-width:16ch}
.mini-profile p:not(.eyebrow){max-width:52ch;color:#aeb9c6;font-size:17px;line-height:1.75;margin-bottom:16px}.mini-profile h2+p{font-size:20px;line-height:1.6;color:#d6dbe2}.mini-profile strong{font-weight:600;color:#e9e5df}.mini-profile .text-link{font-size:12px}
.profile-socials{display:flex;gap:12px;flex-wrap:wrap}.profile-socials a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 16px;border:1px solid #ffffff24;background:#ffffff03;color:#d6dbe2;font-size:12px;transition:background .2s,border-color .2s}
.profile-socials svg{width:20px;height:20px;flex-shrink:0}.profile-socials a>span:last-child{margin-left:6px;color:#9aa8b8}.profile-socials a:hover{background:#ffffff08;border-color:#c49d7666}
.profile-connections{width:100%;max-width:100%;padding:28px;background:linear-gradient(145deg,#18233099,#10192380);border:1px solid #ffffff17;border-radius:8px;box-shadow:0 18px 45px -35px #0009}.profile-connections .profile-socials{flex-wrap:nowrap}.profile-connections .profile-socials a{flex:1;justify-content:center;padding-inline:12px;font-size:14px;min-height:50px}
.compact-credentials{margin-top:28px}.compact-credentials h3{display:flex;align-items:center;gap:10px;font:500 11px/1.5 var(--mono);letter-spacing:.06em;color:#b7c2d0;margin-bottom:14px;text-transform:uppercase}
.compact-credentials h3 svg{width:18px;height:18px;flex-shrink:0}.compact-credentials>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #ffffff12;font-size:14px;line-height:1.4;color:#d6dbe2;transition:color .2s,border-color .2s}.compact-credentials>a:last-child{border-bottom:0;padding-bottom:0}.compact-credentials>a:hover{color:#fff4e7;border-color:#c49d7666}.compact-credentials>a>span:last-child{color:#9aa8b8}
@media(max-width:1000px){.mini-profile{grid-template-columns:minmax(0,1fr) 340px;gap:30px}.profile-connections{padding:22px}}
@media(max-width:700px){.mini-profile{grid-template-columns:1fr;gap:28px;padding-block:48px}.mini-profile h2{font-size:34px;max-width:18ch}.mini-profile p:not(.eyebrow){font-size:16px}.mini-profile h2+p{font-size:18px}.profile-connections{padding:22px}.profile-connections .profile-socials a{font-size:13px}}
.site-header .brand{font-family:'Instrument Serif',serif;font-size:22px;font-weight:400;letter-spacing:-.01em;gap:12px;color:#e8eef6!important}
.site-header .brand>span:last-child em{font-style:italic;color:#4da3ff!important}
.site-header .brand .monogram{display:flex;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1.5px solid #4da3ff;align-items:center;justify-content:center;font-family:'Instrument Serif',serif;font-size:25px;font-weight:400;line-height:1;letter-spacing:-.06em;padding:0 0 2px;box-sizing:border-box;background:transparent}
.site-header .brand .monogram em{font-style:italic;color:#4da3ff!important;margin-left:-2px}
@media(max-width:700px){.site-header .brand{font-size:18px;gap:7px}.site-header .brand .monogram{width:28px;height:28px;font-size:20px}.site-header .nav-shell{gap:8px}.site-header .nav-contact{padding:10px 8px;font-size:8px;letter-spacing:.02em}.site-header .mobile-menu summary{padding:10px 4px;font-size:9px}}
@media(max-width:360px){.site-header .brand{font-size:16px;gap:5px}.site-header .brand .monogram{width:25px;height:25px;font-size:18px}.site-header .nav-shell{gap:6px;padding-inline:8px}}
@media(max-width:700px){.hero-portrait{justify-self:center;width:min(100%,360px);margin-top:12px}}