*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#faf9f5;color:#151515}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #e75029;outline-offset:6px}img{display:block;width:100%}figure{margin:0}header{margin:0 5%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid}header nav{display:flex;gap:35px;font-size:13px}header nav a:hover{text-decoration:underline}.wordmark{font-size:26px;font-weight:900;letter-spacing:-2px}.wordmark span{font-size:10px;font-weight:400;letter-spacing:1px;margin-left:20px}.mobile-menu{display:none}.hero{padding:32px 5% 70px}.hero-label,.eyebrow,figcaption,.side-note{font:11px 'Courier New',monospace;letter-spacing:1px}.hero-label{margin-bottom:27px}h1{margin:0;font-weight:400;line-height:.85;letter-spacing:-.065em}h1 span{display:block;font-size:clamp(28px,5.5vw,85px);font-weight:400;letter-spacing:-.04em;margin-bottom:14px}h1 strong{font-size:clamp(65px,15.5vw,230px);font-weight:900}.hero-grid{display:grid;grid-template-columns:1fr 1.35fr 26px;gap:4%;margin-top:35px;align-items:center}.hero-art img{max-height:600px;object-fit:contain;object-position:right}.hero-art figcaption{display:flex;justify-content:space-between;margin-top:15px}.hand{font-family:'Chalkboard','Marker Felt',cursive;font-size:33px;line-height:1.1;display:inline-block;transform:rotate(-5deg);color:#bd351f}.hero-copy p{font-size:23px;line-height:1.5;margin:32px 0 45px}.text-link{font-size:14px;border-bottom:1px solid;padding-bottom:12px;display:inline-flex;gap:50px;align-items:center}.text-link span{font-size:26px}.text-link:hover{color:#bd351f}.side-note{writing-mode:vertical-rl}.intro,.works,.exhibition{margin:0 5%;padding:75px 0;border-top:1px solid}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%}.eyebrow{margin:0 0 28px}h2{font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.04;letter-spacing:-2px;margin:0}p{line-height:1.65}.intro>div>p:not(.eyebrow){margin-top:0;max-width:560px;font-size:17px}.timeline{display:flex;justify-content:space-between;border-top:1px solid #aaa;padding-top:22px;margin-top:35px;font-size:20px}.timeline small{font-size:10px;color:#666}.section-top{display:flex;justify-content:space-between;align-items:end}.small-hand{font-size:25px}.works-intro{color:#666}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:45px}.art-grid img{height:530px;object-fit:contain}.art-grid figure:nth-child(2){padding-top:100px}.art-grid figcaption{margin-top:22px;border-top:1px solid;padding-top:15px;letter-spacing:0}.art-grid figcaption>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}h3{font:20px Arial;margin:0}.art-grid figcaption p{font-size:10px;letter-spacing:1px}.exhibition{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.exhibition img{filter:grayscale(100%)}.exhibition figcaption{font-size:9px;line-height:1.5;margin-top:12px}.exhibition h2{font-size:70px}.exhibition h2 em{font-style:normal;color:#bd351f}.exhibition p{max-width:390px}.exhibition .text-link{margin-top:15px}footer{background:#ebe8e0;padding:45px 5% 30px}.footer-title{font-weight:900;font-size:9vw;letter-spacing:-.06em;display:flex;justify-content:space-between;align-items:center}.footer-title span{font:12px 'Courier New';letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;gap:40px;border-top:1px solid;margin-top:20px;padding-top:20px;font-size:11px}.footer-bottom details{max-width:470px}.footer-bottom a{text-decoration:underline}summary{cursor:pointer}.footer-bottom p{margin:0 0 12px}
@media(max-width:650px){header{padding:22px 0}.wordmark{font-size:22px}.wordmark span{font-size:9px;margin-left:10px}header>nav{display:none}.mobile-menu{display:block;font-size:12px}.mobile-menu summary{list-style:none}.mobile-menu[open] nav{position:absolute;right:0;top:70px;width:80%;height:calc(100vh - 70px);background:#151515;color:white;z-index:9;display:flex;flex-direction:column;padding:40px 30px;gap:35px;font-size:22px}.hero{padding-top:25px;padding-bottom:45px}.hero-label{font-size:9px;margin-bottom:30px}h1 span{font-size:31px}h1 strong{font-size:16vw}.hero-grid{display:flex;flex-direction:column;margin-top:28px;gap:30px;align-items:stretch}.hero-art{order:-1}.hero-art img{max-height:none}.hero-copy .hand{font-size:27px}.hero-copy p{font-size:19px;margin:20px 0}.hero-copy .text-link{margin-top:6px}.side-note{display:none}.intro,.works,.exhibition{padding:45px 0;display:block}.intro h2{margin-bottom:25px}.intro>div>p:not(.eyebrow){font-size:15px}.timeline{font-size:18px}.timeline small{font-size:9px}.section-top{display:block}.small-hand{font-size:21px;margin-top:23px}.works-intro{font-size:14px}.art-grid{display:block;margin-top:28px}.art-grid img{height:auto;max-height:500px;object-fit:contain}.art-grid figure:nth-child(2){padding-top:40px}.art-grid h3{font-size:18px}.exhibition>div{margin-top:35px}.exhibition h2{font-size:57px}.exhibition p{font-size:15px}.footer-bottom{display:block}.footer-bottom details{margin-top:22px}.footer-title{font-size:13vw}.footer-title span{font-size:9px}.eyebrow{font-size:10px;margin-bottom:20px}}
body{background:#121212;color:#f4f1e9}header{border-color:#555}.hero{position:relative;padding-bottom:95px}.hero-label{color:#bcb8ac}h1{position:relative;z-index:2}h1 span{font-size:4vw;letter-spacing:.02em}h1 strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:18vw;letter-spacing:-.035em;color:#f2ce45}.hero-grid{grid-template-columns:.8fr 1.3fr 26px;margin-top:-20px;gap:5%}.hero-art{transform:rotate(3deg);margin-right:25px}.hero-art img{max-height:620px}.hero-art figcaption{transform:rotate(-3deg);margin-top:28px}.hero-copy{padding-top:50px}.hero-copy .hand{color:#f2ce45;font-size:39px}.hero-copy p{font-size:24px}.side-note{color:#f2ce45}.intro,.works,.exhibition{border-color:#555}.intro h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:5vw;text-transform:uppercase;letter-spacing:0}.eyebrow{color:#f2ce45}.timeline small,.works-intro{color:#bbb}.art-grid{gap:10%;align-items:start}.art-grid figure:first-child{transform:rotate(-2deg)}.art-grid figure:nth-child(2){transform:rotate(2deg);padding-top:130px}.art-grid figcaption{border-color:#777}.small-hand,.works h2 .hand{color:#f2ce45}.exhibition h2 em{color:#f2ce45}.exhibition img{filter:grayscale(100%)}footer{background:#f2ce45;color:#121212}.text-link:hover{color:#f2ce45}.exhibition h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase}.footer-title{font-family:Impact,'Arial Narrow',sans-serif}.hero-copy .text-link{border-color:#f2ce45}@media(max-width:650px){h1 span{font-size:28px}h1 strong{font-size:18vw}.hero-grid{margin-top:20px}.hero-art{margin:0 8px;transform:rotate(2deg)}.hero-copy{padding-top:5px}.hero-copy .hand{font-size:29px}.hero-copy p{font-size:19px}.hero{padding-bottom:45px}.intro h2{font-size:40px}.art-grid{padding:0 7px}.art-grid figure:nth-child(2){padding-top:45px}.mobile-menu[open] nav{background:#f2ce45;color:#111}.exhibition h2{font-size:60px}}

/* Revised B: Sarah Park's mockup review */
@font-face{font-family:PermanentMarker;src:url('assets/PermanentMarker-Regular.ttf') format('truetype');font-display:swap}
.wordmark{display:flex;gap:12px;align-items:center;letter-spacing:-1px}.wordmark svg{width:43px;height:34px;color:#f2ce45}.wordmark span{font:bold 25px Arial;letter-spacing:-1px;margin:0}
.hand,.hero-copy .hand{font-family:PermanentMarker,cursive;font-weight:400;font-size:32px}.small-hand{font-size:24px}
.hero-label,.eyebrow{font-size:14px;line-height:1.5;letter-spacing:1.3px}.side-note{font-size:12px}.section-link{margin:18px 0 12px}.mobile-menu[open] nav{position:fixed;overflow:auto}header{position:relative;z-index:10}.mobile-menu summary{min-height:30px;padding:7px 0}
.detail-page{padding:55px 5% 80px}.detail-page>h1{font:clamp(55px,9vw,130px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-2px;color:#f2ce45;margin:25px 0 50px}.detail-page .lede{font-size:22px;max-width:730px;line-height:1.5}.detail-row{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid #555;padding:35px 0}.detail-row h2{font-size:38px}.detail-row p{max-width:680px;margin-top:0;font-size:18px}.detail-page .exhibition{margin:50px 0}.detail-page .art-grid{margin-bottom:60px}.detail-page .art-grid img{height:500px}.detail-page a:not(.text-link){text-decoration:underline}.detail-page .art-grid figcaption p{font:16px/1.6 Arial;letter-spacing:0}.detail-page .art-grid figcaption .tags{font:12px/1.5 'Courier New';color:#f2ce45}
@media(max-width:650px){.hero-label,.eyebrow{font-size:12px}.wordmark svg{width:34px;height:29px}.wordmark span{font-size:23px}.hero-copy .hand{font-size:26px}.small-hand{font-size:21px}.detail-page{padding-top:30px}.detail-page>h1{font-size:56px}.detail-page .lede{font-size:18px}.detail-row{display:block;padding:28px 0}.detail-row h2{font-size:30px;margin-bottom:20px}.detail-row p{font-size:16px}.detail-page .art-grid img{height:auto}.mobile-menu[open] nav{top:75px;height:calc(100dvh - 75px)}}
.detail-page .hand{color:#f2ce45}
/* Dry-brush lettering with textured, tapered strokes. */
@font-face{font-family:DryBrush;src:url('assets/DryBrush.ttf') format('truetype');font-display:swap}
.hand,.hero-copy .hand{font-family:DryBrush,cursive;font-size:40px;font-weight:400;letter-spacing:.025em;line-height:1.25;transform:rotate(-4deg);text-transform:uppercase}
.small-hand{font-size:31px}
@media(max-width:650px){.hand,.hero-copy .hand{font-size:30px}.small-hand{font-size:26px}}