*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #0d0c14;--ink-raise: #16151f;--ink-raise-2: #1e1d2b;--paper: #f4f2ee;--paper-dim: #a7a2b4;--paper-faint: #726d82;--hair: rgba(244, 242, 238, .16);--hair-soft: rgba(244, 242, 238, .08);--grain-opacity: .05;--topbar-fade-a: rgba(13, 12, 20, .9);--topbar-fade-b: rgba(13, 12, 20, 0);--accent: #ff5a3c;--accent-ink: #1a0a06;--c-leading: #1faf63;--c-industry: #4d7cff;--c-university: #b06cff;--c-personal: #ff9838;--display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--pad: clamp(1.25rem, 4.5vw, 5rem);--content-max: 1520px;--ease: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{--c-leading: #37d67a}:root[data-theme=light]{--ink: #f7f1e6;--ink-raise: #efe7d6;--ink-raise-2: #e6dbc4;--paper: #1c1811;--paper-dim: #6d6453;--paper-faint: #98917c;--hair: rgba(28, 24, 17, .14);--hair-soft: rgba(28, 24, 17, .07);--grain-opacity: .035;--topbar-fade-a: rgba(247, 241, 230, .92);--topbar-fade-b: rgba(247, 241, 230, 0)}html{color-scheme:dark;transition:background .4s var(--ease),color .4s var(--ease)}html[data-theme=light]{color-scheme:light}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden;transition:background .4s var(--ease),color .4s var(--ease)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}@media(pointer:fine){*{cursor:none!important}}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim)}.hero,.work,.index,.exp,.about{max-width:var(--content-max);margin-inline:auto}.contact,.foot{max-width:min(var(--content-max),calc(100% - 2 * var(--pad)));margin-inline:auto}.topbar{position:fixed;inset:0 0 auto 0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:clamp(.8rem,2vw,1.3rem);padding-inline:max(var(--pad),calc((100% - var(--content-max)) / 2 + var(--pad)));background:linear-gradient(to bottom,var(--topbar-fade-a),var(--topbar-fade-b));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;color:var(--paper)}.wordmark__avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 20%;transition:transform .5s var(--ease)}.wordmark:hover .wordmark__avatar{transform:scale(1.06)}.topbar__nav{display:flex;gap:clamp(1.2rem,3vw,2.6rem);justify-content:center}.topbar__nav a{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;color:var(--paper);position:relative;padding-bottom:2px}.topbar__nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.topbar__nav a:hover:after{transform:scaleX(1);transform-origin:left}.topbar__right{justify-self:end;display:inline-flex;align-items:center;gap:1rem}.theme-toggle{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);background:none;color:var(--paper);transition:border-color .3s var(--ease),transform .4s var(--ease)}.theme-toggle:hover{border-color:var(--accent);transform:rotate(18deg)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.hero{min-height:100svh;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:7rem var(--pad) clamp(2rem,4vw,3rem)}.hero__intro{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.hero__portrait{position:relative;isolation:isolate;aspect-ratio:4 / 5;opacity:0;transform:translateY(1.4rem) scale(.98);animation:rise 1.1s var(--ease) .35s forwards}.hero__portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:16px;background:var(--c-university);transform:translate(18px,18px);transition:transform .6s var(--ease)}.hero__portrait:hover:before{transform:translate(26px,26px)}.hero__portrait img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 15%;border-radius:16px;transition:transform 1.2s var(--ease)}.hero__portrait:hover img{transform:scale(1.02)}.hero__portrait figcaption{position:absolute;z-index:2;left:1rem;bottom:1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;mix-blend-mode:difference}.hero__eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);opacity:0;animation:rise .9s var(--ease) .1s forwards}.hero__title{font-family:var(--display);font-weight:500;font-size:clamp(2.6rem,6.6vw,6.6rem);line-height:.96;letter-spacing:-.025em;max-width:15ch}.hero__title span{display:block;opacity:0;transform:translateY(.4em);animation:rise 1s var(--ease) forwards}.hero__title span:nth-child(1){animation-delay:.18s}.hero__title span:nth-child(2){animation-delay:.3s}.hero__title span:nth-child(3){animation-delay:.42s}.hero__title em{font-style:italic;font-weight:500;position:relative;white-space:nowrap}.hero__title em{color:var(--accent)}.hero__title em:after{content:"";position:absolute;left:0;bottom:.08em;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:draw .9s var(--ease) 1.1s forwards}.hero__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--hair);padding-top:clamp(1.4rem,2.5vw,2rem);opacity:0;animation:rise 1s var(--ease) .6s forwards}.hero__foot p{max-width:46ch;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.55;color:var(--paper)}.hero__cue{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);white-space:nowrap}.hero__cue svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;animation:bob 2.2s var(--ease) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.work{padding:clamp(4rem,10vh,8rem) var(--pad) clamp(3rem,6vh,5rem)}.work__head{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:clamp(2rem,5vw,3.4rem)}.work__head h2{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,6vw,5rem);line-height:.98;letter-spacing:-.025em}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,2.6vw,2.2rem)}.card{--chip: var(--accent);grid-column:span 1;display:flex;flex-direction:column;color:inherit;background:transparent;border-radius:22px;padding:.7rem .7rem 1.4rem;transition:background .4s var(--ease),transform .4s var(--ease)}.card:hover{background:color-mix(in srgb,var(--chip) 9%,transparent);transform:translateY(-4px)}.card--wide{grid-column:span 2}.card__media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16 / 10;background:var(--ink-raise);border:1px solid var(--hair-soft);transition:border-color .4s var(--ease)}.card:hover .card__media{border-color:color-mix(in srgb,var(--chip) 40%,transparent)}.card--wide .card__media{aspect-ratio:21 / 9}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s var(--ease)}.card:hover .card__media img{transform:scale(1.045)}.card__tag{position:absolute;top:.9rem;left:.9rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--chip);padding:.32rem .7rem;border-radius:100px}.card__meta{padding:1.1rem .6rem 0}.card__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.card__name{font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.02em;transition:color .3s var(--ease)}.card:hover .card__name{color:var(--chip)}.card__year{font-family:var(--mono);font-size:.74rem;color:var(--paper-faint);white-space:nowrap}.card__blurb{margin-top:.5rem;color:var(--paper-dim);font-size:.98rem;line-height:1.5;max-width:46ch}.card__role{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-faint)}.card__role i{color:var(--chip);transform:translate(-3px,3px);opacity:0;transition:transform .3s var(--ease),opacity .3s var(--ease)}.card:hover .card__role i{transform:none;opacity:1}[data-reveal]{opacity:0;transform:translateY(1.6rem);transition:opacity .9s var(--ease),transform .9s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.hero__hi{font-size:.42em;font-weight:400;letter-spacing:-.01em;color:var(--paper-dim)}.hl{background:var(--accent);color:var(--accent-ink);padding:0 .12em;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hl--violet{background:var(--c-university);color:#1d0836}.hl--blue{background:var(--c-industry);color:#f5f3ef}.hl--green{background:var(--c-leading);color:#04220f}.index{padding:clamp(6rem,14vh,12rem) var(--pad) clamp(4rem,8vh,7rem)}.index__head{display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.6rem}.index__head h2{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,6vw,5rem);line-height:.98;letter-spacing:-.025em}.index__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.index__filters button{background:none;border:1px solid var(--hair);border-radius:100px;padding:.5rem 1.1rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.02em;color:var(--paper-dim);transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}.index__filters button:hover{color:var(--paper);border-color:var(--chip, var(--paper-dim))}.index__filters button.is-active{background:var(--chip);border-color:var(--chip);color:#14100a}.index__list{list-style:none;border-top:1px solid var(--hair)}.index__row{display:grid;grid-template-columns:3rem minmax(0,1.6fr) minmax(0,1fr) 9rem 7rem 1.5rem;align-items:baseline;gap:1.2rem;padding:clamp(1.1rem,2.2vw,1.9rem) .4rem;border-bottom:1px solid var(--hair);color:var(--paper);transition:padding-left .4s var(--ease),color .3s var(--ease)}.index__row{border-radius:14px;transition:padding-left .4s var(--ease),color .3s var(--ease),background .35s var(--ease)}.index__row:hover{padding-left:1.4rem;background:color-mix(in srgb,var(--chip) 14%,transparent)}.index__num{font-family:var(--mono);font-size:.78rem;color:var(--chip);font-weight:500}.index__name{font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.7rem);line-height:1;letter-spacing:-.02em;transition:color .3s var(--ease)}.index__role,.index__cat,.index__year{font-family:var(--mono);font-size:.76rem;letter-spacing:.02em;color:var(--paper-dim)}.index__cat{display:inline-flex;align-items:center;gap:.45rem;text-transform:uppercase;font-size:.68rem;color:var(--chip)}.index__cat i{width:8px;height:8px;border-radius:50%;background:var(--chip, var(--paper-faint))}.index__row:hover .index__name{color:var(--chip)}.index__arrow{justify-self:end;color:var(--paper-faint);opacity:0;transform:translate(-4px,4px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.index__row:hover .index__arrow{opacity:1;transform:none;color:var(--chip)}.index__preview{position:fixed;top:0;left:0;z-index:30;width:min(30vw,340px);aspect-ratio:3 / 2;transform:translate3d(calc(var(--px, 0) - 50%),calc(var(--py, 0) - 50%),0) rotate(-3deg) scale(.9);border-radius:10px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease);box-shadow:0 30px 60px #00000080}.index__preview.is-shown{opacity:1;transform:translate3d(calc(var(--px, 0) - 50%),calc(var(--py, 0) - 50%),0) rotate(-3deg) scale(1)}.index__preview img{width:100%;height:100%;object-fit:cover;display:block}.marquee{overflow:hidden;background:#ff4d8d;color:#2a0616;padding:clamp(.8rem,1.6vw,1.3rem) 0;border-top:2px solid #2a0616;border-bottom:2px solid #2a0616}.marquee__track{display:inline-flex;align-items:center;white-space:nowrap;animation:marquee 26s linear infinite}.marquee__item{display:inline-flex;align-items:center;font-family:var(--display);font-weight:600;font-size:clamp(1.2rem,2.4vw,2rem);letter-spacing:-.01em;text-transform:uppercase;padding-left:1.4rem}.marquee__item i{font-style:normal;margin-left:1.4rem;opacity:.55}@keyframes marquee{to{transform:translate(-50%)}}.exp{padding:clamp(4rem,10vh,8rem) var(--pad)}.exp__head{margin-bottom:clamp(2.5rem,6vw,4rem);display:flex;flex-direction:column;gap:1.2rem}.exp__head h2{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,6vw,5rem);line-height:.98;letter-spacing:-.025em}.exp__list{list-style:none}.exp__row{display:grid;grid-template-columns:2.5rem 10rem 1fr;gap:clamp(1rem,3vw,2.5rem);padding-bottom:clamp(2.2rem,4vw,3.4rem)}.exp__rail{position:relative}.exp__rail:before{content:"";position:absolute;left:7px;top:1.4rem;bottom:calc(-1*clamp(2.2rem,4vw,3.4rem));width:2px;background:var(--hair)}.exp__row:last-child .exp__rail:before{display:none}.exp__dot{position:absolute;left:0;top:.35rem;width:16px;height:16px;border-radius:50%;background:var(--chip);box-shadow:0 0 0 5px color-mix(in srgb,var(--chip) 22%,transparent);transition:box-shadow .4s var(--ease)}.exp__row:hover .exp__dot{box-shadow:0 0 0 9px color-mix(in srgb,var(--chip) 26%,transparent)}.exp__when{display:flex;flex-direction:column;gap:.4rem;padding-top:.3rem}.exp__period{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;color:var(--paper-dim)}.exp__no{font-family:var(--mono);font-size:.72rem;color:var(--chip)}.exp__company{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.7rem);letter-spacing:-.02em;line-height:1;color:var(--chip)}.exp__title{font-size:.95rem;color:var(--paper-dim);margin-top:.2rem}.exp__summary{margin-top:1rem;max-width:58ch;line-height:1.6;color:var(--paper)}.exp__stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.exp__stack span{font-family:var(--mono);font-size:.72rem;color:var(--paper-dim);border:1px solid color-mix(in srgb,var(--chip) 40%,transparent);border-radius:100px;padding:.3rem .75rem;transition:border-color .3s var(--ease),color .3s var(--ease)}.exp__row:hover .exp__stack span{border-color:var(--chip);color:var(--paper)}.about{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,5rem);align-items:start;padding:clamp(3rem,8vh,6rem) var(--pad) clamp(4rem,10vh,8rem)}.about__lead{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1.18;letter-spacing:-.02em;margin-top:1.4rem;max-width:22ch}.about__detail{margin-top:1.8rem;max-width:52ch;font-size:1.05rem;line-height:1.65;color:var(--paper-dim)}.about__skills{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem;padding-top:.5rem}.about__skill h4{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--chip);margin-bottom:.9rem}.about__skill h4:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--chip)}.about__skill ul{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.about__skill li{font-size:.85rem;color:var(--paper);border:1px solid color-mix(in srgb,var(--chip) 38%,transparent);background:color-mix(in srgb,var(--chip) 9%,transparent);border-radius:100px;padding:.3rem .72rem;transition:background .3s var(--ease),border-color .3s var(--ease)}.about__skill li:hover{background:color-mix(in srgb,var(--chip) 22%,transparent);border-color:var(--chip)}.contact{min-height:82svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(1.6rem,4vw,2.6rem);padding:clamp(4rem,10vw,8rem) var(--pad);margin-block:clamp(2rem,5vw,4rem);border-radius:28px;background:var(--accent);color:var(--accent-ink)}.contact .eyebrow{color:var(--accent-ink);opacity:.72}.contact__title{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,6.4vw,5.4rem);line-height:1.02;letter-spacing:-.03em;max-width:16ch}.contact__mail{font-family:var(--display);font-size:clamp(1.3rem,3.4vw,2.4rem);font-weight:500;border-bottom:2px solid rgba(26,10,6,.35);padding-bottom:.15em;transition:border-color .4s var(--ease)}.contact__mail:hover{border-color:var(--accent-ink)}.contact__links{display:flex;gap:2rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink)}.contact__links a{position:relative;padding-bottom:3px;opacity:.82;transition:opacity .3s var(--ease)}.contact__links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--accent-ink);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.contact__links a:hover{opacity:1}.contact__links a:hover:after{transform:scaleX(1);transform-origin:left}.case{padding:clamp(7rem,16vh,11rem) var(--pad) clamp(4rem,8vh,7rem);max-width:1200px;margin:0 auto}.case__back{font-family:var(--mono);font-size:.8rem;color:var(--paper-dim);transition:color .3s var(--ease)}.case__back:hover{color:var(--paper)}.case__head{margin:clamp(2rem,5vw,3.5rem) 0 clamp(1.6rem,4vw,2.5rem)}.case__meta{display:flex;gap:1.4rem;font-family:var(--mono);font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;color:var(--paper-dim);margin-bottom:1.2rem}.case__title{font-family:var(--display);font-weight:500;font-size:clamp(2.6rem,8vw,6.5rem);line-height:.98;letter-spacing:-.03em}.case__blurb{margin-top:1.2rem;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--paper-dim);max-width:40ch}.case__hero{border-radius:14px;overflow:hidden;aspect-ratio:16 / 10;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.case__hero img{width:100%;height:100%;object-fit:cover;display:block}.case__hero--empty{display:grid;place-items:center;border:1px solid var(--hair);background:var(--ink-raise)}.case__hero--empty span{font-family:var(--display);font-size:clamp(2rem,6vw,4rem);color:var(--paper-faint)}.case__body{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,6vw,5rem);padding-bottom:clamp(3rem,8vw,6rem);border-bottom:1px solid var(--hair)}.case__lead p{margin-top:1.2rem;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.55}.case__aside h4{font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-faint);margin-bottom:.9rem}.case__aside ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.case__aside li{font-family:var(--mono);font-size:.76rem;color:var(--paper-dim);border:1px solid var(--hair);border-radius:100px;padding:.35rem .8rem}.case__visit{display:inline-block;font-family:var(--mono);font-size:.82rem;border-bottom:1px solid var(--paper-dim);padding-bottom:3px;transition:border-color .3s var(--ease)}.case__visit:hover{border-color:var(--paper)}.case__next{display:flex;flex-direction:column;gap:.6rem;padding-top:clamp(2rem,5vw,3.5rem)}.case__next-name{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:-.02em;transition:opacity .3s var(--ease)}.case__next:hover .case__next-name{opacity:.6}.foot__mid{color:var(--paper-dim)}.foot{display:flex;justify-content:space-between;margin-block:clamp(1.2rem,3vw,2.5rem);padding:1.8rem clamp(1.5rem,4vw,3rem);border-radius:22px;background:var(--c-university);color:#1d0836;font-family:var(--mono);font-size:.74rem;letter-spacing:.03em}.foot__mid{opacity:.75}.cursor{position:fixed;top:0;left:0;z-index:100;width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:width .35s var(--ease),height .35s var(--ease),background .35s var(--ease),opacity .3s var(--ease)}.cursor.is-visible{opacity:1}.cursor span{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#000;opacity:0;transition:opacity .25s var(--ease)}.cursor--link{width:58px;height:58px;background:#fff}.cursor--view{width:84px;height:84px;background:#fff}.cursor--view span{opacity:1}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes draw{to{transform:scaleX(1)}}@media(max-width:960px){.hero{grid-template-columns:1fr;justify-items:start;gap:clamp(1.6rem,5vw,2.4rem);padding-top:6rem}.hero__portrait{order:-1;width:min(58%,20rem)}.about,.case__body{grid-template-columns:1fr}}@media(max-width:720px){.topbar{grid-template-columns:1fr auto}.topbar__nav{display:none}.hero__title{font-size:clamp(2.4rem,13vw,5rem)}.index__row{grid-template-columns:2rem 1fr 3.5rem;row-gap:.3rem}.index__role,.index__cat{display:none}.index__year{justify-self:end}.index__arrow{display:none}.exp__row{grid-template-columns:1.75rem 1fr;gap:.5rem .9rem}.exp__rail{grid-row:1 / span 2}.exp__when{flex-direction:row;align-items:baseline;gap:.7rem;padding-top:.15rem}.about__skills{grid-template-columns:1fr}.index__preview{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero__eyebrow,.hero__title span,.hero__foot,.hero__portrait,[data-reveal]{opacity:1;transform:none}.hero__title em:after{transform:scaleX(1)}}