/* The Leya edit: cream paper, ink, tape, and collected little things. */
:root{--paper:#f5f0e5;--purple:#59385e;--red:#782b3b;--yellow:#edce54;--lavender:#e8dfe7;--ink:#532635;--line:rgba(83,38,53,.25)}
body{background:var(--paper);isolation:isolate}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.075;background-image:url("assets/grain.svg")}
.site-header{background:transparent;border-bottom:1px solid var(--line)}
.wordmark{color:var(--red)}.nav-contact{border-radius:2px;transform:rotate(-2deg)}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px}h2 em{color:var(--purple)}
.section-index{font-weight:500;letter-spacing:2px}.handwritten{font-family:Georgia,serif;font-style:italic;font-weight:400}
.scrapbook-hero{padding:22px 5vw 0;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#e6d7d24d,transparent 55%)}
.edition-line,.landing-footnote{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.7px}
.landing-grid{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1380px;margin:auto;gap:2vw}
.introduction{position:relative;padding:26px 0 32px 4vw;align-self:center}
.hello-note{font-size:20px;margin:0 0 18px;transform:rotate(-6deg)}
.portrait-frame{position:relative;width:245px;margin:0 0 28px 18px;padding:13px 13px 10px;background:#fffaf0;box-shadow:0 5px 14px #3e263527,0 0 0 1px #cbbfab;transform:rotate(-5deg)}
.portrait-frame::before,.about-poster::before,.project-card::before{content:"";position:absolute;top:-13px;left:33%;width:90px;height:29px;z-index:3;transform:rotate(6deg);background:#d3bb8680;clip-path:polygon(2% 5%,98% 0,95% 100%,0 95%,3% 75%,0 55%)}
.portrait-placeholder{height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#e4dadb 0 1px,transparent 1px 30px),#ebe3df;color:#795d6c;gap:25px}
.portrait-placeholder>span:last-child{font-size:8px;letter-spacing:2px}.portrait-monogram{font-family:Georgia,serif;font-size:90px;font-style:italic}
.portrait-frame img{display:block;width:100%;height:235px;object-fit:cover}.portrait-frame figcaption{font-family:Georgia,serif;font-style:italic;font-size:14px;padding-top:12px;display:flex;justify-content:space-between}.portrait-star{position:absolute;left:285px;top:220px;font-size:85px;color:var(--yellow);transform:rotate(14deg);text-shadow:1px 1px var(--red)}
.introduction :is(h1,h2){font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,5.3vw,83px);line-height:1.08;letter-spacing:-4px;margin:0 0 16px;white-space:nowrap}.introduction :is(h1,h2) em{font-size:1em;color:var(--purple)}
.title-label{font-size:10px;letter-spacing:2px;display:inline-block;padding:7px 10px;background:#e7d9df;margin-bottom:16px;transform:rotate(-1deg)}
.intro-description{font-size:14px;line-height:1.65;margin-bottom:17px}.introduction .text-link{font-size:11px}
.bag-page{padding-top:26px;min-width:0;border-left:1px solid #80617522}
.bag-heading{text-align:center}.tiny-label{font-size:8px;letter-spacing:2px}.bag-heading h2{font-size:43px;margin:11px 0 10px;letter-spacing:-2px}.bag-heading p{font-size:11px;line-height:1.6;margin-bottom:0}
.bag-stage{position:relative;width:100%;height:auto;aspect-ratio:1.16;max-height:550px;min-height:390px;overflow:hidden;isolation:isolate}
.pack-note{position:absolute;top:41%;left:2%;font-size:13px;width:100px;transform:rotate(-12deg);z-index:1}
.bag-cutout{position:absolute;width:53%;left:25%;top:30%;aspect-ratio:1;z-index:2;transition:filter .2s,scale .2s;filter:drop-shadow(2px 10px 5px #4e253222)}
.bag-cutout>img{width:100%;height:100%;object-fit:contain;user-select:none}.bag-drop-label{position:absolute;bottom:15%;left:25%;font-family:Georgia,serif;font-style:italic;font-size:12px;background:var(--paper);padding:5px 10px;transform:rotate(-5deg);box-shadow:1px 2px 3px #0002}.bag-cutout.is-over{filter:drop-shadow(0 0 12px var(--yellow));scale:1.07}
.bag-item{position:absolute;z-index:3;width:20%;aspect-ratio:1;border:0;background:transparent;padding:0;touch-action:none;user-select:none;cursor:grab;transform:rotate(var(--angle,0deg));animation:item-float 4s ease-in-out infinite;animation-delay:var(--delay,0s);transition:opacity .18s,filter .2s}
.bag-item img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 3px 2px #321b2920)}
.bag-item>span{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) rotate(calc(-1 * var(--angle,0deg)));white-space:nowrap;background:#fff9ee;font-family:Georgia,serif;font-style:italic;font-size:11px;padding:3px 6px;opacity:0;pointer-events:none;box-shadow:1px 2px 5px #0001}
.bag-item:hover>span,.bag-item:focus-visible>span{opacity:1}.bag-item:hover{filter:drop-shadow(0 0 3px #edce5480)}.bag-item:focus-visible{outline-offset:-3px;z-index:6}
.item-lipgloss{left:10%;top:4%;--angle:-19deg;--delay:-1s;width:17%}.item-refresher{left:35%;top:1%;--angle:9deg;--delay:-2s;width:20%}.item-photobooth{left:68%;top:3%;--angle:15deg;width:17%}
.item-camera{left:79%;top:28%;--angle:8deg;--delay:-3s;width:21%}.item-sunglasses{left:72%;top:65%;--angle:-16deg;width:23%}.item-earbuds{left:51%;top:80%;--angle:14deg;--delay:-2s;width:20%}.item-headphones{left:5%;top:56%;--angle:-15deg;--delay:-1s;width:25%}.item-notebook{left:23%;top:81%;--angle:12deg;width:21%}.item-pens{left:0;top:27%;--angle:-20deg;width:20%}
.bag-item:hover,.bag-item:focus-visible{animation-play-state:paused}.bag-item.is-dragging{z-index:20;animation:none;cursor:grabbing;transition:none}.bag-item.is-packed{visibility:hidden;pointer-events:none;animation:none}.bag-item.is-packing{z-index:10;animation:none;pointer-events:none}.bag-item[hidden]{display:none}
.bag-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 18px 0;padding:15px 0;border-top:1px dashed var(--line)}.bag-controls p{font-size:10px;letter-spacing:1px;margin:0}.bag-controls button{font-size:11px;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:5px 0}.bag-controls button:disabled{opacity:.5;cursor:default}
.landing-footnote{margin-top:30px;border-top:1px solid var(--line);padding:19px 0;font-size:7px}.mini-leya{position:absolute;width:65px;height:150px;left:-80px;top:50%;z-index:5;opacity:0}.mini-photo{position:absolute;z-index:2;top:0;left:10px;width:48px;height:60px;background:#eadbdf;border:4px solid #fff9ed;box-shadow:2px 2px 3px #0002;font:24px Georgia;text-align:center;padding-top:3px;transform:rotate(-5deg)}.mini-photo span{display:block;font:6px Arial;letter-spacing:.4px}.mini-photo img{width:100%;height:100%;object-fit:cover}.mini-body{position:absolute;top:54px;left:21px;width:30px;height:50px;background:var(--purple);transform:rotate(-8deg);border:3px solid var(--paper)}.mini-arm{position:absolute;top:66px;left:39px;width:43px;height:12px;background:var(--purple);border:2px solid var(--paper);transform:rotate(-12deg);transform-origin:left center}.mini-leg{position:absolute;top:99px;left:23px;width:12px;height:43px;background:var(--red);border:2px solid var(--paper);transform-origin:top}.leg-two{left:39px}.is-finishing .mini-leya{animation:walk-and-push 3s linear forwards}.is-finishing .mini-leg{animation:step .25s ease-in-out infinite alternate}.is-finishing .leg-two{animation-delay:-.25s}.is-finishing .bag-cutout{animation:bag-exit 3s linear forwards}.is-finishing .pack-note,.is-finishing .bag-drop-label{opacity:0}.bag-finale{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bag-finale[hidden]{display:none}.bag-finale>span{font-size:100px;color:var(--yellow);text-shadow:1px 1px var(--red)}.bag-finale p{font:29px/1.4 Georgia}.bag-finale em{color:var(--purple)}
@keyframes item-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes step{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes walk-and-push{0%{left:-80px;opacity:1}35%{left:18%;opacity:1}100%{left:110%;opacity:1}}@keyframes bag-exit{0%,35%{transform:translateX(0) rotate(0)}100%{transform:translateX(180%) rotate(10deg)}}
/* Continue the paper treatment through every page of the portfolio. */
.ticker{background:transparent;border-block:1px solid var(--line);color:var(--red);transform:rotate(-1deg);padding:13px 0}.ticker>div{font-family:Georgia,serif;font-weight:400;font-size:22px}.ticker span{color:var(--purple)}
.about-poster{background:#6b2a3a;border:10px solid #fffbef;box-shadow:7px 8px 0 #ded2c3;overflow:visible}.about-poster strong{font-size:clamp(42px,4.8vw,70px)}.about-poster .poster-flower{font-size:160px}
.toolkit{background:#e9e1e54d}.skill-card{box-shadow:3px 5px 0 #cbbcac55;transform:rotate(-1deg);border-color:#aa9297}.skill-card.certification{background:#e2d6e2;color:var(--ink);transform:rotate(2deg)}.cert-seal{color:var(--purple)}.certification .status{background:var(--yellow)}
.soft-skills>div span{border-radius:2px;background:var(--paper);font-family:Georgia,serif;font-style:italic;font-size:17px;box-shadow:2px 2px 0 #b4a09640}.campus{background:repeating-linear-gradient(0deg,transparent 0 31px,#9674860a 31px 32px)}
.views{margin:20px 3vw;background:#e5dce3;color:var(--ink);transform:rotate(-.7deg);box-shadow:5px 7px 0 #b6a18c33;border:1px solid #baa6b4}.views h2 em{color:var(--red)}.views .eyebrow{color:var(--purple)}.view-star{color:#b6a0b24d}.view-byline{color:var(--purple)}
.project-card{position:relative;background:#fffbf1;padding:12px 12px 0;box-shadow:2px 4px 10px #50323b18;border:1px solid #d7c9bc;transform:rotate(-1deg)}.project-card:nth-child(2){transform:rotate(1.4deg)}.project-card::before{width:75px;height:25px;left:38%;top:-10px}.project-grid{gap:40px 28px}.project-art-one{background:#752e41}.project-art-two{background:#e2d5e1}.project-art-three{background:#e7d48d}.project-meta{border:0;padding:20px 3px}.project-art{filter:saturate(.85)}.interests{background:#e9e1e54d}.contact{background:var(--paper);color:var(--red);border-top:1px solid var(--line)}.contact h2 em{color:var(--purple)}.contact h2>span{color:var(--yellow);text-shadow:1px 1px var(--red)}.contact-links>span,.footer-line{border-color:var(--line)}.contact-links>span{font-family:Georgia,serif}.footer-line{color:var(--ink)}
@media(min-width:1500px){.bag-stage{min-height:550px}.introduction{padding-left:45px}.portrait-frame{width:275px}.portrait-placeholder,.portrait-frame img{height:270px}.portrait-star{left:315px}}
@media(max-width:1000px){.landing-grid{grid-template-columns:.8fr 1.2fr;gap:0}.introduction{padding-left:0}.portrait-frame{width:210px;margin-left:10px}.portrait-placeholder,.portrait-frame img{height:210px}.portrait-star{left:190px;top:230px;font-size:65px}.introduction :is(h1,h2){font-size:55px;letter-spacing:-3px}.title-label{font-size:8px;letter-spacing:1.4px}.bag-heading h2{font-size:35px}.bag-stage{min-height:370px}.pack-note{font-size:11px;width:75px}.bag-drop-label{font-size:10px;left:18%}}
@media(max-width:700px){.scrapbook-hero{padding:20px 22px 0}.edition-line{font-size:7px}.edition-line>span:last-child{display:none}.landing-grid{grid-template-columns:1fr}.introduction{text-align:center;padding:30px 0}.hello-note{text-align:left;margin-left:25px}.portrait-frame{margin:0 auto 25px;width:230px}.portrait-placeholder,.portrait-frame img{height:230px}.portrait-star{left:calc(50% + 83px);top:218px}.introduction :is(h1,h2){font-size:60px}.title-label{font-size:9px}.intro-description{font-size:13px}.bag-page{border-left:0;border-top:1px dashed var(--line);padding-top:25px}.bag-heading h2{font-size:38px}.bag-stage{min-height:360px;max-width:500px;margin:auto;aspect-ratio:1.05}.bag-controls{margin-inline:0}.pack-note{font-size:10px;width:65px}.bag-item>span{font-size:9px}.bag-cutout{top:32%;width:55%;left:24%}.bag-drop-label{font-size:9px;left:18%;bottom:12%}.bag-item{min-width:44px;min-height:44px}.item-earbuds,.item-notebook{top:78%}.landing-footnote{font-size:6px;line-height:1.7}.landing-footnote>span{max-width:45%}.views{margin:12px;transform:rotate(-.5deg)}.project-card{padding:9px 9px 0}.mini-leya{scale:.8;transform-origin:bottom left;top:44%}.bag-finale p{font-size:25px}.about-poster strong{font-size:54px}}
.project-card{min-width:0}.project-meta{gap:10px}.project-meta>div{min-width:0}.project-art strong{overflow-wrap:normal}.item-notebook{top:74%;width:18%;left:22%}.item-earbuds{top:76%;width:18%;left:54%}.pack-note{top:49%;left:1%;width:120px}.bag-cutout{width:48%;left:28%;top:28%}
@media(max-width:700px){.project-art-one strong{font-size:clamp(48px,14vw,62px)}.project-art-two strong{font-size:clamp(39px,11.7vw,53px)}.project-art-three strong{font-size:65px}.project-art-three strong>span{font-size:60px}.pack-note{font-size:9px;width:90px;top:47%}.bag-cutout{width:52%;left:26%;top:30%}.item-notebook,.item-earbuds{top:77%;width:20%}.bag-stage{min-height:370px}}
@media(prefers-reduced-motion:reduce){.bag-item,.is-finishing .mini-leya,.is-finishing .mini-leg,.is-finishing .bag-cutout{animation:none}.bag-cutout{transition:none}}