:root{--paper:#fafaf7;--ink:#252626;--pink:#ff456a;--turquoise:#51cace;--purple:#b7b1f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #6334dc;outline-offset:6px}.skip{position:absolute;left:15px;top:-100px;z-index:10;padding:15px;background:white}.skip:focus{top:10px}header,main,footer{max-width:1440px;margin:auto}header{height:110px;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:36px;font-weight:900;letter-spacing:-2px;display:inline-flex;align-items:center;gap:5px}.brand span{color:var(--pink);font-size:35px}nav{display:flex;gap:36px;font-size:14px;font-weight:700}nav a{padding:10px 0}nav a:hover{color:var(--pink)}.cover{position:relative;min-height:670px;display:grid;grid-template-columns:43% 57%;padding:60px 6% 65px;overflow:hidden;background:linear-gradient(125deg,#ecf6f8 0%,var(--paper) 44%)}.cover-copy{position:relative;z-index:2;padding-top:40px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.6;margin:0 0 24px}h1{font-size:clamp(75px,8.7vw,126px);line-height:.83;letter-spacing:-7px;color:var(--pink);margin:0 0 20px;font-weight:950}.spark{font-size:53px;display:inline-block;vertical-align:top;margin:12px 0 0 12px}.period{color:var(--turquoise)}.discipline{font-size:clamp(16px,2vw,27px);font-weight:900;letter-spacing:-.7px;margin:0}.name-label{display:table;background:var(--purple);color:#24224d;font-size:18px;font-weight:800;padding:10px 17px;margin-top:45px;transform:rotate(-2deg)}.explore{display:inline-flex;align-items:center;gap:30px;margin-top:32px;font-size:14px}.explore span{font-size:27px}.art-button{position:relative;border:0;padding:0;display:block;cursor:zoom-in;overflow:hidden;background:#b4dfe6;color:var(--ink)}.cover-art{align-self:center;width:114%;margin-left:-4%;height:500px;border-radius:48% 42% 36% 45%;transform:rotate(-5deg);box-shadow:15px 18px 0 #e8e0fd}.art-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.cover-art img{transform:scale(1.06) rotate(5deg)}.cover-art:hover img{transform:scale(1.12) rotate(5deg)}.art-sticker{position:absolute;bottom:42px;right:37px;background:#f8ff75;border-radius:50%;width:114px;height:114px;display:grid;place-content:center;font-size:18px;line-height:1;font-weight:900;transform:rotate(12deg);box-shadow:4px 4px 0 #353333}.image-hint{position:absolute;bottom:23px;left:25px;background:#fff;padding:10px 15px;border-radius:25px;font-size:13px;font-weight:bold;opacity:0;transform:translateY(6px);transition:.2s}.art-button:hover .image-hint,.art-button:focus-visible .image-hint{opacity:1;transform:none}.cover-bottom{position:absolute;bottom:22px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1.3px}.about{padding:85px 6% 90px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.hello-row{display:flex;align-items:center;gap:20px}.hello-row h2{font-size:61px;letter-spacing:-3px;line-height:1;margin:0}.swatches{display:flex;gap:6px}.swatches i{display:block;width:28px;height:22px;border-radius:30px;background:var(--pink)}.swatches i:nth-child(2){background:var(--turquoise)}.swatches i:nth-child(3){background:#b9fa58;width:22px}.swatches i:nth-child(4){background:#ffce64;width:22px}.intro{font-size:25px;line-height:1.35;margin:17px 0 0;letter-spacing:-.5px}.bio{padding-top:5px}.bio p{font-size:17px;line-height:1.8;margin:0 0 25px;max-width:450px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:13px;padding:8px 12px;border:1px solid #b6b7b4;border-radius:25px}.work{padding:65px 6% 90px;background:#f0eefb}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{font-size:clamp(37px,5.1vw,70px);line-height:.96;letter-spacing:-3px;margin:0}.section-heading h2 em{font-style:normal;color:var(--pink)}.section-heading>p{font-size:16px;line-height:1.5;margin:0}.section-heading .eyebrow{margin-bottom:15px}.project-main{width:100%;aspect-ratio:1.65;border-radius:3px}.project-main:hover img{transform:scale(1.025)}.project-info{display:flex;justify-content:space-between;gap:20px;margin:23px 0 43px}.project-info h3{font-size:29px;letter-spacing:-1px;margin:0 0 7px}.project-info p{font-size:15px;margin:0;line-height:1.6}.project-info .project-meta{font-size:12px;text-align:right;letter-spacing:.7px}.details{display:grid;grid-template-columns:1fr 1fr;gap:27px}.details figure{margin:0}.detail-art{width:100%;aspect-ratio:1.12}.detail-art img{width:160%;max-width:none}.crop-one img{object-position:35% center;transform:translateX(-15%)}.crop-two img{object-position:80% center;transform:translateX(-33%)}figcaption{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;margin-top:15px}figcaption span:first-child{font-weight:bold}.contact{padding:85px 6% 95px;position:relative}.contact h2{font-size:clamp(42px,6.4vw,90px);letter-spacing:-4px;line-height:.97;margin:0 0 35px;position:relative}.contact h2 em{color:var(--pink);font-style:normal}.contact h2>span{position:absolute;right:7%;top:0;font-size:130px;color:var(--turquoise);transform:rotate(10deg)}.email{background:var(--ink);color:white;padding:15px 23px;display:inline-flex;gap:40px;align-items:center;font-weight:700;font-size:22px;max-width:100%;overflow-wrap:anywhere}.email:hover{background:var(--pink)}.sample-note{font-size:12px;color:#727272;margin-top:10px}footer{padding:25px 6%;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:24px}footer .brand{font-size:25px}footer .brand span{font-size:25px}footer p,footer>a:last-child{font-size:12px}dialog{border:0;padding:65px 22px 15px;background:#18191b;color:white;max-width:96vw;width:1250px;max-height:95vh}dialog::backdrop{background:#101115ed}dialog img{width:100%;max-height:75vh;object-fit:contain}dialog p{font-size:14px;text-align:center}.close{position:absolute;right:20px;top:15px;border:1px solid #888;color:white;background:none;padding:9px 14px;cursor:pointer}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){body{padding:0 35px}}@media(max-width:800px){header{height:85px}.brand{font-size:29px}nav{gap:20px;font-size:13px}.cover{padding-top:20px;min-height:550px}.cover-copy{padding-top:40px}h1{font-size:85px;letter-spacing:-5px}.spark{font-size:30px;margin-left:5px}.cover-art{height:385px}.cover-copy .eyebrow{font-size:10px;max-width:180px}.name-label{font-size:15px;margin-top:32px}.art-sticker{width:80px;height:80px;font-size:14px;right:25px}.about{gap:35px;padding-top:60px;padding-bottom:60px}.hello-row h2{font-size:43px}.hello-row{gap:12px}.swatches i{width:20px;height:17px}.swatches i:nth-child(3),.swatches i:nth-child(4){width:17px}.intro{font-size:21px}.bio p{font-size:16px}.contact h2>span{font-size:80px;right:0}.details{gap:18px}figcaption{flex-direction:column;gap:2px}footer p{max-width:200px}}@media(max-width:560px){header{padding:0 6%;height:77px}nav{gap:15px}nav a{font-size:12px}.brand{font-size:26px}.brand span{font-size:26px}.cover{display:flex;flex-direction:column;padding-top:15px;padding-bottom:55px;min-height:auto}.cover-copy{padding-top:12px;width:100%}.cover-copy .eyebrow{max-width:none;font-size:10px;margin-bottom:20px}h1{font-size:100px;line-height:.83;letter-spacing:-6px}.spark{font-size:42px;margin-left:10px}.discipline{font-size:20px}.name-label{margin-top:24px;font-size:15px}.explore{position:absolute;right:0;bottom:4px;font-size:12px;gap:8px}.cover-art{width:104%;height:320px;margin:33px 0 15px;flex:none;border-radius:38% 40% 30% 38%}.cover-bottom{font-size:9px;letter-spacing:.4px}.cover-bottom span:last-child{display:none}.about{grid-template-columns:1fr;gap:25px;padding-top:48px;padding-bottom:48px}.hello-row h2{font-size:55px}.swatches i{height:21px;width:26px}.swatches i:nth-child(3),.swatches i:nth-child(4){width:21px}.intro{font-size:24px}.bio p{max-width:none}.work{padding-top:48px;padding-bottom:50px}.section-heading{gap:18px;margin-bottom:28px}.section-heading h2{font-size:38px;letter-spacing:-1.9px}.section-heading>p{font-size:12px}.section-heading .eyebrow{font-size:10px}.project-main{aspect-ratio:1.18}.project-info h3{font-size:24px}.project-info p{font-size:13px}.project-info .project-meta{font-size:10px}.details{gap:13px}.detail-art{aspect-ratio:.88}figcaption{font-size:10px}.contact{padding-top:55px;padding-bottom:55px}.contact h2{font-size:43px;letter-spacing:-2px}.contact h2>span{font-size:47px;right:0;top:-12px}.email{font-size:18px;padding:14px 17px;gap:20px}.contact .eyebrow{font-size:10px}.image-hint{display:none}footer{flex-wrap:wrap;gap:15px}footer p{order:3;max-width:none;width:100%;margin:0;font-size:11px}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
