@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-vietnamese-wght-normal-CfVCUiwU.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-latin-ext-wght-normal-HZLZm8wG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/hubot-sans-latin-wght-normal-4x4LLvEw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2) format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2) format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base{*,*:before,*:after{box-sizing:border-box}.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}}:root{--ground: #0a0a0a;--ink: #eef3ee;--ink-2: #c5c4c4;--ink-3: #8b8a8b;--ink-4: #606060;--hairline: rgba(238, 243, 238, .14);--gold: #d4b76a;--font-display: "Hubot Sans Variable", "Hubot Sans", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display: clamp(1.25rem, 1.06rem + .785vw, 2.125rem);--fs-mono: clamp(.75rem, .79rem + .087vw, .9375rem);--fs-nav: clamp(.75rem, .73rem + .086vw, .875rem);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-press: .12s;--dur-ui: .18s;--fs-body: clamp(.9375rem, .9rem + .165vw, 1.125rem);--fs-statement: clamp(1.3125rem, 1.19rem + .513vw, 1.9375rem);--fs-project: clamp(1.75rem, 1.5rem + 1.04vw, 2.875rem);--fs-metric: clamp(1.125rem, 1.02rem + .44vw, 1.625rem);--gutter-x: max(3.78vw, 20px);--gutter-top: 1.5vh;--spine-gap: 9vw;--lane-x: max(15vw, 56px);color-scheme:dark}@font-face{font-family:Hubot Sans Variable;font-style:normal;font-weight:200 900;font-display:swap;src:url(/assets/mona-sans-latin-wght-normal-Pz49MTQZ.woff2) format("woff2");unicode-range:U+0030}@layer base{html{background:var(--ground)}body{margin:0;background:var(--ground);color:var(--ink-2);font-family:var(--font-display);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:clip}::selection{background:color-mix(in srgb,var(--gold) 28%,transparent);color:var(--ink)}:root{caret-color:var(--gold);scrollbar-color:var(--ink-4) var(--ground);scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--ink-4)}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}}@layer components{.field-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.site-content{position:relative;z-index:1}.site-header{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:var(--gutter-top) var(--gutter-x) 0;font-family:var(--font-mono);font-size:var(--fs-nav);line-height:1;letter-spacing:.02em;color:var(--ink-2);pointer-events:none}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:-6vh;left:0;z-index:-1;background:linear-gradient(to bottom,var(--ground) 45%,transparent)}.site-header>*{pointer-events:auto}.site-header .skip-link{position:absolute;top:var(--gutter-top);left:var(--gutter-x);z-index:1;padding:.5em .9em;background:var(--ground);color:var(--ink);opacity:0;transform:translateY(-.5em);pointer-events:none;transition:opacity var(--dur-ui) var(--ease-out),transform var(--dur-ui) var(--ease-out),color var(--dur-ui) ease}.site-header .skip-link:focus-visible{opacity:1;transform:none;pointer-events:auto}.site-header .skip-link:active{color:var(--gold);transition-duration:var(--dur-press)}.hero:focus,.section:focus,.project:focus{outline:none}.monogram{color:var(--ink-2);font-weight:400;padding:.5em 0;transition:color var(--dur-ui) ease}.site-nav{display:flex;align-items:center;gap:2.3vw}.site-nav ul{display:flex;align-items:center;gap:2.3vw;margin:0;padding:0;list-style:none}.site-nav a,.lang-toggle button{display:inline-block;padding:.9em .5em;margin:-.4em -.5em;color:var(--ink-2);transition:color var(--dur-ui) ease}.lang-toggle{display:inline-flex;align-items:center;gap:.5em;margin:0;padding:0;border:0;min-width:0}.lang-toggle span{color:var(--ink-3)}.lang-toggle button[aria-pressed=true],.site-nav a[aria-current=location]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:.35em}@media (hover: hover) and (pointer: fine){.site-nav a:hover,.lang-toggle button:hover{color:var(--ink)}}.monogram:active,.site-nav a:active,.lang-toggle button:active{color:var(--ink);transition-duration:var(--dur-press)}.hero{position:relative;min-height:100svh}.hero-copy{position:absolute;left:var(--gutter-x);top:min(78%,calc(100% - 10rem));max-width:calc(50% - var(--gutter-x) - var(--spine-gap) / 2);margin:0}.hero-title{margin:0;font-family:var(--font-display);font-weight:300;font-size:var(--fs-display);line-height:1.24;letter-spacing:-.008em;color:var(--ink);text-wrap:balance}.hero-byline{margin:2.1vh 0 0;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--ink-2)}.hero-byline .sep{display:inline-block;margin:0 .9em}.byline-unit{white-space:nowrap}.aes-logo{display:inline-block;height:.78em;aspect-ratio:1238.5 / 500.5;vertical-align:-.1em;transform:translateY(.12em);background-color:currentColor;-webkit-mask:url(/aes-mask.svg) center / contain no-repeat;mask:url(/aes-mask.svg) center / contain no-repeat}.hero-cta{display:inline-flex;align-items:center;gap:.55em;margin-top:3.2vh;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1;color:var(--ink-2);transition:color var(--dur-ui) ease}.hero-cta svg{width:1em;height:1em;transition:transform var(--dur-ui) var(--ease-out)}@media (hover: hover) and (pointer: fine){.hero-cta:hover{color:var(--ink)}.hero-cta:hover svg{transform:translate(.25em)}}.hero-cta:active{color:var(--ink);transition-duration:var(--dur-press)}.hero-cta:active svg{transform:translate(.35em);transition-duration:var(--dur-press)}.hero-index{--index-row: max(3.22vh, 24px);position:absolute;right:3.4vw;top:min(81%,calc(100% - 4 * var(--index-row) - 4vh));margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:var(--index-row);letter-spacing:-.02em;color:var(--ink-2)}.hero-index a{display:grid;grid-template-columns:2.2em 1fr;color:inherit;transition:color var(--dur-ui) ease}.hero-index a span:first-child{color:var(--gold)}@media (hover: hover) and (pointer: fine){.hero-index a:hover{color:var(--ink)}}.hero-index a:active{color:var(--ink);transition-duration:var(--dur-press)}.spine-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--spine-gap) minmax(0,1fr);column-gap:0}.col-left{grid-column:1;min-width:0}.col-right{grid-column:3;min-width:0}.section{position:relative;padding:22vh var(--gutter-x) 0;scroll-margin-top:6vh}#experiencia{padding-top:12vh}#proyectos{padding-top:9vh}#contacto{--field-reform: 1;padding-top:8vh;padding-bottom:26vh}.section-head{margin-bottom:4vh}.section-label{display:grid;grid-template-columns:2.2em 1fr;margin:0 0 5vh;font-family:var(--font-mono);font-weight:400;font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--ink-2)}.section-label-no{color:var(--gold)}.statement{max-width:22em;margin:0;font-family:var(--font-display);font-weight:300;font-size:var(--fs-statement);line-height:1.32;letter-spacing:-.008em;color:var(--ink);text-wrap:pretty}.statement-muted{color:var(--ink-3)}.mono-line{margin:2.4vh 0 0;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--ink-3)}.sub-label{margin:0 0 2.2vh;font-family:var(--font-mono);font-weight:400;font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--ink-3)}.sub-label~.sub-label{margin-top:9vh}.steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.steps li{display:grid;grid-template-columns:3.2em 1fr;padding:2.6vh 0;border-bottom:1px solid var(--hairline);font-family:var(--font-display);font-weight:300;font-size:var(--fs-statement);line-height:1.32;letter-spacing:-.008em;color:var(--ink);text-wrap:pretty}.step-no{padding-top:.55em;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--ink-3)}.mono-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4vh 3vw;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1.2;letter-spacing:-.02em;color:var(--ink-2)}.tech-list li{display:flex;align-items:center;gap:.8em}.tech-icon{width:1.15em;height:1.15em;flex:none;color:var(--ink)}#sobre-mi .col-left{display:flex;flex-direction:column}.portrait{width:min(46%,320px);margin:auto 0 0;padding-top:9vh;perspective:900px;position:relative}.portrait img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.04) brightness(.92);-webkit-mask-image:linear-gradient(to bottom,black 64%,transparent 100%);mask-image:linear-gradient(to bottom,black 64%,transparent 100%);transform-origin:50% 60%;transition:transform .5s var(--ease-out),filter .7s var(--ease-out);animation:portrait-assemble linear both;animation-timeline:view();animation-range:entry 5% contain 45%}@media (hover: hover) and (pointer: fine){.portrait:hover img{animation-name:none;clip-path:inset(0);filter:grayscale(0) contrast(1.02) brightness(1)}}@keyframes portrait-assemble{0%{clip-path:inset(0 0 0 90%);filter:grayscale(1) contrast(1.55) brightness(1.18)}55%{clip-path:inset(0 0 0 28%);filter:grayscale(1) contrast(1.2) brightness(1)}to{clip-path:inset(0);filter:grayscale(1) contrast(1.04) brightness(.92)}}.portrait img[data-tilting]{transition-duration:.16s}@media (prefers-reduced-motion: reduce){.portrait img{transition:none;animation:none;clip-path:none}}.prose-list{max-width:34em;margin:0;padding:0;list-style:none;font-size:var(--fs-body);line-height:1.55;color:var(--ink-2)}.prose-list li+li{margin-top:1.6vh}.prose-list li{text-wrap:pretty}.facts{margin:9vh 0 0;border-top:1px solid var(--hairline)}.fact{display:grid;grid-template-columns:9em 1fr;gap:0 2vw;padding:2.2vh 0;border-bottom:1px solid var(--hairline)}.fact dt{font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1.55;letter-spacing:-.02em;color:var(--ink-3)}.fact dd{margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--ink-2)}.fact-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 1.5em}.fact-row+.fact-row{margin-top:.6vh}.fact-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:-.02em;line-height:1.9}.project{padding:8vh 0 10vh;border-top:1px solid var(--hairline);scroll-margin-top:6vh}.project-lead{position:sticky;top:12vh;align-self:start}.project-no{margin:0 0 2.4vh;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1;letter-spacing:-.02em;color:var(--gold)}.project-title{margin:0;font-family:var(--font-display);font-weight:300;font-size:var(--fs-project);line-height:1.15;color:var(--ink)}.project-desc{max-width:30em;margin:2.6vh 0 0;font-size:var(--fs-body);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.metrics{display:flex;flex-wrap:wrap;gap:1.2vh 2.4em;margin:5vh 0 0;padding:2.2vh 0 0;list-style:none;border-top:1px solid var(--hairline);font-family:var(--font-display);font-weight:400;font-size:var(--fs-metric);line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.case{margin:0}.case-row{display:grid;grid-template-columns:7em 1fr;gap:0 2vw;padding:2.4vh 0;border-bottom:1px solid var(--hairline)}.case-row:first-child{padding-top:.6vh}.case dt{font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1.55;letter-spacing:-.02em;color:var(--ink-3)}.case dd{max-width:32em;margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.project-tech{display:flex;flex-wrap:wrap;gap:1vh 2em;margin:2.6vh 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--fs-mono);line-height:1.5;letter-spacing:-.02em;color:var(--ink-3)}.project-tech li{display:inline-flex;align-items:center;gap:.6em}.project-tech .tech-icon{color:var(--ink-2)}.contact-links{margin:0;padding:0;list-style:none;border-top:1px solid var(--hairline)}.contact-links a{display:grid;grid-template-columns:7em 1fr;gap:0 2vw;align-items:baseline;padding:2.6vh 0;border-bottom:1px solid var(--hairline);color:var(--ink);transition:color var(--dur-ui) ease}.contact-label{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:-.02em;color:var(--ink-3);transition:color var(--dur-ui) ease}.contact-value{display:inline-flex;align-items:baseline;gap:.4em;font-family:var(--font-display);font-weight:300;font-size:var(--fs-statement);line-height:1.2;letter-spacing:-.008em;overflow-wrap:anywhere}.contact-value svg{width:.7em;height:.7em;flex:none;align-self:center;color:var(--ink-3);transition:transform var(--dur-ui) var(--ease-out),color var(--dur-ui) ease}@media (hover: hover) and (pointer: fine){.contact-links a:hover .contact-value svg{transform:translate(.15em,-.15em);color:var(--gold)}}.contact-links a:active{transition-duration:var(--dur-press)}.contact-links a:active .contact-label{color:var(--ink-2);transition-duration:var(--dur-press)}.contact-links a:active .contact-value svg{transform:translate(.15em,-.15em);color:var(--gold);transition-duration:var(--dur-press)}.site-footer{display:grid;grid-template-columns:1fr var(--spine-gap) 1fr;align-items:center;gap:1.6vh 2vw;margin:4vh var(--gutter-x) 0;padding:3vh 0 4vh;border-top:1px solid var(--hairline);font-family:var(--font-mono);font-size:var(--fs-nav);line-height:1;letter-spacing:-.02em;color:var(--ink-3)}.site-footer p{margin:0}.site-footer a{color:var(--ink-2);transition:color var(--dur-ui) ease}.footer-top{display:inline-flex;align-items:center;grid-column:3;justify-self:end;gap:.5em}.footer-top svg{width:1em;height:1em;transition:transform var(--dur-ui) var(--ease-out)}@media (hover: hover) and (pointer: fine){.site-footer a:hover{color:var(--ink)}.footer-top:hover svg{transform:translateY(-.2em)}}.site-footer a:active{color:var(--ink);transition-duration:var(--dur-press)}.footer-top:active svg{transform:translateY(-.2em);transition-duration:var(--dur-press)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.site-header,.hero-copy,.hero-index{animation:rise-in .7s var(--ease-out) both}.site-header{animation-delay:.25s}.hero-copy{animation-delay:.45s}.hero-index{animation-delay:.6s}html.js [data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}html.js [data-reveal].is-in{opacity:1;transform:none}html.js [data-reveal] :is(.steps,.tech-list,.facts,.case,.contact-links)>*{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>*{opacity:1;transform:none}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(1){transition-delay:60ms}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(2){transition-delay:.1s}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(3){transition-delay:.14s}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(4){transition-delay:.18s}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(5){transition-delay:.22s}html.js [data-reveal].is-in :is(.steps,.tech-list,.facts,.case,.contact-links)>:nth-child(n+6){transition-delay:.26s}.lang-swap{transition:opacity var(--dur-ui) var(--ease-out)}.lang-swap[data-swapping]{opacity:0}@media (prefers-reduced-motion: reduce){.site-header,.hero-copy,.hero-index{animation:none}html.js [data-reveal],html.js [data-reveal] :is(.steps,.tech-list,.facts,.case,.contact-links)>*{transform:none;transition:opacity .2s ease}.hero-cta svg,.contact-value svg,.footer-top svg{transition:none}.site-header .skip-link{transform:none;transition:opacity .2s ease}}html.js [data-reveal]:focus-within,html.js [data-reveal]:focus-within :is(.steps,.tech-list,.facts,.case,.contact-links)>*{transition:none}@media (pointer: coarse){.site-header .skip-link,.monogram,.site-nav a,.lang-toggle button,.hero-cta,.footer-top,.site-footer p a{display:inline-flex;align-items:center;min-height:44px}.monogram,.site-nav a,.lang-toggle button{margin-block:calc(1em - 22px)}.monogram,.lang-toggle button{min-width:44px}.lang-toggle button:first-of-type{justify-content:flex-end}.lang-toggle button:last-of-type{justify-content:flex-start}.hero-cta,.footer-top{margin-bottom:calc((1em - 44px)/2)}.hero-cta{margin-top:calc(max(3.2vh,16px) + (1em - 44px)/2)}.footer-top{margin-top:calc((1em - 44px)/2)}.site-footer p a{margin-block:calc((1em - 44px)/2)}.hero-index{--index-row: 44px}.hero-index a{min-height:var(--index-row);align-items:center}.contact-links a{min-height:44px}}@media (max-width: 1024px){.fact,.case-row,.contact-links a{grid-template-columns:minmax(0,1fr);gap:.5em 0}.contact-value{overflow-wrap:normal}.mono-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,13em),1fr))}.hero-byline{line-height:1.5}@media (min-width: 768px){.site-footer{grid-template-columns:1fr auto;gap:1.6vh 2vw}.footer-top{grid-column:2}}}@media (max-width: 767px){.site-header{padding:var(--gutter-top) var(--gutter-x) 0 var(--lane-x)}.site-header .skip-link{left:var(--lane-x)}.site-nav{gap:5vw}.site-nav li:not(:last-child){display:none}.hero{display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter-x) calc(5vh + env(safe-area-inset-bottom)) var(--lane-x)}.hero-copy,.hero-index{position:static}.hero-copy{max-width:none}.hero-index{margin-top:5vh}@media (pointer: coarse){.hero-index{margin-top:2vh}}.spine-grid{grid-template-columns:minmax(0,1fr)}.col-left,.col-right{grid-column:1}.col-right{margin-top:7vh}.section{padding:16vh var(--gutter-x) 0 var(--lane-x)}.project-lead{position:static}.mono-list{grid-template-columns:minmax(0,1fr)}.site-footer{grid-template-columns:1fr;gap:2vh;justify-items:start;margin-left:var(--lane-x)}.footer-top{grid-column:1;grid-row:auto;justify-self:start}}@media (max-height: 560px){.hero{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--spine-gap);padding:0 3.4vw calc(4vh + env(safe-area-inset-bottom)) var(--gutter-x)}.hero-copy,.hero-index{position:static}.hero-copy{flex:1 1 auto;min-width:0;max-width:calc(50vw - var(--gutter-x) - var(--spine-gap) / 2)}.hero-index{--index-row: max(3.22vh, 1.9em);flex:none;margin:0}@media (pointer: coarse){.hero-index{--index-row: max(1.9em, min(44px, 9vh))}}@media (max-width: 767px){.hero{padding-left:var(--lane-x)}.hero-copy{max-width:none}}}}
