@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Kalam:wght@400&display=swap');
:root{--paper:#eeece2;--ink:#171714;--accent:#60212e;--line:#a19d92}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:90px;display:flex;align-items:center;gap:10%;padding:0 5%;background:var(--paper);position:sticky;top:0;z-index:10}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:-2px;white-space:nowrap}nav{display:flex;gap:38px;font-size:14px}nav a:hover,nav a[aria-current]{border-bottom:1px solid;padding-bottom:5px}.header-note{margin-left:auto;font-family:monospace;font-size:10px;letter-spacing:2px;line-height:1.3}.hero{display:grid;grid-template-columns:44% 56%;padding:12px 5% 0;min-height:520px;overflow:hidden}.intro{padding:35px 0 55px;position:relative;z-index:1}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:1.8px}.intro h1{font-family:Georgia,serif;font-size:clamp(65px,9vw,135px);font-weight:400;letter-spacing:-.065em;line-height:1;margin:8px 0 22px;white-space:nowrap}em{color:var(--accent);font-weight:400}.intro h1 em{position:relative}.intro h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:5px;border-top:3px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(-4deg);border-radius:50%}.intro h2{font-family:Georgia,serif;font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:-1.5px;line-height:1.05;margin:25px 0 15px}.intro p{max-width:390px;font-size:16px;margin:0 0 24px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:white;padding:14px 22px;font-family:monospace;font-size:12px;letter-spacing:1px}.button:hover{background:var(--accent)}.hand{font-family:'Kalam',cursive;line-height:1.05}.intro-note{position:absolute;bottom:20px;right:0;font-size:23px;transform:rotate(-12deg)}.collage{position:relative;min-height:490px}.hero-photo{position:absolute;bottom:0;left:22%;width:62%;height:95%;object-fit:cover;object-position:50% 28%;clip-path:polygon(6% 0,98% 3%,100% 100%,0 100%);filter:none}.photo-back{position:absolute;inset:15px 10% 15px 17%;background:#ccc7bc;transform:rotate(-7deg)}.margin-note{position:absolute;top:25px;left:0;z-index:2;font-size:23px;transform:rotate(-12deg);border:1px solid #999084;border-radius:50%;padding:12px}.labels{position:absolute;left:3%;top:44%;z-index:2;display:flex;flex-direction:column;align-items:start;gap:9px;transform:rotate(-6deg)}.labels span{font-family:Georgia,serif;font-size:21px;background:#f8f6ed;padding:6px 16px;box-shadow:2px 3px 4px #0002}.sticker{position:absolute;right:-4%;top:43%;z-index:2;background:var(--accent);color:#fff8ef;font-family:Georgia,serif;font-size:22px;line-height:1.25;padding:22px 28px;transform:rotate(-9deg);border:4px solid var(--paper)}.sticker span{position:absolute;right:10px;top:3px}.photo-caption{position:absolute;right:-1%;bottom:7%;font-size:22px;transform:rotate(-12deg);background:var(--paper);padding:10px}.work{border-top:1px solid var(--ink);padding:26px 3% 25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.boxed{font-family:Georgia,serif;font-size:clamp(26px,3.5vw,47px);line-height:1.1;font-weight:400;border:1px solid var(--ink);padding:7px 12px;margin:0;transform:rotate(-2deg);white-space:nowrap}.section-heading p{font-size:14px;max-width:510px;margin:0}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.projects article{min-width:0;display:flex;flex-direction:column}.project-image{position:relative;display:block;width:100%;aspect-ratio:1.26;background-image:url(reference.png);background-size:462.1% 786.95%;background-repeat:no-repeat}.shot-1{background-position:3.5% 50.47%}.shot-2{background-position:34% 50.47%}.shot-3{background-position:66% 50.47%}.shot-4{background-position:97% 50.47%}.number{position:absolute;top:-5px;left:0;padding:8px 11px;background:var(--paper);font-family:monospace;font-size:14px}.image-label{position:absolute;bottom:0;right:0;background:#eeeadddc;font-size:8px;padding:3px 5px;letter-spacing:.7px}.projects h3{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.1;margin:15px 0 8px;letter-spacing:-.6px}.projects .eyebrow{font-size:10px;letter-spacing:1.2px}.projects p{font-size:14px;line-height:1.45;margin:9px 0 18px}.result{margin-top:auto;background:#e3dcd1;padding:10px 12px;display:flex;align-items:center;gap:14px;min-height:76px}.result strong{font-size:30px;color:var(--accent);font-weight:500}.result span{font-size:11px}.words strong{font-size:24px}.read-link{font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:15px}.image-disclosure{font-size:11px;color:#645c55;margin:25px 0 0}.stories{padding:0 3% 25px}.stories details{border-top:1px solid var(--line);padding:16px 0}.stories summary{display:flex;align-items:center;gap:30px;cursor:pointer;list-style:none}.stories summary::-webkit-details-marker{display:none}.stories summary span{font-family:monospace;font-size:11px;min-width:220px}.stories summary b{font-weight:400;font-family:Georgia,serif;font-size:22px}.stories summary i{margin-left:auto;font-size:26px;font-style:normal}.stories details[open] summary i{transform:rotate(45deg)}.story{max-width:780px;margin:20px auto 0;font-size:16px;line-height:1.7}.about-contact{border-block:1px solid var(--ink);padding:35px 3%;display:grid;grid-template-columns:1.7fr 1fr;gap:35px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.about figure{margin:0;position:relative}.about img{width:100%;height:100%;max-height:360px;object-fit:cover;filter:none;transform:rotate(2deg)}.about figcaption{position:absolute;bottom:20px;left:-15px;background:var(--paper);padding:10px;font-size:21px;transform:rotate(-8deg)}.boxed.small{font-family:monospace;font-size:23px;display:inline-block;letter-spacing:2px;transform:none}.about p{font-size:14px;line-height:1.55}.recognition{color:var(--accent)}.traits{display:flex;justify-content:space-around;margin-top:22px}.traits>span{text-align:center;font-size:26px;padding-inline:10px;border-right:1px solid #ddd3c4}.traits>span:last-child{border:0}.traits small{display:block;font-family:'DM Sans',sans-serif;font-size:12px}.contact{padding-left:30px;border-left:1px solid var(--ink)}.contact h2{font-family:Georgia,serif;font-weight:400;font-size:65px;line-height:.95;letter-spacing:-3px;margin:0 0 18px}.contact p{font-size:14px}.contact>a{display:flex;align-items:center;gap:13px;border:1px solid #625a50;border-radius:3px;margin-top:10px;padding:9px 12px;font-size:14px}.contact>a span{min-width:22px}.contact>a b{margin-left:auto}.contact>a:hover{background:#e3d9df}.more{padding:22px 3%;display:flex;align-items:center;gap:35px;font-size:14px}.more a{text-decoration:underline;text-underline-offset:4px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-top:1px solid var(--ink)}footer>span{font-family:monospace;font-size:10px}.skip{position:fixed;top:-80px;background:white;padding:10px;z-index:20}.skip:focus{top:5px}@media(min-width:1600px){header,main,footer{max-width:1600px;margin:auto}}@media(max-width:950px){header{gap:7%;padding:0 4%}nav{gap:24px}.hero{padding-inline:4%;grid-template-columns:48% 52%}.intro-note{display:none}.hero-photo{left:12%;width:85%}.sticker{font-size:16px;padding:16px;right:-8%;top:52%}.margin-note{font-size:17px;left:-5%}.labels span{font-size:16px}.photo-caption{font-size:18px}.projects{grid-template-columns:repeat(2,1fr);gap:35px 24px}.section-heading{flex-wrap:wrap;gap:20px}.section-heading p{max-width:55%}.section-heading>.eyebrow{display:none}.about-contact{grid-template-columns:1fr}.contact{padding:25px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.contact h2{grid-row:span 3}.contact p{margin:0}.contact>a{margin:0}.stories summary span{min-width:175px;font-size:10px}.stories summary b{font-size:19px}.more{flex-wrap:wrap}}@media(max-width:600px){header{height:76px;justify-content:space-between;gap:15px}.brand{font-size:30px}nav{gap:15px;font-size:12px}.header-note{display:none}.hero{grid-template-columns:1fr;padding-top:0}.intro{padding:25px 0 15px}.intro h1{font-size:24vw}.intro h2{font-size:31px}.intro p{font-size:16px}.collage{min-height:390px;margin-top:10px}.hero-photo{left:22%;width:64%;height:95%}.margin-note{left:0;top:10px}.labels{left:0;top:43%}.sticker{right:0;top:45%}.photo-caption{right:0;bottom:4%}.work{padding:25px 5%}.section-heading p{max-width:none;font-size:14px}.boxed{font-size:30px}.projects{gap:28px 16px}.projects h3{font-size:21px}.projects p{font-size:13px}.result{flex-direction:column;align-items:start;gap:0}.result span{font-size:12px}.stories{padding-inline:5%}.stories summary{flex-wrap:wrap;gap:7px}.stories summary span{width:100%}.stories summary b{max-width:88%;font-size:19px}.about-contact{padding:30px 5%}.about{grid-template-columns:1fr;gap:30px}.about figure{max-width:260px;margin:auto}.about img{height:310px}.about p{font-size:16px}.contact{display:block}.contact h2{font-size:58px}.contact p{margin:18px 0}.contact>a{margin-top:12px}.more{padding:22px 5%;gap:18px}.more>.eyebrow{width:100%}footer{flex-wrap:wrap}footer>span{font-size:10px}}@media(max-width:370px){nav{gap:10px}.projects{grid-template-columns:1fr}.result{flex-direction:row;align-items:center;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The introduction occupies the opening screen; work begins below the fold. */
:root{--header-height:90px}
.hero{min-height:calc(100svh - var(--header-height));align-items:center}
.hero .collage{height:calc(100svh - var(--header-height) - 12px);min-height:490px;max-height:950px}
.hero .intro{align-self:center}
@media(max-width:600px){
 :root{--header-height:76px}
 .hero{align-content:center;padding-bottom:24px}
 .hero .collage{height:390px;min-height:390px;max-height:none}
}