@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--body:Manrope,Arial,sans-serif;--mono:Manrope,Arial,sans-serif;--paper:#e7e7e5;--surface:#d9d9d7;--ink:#1b1b1b;--muted:#626262;--line:#bbb;--accent:#555;--gutter:5vw}
body{font-family:var(--body);background:var(--paper)}h1,h2,h3{font-weight:600;letter-spacing:-.055em}::selection{background:#999;color:#fff}.wrap{max-width:1600px}.micro,.eyebrow{font-family:var(--body);font-size:11px;letter-spacing:0}.button{border-radius:0;font-size:13px;padding:15px 21px;min-height:52px;gap:35px;transition:background .25s,color .25s,border-color .25s}.button:hover{background:#c9c9c9}.button-dark{background:#1b1b1b;color:#fff}.button-dark:hover{background:#444;color:#fff}.button>span:last-child{transition:transform .3s}.button:hover>span:last-child{transform:translate(3px,-3px)}.text-link{font-size:13px;gap:30px}.text-link:hover{color:#555}
.site-header{max-width:none;height:80px;position:sticky;top:0;background:#181818;color:#eee;border-color:#444;padding:0 var(--gutter);z-index:40}.wordmark{font-size:27px;font-weight:700}.wordmark small{font-family:var(--body);font-size:10px;color:#aaa}.desktop-nav{gap:28px;font-size:12px}.desktop-nav a{color:#aaa}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:white}.desktop-nav a[aria-current]::after{background:#ddd}.header-tools{gap:15px}.site-header #lang-toggle{border-color:#555;font-family:var(--body);font-size:11px}.site-header #lang-toggle:hover{background:#333}.chapters-trigger{display:flex;align-items:center;gap:20px;border:0;background:none;color:#eee;font-size:12px;padding:10px 0}.chapters-trigger>span:last-child{font-size:23px;line-height:1;transition:transform .3s}.chapters-trigger:hover>span:last-child{transform:rotate(90deg)}.menu-toggle span{background:#ddd}.mobile-nav{background:#181818;color:#eee;border-color:#444}.reading-progress{position:fixed;z-index:60;top:0;left:0;right:0;height:2px;pointer-events:none}.reading-progress>span{display:block;height:100%;background:#ddd;transform:scaleX(0);transform-origin:left}
.chapter-hero{background:#181818;color:#eee;max-width:none;padding-top:35px;padding-bottom:45px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:20px;color:#a6a6a6;font-size:12px}.available{display:flex;align-items:center;gap:10px}.available>span:first-child{height:6px;width:6px;background:#ddd;border-radius:50%;box-shadow:0 0 0 5px #ffffff08}.chapter-hero h1{font-size:clamp(75px,12.7vw,190px);letter-spacing:-.055em;line-height:1.15;font-weight:600;margin:20px 0 25px;white-space:nowrap}.hero-period{color:#8e8e8e}.hero-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr) 100px;gap:5.2vw;align-items:center}.hero-story-copy{padding:10px 0}.chapter-kicker{font-size:12px;letter-spacing:0;line-height:1.6;margin-bottom:28px;color:var(--muted);font-weight:500}.hero-story-copy .chapter-kicker{color:#999}.hero-story h2{font-size:clamp(30px,3.3vw,49px);line-height:1.15;letter-spacing:-.05em;font-weight:500;white-space:pre-line}.hero-description{font-size:15px;line-height:1.9;max-width:420px;color:#aaa;margin-top:24px}.hero-story .button-row{margin-top:30px;gap:12px;flex-wrap:wrap}.chapter-hero .button{border-color:#666;color:#eee}.chapter-hero .button-dark{background:#e6e6e4;border-color:#e6e6e4;color:#222}.chapter-hero .button:hover{background:#ccc;border-color:#ccc;color:#111}.discover-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;color:#bbb;margin-top:40px}.discover-link>span:last-child{font-size:23px;transition:transform .3s}.discover-link:hover>span:last-child{transform:translateY(5px)}.portrait-editorial{align-self:end;position:relative;padding:0;max-width:470px;width:100%;justify-self:end}.portrait-frame{overflow:hidden;background:#eee;aspect-ratio:1.08/1}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:none;transform:scale(1);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.portrait-editorial:hover img{transform:scale(1.025)}.portrait-editorial figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#aaa;margin-top:15px}.hero-side-note{display:flex;align-self:stretch;flex-direction:column;justify-content:space-between;border-left:1px solid #444;padding-left:22px;font-size:11px;color:#888;min-height:200px}.hero-side-note>span{writing-mode:vertical-rl;transform:rotate(180deg)}
.profile-selector.wrap{margin:0 auto;padding-top:85px;padding-bottom:80px;border:0}.profile-selector>.chapter-kicker{margin-bottom:30px}.profile-selector-top{align-items:end;gap:40px}.profile-selector-top h2{font-size:clamp(32px,3.7vw,54px);line-height:1.15;white-space:pre-line;max-width:720px;letter-spacing:-.05em;font-weight:500}.profile-selector-top p{font-size:13px;margin-top:18px;color:#666}.profile-tabs{border:0;gap:6px;display:flex;flex-wrap:wrap;justify-content:end;max-width:440px}.profile-tabs button{border:1px solid #aaa!important;padding:12px 17px;font-size:12px;min-height:45px;border-radius:30px;transition:background .25s,color .25s}.profile-tabs button[aria-selected="true"]{background:#222;color:#eee;border-color:#222!important}.profile-tabs button:hover{background:#ccc;color:#222}.profile-panel{border:0;border-top:1px solid #aaa;padding:34px 0 0;margin-top:38px;background:transparent;grid-template-columns:1.2fr 1fr;gap:35px 70px;min-height:190px}.profile-panel h3{font-size:25px;font-weight:500;letter-spacing:-.035em}.profile-panel p{font-size:14px;color:#666;line-height:1.85;margin-top:12px;max-width:640px}.profile-evidence{font-size:14px;gap:12px;color:#555}.profile-evidence li::before{color:#888}.profile-panel>.text-link{font-size:12px}
.journey-section{max-width:none;display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;background:#d3d3d1;padding-top:90px;padding-bottom:95px}.journey-title{position:sticky;top:115px;align-self:start}.journey-title h2{font-size:clamp(45px,5vw,74px);font-weight:500;line-height:1.08;white-space:pre-line}.journey-title>p:not(.chapter-kicker){font-size:14px;line-height:1.9;color:#626262;margin-top:30px;max-width:380px}.journey-title>.text-link{margin-top:30px}.journey-list{border-top:1px solid #999}.journey-item{display:grid;grid-template-columns:28px 1fr 25px;gap:22px;padding:36px 0;border-bottom:1px solid #aaa}.journey-number{font-size:12px;color:#777;padding-top:4px}.journey-meta{font-size:12px;color:#666}.journey-item h3{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.04em;margin-top:16px}.journey-item p{font-size:13px;line-height:1.9;color:#666;margin-top:13px;max-width:450px}.journey-arrow{font-size:24px;transition:transform .3s}.journey-item:hover .journey-arrow{transform:translate(4px,-4px)}
.clean-projects{max-width:none;padding-top:90px;padding-bottom:90px;border:0}.clean-section-heading{margin-bottom:40px;align-items:end}.clean-section-heading h2{font-size:clamp(37px,4.6vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.15}.clean-section-heading p{font-size:14px;margin-top:18px;color:#666}.project-filters{border-bottom:0;gap:5px}.project-filters button{font-size:12px;border:1px solid transparent;padding:10px 14px;border-radius:25px}.project-filters button[aria-pressed="true"]{box-shadow:none;border-color:#999;font-weight:500}.clean-project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:26px;padding:2px 2px 18px;scroll-padding-left:2px;overscroll-behavior-x:contain}.clean-project-grid::-webkit-scrollbar{display:none}.clean-project-card{flex:0 0 88%;min-width:0;display:grid;grid-template-columns:1.05fr 1fr;gap:0;border:1px solid #bbb;scroll-snap-align:start;background:#ddd;align-self:start}.clean-project-image{height:390px;border:0;overflow:hidden}.clean-project-image>img{object-fit:cover;object-position:50% 35%;height:100%;width:100%;transition:transform .8s}.clean-project-image:hover>img{transform:scale(1.035)}.lab-cover,.web-cover{padding:35px}.lab-cover{background:#242424;color:#eee}.lab-cover>.micro{font-size:11px;color:#aaa}.lab-cover>strong{font-size:clamp(60px,7vw,105px);letter-spacing:-.06em;font-weight:600}.lab-cover>div{font-family:var(--body);font-size:11px;color:#aaa}.web-cover{background:#c7c7c5}.web-cover strong{font-size:clamp(40px,5vw,70px);font-weight:500;letter-spacing:-.06em;color:#333}.web-cover>.micro,.web-cover>span:last-child{font-size:11px;color:#666}.clean-card-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;min-width:0}.project-status{font-size:11px;color:#777;margin-bottom:20px}.clean-card-copy h3{font-size:clamp(27px,3vw,43px);font-weight:500;letter-spacing:-.05em;line-height:1.15}.project-description{font-size:14px;line-height:1.8;min-height:0;color:#666;margin-top:22px}.project-details{margin-top:26px;border-color:#b4b4b4}.project-details summary{font-size:12px;padding-top:17px}.project-details p{font-size:12px;color:#666;line-height:1.8}.rail-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.rail-controls p{font-size:12px;color:#777}.rail-controls>div{display:flex;gap:8px}.rail-controls button{width:48px;height:48px;border:1px solid #aaa;background:none;border-radius:50%;font-size:22px;transition:background .25s}.rail-controls button:hover{background:#ccc}.rail-controls button:disabled{opacity:.3;cursor:default}.clean-section-end{margin-top:30px}
.creative-chapter{max-width:none;display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;padding-top:80px;padding-bottom:90px;background:#252525;color:#eee;align-items:center}.creative-image{position:relative;overflow:hidden;aspect-ratio:1/1;max-width:600px}.creative-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.creative-image:hover img{transform:scale(1.025)}.creative-stamp{position:absolute;bottom:22px;left:24px;font-size:clamp(45px,6.5vw,94px);font-weight:600;letter-spacing:-.07em;color:#eee;line-height:1}.creative-copy .chapter-kicker{color:#aaa}.creative-copy h2{font-size:clamp(34px,4.1vw,59px);font-weight:500;line-height:1.15;letter-spacing:-.05em;white-space:pre-line}.creative-copy>p:not(.chapter-kicker){font-size:14px;line-height:1.9;color:#aaa;margin-top:28px;max-width:450px}.creative-copy .creative-note{color:#ddd!important}.creative-copy .button{margin-top:30px;border-color:#777}.creative-copy .button:hover{color:#111}
.site-footer{max-width:none;padding:65px var(--gutter) 28px;background:#151515;color:#eee;border-color:#484848}.clean-footer-main{padding-bottom:55px}.clean-footer-main h2{font-size:clamp(45px,7vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.1}.clean-footer-main p{font-size:13px;color:#999;margin-top:20px}.footer-contact{font-size:14px;gap:13px}.footer-contact a:hover{color:white}.footer-bottom{font-size:10px;color:#999;border-color:#444;padding-top:25px}.footer-bottom>div{gap:25px}.footer-bottom a:hover{color:white}
.page-intro{background:#252525;color:#eee;padding-top:20px;padding-bottom:50px;border-color:#444}.eyebrow{color:#999}.page-title{font-size:clamp(44px,6vw,86px);font-weight:500;line-height:1.15;letter-spacing:-.06em;padding-top:35px}.page-deck{color:#aaa;font-size:15px;line-height:1.85;max-width:700px}.timeline-row{padding:34px 0}.timeline-date{font-size:11px}.timeline-row h3{font-size:30px;font-weight:500}.timeline-role{font-size:14px}.timeline-body,.case-copy p,.skill-copy,.contact-description,.legal-content p{font-size:14px;line-height:1.9;color:#606060}.education{padding-top:45px;padding-bottom:45px}.education-item h3{font-size:25px;font-weight:500}.education-item p{font-size:13px}.education-item .education-status{font-size:11px}.additional-training p{font-size:13px}.case{padding:50px 0}.case h2{font-size:43px;font-weight:500}.case-copy h3{font-size:28px;font-weight:500}.project-visual{height:340px}.visual-lab{background:#252525}.visual-lab strong{font-family:var(--body);font-weight:600}.visual-web{background:#c7c7c5}.visual-web strong{font-weight:500}.skill-accordion summary{padding-top:32px;padding-bottom:32px}.skill-accordion h2{font-size:32px;font-weight:500}.tags li{font-size:12px}.contact-layout{padding-top:55px;padding-bottom:65px}.contact-info h2{font-size:45px;font-weight:500}.contact-links>a>span:last-child{font-size:17px}.form-panel{padding:35px}.form-panel h2{font-size:33px;font-weight:500}.field label,.privacy-summary,.privacy-choice{font-size:12px}.field input,.field textarea{font-size:14px;background:#eee;border-color:#aaa}.form-note{font-size:11px}.legal-content h2{font-size:27px;font-weight:500}
#chapters-dialog{position:fixed;inset:0;margin:0 0 0 auto;width:min(720px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;background:#ddd;color:#222;padding:45px 55px;overflow:auto;box-shadow:-30px 0 100px #0003}#chapters-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}#chapters-dialog[open]{animation:chapter-open .45s cubic-bezier(.2,.7,.2,1)}.chapter-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:70px}.chapter-dialog-top h2{font-size:15px;letter-spacing:0;font-weight:400}.chapter-dialog-top button{width:44px;height:44px;border:1px solid #aaa;border-radius:50%;background:none;font-size:30px;line-height:1}#chapters-dialog nav{display:flex;flex-direction:column}#chapters-dialog nav>a{display:grid;grid-template-columns:28px 1fr 28px;gap:20px;align-items:center;padding:26px 0;border-top:1px solid #aaa}#chapters-dialog nav>a>span:first-child{font-size:12px;color:#777}#chapters-dialog nav>a>span:nth-child(2){font-size:clamp(26px,3.4vw,43px);letter-spacing:-.045em}#chapters-dialog nav>a>span:last-child{font-size:25px;transition:transform .25s}#chapters-dialog nav>a:hover>span:last-child{transform:translate(4px,-4px)}.chapter-contact{display:inline-block;margin-top:55px;font-size:20px;border-bottom:1px solid #777;padding-bottom:8px}
.architecture-enter{animation:chapter-reveal .9s cubic-bezier(.2,.7,.2,1) both}.chapter-hero h1{animation:title-enter 1s cubic-bezier(.2,.7,.2,1) both}.portrait-editorial{animation:chapter-reveal 1.1s .12s cubic-bezier(.2,.7,.2,1) both}.hero-story-copy{animation:chapter-reveal 1s .2s cubic-bezier(.2,.7,.2,1) both}@keyframes chapter-reveal{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes title-enter{from{opacity:0;transform:translateY(35px);letter-spacing:-.065em}to{opacity:1;transform:translateY(0);letter-spacing:-.055em}}@keyframes chapter-open{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1600px){:root{--gutter:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.desktop-nav{gap:18px;font-size:11px}.header-tools{gap:10px}.hero-story{grid-template-columns:1fr 1fr;gap:5vw}.hero-side-note{display:none}.hero-description{font-size:14px}.hero-story h2{font-size:35px}.profile-selector-top{align-items:start;flex-direction:column;gap:25px}.profile-tabs{max-width:none;justify-content:start}.journey-section{gap:5vw;grid-template-columns:.85fr 1.2fr}.journey-item{gap:15px}.journey-item h3{font-size:24px}.clean-project-card{flex-basis:94%}.clean-card-copy{padding:28px}.clean-project-image{height:360px}.clean-card-copy h3{font-size:29px}.creative-chapter{gap:5vw}.creative-copy h2{font-size:38px}.creative-copy>p:not(.chapter-kicker){font-size:13px}}
@media(max-width:760px){:root{--gutter:23px}.site-header{height:68px;gap:15px}.desktop-nav{display:none}.header-tools{gap:14px}.chapters-trigger{font-size:11px;gap:7px}.chapters-trigger>span:last-child{font-size:19px}.menu-toggle{padding:7px;min-width:32px}.mobile-nav{top:67px}.chapter-hero{padding-top:25px;padding-bottom:34px}.hero-topline{font-size:10px;gap:15px}.chapter-hero h1{font-size:clamp(47px,12.2vw,92px);margin:28px 0 35px;letter-spacing:-.065em}.hero-story{grid-template-columns:1fr;gap:35px}.hero-story-copy{padding:0}.hero-story-copy .chapter-kicker{font-size:11px;margin-bottom:18px}.hero-story h2{font-size:36px;line-height:1.15}.hero-description{font-size:14px;margin-top:20px;max-width:520px}.hero-story .button-row{margin-top:24px}.button{font-size:12px;gap:25px;padding:13px 17px;min-height:48px}.discover-link{margin-top:26px;font-size:12px}.portrait-editorial{width:83%;max-width:430px;justify-self:end}.portrait-editorial figcaption{font-size:9px;gap:10px}.profile-selector.wrap{padding-top:50px;padding-bottom:50px}.chapter-kicker{font-size:11px;margin-bottom:22px}.profile-selector-top h2{font-size:32px}.profile-selector-top p{font-size:12px}.profile-tabs{width:100%;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:5px}.profile-tabs button{font-size:10px;padding:10px 6px;border-radius:22px}.profile-panel{grid-template-columns:1fr;padding-top:25px;margin-top:27px;gap:22px;min-height:0}.profile-panel h3{font-size:24px}.profile-panel p{font-size:13px}.profile-evidence{font-size:12px;gap:10px}.journey-section{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:50px}.journey-title{position:static}.journey-title h2{font-size:46px}.journey-title>p:not(.chapter-kicker){font-size:13px;margin-top:23px;max-width:520px}.journey-title>.text-link{margin-top:22px}.journey-item{grid-template-columns:22px 1fr 20px;gap:14px;padding:27px 0}.journey-item h3{font-size:23px}.journey-meta{font-size:11px}.journey-item p{font-size:12px}.clean-projects{padding-top:50px;padding-bottom:50px}.clean-section-heading{gap:23px;margin-bottom:28px}.clean-section-heading h2{font-size:38px}.clean-section-heading p{font-size:13px}.project-filters button{font-size:11px;padding:9px 13px}.clean-project-grid{gap:16px}.clean-project-card{flex-basis:92%;grid-template-columns:1fr}.clean-project-image{height:auto;aspect-ratio:1.2/1}.lab-cover,.web-cover{padding:25px}.lab-cover>strong{font-size:65px}.web-cover strong{font-size:46px}.lab-cover>.micro,.web-cover>.micro,.web-cover>span:last-child{font-size:10px}.lab-cover>div{font-size:9px}.clean-card-copy{padding:25px}.clean-card-copy h3{font-size:28px}.project-status{font-size:10px;margin-bottom:15px}.project-description{font-size:13px;margin-top:17px}.project-details{margin-top:23px}.project-details summary{font-size:12px}.rail-controls p{font-size:11px;max-width:200px}.rail-controls button{width:42px;height:42px;font-size:20px}.clean-section-end{margin-top:25px}.creative-chapter{grid-template-columns:1fr;gap:38px;padding-top:45px;padding-bottom:50px}.creative-image{max-width:none}.creative-stamp{font-size:64px;left:20px;bottom:20px}.creative-copy h2{font-size:37px}.creative-copy>p:not(.chapter-kicker){font-size:13px;margin-top:22px;max-width:520px}.site-footer{padding-top:45px;padding-bottom:24px}.clean-footer-main{padding-bottom:35px;gap:25px}.clean-footer-main h2{font-size:58px}.clean-footer-main p{font-size:12px;margin-top:15px}.footer-contact{font-size:13px;gap:10px}.footer-bottom{font-size:9px;gap:18px}.footer-bottom>div{gap:17px}.page-intro{padding-top:8px;padding-bottom:35px}.page-title{font-size:43px;padding-top:28px}.page-deck{font-size:13px}.timeline-row h3{font-size:26px}.timeline-body,.case-copy p,.skill-copy,.contact-description,.legal-content p{font-size:13px}.education-item h3{font-size:24px}.case{padding:32px 0}.case h2{font-size:32px}.case-copy h3{font-size:25px}.project-visual{height:auto;aspect-ratio:1.2/1}.skill-accordion h2{font-size:26px}.contact-info h2{font-size:36px}.contact-layout{padding-top:35px;padding-bottom:40px}.contact-links>a>span:last-child{font-size:15px}.form-panel{padding:23px}.form-panel h2{font-size:29px}.field label,.privacy-summary,.privacy-choice{font-size:11px}.legal-content h2{font-size:24px}#chapters-dialog{padding:25px 24px}.chapter-dialog-top{margin-bottom:45px}#chapters-dialog nav>a{gap:12px;padding:25px 0;grid-template-columns:24px 1fr 24px}#chapters-dialog nav>a>span:nth-child(2){font-size:28px}.chapter-contact{margin-top:40px}}
@media(max-width:370px){.header-tools{gap:7px}.chapters-trigger{font-size:10px}.site-header #lang-toggle{min-width:32px}.chapter-hero h1{font-size:12vw}.profile-selector-top h2{font-size:28px}.clean-section-heading h2{font-size:32px}.clean-card-copy{padding:21px}.clean-card-copy h3{font-size:25px}.creative-copy h2{font-size:32px}}
html:not(.js) .chapters-trigger,html:not(.js) .rail-controls{display:none}html:not(.js) .clean-project-grid{display:grid;grid-template-columns:1fr;overflow:visible}html:not(.js) .clean-project-card{width:100%}
@media(prefers-reduced-motion:reduce){.architecture-enter,.chapter-hero h1,.portrait-editorial,.hero-story-copy,#chapters-dialog[open]{animation:none}.portrait-frame img{transition:none}.clean-project-grid{scroll-behavior:auto}}

/* Material layer: original concrete photography throughout the visual system. */
body{background-image:linear-gradient(#e7e7e5de,#e7e7e5de),url('assets/concrete-wall.webp');background-size:auto,1536px 1024px}
.chapter-hero{background-image:linear-gradient(100deg,#0e0e0ed9 0%,#141414b3 65%,#11111194 100%),url('assets/concrete-wall.webp');background-size:cover;background-position:center;position:relative}
.chapter-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 55%,#ffffff05 55.1%,transparent 75%);border-bottom:1px solid #ffffff24}
.hero-topline,.hero-story,.chapter-hero h1{position:relative;z-index:1}.hero-topline,.hero-description,.portrait-editorial figcaption,.hero-story-copy .chapter-kicker{color:#c5c5c5}.hero-side-note{color:#bbb;border-color:#ffffff35}.hero-period{color:#b9b9b9}
.portrait-frame{border:8px solid #e5e5e1;box-shadow:14px 14px 0 #09090966,0 24px 60px #0004}.portrait-editorial figcaption{padding-top:10px}.portrait-editorial{transform-origin:center}
.profile-selector.wrap{background:linear-gradient(#ecece9d9,#ecece9d9)}
.journey-section{background-image:linear-gradient(#d4d4d1df,#d4d4d1df),url('assets/concrete-wall.webp');background-size:cover;background-position:40% 60%}
.journey-list{border-top:0}.journey-item{background:#eeeeeb7a;border:1px solid #aaa9;padding:32px 25px;margin-bottom:16px;transition:background .3s,box-shadow .3s,transform .3s}.journey-item:last-child{margin-bottom:0}.journey-item:hover{background:#f1f1edc9;box-shadow:7px 7px 0 #33333318;transform:translateY(-3px)}
.clean-projects{background:linear-gradient(#ecece9c9,#ecece9c9)}.clean-project-card{box-shadow:8px 8px 0 #33333315;background:#e1e1de;border-color:#a3a3a3}.clean-project-grid{padding-bottom:25px}
.photo-lab{position:relative;isolation:isolate;background-image:linear-gradient(180deg,#0004 0%,#0001 35%,#000b 100%),url('assets/it-workspace.webp');background-size:cover;background-position:58% 50%;color:#fff;padding-bottom:46px}.photo-lab>.micro{color:#eee;text-shadow:0 1px 8px #000}.photo-lab>strong{align-self:flex-start;margin-top:auto;font-size:clamp(40px,4vw,62px);line-height:1.1;letter-spacing:-.05em;text-shadow:0 3px 20px #0006}.photo-lab>div:not(.browser-art){margin-top:20px;color:#ddd;font-size:10px;border-color:#ffffff50}.concept-caption{position:absolute;bottom:13px;left:35px;font-size:9px;letter-spacing:.02em;color:#d7d7d7}
.graphic-web{position:relative;isolation:isolate;background-image:linear-gradient(#bababa99,#c7c7c7cc),url('assets/concrete-wall.webp');background-size:cover;overflow:hidden}.graphic-web>strong{position:relative;z-index:2;font-size:clamp(35px,4.4vw,62px);max-width:65%;text-shadow:0 2px 18px #ffffff55}.graphic-web>.micro,.graphic-web>span:last-child{position:relative;z-index:2;color:#444}.browser-art{position:absolute;right:-15%;top:22%;width:72%;height:65%;background:#eeeee9;transform:rotate(-10deg);box-shadow:0 12px 35px #0004;border:1px solid #777;z-index:0;opacity:.7}.browser-art-bar{height:23px;border-bottom:1px solid #bbb;display:flex;gap:4px;align-items:center;padding-left:8px}.browser-art-bar i{width:4px;height:4px;background:#999;border-radius:50%}.browser-art-page{padding:18px;position:relative;height:calc(100% - 23px)}.browser-art-heading{height:15px;width:55%;background:#8b8b86;margin-bottom:12px}.browser-art-line{height:4px;background:#c0c0ba;width:52%;margin-bottom:6px}.browser-art-line.short{width:40%}.browser-art-picture{position:absolute;right:18px;top:18px;width:29%;height:47%;background:linear-gradient(145deg,#999 50%,#bbb 50%)}.browser-art-cards{display:flex;gap:8px;height:40%;margin-top:30px}.browser-art-cards i{flex:1;background:#d0d0c9;border-top:2px solid #aaa}
.creative-chapter{background-image:linear-gradient(100deg,#181818ce,#181818ed),url('assets/concrete-wall.webp');background-size:cover}.creative-image{border:8px solid #bcbcb4;box-shadow:15px 15px 0 #0004}.creative-copy>p:not(.chapter-kicker){color:#c1c1c1}.creative-copy .chapter-kicker{color:#bbb}
.page-intro{background-image:linear-gradient(100deg,#151515d9,#191919b8),url('assets/concrete-wall.webp');background-size:cover}.page-deck{color:#c3c3c3}.site-footer{background-image:linear-gradient(#101010d9,#101010ed),url('assets/concrete-wall.webp');background-size:cover;background-position:center bottom}.clean-footer-main p,.footer-bottom{color:#b3b3b3}.education,.language-strip{background-color:#d9d9d4bb}.form-panel{background:#e2e2deeb;box-shadow:9px 9px 0 #33333315}.project-visual.photo-lab{padding-bottom:48px}
@media(max-width:760px){.portrait-frame{border-width:5px;box-shadow:8px 8px 0 #09090966,0 15px 35px #0003}.journey-item{padding:25px 18px;gap:12px}.creative-image{border-width:5px;box-shadow:8px 8px 0 #0004}.photo-lab>strong{font-size:48px}.concept-caption{left:25px;font-size:8px}.graphic-web>strong{font-size:42px}.browser-art{right:-20%;width:78%}.photo-lab{padding-bottom:40px}.chapter-hero{background-position:60% top}.hero-topline{font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-item{transition:none}.journey-item:hover{transform:none}}

/* A consistent editorial image system across the whole portfolio. */
.visual-index{display:grid;grid-template-columns:1fr 1.12fr .88fr;gap:22px;max-width:none;padding-top:5px;padding-bottom:80px;background:#e7e7e5c9}.visual-index-card{position:relative;min-width:0;height:390px;overflow:hidden;background:#252525;color:#eee}.visual-index-card:nth-child(2){margin-top:45px}.visual-index-card:nth-child(3){margin-top:90px}.visual-index-card>img{width:100%;height:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.7,.2,1)}.visual-index-card:nth-child(1)>img{object-position:68% center}.visual-index-card:nth-child(2)>img{object-position:55% center}.visual-index-card:nth-child(3)>img{object-position:50% 30%}.visual-index-card:hover>img{transform:scale(1.05)}.visual-index-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(180deg,#0005,transparent 35%,#000b)}.visual-index-overlay>p{font-size:11px;letter-spacing:.02em}.visual-index-overlay>div{display:flex;gap:20px;align-items:end}.visual-index-overlay h2{font-size:29px;font-weight:500;line-height:1.15;letter-spacing:-.045em;max-width:280px}.visual-index-overlay>div>span{font-size:26px;margin-left:auto;transition:transform .3s}.visual-index-card:hover .visual-index-overlay>div>span{transform:translate(3px,-3px)}
.journey-photo{margin-top:35px;max-width:420px}.journey-photo>img{width:100%;aspect-ratio:1.65/1;object-fit:cover;border:5px solid #eeeeea;box-shadow:8px 8px 0 #3332}.journey-photo figcaption{font-size:11px;color:#666;margin-top:18px}
.image-page-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding-top:45px;padding-bottom:45px;max-width:none;min-height:440px;overflow:hidden}.image-page-intro .page-title{font-size:clamp(43px,5.2vw,75px);padding-top:20px}.image-page-intro .page-deck{max-width:570px;font-size:14px}.image-page-intro .eyebrow{padding-top:0}.page-intro-image{position:relative;height:340px;min-width:0;border:1px solid #ffffff44;overflow:hidden;box-shadow:12px 12px 0 #0003}.page-intro-image>img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s}.page-intro-image:hover>img{transform:scale(1.025)}.page-intro-image figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 25px 22px;background:linear-gradient(transparent,#000b);font-size:14px;color:#eee}.portrait-intro .page-intro-image{height:360px;width:min(100%,430px);justify-self:end}.portrait-intro .page-intro-image>img{object-position:50% 30%;filter:none}.portrait-intro .page-intro-image figcaption{font-size:12px}.page-competencias .page-intro-image>img{object-position:65% center}.skills-visual-break{padding-top:25px;padding-bottom:65px;display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:center}.skills-visual-break>img{width:100%;aspect-ratio:1.6/1;object-fit:cover;box-shadow:12px 12px 0 #3332}.visual-statement{font-size:clamp(32px,4vw,58px);font-weight:500;line-height:1.15;letter-spacing:-.05em;white-space:pre-line}.contact-signature{display:flex;gap:18px;align-items:center;border-top:1px solid #aaa;margin-top:35px;padding-top:28px}.contact-signature>img{width:80px;height:92px;object-fit:cover;object-position:50% 20%;border:4px solid #efefeb}.contact-signature strong{font-size:17px;font-weight:500}.contact-signature p{font-size:11px;color:#777;margin-top:7px}.page-proyectos .case:nth-child(even) .case-grid{grid-template-columns:1.3fr 1fr}.page-proyectos .case:nth-child(even) .project-visual{order:2}.page-proyectos .case:nth-child(even) .case-copy{order:1}.page-proyectos .project-visual{height:390px;box-shadow:10px 10px 0 #3332}.page-proyectos .case{padding-top:60px;padding-bottom:60px}
@media(max-width:1100px){.visual-index{gap:16px}.visual-index-card{height:330px}.visual-index-overlay{padding:22px}.visual-index-overlay h2{font-size:24px}.image-page-intro{gap:35px}.image-page-intro .page-title{font-size:48px}.image-page-intro .page-deck{font-size:13px}.page-intro-image{height:310px}.portrait-intro .page-intro-image{height:320px}.page-proyectos .project-visual{height:320px}}
@media(max-width:760px){.visual-index{grid-template-columns:1fr 1fr;gap:13px;padding-bottom:45px}.visual-index-card{height:270px}.visual-index-card:nth-child(2){margin-top:30px}.visual-index-card:nth-child(3){margin-top:0;grid-column:1/-1;height:280px}.visual-index-card:nth-child(3)>img{object-position:50% 26%}.visual-index-overlay{padding:18px}.visual-index-overlay h2{font-size:23px;overflow-wrap:anywhere}.visual-index-overlay>p{font-size:10px}.visual-index-overlay>div{gap:8px}.visual-index-overlay>div>span{font-size:21px}.journey-photo{max-width:520px;margin-top:28px}.journey-photo>img{aspect-ratio:1.8/1}.image-page-intro{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:35px;min-height:0}.image-page-intro .page-title{font-size:43px}.image-page-intro .page-deck{font-size:13px}.page-intro-image{height:260px;box-shadow:7px 7px 0 #0003}.page-intro-image figcaption{font-size:12px;padding:30px 20px 18px}.portrait-intro .page-intro-image{height:290px;width:84%}.skills-visual-break{grid-template-columns:1fr;gap:32px;padding-top:15px;padding-bottom:45px}.skills-visual-break>img{aspect-ratio:1.6/1}.visual-statement{font-size:42px}.skills-visual-break .chapter-kicker{margin-bottom:17px}.contact-signature{margin-top:25px;padding-top:22px}.page-proyectos .case:nth-child(even) .case-grid{grid-template-columns:1fr}.page-proyectos .case:nth-child(even) .project-visual,.page-proyectos .case:nth-child(even) .case-copy{order:initial}.page-proyectos .project-visual{height:auto;aspect-ratio:1.25/1}.page-proyectos .case{padding-top:35px;padding-bottom:35px}}
@media(max-width:370px){.visual-index-overlay{padding:13px}.visual-index-overlay h2{font-size:20px}.visual-index-card{height:245px}.image-page-intro .page-title{font-size:39px}}

/* Eleven distinct images on the homepage, excluding material backgrounds. */
.image-essay{max-width:none;background:#202020;color:#eee;padding-top:65px;padding-bottom:75px}.image-essay-title{display:flex;justify-content:space-between;align-items:baseline;gap:40px;margin-bottom:35px}.image-essay-title .chapter-kicker{color:#aaa;min-width:160px}.image-essay-title h2{font-size:clamp(28px,3.5vw,50px);font-weight:500;line-height:1.15;max-width:680px}.image-essay-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.editorial-shot{min-width:0;overflow:hidden}.editorial-shot>img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.editorial-shot figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;padding:14px 0;color:inherit}.editorial-shot figcaption>span:last-child{font-size:20px}.image-essay-grid .editorial-shot>img{height:300px}.image-essay-grid .shot-wide{grid-row:span 2}.image-essay-grid .shot-wide>img{height:calc(100% - 50px);min-height:620px;object-position:60% center}.image-essay-grid .shot-urban>img{height:300px}.image-essay-grid .editorial-shot figcaption{color:#bbb}.operations-shot{margin-top:28px;color:#666}.operations-shot>img{height:auto;aspect-ratio:1.9/1;object-fit:cover;border:5px solid #eeeeea}.content-shot{margin-top:38px;max-width:450px;color:#bbb}.content-shot>img{height:auto;aspect-ratio:1.8/1;object-fit:cover;border:1px solid #666}.content-shot figcaption{font-size:11px}.education-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:45px}.education-photos .editorial-shot>img{height:270px;object-fit:cover}.education-photos figcaption{color:#666}.creative-chapter{align-items:start}.creative-image{position:sticky;top:110px}
@media(max-width:760px){.image-essay{padding-top:40px;padding-bottom:45px}.image-essay-title{display:block;margin-bottom:25px}.image-essay-title .chapter-kicker{margin-bottom:18px}.image-essay-title h2{font-size:32px}.image-essay-grid{grid-template-columns:1fr 1fr;gap:16px}.image-essay-grid .shot-wide{grid-column:1/-1;grid-row:auto}.image-essay-grid .shot-wide>img{height:290px;min-height:0}.image-essay-grid .editorial-shot:not(.shot-wide)>img{height:230px}.editorial-shot figcaption{font-size:11px;align-items:start;gap:8px;padding:12px 0;line-height:1.5}.editorial-shot figcaption>span:last-child{font-size:18px}.operations-shot{margin-top:25px}.operations-shot>img{aspect-ratio:1.65/1}.content-shot{margin-top:28px;max-width:none}.content-shot>img{aspect-ratio:1.6/1}.education-photos{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.education-photos .editorial-shot>img{height:230px}.creative-image{position:relative;top:auto}}