@font-face{font-family:Anton;src:url('/assets/creator/anton.ttf') format('truetype');font-weight:400;font-display:swap}
:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#ffe252;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:8px;text-decoration-thickness:1.5px}a:focus-visible,summary:focus-visible{outline:3px solid #1545a0;outline-offset:6px}.skip-link{position:absolute;left:20px;top:-80px;z-index:10;background:#fff1dc;padding:12px}.skip-link:focus{top:12px}header{height:100px;max-width:1600px;margin:auto;padding:20px 4.4%;display:flex;align-items:center;justify-content:space-between}.logo{display:block;object-fit:contain;width:60px;height:48px}nav{display:flex;gap:34px;font-weight:700;font-size:16px}nav a{text-decoration:none;padding:10px 0}nav a[aria-current]{text-decoration:underline;text-underline-offset:9px}.creator-hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr;gap:5%;align-items:center;padding:45px 4.4% 58px;min-height:650px}.creator-copy{min-width:0}h1{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-weight:400;font-size:clamp(92px,12.9vw,207px);line-height:1.03;letter-spacing:-.025em;margin:0 0 22px}h1 span{display:block;white-space:nowrap}.creator-copy p{font-size:clamp(17px,1.65vw,25px);line-height:1.45;margin:0 0 12px}.creator-copy .intro{font-weight:600}.work-link{font-size:clamp(18px,1.65vw,25px);font-weight:700;display:inline-block;margin-top:8px;padding-bottom:5px}.portrait-ticket{position:relative;margin:0;transform:rotate(5deg);transition:transform .3s ease;filter:drop-shadow(0 14px 9px #44380026)}.portrait-ticket:hover{transform:rotate(2deg) translateY(-4px)}.ticket-paper{background:#fff6e5;padding:19px 19px 0;mask:radial-gradient(circle at 0 45%,transparent 19px,#000 20px) left,radial-gradient(circle at 100% 45%,transparent 19px,#000 20px) right;mask-size:51% 100%;mask-repeat:no-repeat}.photo-wrap{aspect-ratio:1.05;overflow:hidden}.photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 70%;filter:none}figcaption{border-top:3px dashed #222;margin:15px -19px 0;padding:17px 12px 22px;text-align:center;font-size:clamp(17px,1.6vw,23px);line-height:1.35}figcaption strong{display:block;font-size:clamp(23px,2vw,30px);margin-bottom:3px}.crow{position:absolute;top:-65px;left:30%;width:135px;height:80px;z-index:2;overflow:visible}.contact{display:grid;grid-template-columns:1.5fr .75fr .8fr;gap:30px;padding:35px 4.4% 23px;background:#ef3c23;color:#fff6e5;align-items:center}.contact h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(55px,7.7vw,123px);line-height:1.1;margin:0;white-space:nowrap}.contact>div{padding:12px 0 12px 24px}.contact>div+div{border-left:1px solid #fff6e58c}.contact p{font-size:16px;line-height:1.5;margin:0 0 14px}.contact a{font-size:clamp(20px,2vw,29px);font-weight:700;display:inline-block;white-space:nowrap}.contact .credit{grid-column:1/-1;font-size:13px;margin:0;padding-top:10px}.project-story{background:#fff6e5;padding:70px max(4.4%,calc((100vw - 1458px)/2));display:grid;grid-template-columns:1.4fr 1fr;gap:25px 8%;scroll-margin-top:30px}.project-story h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:42px;line-height:1.15;margin:0 0 24px}.project-story p{font-size:17px;line-height:1.7;max-width:700px}.project-links{align-self:center}.project-links>a{display:block;font-size:23px;font-weight:700;margin:20px 0}.project-links p{font-size:15px}.credits{grid-column:1/-1;border-top:1px solid #1114;padding-top:22px;margin-top:20px}.credits summary{cursor:pointer;font-weight:700}.credits p{font-size:14px}footer{background:#fff6e5;display:flex;justify-content:space-between;padding:24px 4.4%;font-size:14px;border-top:1px solid #1113}
@media(min-width:1100px) and (max-height:850px){header{height:80px}.creator-hero{min-height:0;padding-top:34px;padding-bottom:35px}h1{font-size:min(12.4vw,22vh)}.portrait-ticket{max-width:390px;justify-self:center;width:100%}.creator-copy p{font-size:20px}.contact{padding-top:26px;gap:18px}.contact h2{font-size:90px}}
@media(max-width:900px){header{height:85px}.creator-hero{gap:6%;min-height:0;padding-top:55px;padding-bottom:45px;grid-template-columns:1.3fr 1fr}h1{font-size:12vw}.creator-copy p{font-size:16px}.desktop-break{display:none}.ticket-paper{padding:12px 12px 0}figcaption{margin:12px -12px 0;font-size:16px;padding:12px 6px 16px}figcaption strong{font-size:21px}.crow{width:100px;top:-48px;height:60px}.contact{grid-template-columns:1fr 1fr;gap:22px}.contact h2{grid-column:1/-1;font-size:70px}.contact>div{padding:0}.contact>div+div{padding-left:20px}.project-story{gap:30px}.project-story h2{font-size:34px}}
@media(max-width:600px){header{padding:14px 6%;height:76px}.logo{width:48px;height:40px}nav{gap:23px;font-size:14px}.creator-hero{display:flex;flex-direction:column;align-items:stretch;padding:15px 6% 40px;gap:65px}h1{font-size:22vw;line-height:1.04;margin-bottom:20px}.creator-copy p{font-size:17px}.work-link{font-size:18px}.portrait-ticket{width:84%;max-width:370px;align-self:center}.photo-wrap{aspect-ratio:1.05}figcaption{font-size:18px;padding:15px 8px 18px}figcaption strong{font-size:24px}.contact{padding:30px 6% 24px;gap:25px 12px}.contact h2{font-size:18vw}.contact p{font-size:13px;margin-bottom:10px}.contact a{font-size:18px}.contact>div+div{padding-left:12px}.contact .credit{font-size:12px;line-height:1.6}.project-story{display:block;padding:45px 6%}.project-story p{font-size:16px}.project-links{margin:32px 0}.project-links>a{font-size:21px}footer{padding:22px 6%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.portrait-ticket{transition:none}.portrait-ticket:hover{transform:rotate(5deg)}}
@media(min-width:901px){h1 span{transform:scaleX(1.35);transform-origin:left center;width:74%}}
@media(max-width:360px){.contact a{font-size:16px}.contact p{font-size:12px}.contact{column-gap:8px}.contact>div+div{padding-left:8px}}
@media(max-width:600px){.contact{grid-template-columns:repeat(2,minmax(0,1fr))}.contact>div{min-width:0}.contact a{white-space:normal;line-height:1.5}}
@media(max-width:600px){.contact a{font-size:15px;white-space:nowrap}.contact h2{white-space:normal}}
@media(max-width:360px){.contact a{font-size:13px}}
.project-showcase{grid-column:1/-1;margin:0 0 36px;min-width:0}
.project-showcase img{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:6px}
.project-showcase figcaption{border:0;margin:0;padding:18px 0 0;text-align:left;font-size:14px;line-height:1.5}
@media(max-width:600px){.project-showcase{margin-bottom:32px}.project-showcase figcaption{font-size:12px;padding-top:12px}}
