:root{--paper:#f7f7f2;--ink:#20211f;--red:#d93629;--line:#cccdc7;--muted:#5b5e56}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{display:block;width:100%;height:auto}p,h1,h2,h3,h4,figure{margin:0}p+p{margin-top:1.15em}header{display:flex;justify-content:space-between;align-items:center;padding:24px 4.5%;border-bottom:1px solid var(--line);background:var(--paper)}.name{font-size:22px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:14px}.name-symbol{color:var(--red);font-size:35px;line-height:1}nav{display:flex;gap:30px}nav a{font-size:14px}nav a span{vertical-align:super;font-size:12px;margin-left:3px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--red)}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.hero{padding:26px 4.5% 0}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.4px}.hero-top{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:5%;align-items:center;padding:62px 0 50px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600;line-height:1.7}.hero-copy .eyebrow{margin-bottom:24px}h1{font-size:clamp(70px,8.9vw,155px);line-height:.97;letter-spacing:-.065em;font-weight:500;margin-left:-.05em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h1 em{color:var(--red)}.intro{font-size:18px;line-height:1.65;max-width:460px;margin-top:34px}.text-link{display:inline-flex;border-bottom:1px solid var(--ink);padding:9px 0;gap:55px;margin-top:22px;font-size:14px}.text-link span{font-size:22px}.hero-art{position:relative;padding:0 24px 0 0}.art-mat{background:#deded6;aspect-ratio:1.02;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:30px}.art-mat img{width:auto;height:100%;max-width:100%;object-fit:contain;transform:rotate(-7deg);box-shadow:7px 13px 24px #2223;transition:transform .5s}.hero-art:hover img{transform:rotate(-3deg)}figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:12px;letter-spacing:.8px}.vertical-note{position:absolute;right:0;top:0;writing-mode:vertical-rl;font-size:12px;letter-spacing:2px}.hero-bottom{border-top:1px solid var(--line);padding:18px 0;color:var(--muted)}.section{padding:100px 4.5%;border-top:1px solid var(--line)}.section-heading{margin-bottom:45px}.section-heading h2{margin-top:18px}h2{font-size:clamp(42px,5.1vw,82px);font-weight:400;line-height:1.05;letter-spacing:-.05em}.section-heading>p:last-child{margin-top:23px;color:var(--muted)}.project-image{background:#e9e9e3;display:block;overflow:hidden}.project-image img{height:100%;object-fit:contain;transition:transform .6s}.project-image:hover img{transform:scale(1.025)}.opera-image{height:600px;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:40px 9%;background:#e3e5df}.opera-image img{min-width:0;max-height:520px}.project-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-top:28px}.project-heading>p{max-width:430px;color:var(--muted)}h3{font-size:clamp(26px,3.2vw,47px);line-height:1.15;font-weight:400;letter-spacing:-1.3px}.project .eyebrow{margin-bottom:12px}.project-heading h3{font-size:clamp(34px,4vw,58px)}details{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:25px}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:14px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:26px;line-height:1;font-weight:300;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.story{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:20px 0 30px;color:var(--muted)}h4{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;color:var(--ink)}.story a{display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:18px;font-size:14px;color:var(--ink)}.story img{margin:22px 0}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:65px}.project-pair .project-image{height:390px;margin-bottom:24px;padding:25px}.project-pair .project-image img{object-fit:contain}.project-pair .packaging-image{background:#e9e9e3}.project-pair h3{font-size:34px}.project-pair .project>p:not(.eyebrow){color:var(--muted);margin-top:16px}.project-pair .story{grid-template-columns:1fr}.archive-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-top:85px;margin-bottom:30px}.archive-heading h3{font-size:26px}.archive-heading span{font-size:12px;letter-spacing:1px;color:var(--muted)}.archive{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.archive img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.85);transition:filter .3s}.archive a:hover img{filter:saturate(1.2)}.archive a>span{display:flex;justify-content:space-between;font-size:18px;margin-top:14px}.archive small{font-size:12px;color:var(--muted)}.about{background:#e9eae4}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;margin-top:42px}.about h2{font-size:clamp(40px,4.8vw,72px)}.about em{color:var(--red)}.about-lead{font-size:26px;line-height:1.4;letter-spacing:-.5px;margin-bottom:24px}.about-grid>div>p:not(.about-lead){color:#484b43}dl{margin:35px 0 0}dl>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:22px 0;border-top:1px solid #bfc2b7}dt{font-size:12px;letter-spacing:1px}dd{margin:0;font-size:14px}.experience-row{display:grid;grid-template-columns:.55fr 1.1fr 1fr;gap:5%;padding:35px 0;border-top:1px solid var(--line)}.date{font-size:12px;letter-spacing:.5px}.experience-row h3{font-size:23px;letter-spacing:-.5px}.company{font-size:14px;color:var(--muted);margin-top:12px}.experience-row>p:last-child{font-size:15px;color:var(--muted)}footer{background:var(--red);color:var(--paper);padding:70px 4.5% 22px}footer h2{font-size:clamp(55px,8vw,118px);margin-top:30px}.email{display:inline-flex;gap:50px;border-bottom:1px solid #ffffff80;margin:36px 0 70px;padding:8px 0;font-size:clamp(17px,2vw,28px)}.footer-base{border-top:1px solid #ffffff70;display:flex;justify-content:space-between;padding-top:20px;font-size:12px;letter-spacing:.9px}::selection{background:#d93629;color:white}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:950px){nav{gap:18px}.hero-grid{gap:3%;padding:45px 0}.intro{font-size:16px}h1{font-size:9.7vw}.art-mat{padding:20px;aspect-ratio:.85}.opera-image{height:470px;padding:25px 7%}.opera-image img{max-height:420px}.project-pair .project-image{height:300px}.project-pair h3{font-size:29px}.about-grid{gap:6%}.experience-row{grid-template-columns:.65fr 1.2fr;gap:20px}.experience-row>p:last-child{grid-column:2}.story{gap:20px}.section{padding-top:70px;padding-bottom:70px}}
@media(max-width:640px){header{padding:19px 6%;align-items:flex-start;gap:15px}.name{font-size:18px;gap:8px}.name-symbol{font-size:28px}nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 17px}nav a{font-size:12px}nav a span{display:none}.hero{padding:23px 6% 0}.hero-top{font-size:12px;letter-spacing:.5px;gap:20px}.hero-top span:last-child{text-align:right}.hero-grid{grid-template-columns:1fr;padding:38px 0 27px;gap:38px}.hero-copy .eyebrow{font-size:12px;margin-bottom:20px}h1{font-size:clamp(64px,16vw,103px)}.intro{font-size:16px;max-width:350px;margin-top:25px}.text-link{margin-top:17px}.hero-art{padding-right:19px}.art-mat{aspect-ratio:1.18;padding:30px}.hero-art img{max-height:320px}figcaption{font-size:12px;letter-spacing:.3px}.hero-bottom{font-size:12px;letter-spacing:.5px;gap:15px}.section{padding:60px 6%}h2{font-size:43px}.section-heading{margin-bottom:30px}.section-heading>p:last-child{font-size:15px}.opera-image{height:310px;padding:20px 5%;gap:5%}.opera-image img{max-height:270px}.project-heading{grid-template-columns:1fr;gap:20px;margin-top:22px}.project-heading h3{font-size:39px}.project-heading>p{font-size:15px}.story{grid-template-columns:1fr}.project-pair{grid-template-columns:1fr;gap:40px;margin-top:42px}.project-pair .project-image{height:320px}.project-pair h3{font-size:32px}.archive-heading{align-items:flex-start;gap:20px;margin-top:55px}.archive-heading span{text-align:right;max-width:100px}.archive-heading h3{font-size:23px}.archive{grid-template-columns:1fr;gap:28px}.archive img{aspect-ratio:1.55}.about-grid{grid-template-columns:1fr;gap:35px;margin-top:28px}.about h2{font-size:44px}.about-lead{font-size:23px}dl>div{grid-template-columns:95px 1fr;gap:16px}.experience-row{grid-template-columns:1fr;gap:16px;padding:27px 0}.experience-row>p:last-child{grid-column:auto}.experience-row h3{font-size:23px}.company{margin-top:7px}footer{padding:55px 6% 20px}footer h2{font-size:58px}.email{gap:18px;margin-bottom:55px}.footer-base{flex-wrap:wrap;gap:18px;font-size:12px}.footer-base span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:640px){.hero-bottom{flex-wrap:wrap;gap:8px 20px}.hero-top{font-size:12px}.archive-heading span{max-width:130px}}

