@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";:root{--lh:.75;--h1:10.5vw;--h2:calc(var(--h1)*.6666);--h3:max(var(--h1)*.3333,32px);--h4:16px;--h5:12px;--h5lh:1.1;--min:max(1svmin,var(--h5)*var(--h5lh));--max:7.14286vmax;--c-acc:#f03;--c-fg:#000;--c-bg:#fff;--c-neutro:#aaa6;--ease:cubic-bezier(.83,.02,0,1.01);--trans:.4s var(--ease);--darkInvert:0;--f-texto:normal 100 var(--h5)/var(--h5lh) "Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--bdf:blur(6vmin) saturate(2)}*,:root{accent-color:var(--c-acc)}*{border:0;box-sizing:border-box;caret-color:var(--c-acc);margin:0;outline:0;padding:0;text-wrap:pretty;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}:after,:before{font-size:var(--h5)}a{--lhtrans:1.6ch;color:inherit;font-weight:inherit;line-height:inherit;pointer-events:all;text-decoration:none}a:not(:not([href]),.neutro){color:#0000;display:inline-block;overflow:clip;padding-right:.1ch;text-overflow:ellipsis;text-shadow:0 0 var(--c-acc),0 var(--lhtrans) #0000;transition:text-shadow .6s var(--ease);white-space:nowrap}:is(p,h5,h6,table) a{--lhtrans:1.9ch;line-height:.8;padding:.2ch .2ch .2ch 0}@media (hover:hover) and (pointer:fine){a.neutro:not(:not([href])):hover{color:var(--c-acc)}a:not(:not([href]),.neutro):hover{text-shadow:0 calc(var(--lhtrans)*-1) 0 #0000,0 0 var(--c-acc)}}ul{list-style:none}.b,.ongoing,b,i{font-weight:600}[icn]:after{content:attr(icn);filter:grayscale(1) contrast(1.4);font-size:inherit;margin:0 .3ch}.light{font-weight:100}.caps,h1,h4,sup{text-transform:uppercase}sup{align-self:flex-start;font-size:1.25ex;font-weight:400;letter-spacing:.08ch;vertical-align:top}sup:after,sup:before{font-size:inherit}sup:before{content:"["}sup:after{content:"]"}h1 sup{font-size:1ex;font-weight:400;letter-spacing:normal}h1,h2,h3,h4,h5,h6{display:inline-block;font:var(--f-texto);letter-spacing:-.05ch;position:relative}h1,h2,h3{line-height:var(--lh)}h1{font-size:var(--h1);letter-spacing:-.18ch;overflow:hidden;padding:0 calc(var(--min)/1.8)}h2{font-size:var(--h2);letter-spacing:-.1ch;line-height:.8}h2:first-letter{text-transform:capitalize}h3{font-size:var(--h3)}h4{font-size:var(--h4)}button,h5,input,li,p,table{font-size:var(--h5);letter-spacing:.03ch}h6{letter-spacing:.1ch;text-transform:uppercase}table{border-collapse:collapse;display:block}td{font-weight:inherit;vertical-align:top}td+td{border-left:var(--min) solid #0000}button{background-color:#0000;color:var(--c-acc);cursor:pointer;display:grid;place-items:center}button.btn{background:var(--c-fg);border-radius:50%;color:var(--c-bg);height:3ch;width:3ch}li:first-letter{text-transform:capitalize}[titlbl]:before{content:attr(titlbl);position:absolute;text-transform:lowercase;top:-1lh}details{overflow:hidden}details summary{display:block}details summary::-webkit-details-marker{display:none}[popover]{border:var(--borde);display:flex;flex-flow:column nowrap;gap:var(--min);height:-moz-fit-content;height:fit-content;top:0;right:0;bottom:0;left:0;margin:auto;min-width:calc(var(--max)*3);opacity:0;padding:var(--min);pointer-events:all;position:fixed;scale:1.1;transition:var(--trans);transition-property:opacity,scale;width:-moz-fit-content;width:fit-content;z-index:99}body [popover]:not(:popover-open),body:has(:is([popover]):popover-open){pointer-events:none}[popover]::backdrop{-webkit-backdrop-filter:var(--bdf);backdrop-filter:var(--bdf);opacity:0;transition:opacity var(--trans)}[popover]:popover-open{opacity:1;scale:1}[popover]:popover-open::backdrop{opacity:1}@starting-style{[popover]:popover-open{opacity:0;scale:1.1}[popover]:popover-open::backdrop{opacity:0}}#cursor{--smol:calc(var(--max)/2);aspect-ratio:1;display:none;font-size:var(--h5);left:calc(var(--smol)*-1);mix-blend-mode:difference;place-items:center;pointer-events:none;position:fixed;top:calc(var(--smol)*-1);width:var(--max);z-index:999}#cursor:after,#cursor:before{aspect-ratio:1;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:var(--trans)}#cursor:before{background:var(--c-bg);border:1px solid var(--c-bg);border-radius:50%;scale:.5;transition-property:opacity,scale,background}#cursor:after{background:linear-gradient(#0000 calc(50% - 1px),var(--c-bg) 0,#0000 calc(50% + 1px)),linear-gradient(90deg,#0000 calc(50% - 1px),var(--c-bg) 0,#0000 calc(50% + 1px));transition-property:opacity,rotate}[work] #cursor:after,[work] #cursor:before{transition-duration:.6s}body:is([work],:has(:is(a,button,.study,[link]):hover)) #cursor:before{background:#0000}body:is(:not([work]),[work]:has(:is(a,button,.study,[link]):hover)) #cursor:after{opacity:0}[work]:not(:has(:is(a,button,.study,[link]):hover)) #cursor:before{opacity:0;scale:1}[work]:not(:has(:is(a,button,.study,[link]):hover)) #cursor:after{rotate:45deg}#cursor span{animation:rota 9s linear infinite;bottom:50%;color:var(--c-bg);display:block;height:var(--rad);position:absolute;rotate:var(--deg);text-transform:uppercase;transform-origin:50% 100%;transition:var(--trans);width:auto}@keyframes rota{0%{rotate:var(--deg)}to{rotate:calc(var(--deg) + 1turn)}}html{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;scroll-behavior:smooth}html:has([work]){overflow:hidden}body{background:var(--c-bg);color:var(--c-fg);counter-reset:sec;font:var(--f-texto);min-height:100%;overflow:clip;-webkit-font-smoothing:antialiased}body:after{background:#0000;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;transition:all 1s var(--ease);transition-property:background,-webkit-backdrop-filter;transition-property:backdrop-filter,background;transition-property:backdrop-filter,background,-webkit-backdrop-filter;z-index:4}body[work]:after{-webkit-backdrop-filter:blur(var(--min)) brightness(1.5);backdrop-filter:blur(var(--min)) brightness(1.5);background:var(--c-bg);transition-duration:.4s}body.dark{--c-bg:#000;--c-fg:#fff;--darkInvert:1}body.dark #cursor,body.dark .item svg,body.dark header,body.dark li:first-of-type>:before{filter:invert(1)}@media (hover:hover) and (pointer:fine){body:not(:hover) #cursor{opacity:0}:is(body:not(:hover) #cursor) span{animation-play-state:paused}body:not(:hover) :is(#marquee div,#logos svg){animation-play-state:paused!important}}footer,header{position:relative;width:100%;z-index:3}header{align-items:center;background:var(--c-fg);color:var(--c-bg);display:flex;gap:1ch;justify-content:flex-end;mix-blend-mode:difference;padding:var(--min);position:fixed;top:0;z-index:100}header button{display:inline-grid;filter:invert(1);font-size:var(--h4);height:var(--h5);place-content:center}[work] [title*=sections]:is(header button){display:none;pointer-events:none}header input[type=search]{filter:invert(1);font-family:monospace;max-width:0;padding:.5ch 0;pointer-events:all;text-transform:uppercase;transition:max-width var(--trans);width:calc(var(--w)*1.15)}:is(header input[type=search])+button{margin-left:calc(var(--min)*-1);transition:opacity var(--trans)}header input[type=search]:focus{max-width:90vw}:is(header input[type=search]:focus)+button{opacity:0;pointer-events:none}header span{pointer-events:all}header #brand{align-items:center;display:inline-flex;flex:1;flex-flow:nowrap;top:0;right:0;bottom:0;left:0;overflow:hidden}:is(header #brand):before{animation:prefix 6s ease-out infinite forwards;content:"\\";display:inline-flex;font-size:inherit;font-weight:400;justify-content:flex-end;position:relative;width:3ch}:is(header #brand) svg{fill:currentColor;display:inline-block;height:calc(1lh*var(--lh));overflow:visible;position:relative}:is(:is(header #brand) svg)>*{transform-origin:0 center}:is(header #brand) span:first-of-type{display:inline-block;flex:1;margin-left:.5ch;overflow:hidden;padding-right:1ch;text-overflow:ellipsis;white-space:nowrap}@keyframes prefix{0%,33%,66%,to{opacity:0}28%,5%{content:"U+0";filter:none;opacity:1}38%,61%{content:"&#x";filter:none;opacity:1}71%,95%{content:"\\";filter:none;opacity:1}}footer{display:flex;flex-flow:column;z-index:1}footer #utc{padding:var(--min) 0 0 50vw}footer #patron{aspect-ratio:1;display:grid;flex-basis:2.6ch;place-content:center;position:relative}:is(footer #patron):after,:is(footer #patron):before{animation:patron 4s linear infinite;content:"";display:flex;font-size:inherit;top:0;right:0;bottom:0;left:0;justify-content:center;line-height:1.3ch;position:absolute;transition:none;vertical-align:top}:is(footer #patron):after{animation-name:patron2;font-size:calc(var(--h1)*2);text-align:center}footer [watch]{--sss:var(--ss,0);animation:countS 60s linear infinite;aspect-ratio:1;background:conic-gradient(from calc(var(--sss)*1turn),var(--c-bg),var(--c-neutro));clip-path:inset(0 0 round 50%);display:inline-grid;place-items:center;position:relative;width:calc(var(--h1)*var(--lh))}:is(footer [watch]) span,:is(footer [watch]) span:after,:is(footer [watch]) span:before,:is(footer [watch]):after,:is(footer [watch]):before{animation:rotaa var(--t) linear infinite;background:var(--bgrad);border-radius:inherit;content:"";display:grid;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--mask);mask:var(--mask);place-items:center;pointer-events:none;position:absolute;transition:scale var(--trans)}:is(footer [watch]):before{--r:var(--hh);--t:86400s;--bgrad:conic-gradient(var(--c-bg),var(--c-neutro));--mask:radial-gradient(closest-side,red 33%,#0000 34%);rotate:var(--r);scale:var(--s,2);z-index:3}:is(footer [watch]):after{--r:var(--mm);--t:3600s;--bgrad:conic-gradient(var(--c-bg),var(--c-neutro));--mask:radial-gradient(closest-side,red 66%,#0000 67%);rotate:var(--r);scale:var(--s,1.25);z-index:1}:is(footer [watch]):not(:hover){--s:1}:is(footer [watch]):hover{--hovNodesC1:red;--hovNodesC2:#0000}:is(footer [watch]):hover:after{transition-duration:1s}:is(footer [watch]) span{z-index:3}:is(:is(footer [watch]) span):before{--f:.3%;--nw:.35%;--n1:calc(50% - var(--nw));--n2:calc(50% + var(--nw));--f1:calc(var(--n1) - var(--f));--f2:calc(var(--n2) + var(--f));--bgrad:linear-gradient(#0000 var(--f1),var(--c-acc) 0 var(--f2),#0000 0),linear-gradient(.08333turn,#0000 var(--f1),var(--c-acc) var(--n1) var(--n2),#0000 var(--f2)),linear-gradient(.16666turn,#0000 var(--f1),var(--c-acc) var(--n1) var(--n2),#0000 var(--f2)),linear-gradient(to left,#0000 var(--f1),var(--c-acc) 0 var(--f2),#0000 0),linear-gradient(.33333turn,#0000 var(--f1),var(--c-acc) var(--n1) var(--n2),#0000 var(--f2)),linear-gradient(.41666turn,#0000 var(--f1),var(--c-acc) var(--n1) var(--n2),#0000 var(--f2));--mask:radial-gradient(circle closest-side,#0000 32%,var(--hovNodesC2,red) 0 35%,#0000 0 78.5%,var(--hovNodesC1,#0000) 0 80.5%,#0000 0 98%,var(--hovNodesC1,#0000) 0 100%,#0000 0),conic-gradient(from calc(var(--sss)*1turn),var(--hovNodesC1,#0000) .4turn,red);animation:countS 60s linear infinite;-webkit-mask-composite:source-in,xor;mask-composite:intersect;scale:var(--s,.84);transition:var(--trans);transition-duration:1.5s;transition-property:scale,--hovNodesC1,--hovNodesC2}:is(:is(footer [watch]) span):after{background:var(--c-acc);--mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" patternUnits="userSpaceOnUse" font-size="7"><foreignObject width="100" height="100"><style>body{display:grid;place-items:center;height:100%;font-family:sans-serif;line-height:1.2}p{position:absolute;height:100%;transform-origin:center;text-align:center;width:2ch}p+p{rotate:90deg}p+p+p{rotate:180deg}p+p+p+p{rotate:-90deg}<\/style><body xmlns="httdiv://www.w3.org/1999/xhtml"><p>60 24 12</p><p>15 15 03</p><p>30 18 06</p><p>45 21 09</p></body></foreignObject></svg>');filter:blur(calc(10px*var(--s,0)));top:-5%;right:-5%;bottom:-5%;left:-5%;opacity:calc(1 - var(--s,0));scale:var(--s,.9);transition-duration:1s;transition-property:scale,filter,opacity}@keyframes patron{0%{content:"✳ \a "}16.66%{content:"✳✸\a "}33.33%{content:"✳✸\a✲"}50%{content:" \a⟶︎"}83.33%{content:" \a  ✜"}66.66%,to{content:" "}}@keyframes patron2{0%,16.66%,33.33%,50%,83.33%{content:" "}66.66%{content:"✕"}to{content:"☳"}}@keyframes rotaa{0%{rotate:var(--r)}to{rotate:calc(var(--r) + 1turn)}}@keyframes countS{0%{--sss:var(--ss,0)}to{--sss:calc(1 + var(--ss,0))}}@property --sss{syntax:"<number>";inherits:false;initial-value:0}@property --hovNodesC1{syntax:"<color>";initial-value:#0000;inherits:true}@property --hovNodesC2{syntax:"<color>";initial-value:red;inherits:true}section{display:flex;flex-flow:column nowrap;position:relative}section:not([book]):first-of-type{padding-top:calc(var(--min)*3)}section:has(#logos) span:not([id]){display:inline-block}section:has(#logos) #logos,section:has(#logos) #marquee{display:inline-block;height:calc(var(--h1)*.7);margin:0;overflow-x:hidden;position:relative}:is(section:has(#logos) #logos,section:has(#logos) #marquee):hover :is(div,svg){animation-play-state:paused}section:has(#logos) #marquee,section:has(#logos) #slider{display:none}section:has(#logos) #marquee{width:100%;z-index:2}:is(section:has(#logos) #marquee) div{animation:scroll calc(var(--t)*3s) linear infinite;display:flex;flex-wrap:nowrap;gap:var(--h1);position:absolute;translate:0 0;will-change:transform}:is(section:has(#logos) #marquee) span{position:relative}section:has(#logos) #logos{width:3ch}:is(section:has(#logos) #logos) svg{animation:show calc(var(--t)*2s) calc((var(--i) - 1)*2s) infinite;opacity:0;position:absolute}section:has(#logos) #slider{aspect-ratio:16/9;height:calc(var(--h1)*.72);overflow:hidden;position:relative}:is(section:has(#logos) #slider) .slide{animation:slide calc(var(--t)*5s) calc((var(--i) - 1)*5s) infinite forwards;display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;width:100%;z-index:1}section:has(#logos) svg{fill:currentColor;display:inline-block;height:calc(var(--h1)*.7);overflow:visible;position:relative}:is(section:has(#logos) svg)>*{scale:var(--r,1);transform-origin:0 center}section[id]{counter-increment:sec}section[id]:has(details){display:grid;transition:all var(--trans);transition-property:margin-top,grid-template-rows}section[id]:has(details[open]){grid-template-rows:auto 1fr;margin-top:max(var(--h1) * var(--lh),var(--h5)*6)}section[id]:has(details:not([open])){grid-template-rows:auto 0fr}section[id]:has(details:not([open])) ul{max-height:0;overflow:hidden}section[id]:has(details:not([open])):before{filter:blur(10px);opacity:0;rotate:0deg;transition-duration:.2s;translate:0 var(--max)}section[id]:before{bottom:100%;content:"0"counter(sec);font-size:var(--h1);left:0;letter-spacing:-.5vw;line-height:var(--lh);padding-left:50vw;pointer-events:none;position:absolute;transition-duration:1s;width:100%;z-index:-1}section[id]:after{align-self:normal;content:attr(id);flex:100%;font-size:var(--h4);font-weight:600;left:0;padding:var(--min) 0 var(--min) calc(50vw + var(--min)/2);position:absolute;text-transform:uppercase;top:0}section[id]:is(#scheme):after{content:attr(id)" "counter(case)}section[id] .item,section[id] details{display:flex;gap:0 var(--min);position:relative}section[id] details,section[id]:has(.item:nth-of-type(2)) .item{box-shadow:inset 0 -1px 0 0 var(--c-neutro)}section[id] details{align-items:center;font-size:var(--h4);line-height:1}:is(section[id] details):not([open])+ul li:first-child>:before{opacity:0;transition-duration:.4s;translate:0 calc(var(--max)/2)}[open]:is(section[id] details) summary:after{opacity:0}[open]:is(section[id] details) summary:before{background:var(--c-fg);color:var(--c-bg);rotate:180deg}:is([open]:is(section[id] details)+ul li:first-of-type)>:before{--d:1;transition-delay:.2s;transition-duration:calc(var(--d)*.6s)}:is([open]:is(section[id] details)+ul li:first-of-type)>:nth-child(2):before{--d:2}:is([open]:is(section[id] details)+ul li:first-of-type)>:nth-child(3):before{--d:3}:is([open]:is(section[id] details)+ul li:first-of-type)>:nth-child(4):before{--d:4}:is(section[id] details) summary{align-items:center;cursor:pointer;display:flex;flex:1;padding:var(--min)}:is(:is(section[id] details) summary):before{align-self:center;aspect-ratio:1;border-radius:50%;content:"↓";display:grid;font-size:var(--h4);font-weight:600;margin-left:calc(50% - var(--min) - 2.5ch);place-items:center;position:absolute;width:2.5ch}:is(:is(section[id] details) summary):after{content:"0"counter(sec);display:inline-block;padding-left:calc(75% + var(--min))}section[id] ul{max-height:1000vmax;transition:all .6s var(--ease);transition-property:opacity,max-height}section:has(details:not([open])) :is(section[id] ul){opacity:0;pointer-events:none}:is(section[id] ul) li{padding:calc(var(--min)/2) var(--min)}:is(:is(section[id] ul) li):first-child>:before{bottom:calc(100% + var(--min)*3.5);color:var(--c-bg);font-weight:300;height:0;left:0;mix-blend-mode:difference;pointer-events:none;position:absolute;rotate:-90deg;text-transform:none;transform-origin:0 0;transition:all 1s var(--ease);transition-property:opacity,translate;white-space:pre;width:0}:is(:is(section[id] ul) li):after{background:linear-gradient(to right,#0000,var(--c-bg) 5ch);padding:0 var(--min);padding-left:5ch;position:absolute;right:0}.locked:is(section[id] .item){cursor:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" style="filter:brightness(5)" viewBox="0 0 12 12" height="24" width="24"><text font-size="12" x="50%" y="51%" dominant-baseline="central" text-anchor="middle">🔒</text></svg>') 12 12,not-allowed}.dark .locked:is(section[id] .item){cursor:url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" style="filter:brightness(0)" viewBox="0 0 12 12" height="24" width="24"><text font-size="12" x="50%" y="51%" dominant-baseline="central" text-anchor="middle">🔒</text></svg>') 12 12,not-allowed}.locked:is(section[id] .item):not(:hover):after,.locked:is(section[id] .item):not(:hover)>h5{opacity:.4}:is(section[id] .item):is(.study,[link]){cursor:pointer}:is(section[id] .item):is(.study,[link]):hover{color:var(--c-acc)}:is(section[id] .item):is(li)>*{flex:1 0;pointer-events:none;position:relative}:is(section[id] .item) .ongoing:after{align-items:center;content:"→";display:inline-flex;font-size:var(--h4);height:0;position:relative}:is(section[id] .item) svg{align-self:center;aspect-ratio:1;backface-visibility:hidden;display:inline-block;top:0;right:0;bottom:0;left:0;justify-self:center;margin:0 auto;mix-blend-mode:difference;padding:30vmin;position:fixed;width:100vmin;z-index:99;fill:var(--c-bg);opacity:0;transform:none;transition:var(--trans);transition-property:opacity,transform}@keyframes show{0%,2.2%{opacity:0}.2%,1.8%{opacity:1}}@keyframes scroll{to{translate:calc(-50% - var(--h1)*.5)}}@keyframes slide{0%{opacity:0;scale:1.2;z-index:var(--t)}14%,4%{opacity:1;scale:1}15%,to{opacity:0;z-index:1}}#abstract details+ul li:first-of-type>:first-child:before{content:"profession"}#abstract details+ul li:first-of-type>:last-child:before{content:"areas"}#abstract p:first-child{display:flex;flex:0 0 75%;gap:calc(33.3333% + var(--min))}:is(#abstract p:first-child)>span{flex:1}:is(:is(#abstract p:first-child)>span) span:nth-of-type(odd){display:inline-block;width:10ch}:is(:is(#abstract p:first-child)>span) span:nth-of-type(2n){display:inline-block}#work details+ul li:first-of-type>:first-child:before{content:"brand"}#work details+ul li:first-of-type>:nth-child(2):before{content:"country \a& agency"}#work details+ul li:first-of-type>:nth-child(3):before{content:"class \a& type"}#work details+ul li:first-of-type>:nth-child(4):before{content:"services"}#work:has([open],details:hover) summary:after{content:"[selected — "attr(t)"]";opacity:1;padding-left:calc(50vw + 7ch)}:is(#work li.item) h5.b:after{background:linear-gradient(to right,var(--grad));content:"";display:inline-block;height:1ch;margin-left:1ch;width:var(--c)}:is(#work li.item):after{content:"'"attr(yyear)}[status=ongoing]:is(#work li.item):after{content:"'"attr(yyear)" ▶";margin-right:-2ch}#experience details+ul li:first-of-type>:first-child:before{content:"role"}#experience details+ul li:first-of-type>:nth-child(2):before{content:"country"}#experience details+ul li:first-of-type>:nth-child(3):before{content:"employer"}#experience details+ul li:first-of-type>:nth-child(4):before{content:"time"}#studies details+ul li:first-of-type>:first-child:before{content:"achievement"}#studies details+ul li:first-of-type>:nth-child(2):before{content:"country"}#studies details+ul li:first-of-type>:nth-child(3):before{content:"institution"}#studies details+ul li:first-of-type>:nth-child(4):before{content:"time"}:is(#experience,#studies) ul{counter-reset:li var(--t)}:is(#experience,#studies) li.item{counter-increment:li -1}:is(#experience,#studies) li.item:after{color:var(--c-neutro);content:counter(li);font-weight:600}:is(#experience,#studies) li.item:nth-last-of-type(-n+9):after{content:"0"counter(li)}@media (hover:hover) and (pointer:fine){#cursor{display:grid}details:not([open]):not(:hover) summary:before{opacity:0}:not([work]) .item:hover svg,[work] #studyCase .hero:hover:before{transform:perspective(100vw) rotateX(calc(var(--cY)*-.015deg)) rotateY(calc(var(--cX)*.015deg)) translate3d(calc(var(--cX)*.05px),calc(var(--cY)*.05px),var(--min));transition:none}.hero:hover:before,ul:hover .item svg{transition:none}section[id] .item:hover svg{opacity:1}[work] #studyCase .hero,[work] .swatch{pointer-events:auto}}[work] #studyCase a[href],header button{pointer-events:auto}#studyCase>*,[work] #studyCase .hero:active,[work] .swatch:active,[work] main,body:not([work]) #studyCase,header,section:after,section:before,svg{pointer-events:none}#studyCase{background:var(--c-bg);bottom:0;counter-reset:case var(--case) sec;height:100dvh;left:0;overflow:hidden;overflow-y:auto;overscroll-behavior:none;position:fixed;width:100vw;z-index:99}#studyCase section[id]{padding:calc(var(--h4) + var(--min)*2) var(--min) calc(var(--h1) + var(--min)) var(--min)}:is(#studyCase section[id]):before{border-bottom:1px solid var(--c-neutro);content:counter(case)".0"counter(sec);height:calc(1lh + var(--min))}#studyCase .hero{align-content:flex-start;background:var(--c-bg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);color:var(--c-bg);display:flex;flex-flow:row wrap;min-height:100%;padding-bottom:calc(var(--h1)*var(--lh) + var(--min));position:relative;z-index:-1}:is(#studyCase .hero)>*{mix-blend-mode:difference;position:sticky}:is(#studyCase .hero):before{background:var(--bg) no-repeat fixed center /33.33vmax;content:"";height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:fixed;transform-origin:50% 50%;transition:transform .8s var(--ease);width:100%;will-change:transform}:is(#studyCase .hero) h1{flex:100%;top:calc(var(--min)*3)}:is(#studyCase .hero) svg{height:1.4ex;max-width:100%;fill:currentColor;scale:var(--r);transform-origin:0 50%}:is(#studyCase .hero) h1+*{display:flex;flex:0 0 50%;gap:var(--min);margin-left:50%;margin-top:calc(50svh - var(--h1));top:calc(var(--h1))}:is(:is(#studyCase .hero) h1+*)>*{flex:1;position:relative}:is(:is(#studyCase .hero) h1+*) a[href]{filter:invert(1)}body.dark #studyCase #brief:before,body.dark #studyCase .hero>*{filter:invert(1)}#studyCase #brief:before{color:var(--c-bg);mix-blend-mode:difference}#studyCase #scheme,#studyCase #study{flex-flow:row wrap}#studyCase #scheme{counter-reset:scheme;gap:var(--min);padding-top:calc(var(--min)*3)}:is(#studyCase #scheme)>h4{left:calc(50% + var(--min)/2);padding:var(--min) 0 0 calc(var(--min) + 9ch);position:absolute;top:0}#studyCase #study{--s:calc(var(--min)*1.3);--vid:50vw;--vid-port:80vh;--r-mobile:2.11111;--r-mobile-portrait:.47368;--r-laptop:1.77778;align-items:center;background:var(--bg);flex-flow:column nowrap;padding:calc(var(--max)*2) 0 0}[blanco]:is(#studyCase #study){background:#fff}:is(#studyCase #study):not([blanco]):after{color:#fff;mix-blend-mode:difference}:is(#studyCase #study)>*{height:auto;max-width:100vw;-o-object-fit:cover;object-fit:cover;position:relative}:is(#studyCase #study):has(:first-child:is([src*=nopad])){padding-top:0}:is(#studyCase #study)>:not([src*=".nogap."],:has([src*=".nogap."]),:has(+span)){margin-bottom:calc(var(--max)*2)}:is(#studyCase #study) span{position:relative;z-index:2}:is(#studyCase #study) iframe[src$=html]:not([src*=".full."]){aspect-ratio:1;width:var(--vid)}:is(#studyCase #study) [full],:is(#studyCase #study) [src*=".full."],:is(#studyCase #study) video:has([src*=".full."]){width:100vw}:is(#studyCase #study) [src*=".round."]{border-radius:50%}:is(#studyCase #study) iframe:not([full]),:is(#studyCase #study) video:not(:has([src*=".full."])){max-width:var(--vid)}:is(#studyCase #study) [laptop],:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".laptop."],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".laptop."]),:is(#studyCase #study) video:has([src*=".mobile."]){box-shadow:0 0 0 var(--s) var(--c-acc);margin:0;width:var(--vid)}:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."]){aspect-ratio:var(--r-mobile);border-radius:calc(var(--s)*3)}:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."])):is([src*=".contain."]){-o-object-fit:contain;object-fit:contain}:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."])):has([src*=".portrait."]),[src*=".portrait."]:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."])){aspect-ratio:var(--r-mobile-portrait);height:var(--vid-port);width:auto}:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."]))+span{background:var(--c-acc);border-radius:var(--s);height:calc(var(--vid)/var(--r-mobile)/3);left:0;top:calc((var(--vid)/var(--r-mobile))/-2);translate:calc(var(--vid)/-2 + var(--s)*2) -50%;width:calc(var(--s)*2)}:is(:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."])):has([src*=".portrait."]),[src*=".portrait."]:is(:is(#studyCase #study) [mobile],:is(#studyCase #study) [src*=".mobile."],:is(#studyCase #study) video:has([src*=".mobile."])))+span{height:calc(var(--s)*2);top:calc((var(--vid-port) - var(--s))*-1);translate:0 0;width:calc(var(--vid-port)*var(--r-mobile-portrait)/3)}:is(#studyCase #study) [laptop],:is(#studyCase #study) img[src*=".laptop."],:is(#studyCase #study) video:has([src*=".laptop."]){aspect-ratio:var(--r-laptop);border-radius:calc(var(--s)/3)}:is(:is(#studyCase #study) [laptop],:is(#studyCase #study) video:has([src*=".laptop."]),:is(#studyCase #study) img[src*=".laptop."])+span{background:var(--c-acc);border-radius:0 0 calc(var(--s)/2) calc(var(--s)/2);height:var(--s);margin-top:var(--s);width:calc(var(--vid) + var(--min)*12)}#studyCase footer{padding:var(--min) 0}.swatch{--max:calc(var(--min)*9);counter-increment:scheme;display:flex;flex:0 0 calc(100%/var(--s,4) - var(--min)/var(--s,4)*(var(--s,4) - 1));flex-flow:column nowrap;position:relative}.swatch:before{--r:-1;aspect-ratio:1;background:conic-gradient(from -90deg,#000 6%,#000b 6.25%,#000b 12.25%,#0007 12.5%,#0007 18.5%,#0003 18.75%,#0003 25%,#0000 0,#0000 75%,#fff3 0,#fff3 81%,#fff7 81.25%,#fff7 87.25%,#fffb 87.5%,#fffb 93.5%,#fff 93.75%,#fff 0),radial-gradient(circle closest-side,var(--c) calc(100% - var(--min)*2),#0000 0),conic-gradient(var(--c-a1),var(--c),var(--c-a2) 50%,#0000 0);border-radius:50%;clip-path:inset(0 0 round 50%);content:"";height:100%;-webkit-mask:radial-gradient(closest-side,red calc(99% - var(--min)*2),#0000 calc(100% - var(--min)*2) calc(100% - var(--min)),red calc(101% - var(--min)) 99%,#0000 100%),conic-gradient(#0000 50%,red 0),radial-gradient(circle closest-side,#0000 calc(100% - var(--min)*2),red 0);mask:radial-gradient(closest-side,red calc(99% - var(--min)*2),#0000 calc(100% - var(--min)*2) calc(100% - var(--min)),red calc(101% - var(--min)) 99%,#0000 100%),conic-gradient(#0000 50%,red 0),radial-gradient(circle closest-side,#0000 calc(100% - var(--min)*2),red 0);-webkit-mask-composite:source-out,source-in,xor;mask-composite:subtract,intersect;position:absolute;right:0;top:0;transition:all var(--trans);transition-property:box-shadow}.swatch:hover:before{box-shadow:inset 0 0 var(--max) var(--max) var(--c)}.swatch h3{flex:1 0 3lh;padding-right:calc(100% - 8ch);position:relative;text-transform:lowercase;width:100%}:is(.swatch h3):after{content:"0"counter(scheme);font-weight:300;position:absolute;right:0;top:0}.swatch h5{align-items:flex-end;display:flex;flex:0;height:-moz-min-content;height:min-content;position:relative}:is(.swatch h5) span{flex:0 0 16ch;font-size:inherit}:is(:is(.swatch h5) span) i{aspect-ratio:1;border-radius:50%;display:inline-block;width:1.7ex}:is(:is(:is(.swatch h5) span) i):only-of-type{background-color:var(--c)}:is(:is(:is(.swatch h5) span) i):not(:only-of-type):first-of-type{background-color:var(--c-a1)}:is(:is(:is(.swatch h5) span) i):not(:only-of-type):last-of-type{background-color:var(--c-a2)}body:has(>[book]){align-items:flex-end;counter-reset:book -1;display:flex;gap:var(--min);overflow:auto;padding:var(--min)}body:has(>[book]):after,body:has(>[book]):before{--mask:radial-gradient(red 70%,#0000 71%);content:"";-webkit-mask:var(--mask) 50% /var(--clip,150vmax 150vmax) no-repeat;mask:var(--mask) 50% /var(--clip,150vmax 150vmax) no-repeat;pointer-events:none;position:fixed;transition:-webkit-mask var(--trans);transition:mask var(--trans);transition:mask var(--trans),-webkit-mask var(--trans)}body:has(>[book]):before{background:var(--c);top:0;right:0;bottom:0;left:0}body:has(>[book]):after{font-size:var(--h1);top:0;right:0;bottom:0;left:0;letter-spacing:-.1ch;line-height:var(--lh);padding-top:calc(var(--min)*2 + var(--h4));text-align:center;text-transform:uppercase}body[copy]:has(>[book]){pointer-events:none}body[copy]:has(>[book]):after,body[copy]:has(>[book]):before{animation:fade 1s 3s var(--ease) forwards}body[copy]:has(>[book]):after{content:attr(copy)" ⧉"}body[copy]:has(>[book]) [book]{--c-txt:#0000}body:has(>[book]):not([copy]){--clip:0 0}body:has(>[book]):not([copy]):after,body:has(>[book]):not([copy]):before{opacity:0}@keyframes fade{to{opacity:0}}[book]{--big:calc(var(--min)*15);align-items:flex-start;color:var(--c-txt);counter-increment:book;display:flex;flex:0;flex-flow:column nowrap;gap:var(--min);padding-top:calc(var(--big) + var(--min));transition:color var(--trans)}[book]:has(.swatch){flex:0 0 calc(var(--big)*2)}[book]:after,[book]:before{content:attr(scheme);font-weight:600;height:0;left:var(--min);letter-spacing:.05ch;line-height:1;position:absolute;rotate:-90deg;text-transform:lowercase;top:var(--big);transform-origin:0 0;transition:translate var(--trans);translate:0 calc(var(--tr,0)*-1);white-space:pre;width:0}[book]:before{margin-left:1lh}[book]:after{content:"S"counter(book)" [ "attr(book)" ]  ⇥ "attr(distance);font-weight:300}[book]:first-of-type:after{left:calc(var(--min)*1.5)}[book] [copy]{cursor:pointer}[book] .swatch{padding:0;width:100%}:is([book] .swatch) h3{font-size:calc(var(--big)/4 + var(--min)*1.25)}[book]:has(.swatch2){align-items:stretch}[book] .swatch2{align-items:flex-start;background:var(--c);box-shadow:0 0 #0000;display:flex;flex:0 0 var(--big);flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--min);position:relative;transition:var(--trans);transition-property:border-radius,scale,box-shadow;z-index:1}:is([book] .swatch2)>span{aspect-ratio:1;background:var(--c-a1);border-radius:50%;display:block;transition:var(--trans);transition-property:scale,translate;translate:0 calc(var(--r,1)*var(--t,0));width:calc(var(--min)*2);z-index:2}:is(:is([book] .swatch2)>span):last-of-type{--r:-1;background:var(--c-a2)}:is([book] .swatch2) p{align-items:flex-start;bottom:calc(var(--min)*2);display:flex;filter:invert(1);flex-flow:column nowrap;height:calc(var(--min)*2);justify-content:center;left:var(--min);line-height:1;mix-blend-mode:difference;pointer-events:none;position:absolute;rotate:-90deg;text-transform:lowercase;text-wrap:nowrap;transform-origin:0 0;white-space:nowrap;width:calc(var(--min)*8)}:is(:is([book] .swatch2) p)>*{flex:0}@media (hover:hover) and (pointer:fine){[book]:hover{--tr:var(--min)}[book]:hover .swatch2{border-radius:calc(var(--min)*2)}[book] .swatch2 span:hover{--t:150%;scale:5}}@media screen and (max-width:1440px){#abstract p:first-child{display:inline-block}}@media screen and (max-width:1280px){#work li.item:after{display:none}#studyCase .hero h1+*{flex:0 0 100%;margin-left:0;padding:0 var(--min)}}@media screen and (min-width:1080px){#study [round]{width:calc(var(--vid)/2)!important}}@media screen and (max-width:1080px){#abstract .title>:nth-child(3):before,.bye1{display:none!important}#abstract li.item>:first-child{flex:0 0 75%}#studyCase{--s:3}#studyCase h2{line-height:1}#studyCase #study{--s:calc(var(--min)*.7)}}@media screen and (max-width:768px){.bye2,header #brand:before{display:none!important}section[id] details summary:after{flex:1;padding:0;text-align:right}section[id] li.item{flex-wrap:wrap}:is(section[id] li.item)>*{flex:0 0 calc(50% - var(--min)/2)}:is(section[id] li.item):first-of-type>:before{display:none}#abstract li.item>:first-child{flex:1}#studyCase{--s:2}#studyCase .hero h1+*{flex-direction:column}#studyCase #study{--vid:75vw}}@media screen and (max-width:480px){:root{--h1:14vw}#work li h5:last-of-type,.bye3,section[id] li:first-of-type>:before{display:none!important}section[id]:after,section[id]:before{padding-left:var(--min)}section[id]:has(details[open]){margin-top:calc(var(--h1)*var(--lh) + var(--min))}section[id]:has(details[open]) summary:before{right:var(--min)}section[id] summary:before{right:calc(var(--min)*2)}:is(section[id] li.item):has(svg){padding-left:5lh}:is(section[id] li.item)>*{flex:100%}:is(section[id] li.item) svg{aspect-ratio:1;justify-self:start;margin:0 var(--min);opacity:1;padding:0;position:absolute;width:3lh}.locked:is(section[id] li.item) svg{opacity:.4}:is(section[id] li.item) h5{order:2}#studyCase{--s:1}#studyCase .hero h5{flex:0 0 100%!important}#studyCase .hero h5:last-of-type{top:calc(var(--max)*2 + 10lh)}#studyCase h2{letter-spacing:normal;line-height:1.1}#studyCase #scheme h4{left:0}}@media not print{:is(section[id]:has(.item:nth-of-type(2)) .item,details:not([open])):not(:hover){box-shadow:none}footer a[print]{display:none}}@media print{:root{--h1:16vw;--h5:8pt}*{transition:none!important}#cursor,#logos,#marquee,#slider,#studyCase,#work h5:last-of-type sup,body:after,footer a:not([print]),header,li svg,summary:before{display:none!important}section:not(#abstract) li.item{white-space:nowrap}section:first-of-type{padding:0!important}section:has(details){grid-template-rows:auto 1fr!important;margin-top:calc(var(--h1)*var(--lh))!important}section:has(details) li:first-child>:before,section:has(details) ul,section:has(details):before{filter:none!important;opacity:1!important;translate:0!important}section:has(details) ul{max-height:1000vmax!important;overflow:visible!important}section:has(details) li.item:after{background:#fff;opacity:.75;padding-left:2ch}section#abstract p:first-child{display:inline-block}section#work summary:after{padding-left:calc(50vw + 8ch)!important}footer{padding-top:var(--min)}footer a[print]{display:inline;overflow-wrap:break-word;white-space:normal}}