.about{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:80px;padding-bottom:100px;display:grid}.about__photo{justify-self:center;position:relative}.about__photo img{object-fit:cover;object-position:center 20%;width:360px;height:480px;box-shadow:var(--shadow);border-radius:28px}.about__tape{z-index:1;background:#d4577a61;border-radius:3px;width:112px;height:30px;position:absolute;top:-14px;left:50%;transform:translate(-50%)rotate(-4deg)}.about__hand{font:700 30px / 1 var(--font-hand);color:var(--rose);flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:70px;right:-104px;transform:rotate(-6deg)}.about__hand svg{width:58px;height:40px;margin-top:4px}.about__text p{max-width:58ch;margin:0 0 16px;font-size:17.5px;line-height:1.75}.about__text p b{color:var(--ink)}.about__text .display-2{margin-bottom:22px}.about__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.about__values li{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.about__values span{background:var(--rose-soft);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.band{background:var(--rose-bright);color:#fff;padding:18px 0;overflow:hidden}:root[data-theme=dark] .band{background:#b8456a}.band__track{width:max-content;animation:40s linear infinite band;display:flex}.band:hover .band__track{animation-play-state:paused}.band__group{display:flex}.band__group span{font:italic 400 26px var(--font-serif);font-variation-settings:"SOFT" 100;white-space:nowrap;align-items:center;gap:34px;padding-right:34px;display:inline-flex}.band__group i{opacity:.75;font-size:18px;font-style:normal}@keyframes band{to{transform:translate(-50%)}}@media (width<=1080px){.about__hand{flex-direction:row;align-items:center;gap:6px;bottom:-34px;right:-24px}.about__hand svg{transform:scaleY(-1)rotate(20deg)}}@media (width<=900px){.about{grid-template-columns:1fr;gap:64px;padding-bottom:80px}.about__photo img{width:290px;height:387px}.about__values{grid-template-columns:1fr}.band__group span{gap:24px;padding-right:24px;font-size:21px}}.contact{color:#fffaf6;background:#2b1d1a;border-radius:36px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:48px;padding:64px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .contact{border:1px solid var(--line);background:#2e1f24}.contact:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4577a8c,#0000 65%);border-radius:50%;width:460px;height:460px;position:absolute;top:-180px;right:-140px}.contact:after{content:"✦";color:#f083a4;opacity:.8;font-size:26px;position:absolute;top:48px;left:46%}.contact__intro,.contact__links{z-index:1;position:relative}.contact__me{align-items:center;gap:14px;display:flex}.contact__me img{object-fit:cover;border-radius:50%;width:64px;height:64px;box-shadow:0 0 0 3px #2b1d1a,0 0 0 5px #f083a4}.contact__me strong{font:500 20px var(--font-serif);font-variation-settings:"SOFT" 100;display:block}.contact__me span{color:#c7b3ab;font-size:14px}.contact h2{font:400 clamp(42px, 5.6vw, 76px) / 1 var(--font-serif);font-variation-settings:"SOFT" 100;letter-spacing:-.035em;margin:30px 0 0}.contact h2 em{color:#f083a4}.contact__links{gap:10px;display:grid}.contact__link{border:1px solid #fffaf629;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;transition:background-color .2s,transform .2s;display:flex}.contact__link:hover{background:#fffaf612;transform:translate(3px)}.contact__icon{background:#fffaf61a;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.contact__text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:15px;display:grid}.contact__text small{letter-spacing:.12em;text-transform:uppercase;color:#c7b3ab;font-size:11.5px;font-weight:600}.contact__link--primary{color:#2b1d1a;background:#f8dbe2;border-color:#0000}.contact__link--primary:hover{background:#fbe6eb}.contact__link--primary small{color:#9b5068}.contact__link--primary .contact__icon{color:#c94b70;background:#fff}@media (width<=960px){.contact{grid-template-columns:1fr;gap:36px;padding:44px 32px}}@media (width<=600px){.contact{border-radius:28px;padding:34px 20px 22px}.contact:after{top:30px;left:auto;right:26px}}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:linear-gradient(var(--rose-bright), var(--line));width:1.5px;position:absolute;top:12px;bottom:12px;left:260px}.role{grid-template-columns:260px minmax(0,1fr);padding-bottom:36px;display:grid;position:relative}.role:before{content:"";background:var(--bg);border:2px solid var(--rose-bright);border-radius:50%;width:13px;height:13px;position:absolute;top:10px;left:254px}.role:first-child:before{background:var(--rose-bright);box-shadow:0 0 0 5px var(--rose-soft)}.role__side{flex-direction:column;gap:8px;padding-right:36px;display:flex}.role__period{font:italic 400 22px / 1.2 var(--font-serif);font-variation-settings:"SOFT" 100;color:var(--rose)}.role__company{color:var(--ink);align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.role__company img{border-radius:8px;width:28px;height:28px}.role__card{border:1px solid var(--line);background:var(--paper);border-radius:28px;margin-left:40px;padding:30px 32px}.role__card h3{font:400 32px / 1.1 var(--font-serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px;margin:0;display:flex}.role__now{background:var(--rose-soft);color:var(--rose);font:600 12px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 11px}.role__summary{color:var(--muted);margin:8px 0 18px}.role__highlights{gap:10px;margin:0 0 22px;padding:0;list-style:none;display:grid}.role__highlights li{padding-left:24px;font-size:16px;line-height:1.65;position:relative}.role__highlights li:before{content:"✦";color:var(--rose-bright);font-size:13px;position:absolute;top:1px;left:0}.education{background:var(--rose-soft);border-radius:28px;margin-top:30px;padding:30px 32px}.education__title{font:400 28px var(--font-serif);font-variation-settings:"SOFT" 100;color:var(--ink);align-items:center;gap:10px;margin:0 0 22px;display:flex}.education__title .icon{color:var(--rose)}.education__list{grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.education__list li{background:var(--paper);color:var(--muted);border-radius:20px;flex-direction:column;gap:4px;padding:20px 22px;font-size:14.5px;display:flex}.education__list strong{font:500 19px / 1.25 var(--font-serif);font-variation-settings:"SOFT" 100;color:var(--ink)}.education__period{font:italic 400 15px var(--font-serif);color:var(--rose)}.education__note{background:var(--rose-soft);color:var(--rose);border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:600}@media (width<=900px){.timeline:before{left:6px}.role{grid-template-columns:1fr;gap:14px;padding-left:34px}.role:before{top:6px;left:0}.role__side{padding-right:0}.role__card{margin-left:0;padding:24px 22px}.role__card h3{font-size:26px}.education{padding:24px 20px}.education__list{grid-template-columns:1fr}}.gallery__head{text-align:center}.gallery .display-2{margin-bottom:12px}.gallery__sub{max-width:52ch;color:var(--muted);margin:0 auto 40px}.gallery__cta{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin-top:30px;font-size:14px;display:flex}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;padding-top:64px;padding-bottom:40px;display:grid}.hero__text{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero__title{font:400 clamp(56px, 7.4vw, 96px) / .96 var(--font-serif);font-variation-settings:"SOFT" 100, "opsz" 144;letter-spacing:-.035em;color:var(--ink);margin:24px 0 26px}.hero__title em{color:var(--rose);font-weight:300}.hero__lede{max-width:34ch;font:300 23px / 1.5 var(--font-serif);font-variation-settings:"SOFT" 100;margin:0 0 34px}.hero__lede b{color:var(--ink);font-weight:500}.hero__actions{flex-wrap:wrap;gap:16px;display:flex}.hero__meta{border-top:1px solid var(--line);flex-wrap:wrap;gap:18px 36px;margin:42px 0 0;padding-top:26px;display:flex}.hero__meta dt{font:400 30px / 1.1 var(--font-serif);font-variation-settings:"SOFT" 100;color:var(--ink)}.hero__meta dd{color:var(--muted);margin:4px 0 0;font-size:13px}.hero__visual{justify-self:center;animation:1s cubic-bezier(.2,.7,.2,1) .15s both rise;position:relative}.hero__arch{background:var(--rose-soft);border-radius:210px 210px 18px 18px;width:400px;height:530px;padding:14px;position:relative}.hero__arch:after{content:"";border:1.5px solid var(--rose-bright);opacity:.5;border-radius:224px 224px 26px 26px;position:absolute;inset:-14px}.hero__arch img{object-fit:cover;object-position:center 20%;border-radius:196px 196px 10px 10px;width:100%;height:100%}.hero__badge{color:#fffaf6;background:#2b1d1a;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:absolute;bottom:60px;left:-64px}.hero__badge svg{width:100%;height:100%;animation:24s linear infinite spin;position:absolute;inset:0}.hero__badge text{font:600 11px var(--font-sans);letter-spacing:.24em;text-transform:uppercase;fill:#fffaf6}.hero__badge span{color:var(--rose-bright);font-size:30px}.hero__note{border:1px solid var(--line);background:var(--paper);max-width:250px;box-shadow:var(--shadow);border-radius:18px;align-items:flex-start;gap:12px;padding:14px 18px 14px 14px;font-size:14px;line-height:1.45;display:flex;position:absolute;top:70px;left:-70px;transform:rotate(-3deg)}.hero__note img{border-radius:10px;flex:none;width:36px;height:36px}.hero__note b{font:italic 400 20px var(--font-serif);color:var(--rose);margin-bottom:2px;display:block}.hero__spark{color:var(--rose-bright);position:absolute}.hero__spark--1{font-size:30px;bottom:26px;right:6px}.hero__spark--2{opacity:.7;font-size:18px;top:8px;right:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width<=1080px){.hero__note{left:-30px}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:20px}.hero__visual{order:-1;margin-top:14px}.hero__arch{width:300px;height:398px}.hero__badge{width:112px;height:112px;bottom:30px;left:-34px}.hero__badge text{font-size:12px}.hero__note{max-width:190px;padding:10px 14px 10px 10px;font-size:12.5px;top:18px;left:-18px}.hero__note b{font-size:17px}.hero__note img{width:30px;height:30px}.hero__title{font-size:54px}.hero__lede{font-size:20px}.hero__meta dt{font-size:24px}}@media (width<=400px){.hero__arch{width:270px;height:360px}.hero__note{max-width:170px;left:-10px}.hero__title{font-size:46px}}.projects{gap:28px;display:grid}.project{border:1px solid var(--line);background:var(--paper);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:44px;padding:20px;display:grid}.project--flip .project__art{order:2}.project__art{border-radius:22px;height:420px;position:sticky;top:110px;overflow:hidden}.project__body{padding:18px 16px 18px 0}.project--flip .project__body{padding:18px 0 18px 16px}.project__num{font:italic 400 16px var(--font-serif);color:var(--rose)}.project h3{font:400 40px / 1.05 var(--font-serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;color:var(--ink);margin:8px 0 4px}.project__subtitle{color:var(--ink);margin:0 0 16px;font-weight:600}.project__desc{margin:0 0 18px;font-size:16.5px}.project__highlights{border-top:1px solid var(--line);gap:9px;margin:0 0 22px;padding:18px 0 0;list-style:none;display:grid}.project__highlights li{padding-left:22px;font-size:15px;line-height:1.6;position:relative}.project__highlights li:before{content:"";background:var(--rose-bright);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:2px}.art{place-items:center;padding:28px;display:grid;position:absolute;inset:0}.art--dwings{background:radial-gradient(circle at 15% 15%,#ffd9e4,#0000 55%),radial-gradient(circle at 85% 90%,#d7f2e6,#0000 55%),#fbeee8}.art--drafting{background:radial-gradient(circle at 85% 15%,#fff0c2,#0000 55%),radial-gradient(circle at 15% 85%,#ebe3ff,#0000 55%),#faf1ea;align-content:center;gap:16px}.art__window{color:#2b1d1a;background:#fff;border-radius:16px;grid-template-columns:118px 1fr;width:100%;max-width:440px;font-size:12.5px;display:grid;overflow:hidden;box-shadow:0 24px 50px -24px #2b1d1a73}.art__side{background:#fbf1ee;flex-direction:column;gap:4px;padding:16px 10px;display:flex}.art__route{color:#7d6c65;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-weight:500;display:flex}.art__route.is-on{color:#2b1d1a;background:#fff;font-weight:700;box-shadow:0 2px 6px #2b1d1a14}.art__route--locked{color:#c94b70}.art__form{flex-direction:column;padding:16px 18px 18px;display:flex}.art__form-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;display:flex}.art__role{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.art__form label{color:#7d6c65;margin:6px 0 4px;font-size:11px;font-weight:600}.art__input{background:#fffaf8;border:1px solid #efe2dc;border-radius:8px;align-items:center;height:32px;padding:0 10px;display:flex}.art__input--select:after{content:"▾";color:#7d6c65;margin-left:auto}.art__form-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.art__toggle{background:#d4577a;border-radius:999px;width:36px;height:20px;position:relative}.art__toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:3px;right:3px}.art__submit{color:#fff;background:#2b1d1a;border-radius:8px;padding:7px 14px;font-weight:700}.art__code{color:#f8ede7;background:#2b1d1a;border-radius:12px;padding:10px 14px;font:500 12px/1.4 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:24px;right:22px;transform:rotate(-2deg);box-shadow:0 16px 30px -14px #2b1d1a8c}.art__code .k{color:#f9a8d4}.art__code .s{color:#fde68a}.art__window--editor{grid-template-columns:1fr}.art__toolbar{color:#54443f;background:#fbf6f3;border-bottom:1px solid #f1e6e0;align-items:center;gap:12px;padding:10px 14px;display:flex}.art__toolbar-name{color:#7d6c65;margin-left:auto;font-size:11px;font-weight:600}.art__doc{gap:10px;padding:16px 18px 20px;display:grid}.art__doc p{color:#54443f;margin:0;line-height:1.9}.art__line{background:#f1e6e0;border-radius:4px;height:8px;display:block}.art__line--title{background:#f8dbe2;width:46%;height:12px}.art__var{color:#6d28d9;white-space:nowrap;background:#f1ecff;border:1px solid #d9ccfb;border-radius:6px;padding:1px 6px;font:600 11px ui-monospace,SF Mono,Menlo,monospace}.art__table{color:#54443f;background:#fff;border-radius:14px;width:88%;max-width:400px;padding:12px 14px;font-size:11.5px;transform:rotate(1.5deg);box-shadow:0 18px 36px -22px #2b1d1a73}.art__filters{align-items:center;gap:6px;margin-bottom:10px;display:flex}.art__filters span{color:#c94b70;background:#fde8ee;border-radius:999px;padding:3px 9px;font-weight:600}.art__rows{gap:6px;display:grid}.art__rows span{background:#f4ece7;border-radius:5px;height:10px}.art__rows span:nth-child(2){width:82%}@media (width<=960px){.project,.project--flip{border-radius:26px;grid-template-columns:1fr;gap:8px;padding:12px}.project--flip .project__art{order:0}.project__art{height:330px;position:relative;top:0}.project__body,.project--flip .project__body{padding:16px 10px 12px}.project h3{font-size:32px}.art{padding:16px}.art__window{grid-template-columns:96px 1fr;font-size:11.5px}.art__window--editor{grid-template-columns:1fr}.art__code{font-size:11px;bottom:14px;right:14px}}.skills{border:1px solid var(--line);background:var(--paper);border-radius:28px;margin:0;padding:8px 32px}.skills__row{border-bottom:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);align-items:center;gap:24px;padding:22px 0;display:grid}.skills__row:last-child{border-bottom:0}.skills dt{font:400 26px var(--font-serif);font-variation-settings:"SOFT" 100;color:var(--ink);align-items:baseline;gap:14px;display:flex}.skills dt span{font:italic 400 15px var(--font-serif);color:var(--rose)}.skills dd{margin:0}.skills .tag{padding:7px 15px;font-size:14.5px;transition:background-color .2s,color .2s,border-color .2s}.skills .tag:hover{background:var(--rose-soft);color:var(--rose);border-color:#0000}@media (width<=900px){.skills{padding:4px 20px}.skills__row{grid-template-columns:1fr;gap:12px;padding:20px 0}.skills dt{font-size:22px}}