/* Personal introduction */
.hero-grid{grid-template-columns:1.15fr 1fr;padding-top:42px;padding-bottom:40px}
.portrait-frame{aspect-ratio:4/5;max-height:610px;overflow:hidden;background:#dce8e7}
.portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:50% 42%;transform:none;box-shadow:none}
.hero-art.portrait:hover img{transform:none}
.hero-art.portrait figcaption{align-items:flex-start;letter-spacing:.3px}
.hero-art.portrait figcaption span:last-child{text-align:right;max-width:220px}
.hero-copy .personal-note{margin-top:16px;font-size:16px;color:var(--muted);max-width:430px}
@media(max-width:640px){.hero-grid{grid-template-columns:1fr;gap:30px;padding-top:34px}.portrait-frame{aspect-ratio:4/5;max-height:none}.hero-art.portrait img{max-height:none}.hero-copy .personal-note{font-size:16px}.hero-art.portrait figcaption span:last-child{max-width:190px}}

/* A personal, scrapbook-inspired composition. */
:root{--paper:#fafaf7;--ink:#252623;--red:#ba392d}
header{border-bottom:0;padding-top:30px}.name{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-1.5px}.name-symbol{font-size:25px}
.hero-grid{grid-template-columns:.95fr 1.15fr;gap:7%;padding:65px 0 70px;min-height:640px}.hero-top{font-size:12px}.hero-copy>.eyebrow{font-weight:400;font-size:12px;margin-bottom:10px}.handwritten{font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-weight:400;letter-spacing:.2px;line-height:1.3}.hello-note{font-size:21px;color:var(--red);transform:rotate(-5deg);margin:17px 0 20px 4px}h1{font-size:clamp(65px,7.4vw,115px);line-height:1.03;letter-spacing:-.055em}h1>span{font-size:.48em;letter-spacing:-.045em}h1 em{color:var(--ink);font-style:normal;white-space:nowrap;letter-spacing:-.07em}.intro{font-size:17px;margin-top:26px;max-width:400px}.hero-copy .personal-note{font-size:16px;max-width:370px}.text-link{margin-top:22px}.hero-bottom{border-top:0;border-bottom:1px solid var(--line);padding:12px 0 26px}
.photo-collage{height:520px;position:relative;isolation:isolate}.collage-photo{position:absolute;overflow:hidden;transition:transform .45s;box-shadow:0 9px 20px #1b1d2512}.collage-photo img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);transition:filter .7s}.photo-collage:hover img{filter:grayscale(0)}.photo-travel{width:43%;height:66%;right:0;top:30px;transform:rotate(8deg);z-index:1;clip-path:polygon(1% 1%,99% 0,98% 98%,0 100%)}.photo-travel img{object-position:40% 50%}.photo-main{width:55%;height:76%;left:12%;top:64px;transform:rotate(-6deg);z-index:2;clip-path:polygon(1% 0,99% 2%,100% 98%,0 100%)}.photo-main img{object-position:50% 40%}.photo-life{width:48%;height:34%;right:-1%;bottom:18px;transform:rotate(5deg);z-index:3;clip-path:polygon(0 2%,99% 0,100% 97%,2% 100%)}.photo-life img{object-position:64% 45%}.photo-collage:hover .photo-main{transform:rotate(-3deg) translateY(-5px)}.photo-collage:hover .photo-travel{transform:rotate(10deg) translateY(-3px)}.note-top{position:absolute;top:-5px;left:6%;font-size:20px;transform:rotate(-4deg);z-index:4}.note-side{position:absolute;right:-5%;top:48%;font-size:19px;transform:rotate(7deg);z-index:4;color:var(--red)}.note-bottom{position:absolute;bottom:-28px;left:8%;font-size:20px;transform:rotate(-4deg);color:var(--red);z-index:4}
.section{border-top:0}.section-heading h2{font-size:clamp(44px,5.7vw,84px)}.work .section-heading{position:relative;padding-bottom:18px}.work .section-heading>p:last-child{max-width:340px}.project-image,.project-pair .packaging-image,.opera-image{background:transparent}.opera-image{padding:14px 4% 28px;gap:9%;height:610px}.opera-image img{max-height:560px;filter:drop-shadow(2px 6px 5px #00000012)}.opera-image img:first-child{transform:rotate(-3deg)}.opera-image img:last-child{transform:rotate(3deg)}.project-pair{gap:8%;margin-top:90px}.project-pair .project-image{padding:0;height:410px;overflow:hidden}.project-pair .project-image img{object-fit:contain}.project-pair .packaging-image img{transform:scale(1.26)}.project-pair .packaging-image:hover img{transform:scale(1.30)}.project-pair .project:nth-child(2){padding-top:100px}.project-pair .eyebrow{font-weight:400}.about{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about h2{font-family:Georgia,serif;font-size:clamp(45px,4.9vw,76px)}.about em{letter-spacing:-.05em}.archive-heading{margin-top:70px}footer{background:#f0eee8;color:var(--ink)}footer .eyebrow{color:var(--muted)}footer h2 em{color:var(--red)}.footer-base,.email{border-color:var(--line)}
@media(max-width:950px){.hero-grid{gap:3%;padding-top:55px;min-height:570px}.photo-collage{height:440px}.note-top{font-size:17px}.note-side{right:0;font-size:16px}.note-bottom{font-size:17px;left:0}.project-pair .project-image{height:310px}.opera-image{height:500px}.opera-image img{max-height:450px}}
@media(max-width:640px){header{padding-top:24px}.hero-grid{grid-template-columns:1fr;padding:38px 0 65px;gap:42px;min-height:0}h1{font-size:clamp(64px,15.3vw,98px)}.hello-note{font-size:20px}.hero-copy .eyebrow{font-size:12px}.intro{max-width:360px}.photo-collage{height:390px;width:94%;margin:10px auto 0}.photo-main{left:5%;width:60%;top:44px;height:77%}.photo-travel{right:0;width:45%;height:65%;top:30px}.photo-life{width:52%;height:33%;bottom:0;right:-2%}.note-top{left:2%;top:0;font-size:16px}.note-side{right:-3%;top:49%;font-size:15px}.note-bottom{bottom:-35px;font-size:17px;left:0}.hero-bottom{padding-bottom:24px}.section-heading h2{font-size:49px}.opera-image{height:320px;padding:12px 3%;gap:7%}.opera-image img{max-height:290px}.project-pair{gap:38px;margin-top:45px}.project-pair .project:nth-child(2){padding-top:0}.project-pair .project-image{height:320px}.photo-collage img{filter:grayscale(.35)}.archive{gap:35px}.about h2{font-size:45px}}