/* Compact photographic wheels: full supplied crops, with several prints in view. */
.header nav a[href="index.html"]:hover{color:#f4f4f0}
.header nav a[href="photography.html"]:hover,.header nav a[href="photography.html"][aria-current]{color:var(--lime)}
.header nav a[href="film.html"]:hover,.header nav a[href="film.html"][aria-current]{color:var(--red)}
.header nav a[href="about.html"]:hover,.header nav a[href="about.html"][aria-current]{color:#d7b5ff}
.header nav a:last-child{font-size:inherit}.header nav a:last-child:before{content:none}
.header nav a:nth-child(4){transform:rotate(1deg)}
.still-intro{padding-top:48px;padding-bottom:45px;text-align:center}
.still-intro .eyebrow{color:var(--lime);letter-spacing:1.5px}
.still-intro h1{font:400 clamp(28px,3.3vw,45px)/1.35 ZineTypewriter,'Courier New',monospace;color:#f4f4f0;margin:22px 0 26px;letter-spacing:-.025em}
.still-intro h1 span{white-space:nowrap}
.photo-jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 25px;font:16px/1.4 ZineTypewriter,'Courier New',monospace;max-width:920px;margin:auto}
.photo-jumps a{padding:8px 0;color:#e3e3d8}.photo-jumps a span{color:var(--lime);font:inherit;vertical-align:baseline;margin-left:4px}.photo-jumps a:hover{color:var(--lime)}
.photo-wheel{--print-height:clamp(250px,26vw,330px);padding:36px 0 34px;scroll-margin-top:24px;border-top:1px solid #d0d0c32b;overflow:hidden}
.photo-wheel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.photo-wheel-heading h2{font:400 clamp(42px,5vw,68px)/1.05 PunkBrush,Impact,sans-serif;color:#e8e7dc;text-transform:uppercase;transform:rotate(-2deg);margin:0 0 12px}
.photo-wheel-heading h2:after{content:'';display:block;width:70%;height:3px;background:var(--lime);margin-top:8px;clip-path:polygon(0 45%,100% 0,94% 65%,1% 100%)}
.photo-wheel-heading p{font:13px/1.6 ZineTypewriter,'Courier New',monospace;color:#b9b9af;max-width:460px}
.photo-wheel-heading>span{font:11px/1.4 ZineTypewriter,'Courier New',monospace;color:var(--lime);white-space:nowrap}
.photo-track{display:flex;align-items:center;gap:28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9aff3855 transparent;padding:28px 25px 25px;position:relative;-webkit-overflow-scrolling:touch}
.photo-wheel.is-ready .photo-track{padding-inline:50%;scrollbar-width:none}
.photo-wheel.is-ready .photo-track::-webkit-scrollbar{display:none}
.picture-card{display:flex;flex-direction:column;flex:0 0 auto;width:calc(var(--print-height) * var(--photo-ratio));scroll-snap-align:center;scroll-snap-stop:always;position:relative;outline-offset:8px}
.picture-print{display:block;width:100%;height:var(--print-height);padding:5px;background:#d6d6ce;transform:rotate(var(--print-tilt));box-shadow:6px 10px 0 #000a,0 15px 25px #0009;transition:transform .3s ease,border-color .3s ease}
.picture-print img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}
.picture-card:hover .picture-print,.picture-card:focus-visible .picture-print{transform:rotate(0) translateY(-4px)}
.picture-card.is-selected .picture-print{outline:1px solid #9aff3888;outline-offset:3px}
.picture-number{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 ZineTypewriter,'Courier New',monospace;color:#cecec2;margin:17px 5px 0;white-space:nowrap}
.picture-number span{color:var(--lime);font-size:16px;line-height:1}
.picture-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:5px}
.picture-controls button{height:44px;width:48px;border:1px solid #babaa570;font:27px/1 Arial,sans-serif;color:var(--lime);background:#0b0b0b;box-shadow:3px 4px #000;transform:rotate(-2deg)}
.picture-controls button:last-child{transform:rotate(2deg)}
.picture-controls button:hover{background:var(--lime);color:#0b0b0b;border-color:var(--lime)}
.picture-controls p{min-width:80px;text-align:center;color:#e0e0d4;font:13px/1.4 ZineTypewriter,'Courier New',monospace;letter-spacing:1px}
.photo-enquiry{padding-block:45px 58px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:20px/1.4 ZineTypewriter,'Courier New',monospace}
.photo-enquiry a{color:var(--lime);font-size:16px;text-decoration:underline;text-underline-offset:7px}
.photography-page .lightbox-caption{font-family:ZineTypewriter,'Courier New',monospace}
.photography-page .lightbox-caption h2{font-size:18px}.photography-page .lightbox-caption p{font-size:12px;line-height:1.5;max-width:650px;text-align:right}
/* The artist and the enquiry share the same handmade canvas. */
.about-intro{padding:48px 0 32px}
.about-intro h1{font:400 clamp(48px,7vw,92px)/1.1 PunkBrush,Impact,sans-serif;text-transform:uppercase;transform:rotate(-2deg);margin:0;color:#e8e7dc}
.artist-profile{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:clamp(35px,6vw,90px);align-items:center;padding-block:18px 70px;max-width:1150px}
.artist-photo{margin:0;max-width:380px;justify-self:center;transform:rotate(-3deg)}
.artist-photo img{display:block;width:100%;height:auto;border:6px solid #d8d8cf;box-shadow:10px 14px #0009,0 20px 35px #0009}
.artist-photo figcaption{font:11px/1.5 ZineTypewriter,'Courier New',monospace;margin-top:17px;color:#d7b5ff;text-align:center}
.artist-copy h2{font:400 clamp(30px,3.7vw,49px)/1.2 ZineTypewriter,'Courier New',monospace;margin:0 0 22px;letter-spacing:-.04em}
.artist-copy p{font:15px/1.85 'Manrope',Arial,sans-serif;color:#c6c6be;margin-top:18px;max-width:600px}
.artist-copy .artist-lead{font:20px/1.5 ZineTypewriter,'Courier New',monospace;color:#f0f0e6}
.artist-copy .about-tags{font-family:ZineTypewriter,'Courier New',monospace}
.artist-copy .about-signoff{font-family:ZineTypewriter,'Courier New',monospace;margin-top:28px}
.about-page .quote-section{padding-block:50px 65px;border-top:1px solid #bcbca43b;background:#0b0b0b80;color:#e8e7dc}
.quote-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,6vw,90px)}
.quote-heading h2{font:400 clamp(45px,5.5vw,76px)/1.05 PunkBrush,Impact,sans-serif;text-transform:uppercase;margin:20px 0;color:#d7b5ff;transform:rotate(-2deg)}
.quote-heading p{font:14px/1.8 ZineTypewriter,'Courier New',monospace;max-width:320px;color:#c6c6ba}
.quote-heading .eyebrow{color:#d7b5ff;font-size:11px}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;padding-top:8px}
.quote-form label{display:flex;flex-direction:column;gap:9px;font:13px/1.4 ZineTypewriter,'Courier New',monospace;color:#f0f0e6}
.quote-form label small{font-size:10px;color:#aaa99f}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;min-width:0;background:#151515;color:#f0f0e6;border:1px solid #a7a69a88;border-radius:0;padding:13px 12px;font:14px/1.5 Arial,sans-serif;outline-offset:3px}
.quote-form input:focus,.quote-form textarea:focus,.quote-form select:focus{outline:2px solid #b672ff;border-color:transparent}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#97978f}
.quote-form textarea{resize:vertical;min-height:150px}.quote-form .full-width{grid-column:1/-1}
.quote-form .send-quote{justify-self:start;min-height:48px;background:#d7b5ff;color:#0b0b0b;border:0;font:16px/1.4 ZineTypewriter,'Courier New',monospace;padding:14px 25px;transform:rotate(-1deg);box-shadow:5px 5px #000}
.quote-form .send-quote:hover{background:#9aff38}.quote-form .send-quote:disabled{opacity:.65;cursor:wait}
.quote-form .form-privacy{font:11px/1.6 Arial,sans-serif;color:#aaa99f;margin:0}.quote-form .form-status{font:14px/1.6 ZineTypewriter,'Courier New',monospace;color:#e8e7dc;margin:0}.quote-form .form-status:empty{display:none}
.quote-form .form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){
 .header nav{gap:26px;font-size:13px}.header nav a span{display:none}
 .still-intro{padding-top:32px;padding-bottom:30px}.still-intro h1{font-size:27px;margin:18px 0 22px}
 .photo-jumps{gap:4px 19px;font-size:14px}.photo-jumps a span{display:inline}
 .photo-wheel{--print-height:260px;padding:28px 0}.photo-wheel-heading{align-items:flex-start;gap:12px}
 .photo-wheel-heading h2{font-size:45px}.photo-wheel-heading p{font-size:11px;max-width:250px}.photo-wheel-heading>span{font-size:9px;padding-top:10px}
 .photo-track{gap:21px;padding-block:25px 23px}.picture-number{font-size:9px}.picture-controls{gap:20px}
 .photo-enquiry{display:block;font-size:22px;padding-block:34px 45px}.photo-enquiry a{display:inline-block;margin-top:18px;font-size:15px}
 .photography-page .lightbox-caption{display:block}.photography-page .lightbox-caption p{text-align:left;margin-top:7px;font-size:11px}
 .about-intro{padding:30px 0 22px}.about-intro h1{font-size:59px}
 .artist-profile{grid-template-columns:1fr;gap:34px;padding-top:15px;padding-bottom:45px}.artist-photo{width:min(76%,300px)}
 .artist-copy h2{font-size:36px}.artist-copy p{font-size:14px}.artist-copy .artist-lead{font-size:19px}
 .quote-layout{grid-template-columns:1fr;gap:28px}.quote-heading h2{font-size:55px}.quote-heading p{max-width:100%}.about-page .quote-section{padding-block:32px 45px}
 .quote-form{gap:20px 14px}.quote-form input,.quote-form textarea,.quote-form select{font-size:16px}.quote-form label{font-size:12px}
}
@media(max-width:380px){.header nav{gap:21px}.quote-form{grid-template-columns:1fr}.quote-form label{grid-column:1}.still-intro h1{font-size:24px}.photo-jumps{font-size:13px}.photo-wheel-heading h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.picture-print{transition:none}.picture-card:hover .picture-print{transform:none}}

.photo-wheel.short-collection .photo-track{padding-inline:max(24px,calc((100% - var(--print-height)*var(--sum-ratios) - 28px)/2))}
.home .photo-mosaic .scrap img{filter:none;object-position:50% 50%}
.quote-form.is-unavailable input,.quote-form.is-unavailable select,.quote-form.is-unavailable textarea{opacity:.6}
.quote-form.is-unavailable .send-quote{cursor:not-allowed;opacity:.55}
.quote-form .form-status{color:#d7b5ff}
/* Keep the artist's supplied framing in the homepage prints too. */
.home .photo-mosaic .scrap img{object-fit:contain;background:#0b0b0b}