.hero{--leaf-top:calc(-1.5 * var(--phone-rem-w));max-width:var(--max-width);grid-template-rows:.3fr 1fr;grid-template-columns:1fr 1fr .5fr;margin-inline:auto;display:grid}.hero__leaf{z-index:1;margin-left:calc(-30 * var(--phone-rem-w) + var(--phone-shift));margin-top:var(--leaf-top);height:calc(41 * var(--phone-rem-w));mix-blend-mode:multiply;grid-area:1/1/3/3;width:auto;max-width:none}.hero__me-picture{grid-area:1/1/3/3;display:contents}.hero__me{z-index:2;width:calc(18.5 * var(--phone-rem-w));max-width:none;height:auto;margin-left:calc(-5 * var(--phone-rem-w) + var(--phone-shift));margin-top:calc(var(--leaf-top) + 12.02 * var(--phone-rem-w));grid-area:1/1/3/3;align-self:start}.hero__name{z-index:3;width:calc(9.5 * var(--phone-rem));height:calc(33.875 * var(--phone-rem));margin-top:calc(2 * var(--phone-rem));margin-right:calc(1 * var(--phone-rem));grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:1/2/3/4;justify-self:end;place-items:unsafe center;display:grid}.hero__name-art{width:calc(33.875 * var(--phone-rem));max-width:none;height:auto;transform:rotate(90deg)}.hero__tagline{z-index:3;max-width:16ch;font-family:var(--font-mono);font-size:calc(1 * var(--phone-rem));letter-spacing:-.05em;margin-right:calc(7.5 * var(--phone-rem));margin-top:calc(1 * var(--phone-rem));text-align:right;grid-area:1/1/2/4;justify-self:end;line-height:1.2}.hero__contact{z-index:4;margin-top:calc(25.125 * var(--phone-rem));margin-right:calc(1.25 * var(--phone-rem));grid-area:1/2/3/4;place-self:start end}.hero__status{z-index:3;max-width:calc(9.0625 * var(--phone-rem));margin-top:calc(37.3125 * var(--phone-rem));margin-right:calc(1.25 * var(--phone-rem));font-family:var(--font-body);font-size:calc(1 * var(--phone-rem));text-align:right;grid-area:1/1/3/4;place-self:start end;font-weight:300;line-height:normal}@media screen and (width>=33em){.hero{--leaf-top:calc(1 * var(--phone-rem-w))}}@media screen and (width>=40em){.hero{grid-template-rows:auto 1fr}.hero__leaf{width:calc(38 * var(--tablet-rem) + 11 * var(--fluid));height:auto;margin-left:calc(-12.5625 * var(--tablet-rem) + 3.875 * var(--fluid));margin-top:calc(5.1875 * var(--tablet-rem) - .8125 * var(--fluid));align-self:end}.hero__me{width:auto;height:calc(38.75 * var(--tablet-rem) + 11 * var(--fluid));margin-top:0;margin-left:calc(-7.6875 * var(--tablet-rem) + 5.1875 * var(--fluid));margin-bottom:calc(-1.0339 * var(--tablet-rem) - .2928 * var(--fluid));align-self:end}.hero__name{width:auto;height:auto;margin-top:calc(.9375 * var(--tablet-rem) + 3.8125 * var(--fluid));margin-right:var(--gutter);grid-area:1/1/2/4}.hero__name-art{width:calc(36.5625 * var(--tablet-rem) + 18.375 * var(--fluid));transform:none}.hero__tagline{max-width:none;margin-top:1rem;margin-left:0;margin-right:var(--gutter);font-size:max(1rem, calc(1.25 * var(--tablet-rem) + .75 * var(--fluid)));grid-area:2/1/3/4;place-self:start end}.hero__contact{left:calc(var(--edge) + var(--nav-gutter) - 1.25rem);bottom:var(--gutter-top);z-index:20;margin:0;position:fixed}.hero__status{display:none}}.contact-bar{width:fit-content;padding:calc(.625 * var(--phone-rem));background-color:var(--color-glass);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex}.contact-bar__links{align-items:center;gap:calc(1.875 * var(--phone-rem));flex-direction:column;display:flex}.contact-bar__link{transition:scale .2s;display:block}.contact-bar__link:hover,.contact-bar__link:focus-visible{scale:1.1}.contact-bar__icon{width:calc(2 * var(--phone-rem));height:calc(2 * var(--phone-rem));object-fit:contain}.contact-bar__status{font-family:var(--font-body);color:var(--color-text);white-space:nowrap;font-weight:300;line-height:1.8;display:none}.contact-bar__handle,.contact-bar__line{display:none}.contact-bar.contact-bar--docked{top:var(--dock-top,50%);z-index:20;margin:0;position:fixed;left:100%}.contact-bar.contact-bar--open{left:auto;right:0}.contact-bar--tucked .contact-bar__handle{background-color:var(--color-glass);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;width:1.25rem;height:3.5rem;display:grid;position:absolute;top:50%;right:100%;translate:0 -50%}.contact-bar__handle:before{content:"";background-color:var(--color-text);border-radius:1px;width:2px;height:1.5rem}@media screen and (width>=40em){.contact-bar{align-items:center;gap:.875rem;padding:.625rem 1.25rem}.contact-bar__links{gap:calc(1.5rem + .375 * var(--fluid));flex-direction:row}.contact-bar__icon{width:calc(1.75rem + .25 * var(--fluid));height:calc(1.75rem + .25 * var(--fluid))}.contact-bar--tucked .contact-bar__handle{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:1.5rem;height:auto;top:0;bottom:0;right:0;translate:none}.contact-bar--tucked:before{content:"";width:100vw;position:absolute;top:0;bottom:0;right:100%}.contact-bar__handle:before{display:none}.contact-bar__line{background-color:var(--color-text);pointer-events:none;border-radius:1px;width:1.5px;height:2rem;margin-block:auto;display:block;position:absolute;top:0;bottom:0;left:0}.contact-bar__status{font-size:calc(1.125rem + .125 * var(--fluid));padding-left:.875rem;display:block;overflow:hidden}.contact-bar__status-text{display:block}}:where(.drop){width:var(--w);mix-blend-mode:multiply;pointer-events:none;display:block}@media (prefers-reduced-motion:no-preference){:where(.drop){opacity:0}}.drop svg{width:100%;height:auto;rotate:var(--r,0deg);overflow:visible}.drops{pointer-events:none;height:0;display:grid;container-type:inline-size}.drops--hero{max-width:var(--max-width);margin-inline:auto}.drops__grid{--cell:calc(100cqw / 96);grid-template-columns:repeat(144, var(--cell));grid-template-rows:repeat(144, var(--cell));margin-top:calc(-1 * var(--up,0) * var(--cell));margin-left:calc(-16 * var(--cell));display:grid}.drops__drop{place-self:start;display:none}.drops__drop--p{display:block}@media screen and (width>=40em){.drops__drop--p{display:none}.drops__drop--t{display:block}}@media screen and (width>=50em){.drops__drop--t{display:none}.drops__drop--d{display:block}}.drops__drop--d70{--w:15.888cqw;--r:132.87deg;grid-area:7/9}.drops--intro{--up:112}.drops__drop--d62{--w:31.259cqw;grid-area:58/83}.drops__drop--d63{--w:25.243cqw;--r:19.62deg;grid-area:52/74}.drops__drop--d64{--w:19.734cqw;grid-area:70/46}.drops__drop--d65{--w:32.507cqw;--r:-42.59deg;grid-area:75/57}.drops__drop--d66{--w:6.962cqw;grid-area:95/89}.drops__drop--d67{--w:6.867cqw;grid-area:90/36}.drops__drop--d68{--w:3.292cqw;grid-area:104/27}.drops__drop--t63{--w:32.98cqw;--r:19.62deg;grid-area:17/92}.drops__drop--t64{--w:28.045cqw;grid-area:38/35}.drops__drop--t65{--w:43.19cqw;--r:-42.59deg;grid-area:37/52}.drops__drop--t66{--w:9.894cqw;grid-area:74/95}.drops__drop--t67{--w:9.758cqw;grid-area:66/20}.drops__drop--t68{--w:4.678cqw;grid-area:86/22}.drops__drop--p62{--w:50.601cqw;--r:-76.5deg;grid-area:51/49}.drops__drop--p63{--w:46.375cqw;--r:-13deg;grid-area:55/90}.about{z-index:4;row-gap:calc(.5 * var(--phone-rem));padding-inline:var(--gutter);grid-template-rows:repeat(3,auto) 1fr;grid-template-columns:minmax(0,1fr);margin-top:-1rem;display:grid;position:relative}.about__headline{width:calc(21.1875 * var(--phone-rem));white-space:nowrap;font-family:var(--font-display);font-size:calc(4 * var(--phone-rem));letter-spacing:var(--tracking-tight);text-align:right;grid-area:1/1;justify-self:end;font-weight:500;line-height:1.06}.about__headline em{font-style:italic}.about__break--tablet{display:none}.about__media{margin-top:calc(-2.4375 * var(--phone-rem));grid-area:2/1;place-self:start;display:grid}.about__media>*{grid-area:1/1}.about__photo{width:calc(10.75 * var(--phone-rem));height:calc(14.4375 * var(--phone-rem));border:calc(.375 * var(--phone-rem)) solid var(--color-text);object-fit:cover;object-position:bottom}.about__media--extra{margin-top:0;margin-bottom:calc(-.75 * var(--phone-rem));grid-area:4/1;justify-self:end}.about__photo--extra{width:calc(9.875 * var(--phone-rem));aspect-ratio:1;border-width:calc(.344 * var(--phone-rem));height:auto}.about__drop,.about__lps{width:var(--w);height:auto;margin-inline:calc(-.5 * var(--w));align-self:center}.about__lps{display:none}.about__drop{z-index:-1;display:none}.about__drop--phone-1{--w:calc(10.81 * var(--phone-rem));--r:49.74deg;justify-self:end;display:block}.about__drop--phone-2{--w:calc(8.434 * var(--phone-rem));--r:84.93deg;justify-self:start;display:block}.about__content{z-index:1;flex-direction:column;grid-area:3/1;margin-top:1rem;display:flex}.about__title{font-family:var(--font-mono);font-size:min(calc(2.5 * var(--phone-rem)), (100vw - 2 * var(--gutter)) / 8.4);white-space:nowrap;letter-spacing:var(--tracking-tight);font-weight:600;line-height:normal}.about__text{margin-top:var(--title-gap);font-size:calc(1 * var(--phone-rem));flex-direction:column;gap:1.6em;line-height:1.6;display:flex}.about__actions{gap:1.875rem;display:none}@media screen and (width>=37em){.about{row-gap:calc(1.5 * var(--tablet-rem));min-height:calc(66.125 * var(--tablet-rem));margin-top:calc(.875 * var(--tablet-rem))}.about__headline{width:calc(36.0625 * var(--tablet-rem));margin-right:calc(-1 * var(--gutter));font-size:calc(4 * var(--tablet-rem));letter-spacing:-.02em;text-align:left;line-height:1.6}.about__break--phone{display:none}.about__break--tablet{display:revert}.about__media{margin-top:calc(-6.1875 * var(--tablet-rem));justify-self:end}.about__photo{box-sizing:content-box;width:calc(14 * var(--tablet-rem));height:calc(18.75 * var(--tablet-rem));border-width:calc(.5 * var(--tablet-rem));object-fit:fill}.about__media--extra,.about__drop--phone-1,.about__drop--phone-2{display:none}.about__drop--1,.about__drop--2,.about__drop--3{display:block}.about__drop--1{--w:calc(17.609 * var(--tablet-rem));--r:-17.79deg;justify-self:start}.about__drop--2,.about__drop--3{margin-inline:0;margin-bottom:calc(-.5 * var(--w));grid-area:3/1/5/2;place-self:end start}.about__drop--2{--w:calc(11.905 * var(--tablet-rem));--r:95.96deg}.about__drop--3{margin-left:calc(5.1875 * var(--tablet-rem));--w:calc(10.185 * var(--tablet-rem));--r:145.38deg}.about__content{width:calc(45.75 * var(--tablet-rem));margin-top:0}.about__title{font-size:calc(2.5 * var(--tablet-rem))}.about__text{font-size:calc(1.25 * var(--tablet-rem))}.about__actions{margin-top:calc(1.75 * var(--tablet-rem));justify-content:center;display:flex}}@media screen and (width>=64em){.about{grid-template-columns:calc(7.25 * var(--desktop-rem)) auto minmax(0, 1fr);column-gap:calc(2.9375 * var(--desktop-rem));min-height:calc(var(--tree-w) * (.7024 - .0243) + 13.625 * var(--desktop-rem));margin-top:calc(-13.625 * var(--desktop-rem));grid-template-rows:1fr auto auto 1fr;row-gap:0}.about__headline{grid-area:2/1/3/-1;grid-template-columns:subgrid;width:auto;font-size:calc(4 * var(--desktop-rem));letter-spacing:0;justify-self:stretch;margin-right:0;display:grid}.about__break--tablet{display:none}.about__line:first-child{display:contents}.about__lead{margin-right:calc(.25em - 2.9375 * var(--desktop-rem));grid-area:1/1/2/3;justify-self:end}.about__rest{grid-area:1/3}.about__line+.about__line{margin-top:calc(-1.25 * var(--desktop-rem));grid-area:2/3}.about__media{margin-top:calc(-2.3125 * var(--desktop-rem));grid-area:3/2;justify-self:start}.about__photo{width:calc(14 * var(--desktop-rem));height:calc(18.75 * var(--desktop-rem));border-width:calc(.5 * var(--desktop-rem))}.about__media--extra{margin:calc(-11.1875 * var(--desktop-rem)) calc(4.5625 * var(--desktop-rem)) 0 0;grid-area:2/3;place-self:start end;display:grid}.about__photo--extra{width:calc(11.375 * var(--desktop-rem));border-width:calc(.5 * var(--desktop-rem));height:auto}.about__lps{z-index:1;margin-bottom:calc(-3.25 * var(--desktop-rem));--w:calc(9.6875 * var(--desktop-rem));place-self:end start;display:block}.about__drop--1,.about__drop--2,.about__drop--3{display:none}.about__content{width:calc(45.75 * var(--desktop-rem));margin-top:calc(2.25 * var(--desktop-rem));grid-area:3/3}.about__title{font-size:calc(2.5 * var(--desktop-rem))}.about__text{font-size:max(1rem, calc(1.25 * var(--desktop-rem)))}.about__actions{margin-top:calc(2.5 * var(--desktop-rem));justify-content:start}}.spray{opacity:0}.projects{row-gap:calc(2.5 * var(--phone-rem));padding-inline:var(--gutter);margin-top:calc(6.625 * var(--phone-rem));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.projects__header{z-index:2;width:100%;max-width:calc(var(--max-width) - 2 * var(--gutter));grid-area:1/1;justify-self:center}.projects__title{font-family:var(--font-mono);font-size:calc(2.5 * var(--phone-rem));letter-spacing:var(--tracking-tight);font-weight:600;line-height:normal}.projects__subtitle{margin-top:var(--title-gap);line-height:1.6;display:none}.projects__stage{width:var(--tree-w);min-height:0;margin-left:calc(-1 * var(--gutter) - 3.225 * var(--phone-rem));aspect-ratio:1292/1864;grid-area:2/1;grid-template-rows:repeat(16,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));justify-self:start;display:grid}.projects__stage>*{align-self:start}.projects__tree{z-index:2;pointer-events:none;grid-area:1/1/-1/-1;width:100%;max-width:none;height:auto}.projects__shine{z-index:2;aspect-ratio:1292/1640;background:linear-gradient(100deg, color-mix(in srgb, var(--color-black) 50%, transparent) 0%, transparent 30%, color-mix(in srgb, var(--color-white) 70%, transparent) 50%, transparent 70%, color-mix(in srgb, var(--color-black) 50%, transparent) 100%);mix-blend-mode:soft-light;pointer-events:none;background-position:100% 0;background-size:250% 100%;grid-area:1/1/-1/-1;width:100%;-webkit-mask:url(/images/tree.webp) 50%/100% 100% no-repeat;mask:url(/images/tree.webp) 50%/100% 100% no-repeat}.projects__roots{z-index:1;pointer-events:none;grid-area:12/4/auto/-1;width:54.71%;margin:11.28% 0 0 9.59%;-webkit-mask-image:linear-gradient(#000 20%,#0000 94%);mask-image:linear-gradient(#000 20%,#0000 94%)}.projects__roots svg{width:100%;height:auto;overflow:visible}.projects__drop{z-index:1;pointer-events:none;width:100%;height:auto;display:none}.projects__drop--phone{width:calc(11.4554 * var(--phone-rem));margin-top:-4rem;margin-right:calc(-1 * var(--gutter));grid-area:2/1/3/2;place-self:start end;display:block}.projects__waterfall{z-index:3;width:100%;margin-top:calc(var(--tree-w) * .012);margin-left:calc(var(--tree-w) * -.099);pointer-events:none;grid-area:12/1/auto/6;display:grid}.projects__waterfall>*{grid-area:1/1;width:100%;height:auto}.projects__grass{display:none}.projects__spray{overflow:visible}.projects__list{z-index:3;justify-self:center;gap:calc(2 * var(--phone-rem));flex-direction:column;grid-area:1/2/-1/7;display:flex}.card{--award-size:max(5.25rem, 24cqw);width:calc(17.0833 * var(--phone-rem));aspect-ratio:100/65.91;container-type:inline-size}.card__link{height:100%;color:var(--color-text);grid-template:". . .info."3.385cqw".photo.info."59.14cqw". . .info."1fr/3.125cqw 93.49cqw 4.25cqw 75.52cqw 5.21cqw;text-decoration:none;display:grid}.card__panel{background-color:var(--color-card);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);grid-area:1/1/-1/-1;justify-self:start;width:100cqw}.card__media{z-index:1;grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:photo;display:grid;overflow:hidden}.card__media>*{grid-area:1/1}.card__img{object-fit:cover;width:100%;height:100%}.card__info{opacity:0;visibility:hidden;flex-direction:column;grid-area:info;justify-content:safe center;gap:4.167cqw;display:flex}.card__title{font-family:var(--font-display);letter-spacing:var(--tracking-tight);text-wrap:balance;font-size:2rem;font-weight:500;line-height:1.1}.card__description{margin-top:-3.125cqw;font-size:4.167cqw;line-height:1.5}.card__labels{text-wrap:balance;margin-bottom:-1.563cqw;line-height:0}.card__label{background-color:var(--color-chip);font-family:var(--font-mono);letter-spacing:var(--tracking-tight);white-space:nowrap;margin:0 1.563cqw 1.563cqw 0;padding:.781cqw 2.083cqw;font-size:3.906cqw;line-height:1.5;display:inline-block}.card__course{background-color:color-mix(in srgb, var(--color-label-strong) 75%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-bg);font-family:var(--font-mono);white-space:nowrap;place-self:start;margin:3.385cqw 0 0 3.125cqw;padding:1.302cqw 2.604cqw;font-size:4cqw;line-height:1.4}.card__course--award{margin-left:calc(var(--award-size) - 4cqw - 3.125cqw + 2cqw)}.card__award{z-index:2;width:var(--award-size);aspect-ratio:1;background-color:var(--color-accent);color:var(--color-text);pointer-events:none;border-radius:50%;grid-area:1/1/3/3;place-self:start;place-items:center;margin:-4cqw 0 0 -4cqw;display:grid}.card__award>*{grid-area:1/1}.card__award .text-ring{width:84%;animation-duration:14s}.card__award text{letter-spacing:0;font-size:13px}.card__award-logo{aspect-ratio:198/130;width:42%;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;background-color:currentColor}.card__award-place{font-family:var(--font-display);font-size:max(1.25rem,5.75cqw);font-weight:500;line-height:1}.card__tag{background-color:var(--color-chip);font-family:var(--font-display);place-self:end start;margin:0 0 3.385cqw 3.125cqw;padding:1.302cqw 2.604cqw;font-size:5.859cqw;font-weight:500;line-height:1.4}.projects--orbit .projects__list{z-index:auto;pointer-events:none;grid-area:1/1/-1/-1;place-self:stretch stretch;display:grid}.projects--orbit .projects__item{pointer-events:auto;grid-area:1/1;place-self:start}@media screen and (width>=37em){.projects{row-gap:calc(1.375 * var(--tablet-rem))}.projects__title{font-size:calc(2.5 * var(--tablet-rem))}.projects__subtitle{font-size:calc(1.375 * var(--tablet-rem));display:block}.projects__drop--phone{display:none}.projects__stage{justify-self:center;margin-left:0}.projects__drop--2,.projects__drop--3,.projects__drop--4,.projects__drop--5{display:block}.projects__waterfall{margin-left:calc(var(--tree-w) * -.01)}.projects__drop--2{grid-area:2/3/auto/6}.projects__drop--3{--r:6.08deg;grid-area:9/10/auto/12}.projects__drop--4{--r:35.87deg;grid-area:11/12/auto/13}.projects__drop--5{--r:-71.11deg;grid-area:10/11/auto/12}.projects__list{gap:calc(2 * var(--tablet-rem));grid-area:2/1/-1/-1}.card{width:calc(18.8072 * var(--tablet-rem) + 5.1928 * var(--fluid))}}@media screen and (width>=40em){.projects{margin-top:calc(-4.3125 * var(--tablet-rem) + 2.6875 * var(--fluid))}}@media screen and (width>=64em){.card__tag{display:none}.projects__grass{display:block}.projects__drop--1{--r:-17.79deg;grid-area:3/1/auto/5;display:block}.projects__drop--5{--r:0deg}.projects__waterfall{margin-left:calc(var(--tree-w) / -24);grid-column:1/7}.projects--orbit .card__panel{width:calc(100cqw + 81.585cqw * var(--open,0));background-color:color-mix(in srgb, var(--color-sky) calc((67 + 23 * var(--open,0)) * 1%), transparent);-webkit-backdrop-filter:blur(calc(2px + 6px * var(--open,0)));backdrop-filter:blur(calc(2px + 6px * var(--open,0)))}.projects--orbit .card__info{visibility:visible;opacity:clamp(0, var(--open,0) * 2 - 1, 1);translate:calc(-1.5rem * (1 - var(--open,0))) 0}}@media screen and (width>=64em) and (hover:hover){.projects:not(.projects--orbit) .card__panel{transition:width .3s var(--ease-in-out) 50ms}.projects:not(.projects--orbit) .card__info{transition:opacity .12s,translate .12s,visibility 0s .12s;translate:-1.5rem}.projects:not(.projects--orbit) .projects__item:has(.card__link:hover,.card__link:focus-visible){z-index:1}.projects:not(.projects--orbit) .card__link:hover .card__panel,.projects:not(.projects--orbit) .card__link:focus-visible .card__panel{width:181.585cqw;transition-delay:0s}.projects:not(.projects--orbit) .card__link:hover .card__info,.projects:not(.projects--orbit) .card__link:focus-visible .card__info{opacity:1;visibility:visible;transition:opacity .35s .3s, translate .5s var(--ease-out) .3s;translate:0}}.river{pointer-events:none;overflow:visible}.river__path{fill:none}.river__skill{opacity:0}.river__skill rect{fill:color-mix(in srgb, var(--color-white) 87%, transparent)}.river__skill text{font-family:var(--font-mono);letter-spacing:var(--tracking-tight);fill:var(--color-text);text-anchor:middle;dominant-baseline:central;font-size:13px}.intro{--photo-border:.3rem;--motto-size:clamp(4.5rem, 10vw, 8rem);--me-gap:calc(3.5 * var(--phone-rem));--top-gap:calc(100vw - 8.5rem);z-index:2;margin-top:calc(var(--top-gap) - 50svh + .6 * var(--motto-size));position:relative}.intro__screen,.intro__content{padding-inline:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:.5rem;display:grid}.intro__screen{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);height:100svh;overflow-x:clip}.intro__motto{z-index:1;grid-area:2/1/auto/-1}.intro__track{width:max-content;font-family:var(--font-display);font-size:var(--motto-size);gap:.35em;font-weight:500;line-height:1.2;display:flex;position:relative}.intro__word{white-space:nowrap;align-items:center;gap:.35em;display:flex}.intro__word:last-child{font-style:italic}.intro__star{width:.7em;height:auto}.intro__drops{margin-inline:calc(-1 * var(--gutter));grid-area:2/1/auto/-1;align-self:start}.intro__drop--behind{z-index:-1;--w:calc(19.375 * var(--phone-rem));margin:calc(3.2 * var(--phone-rem)) 0 0 calc(1.23 * var(--phone-rem));grid-area:1/1/auto/-1;place-self:start}@media screen and (width>=40em){.intro__drop--behind{display:none}}.intro__photo,.intro__me-start{aspect-ratio:3/4;width:100%;height:auto}.intro__photo{z-index:2;border:var(--photo-border) solid var(--color-text);object-fit:cover;background-color:var(--color-placeholder)}.intro__shot{padding:0;overflow:hidden}.intro__shot:focus-visible{outline:.25rem solid var(--color-accent-dark);outline-offset:.25rem}.intro__shot-img{object-fit:cover;width:100%;height:100%}.intro__photo--top{display:none}.intro__photo--side{width:calc(8.5 * var(--phone-rem));margin-right:calc(1.25 * var(--phone-rem));aspect-ratio:16/10;grid-area:1/1/auto/-1;place-self:end;margin-bottom:1rem}.intro__me-start{width:calc(.8 * 12.1875 * var(--phone-rem));margin-top:1rem;margin-left:calc(4.0625 * var(--phone-rem));visibility:hidden;grid-area:3/1/auto/-1;place-self:start}.intro__content{margin-top:calc(var(--me-gap) - 50svh + .6 * var(--motto-size));grid-template-rows:auto auto auto}.intro__photo--me{z-index:2;width:calc(12.1875 * var(--phone-rem));margin-left:calc(2.6875 * var(--phone-rem));border-width:calc(var(--photo-border) / var(--me-scale,1));grid-area:1/1/auto/-1;place-self:end start}.intro__island{z-index:0;width:max(calc(24.1875 * var(--phone-rem)), calc(100vw - var(--gutter) + .375 * var(--phone-rem)));max-width:none;height:auto;margin-top:calc(-7.125 * var(--phone-rem));margin-left:calc(-.375 * var(--phone-rem));grid-area:2/1/auto/-1;justify-self:start;scale:-1 1}.intro__river{display:none}.intro__text-block{z-index:4;margin-top:calc(-5 * var(--phone-rem));grid-area:3/1/auto/-1}.intro__title{font-family:var(--font-mono);font-size:calc(2.5 * var(--phone-rem));letter-spacing:var(--tracking-tight);font-weight:600;line-height:normal}.intro__text{margin-top:var(--title-gap);font-size:calc(1.125 * var(--phone-rem));white-space:nowrap;line-height:1.6}.intro__actions{margin-top:1.25rem}@media screen and (width>=40em){.intro__photo--top{margin-bottom:calc(3 * var(--tablet-rem));grid-area:1/2/auto/span 3;align-self:end;display:block}.intro__photo--side{width:auto;margin-right:calc(-1 * var(--gutter) - 2 * var(--tablet-rem));grid-column:9/span 4;justify-self:stretch;margin-bottom:0}.intro__screen,.intro__content{column-gap:1rem}.intro{--photo-border:.4rem;--me-gap:calc(6.6875 * var(--tablet-rem) + 6.875 * var(--fluid))}.intro__me-start{width:calc(.83 * (13.4375 * var(--tablet-rem) + 3.5625 * var(--fluid)));margin-top:calc(1.0625 * var(--tablet-rem));margin-left:calc(6.6875 * var(--tablet-rem) + 13.6875 * var(--fluid))}.intro__content{grid-template-rows:auto auto}.intro{--top-gap:calc(66vw - 6.25rem)}.intro__photo--me{width:calc(13.4375 * var(--tablet-rem) + 3.5625 * var(--fluid));margin-left:calc(4.4375 * var(--tablet-rem) + 13.6875 * var(--fluid));align-self:end}.intro__text-block{margin-top:0;margin-left:calc(19.625 * var(--tablet-rem) + 19.125 * var(--fluid));grid-row:1;place-self:end start}.intro__title{font-size:calc(2.5 * var(--tablet-rem))}.intro__text{font-size:calc(1.375 * var(--tablet-rem))}.intro__actions{gap:1rem;margin-top:1.4375rem}.intro__island,.intro__river{grid-row:2}.intro__island{width:calc(37.25 * var(--tablet-rem) + 12.9375 * var(--fluid));margin-top:calc(-8 * var(--tablet-rem) - 4.9375 * var(--fluid));margin-left:calc(-1 * var(--gutter) - 4.5 * var(--tablet-rem) + 4.5 * var(--fluid));scale:none}.intro__river{--figma-w:calc(66.75 * var(--tablet-rem) + 23.25 * var(--fluid));--grow:calc(max(var(--tree-w) * 1.3098, 100vw + 4rem) - var(--figma-w));z-index:1;width:calc(var(--figma-w) + var(--grow));max-width:none;height:auto;margin-top:calc(-6.125 * var(--tablet-rem) - 4.3125 * var(--fluid) - .148 * var(--grow));margin-left:calc(-1 * var(--gutter) - 4.46875 * var(--tablet-rem) + 4.46875 * var(--fluid) - .069 * var(--grow));grid-column:1/-1;justify-self:start;display:grid}.intro__river>*{grid-area:1/1;width:100%;height:auto}}@media screen and (width>=50em){.intro{--top-gap:calc(56vw - 13.75rem)}.intro__actions{gap:1.5rem}}@media screen and (width>=64em){.intro__screen,.intro__content{column-gap:3rem}.intro{--photo-border:.5rem}.intro__photo--top{grid-column:8/span 2}.intro__photo--side{grid-area:3/10/auto/span 3;align-self:start;margin-top:-1rem;margin-bottom:0;margin-right:0}.intro__me-start{grid-column:2/span 2;justify-self:stretch;width:100%;margin-top:-1rem;margin-left:0}.intro__actions{margin-top:2rem}}@media (prefers-reduced-motion:reduce){.intro__track{flex-wrap:wrap;width:auto}.intro__screen{grid-template-rows:var(--top-gap) auto auto;height:auto}.intro,.intro__content{margin-top:0}}
