/* A quieter studio rhythm: the artwork leads, supporting details stay readable. */
:root{--muted:#62645c}
.eyebrow{font-size:11px;letter-spacing:.16em}
.hero-intro,.section-heading>p,.body-copy,.commission-intro>p:not(.eyebrow),
.commission-steps p,.contact-section [data-copy=contactIntro],.offering-row p,
.special-row p,.faq-list details p{font-size:14px;line-height:1.8}
.hero-intro{max-width:365px}
.section-heading>p{max-width:335px}
.body-copy{color:#56594f;max-width:44ch}
.site-header nav a,.text-link,.button,.menu-toggle,.social-links a,
.offering-row button,.collection-filters button,.medium-label select{font-size:12px}
.site-header nav a,.text-link,.button,.menu-toggle,.social-links a,
.offering-row button,.collection-filters button,.medium-label select{min-height:44px}
.site-header nav a,.social-links a{display:inline-flex;align-items:center}
.text-link{gap:30px}
.text-link span{font-size:20px}
.image-note,.hero-bottom{font-size:11px;letter-spacing:.02em}
.image-note{color:#b5b7ab}
.hero-bottom{color:#b5b7ab}
.work-section{padding-top:100px;padding-bottom:96px}
.section-heading{margin-bottom:40px}

/* Identical frames with one full-width caption rhythm, free of overlaid decoration. */
.gallery-tools{align-items:center;padding:10px 0;margin-bottom:22px}
.gallery-count,.medium-label,.gallery-page-summary,.gallery-page-position{font:12px/1.5 var(--sans);color:var(--muted)}
.gallery-count{margin:0;letter-spacing:.01em}
.collection-filters{gap:20px}
.collection-filters button{padding:8px 0}
.medium-label{gap:12px}
.medium-label select{padding:8px 0;max-width:170px}
.artwork-grid{row-gap:38px}
.art-meta{display:block;padding-top:14px;min-height:100px}
.art-meta h3{font-size:25px;line-height:1.2;letter-spacing:-.015em}
.art-meta h3 button{display:block;max-width:100%;min-height:36px;line-height:inherit}
.art-meta p{font-size:12px;line-height:1.55;margin-top:4px}
.art-meta>span{display:block;white-space:normal;font-size:11px;line-height:1.5;padding-top:5px}
.art-image,.art-image-button:hover .art-image{transform:none;transition:none}
.art-view-label,.art-image-button:hover .art-view-label{transform:none}
.art-view-label{right:12px;bottom:12px;width:34px;min-width:34px;height:34px;font-size:18px;background:#f5f3eef2;transition:opacity .18s ease}
.art-image-button:focus-visible .art-view-label{opacity:1}
.art-meta h3 button:hover,.art-meta h3 button:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.gallery-pagination{margin-top:30px;padding-top:22px}
.gallery-page-controls{gap:16px}
.portfolio-end{justify-content:flex-end;margin-top:38px;padding-top:22px}
.portfolio-end .text-link{font-size:12px}
@media(hover:hover) and (pointer:fine){
  .art-view-label{opacity:0}
  .art-image-button:hover .art-view-label,.art-image-button:focus-visible .art-view-label{opacity:1}
}

/* The artist's own drawing and signature carry this section. */
.artist-section{padding-top:96px;padding-bottom:96px;gap:10%;align-items:center}
.artist-art-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}
.artist-art-button:focus-visible{outline-offset:6px}
.artist-work-caption{padding-top:14px}
.artist-work-caption button{display:block;max-width:100%;min-height:36px;padding:0;border:0;background:transparent;text-align:left;font:21px/1.35 var(--serif);letter-spacing:-.01em}
.artist-work-caption button:hover,.artist-work-caption button:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.artist-work-caption>span{display:block;font:12px/1.5 var(--sans);color:var(--muted);margin-top:3px}
.artist-work-story{max-width:44ch;border-top:1px solid #c6c4b8;padding-top:22px;margin-top:28px}
.artist-work-story>small,.artist-work-story>.eyebrow{display:block;font:10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0}
.artist-work-story>p:not(.eyebrow){font:14px/1.8 var(--sans);color:#56594f;margin-top:7px}
.artist-signoff{margin-top:30px;gap:10px}
.artist-signature{display:block;width:62px;height:auto;color:#4e5147}
.artist-signoff small{font-size:10px;line-height:1.5;letter-spacing:.1em}

.commission-section{padding-top:100px;padding-bottom:100px}
.commission-steps article{gap:26px;padding:26px 0}
.commission-steps article>span{font-size:11px;color:#b3b7a8}
.commission-steps h3{font-size:28px}
.commission-art figcaption{font:12px/1.6 var(--sans);margin-top:12px;color:#b9bcaf}
.offerings>h3{font-size:29px;padding-top:30px}
.offering-row small{font-size:12px;line-height:1.5}
.contact-section{padding-top:96px;padding-bottom:104px;gap:10%}
.contact-section h2{font-size:clamp(52px,6vw,80px);line-height:1.06}
.contact-section [data-copy=contactIntro]{max-width:36ch}
.contact-details #whatsapp-link{font-size:12px;line-height:1.5;min-height:56px}
.contact-details>.location-copy{font-size:12px;line-height:1.6}
.social-links{gap:26px;padding-top:12px;margin-top:24px}

/* A modest closing signature, rather than another display-sized headline. */
.site-footer{padding-top:42px;padding-bottom:24px}
.footer-wordmark{align-items:flex-start;gap:10px;padding-bottom:26px}
.footer-wordmark>span{font-size:32px;letter-spacing:.12em;margin-right:0}
.footer-wordmark small{font-size:9px;letter-spacing:.5em;margin-right:0}
.footer-bottom{padding-top:12px;gap:24px;font-size:11px;line-height:1.6;color:#b3b7a8}
.footer-bottom>div{gap:22px}
.footer-bottom button,.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}

/* Direct enquiries, with secondary details available when they are useful. */
.enquiry-header>p:last-child,#booking-intro{font-size:14px;line-height:1.7}
.enquiry-dialog label{font-size:12px;line-height:1.5;gap:8px}
.enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{min-height:44px;font-size:14px}
.enquiry-dialog label.consent{font-size:12px;line-height:1.65;gap:11px}
.field-help,.small-note{font-size:12px;line-height:1.65}
.field-help{align-self:center}
.enquiry-dialog .honey{min-height:0}
.commission-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2px 0 22px}
.commission-details>summary{min-height:50px;display:flex;align-items:center;gap:12px;cursor:pointer;font:12px/1.5 var(--sans);list-style:none;padding:12px 0}
.commission-details>summary::-webkit-details-marker{display:none}
.commission-details>summary::before{content:"+";font-size:19px;line-height:1;width:15px;flex:none}
.commission-details[open]>summary::before{content:"−"}
.commission-details>summary>span{margin-left:auto;color:var(--muted);font-size:11px}
.commission-details>.form-grid{padding-top:12px}
.commission-details>.form-grid label:last-child{margin-bottom:17px}
.enquiry-dialog .button{font-size:12px;min-height:48px}
.enquiry-dialog h2{font-size:46px;line-height:1.1}
.privacy-dialog>p:not(.eyebrow){font-size:14px;line-height:1.8}
.privacy-dialog h2{font-size:40px}
.selected-artwork{font-size:13px;line-height:1.6}

/* Orientation without another layer of interface. */
.art-controls{display:grid;grid-template-columns:44px 1fr auto 44px;gap:12px;align-items:center;margin-top:14px}
.art-controls button{min-width:44px;min-height:44px}
.art-controls #art-prev{grid-column:1;grid-row:1}
.art-controls #art-zoom{grid-column:2;grid-row:1}
.art-controls #art-position{grid-column:3;grid-row:1}
.art-controls #art-next{grid-column:4;grid-row:1}
.art-controls #art-zoom{font-size:12px;letter-spacing:0}
#art-position{font:11px/1.5 var(--sans);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.art-information{padding-top:70px}
.art-information .eyebrow{font-size:11px;margin-bottom:13px}
.art-information>p:not(.eyebrow){font-size:14px;line-height:1.8}
.art-information dl{font-size:12px;line-height:1.6}
.art-information p.small-note{font-size:11px;line-height:1.7}
.dialog-close{width:44px;height:44px}

@media(max-width:1100px){
  .site-header nav{gap:18px}
  .site-header nav a{font-size:12px}
  .hero-intro{font-size:14px}
}
@media(max-width:760px){
  .site-header nav a{font-size:14px;min-height:46px}
  .menu-toggle{font-size:12px}
  .hero-copy .eyebrow{font-size:10px;line-height:1.6}
  .hero-intro{font-size:14px;line-height:1.75;max-width:33ch}
  .hero-bottom{font-size:10px;line-height:1.6}
  .image-note{font-size:10px;line-height:1.5}
  .section-pad,.work-section,.artist-section,.commission-section,.contact-section{padding-top:68px;padding-bottom:68px}
  .section-heading{margin-bottom:28px}
  .section-heading>p{font-size:14px;line-height:1.75;margin-top:20px}
  .gallery-tools{padding:7px 0;margin-bottom:20px;gap:16px}
  .gallery-count,.gallery-page-summary,.gallery-page-position{font-size:11px}
  .medium-label{font-size:0;gap:0}
  .medium-label select{font-size:12px;max-width:126px}
  .collection-filters{gap:14px}
  .collection-filters button{font-size:12px}
  .artwork-grid{row-gap:30px}
  .art-meta{padding-top:12px;min-height:100px}
  .art-meta h3{font-size:21px;line-height:1.22}
  .art-meta h3 button{min-height:44px}
  .art-meta p{font-size:11px;line-height:1.55;margin-top:3px}
  .art-meta>span{font-size:11px;line-height:1.5;padding-top:4px}
  .art-view-label{width:26px;min-width:26px;height:26px;right:8px;bottom:8px;font-size:15px}
  .gallery-pagination{margin-top:28px;padding-top:20px;gap:12px}
  .gallery-page-controls{gap:10px}
  .portfolio-end{margin-top:30px;padding-top:18px}
  .portfolio-end .text-link{font-size:12px;gap:16px}
  .artist-section{gap:36px}
  .artist-image{width:82%}
  .artist-copy{padding-left:0}
  .artist-copy h2{font-size:45px}
  .body-copy{font-size:14px;line-height:1.8;margin:22px 0}
  .artist-work-caption button{font-size:20px;min-height:44px}
  .artist-work-caption>span{font-size:11px}
  .artist-work-story{margin-top:24px;padding-top:19px}
  .artist-signoff{margin-top:25px}
  .artist-signature{width:58px}
  .commission-intro h2{font-size:50px}
  .commission-intro>p:not(.eyebrow){font-size:14px;line-height:1.8}
  .commission-steps article{gap:20px;padding:24px 0}
  .commission-steps h3{font-size:26px}
  .commission-steps p{font-size:14px;line-height:1.8}
  .contact-section{gap:35px}
  .contact-section h2{font-size:52px}
  .contact-section [data-copy=contactIntro]{font-size:14px;line-height:1.8}
  .site-footer{padding-top:30px;padding-bottom:20px}
  .footer-wordmark{gap:8px;padding-bottom:22px}
  .footer-wordmark>span{font-size:24px;letter-spacing:.1em}
  .footer-wordmark small{font-size:8px}
  .footer-bottom{font-size:10px;gap:12px;flex-wrap:wrap}
  .footer-bottom>span{max-width:100%;flex-basis:100%}
  .footer-bottom>div{gap:24px}
  .footer-bottom button,.footer-bottom a{font-size:11px}
  .art-information{padding-top:30px}
  .art-information h2{font-size:35px}
  .art-controls{gap:4px}
  .art-controls #art-zoom{font-size:11px}
  #art-position{font-size:10px}
  .enquiry-dialog h2{font-size:36px}
  .enquiry-dialog label{font-size:12px}
  .enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{font-size:16px;min-height:46px}
  .enquiry-dialog input[type=checkbox]{min-height:15px}
  .field-help{font-size:11px;line-height:1.65}
  .enquiry-dialog label.consent{font-size:12px}
  .small-note{font-size:11px}
  .privacy-dialog>p:not(.eyebrow){font-size:14px}
}
@media(max-width:370px){
  .gallery-tools{flex-direction:row;align-items:center;gap:10px}
  .medium-label select{max-width:115px}
  .art-meta h3{font-size:20px}
  .gallery-page-controls{gap:7px}
  .gallery-page-position{font-size:10px}
  .contact-section h2{font-size:48px}
  .footer-wordmark>span{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .art-view-label{transition:none}
}

/* Client references: small, private additions to the conversation. */
.reference-picker{min-width:0;padding:20px 0 0;margin:22px 0 0;border:0;border-top:1px solid var(--line,#d6d3ca)}
.reference-picker legend{float:left;width:100%;padding:0;font-size:13px;line-height:1.6}
.reference-picker legend span{color:var(--muted,#62645c);font-size:11px;margin-left:8px}
.reference-picker>p{clear:both;font-size:12px;line-height:1.65;margin:8px 0 12px;color:var(--muted,#62645c)}
.reference-picker-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.reference-add{min-height:44px;padding:10px 15px;border:1px solid #aaa99f;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.reference-add:hover:not(:disabled){border-color:var(--ink,#24251f);background:#e9e7de}
.reference-add:disabled{opacity:.55;cursor:default}
.reference-picker [data-reference-status]{font-size:11px;color:var(--muted,#62645c)}
.reference-picker>.reference-format{font-size:11px;margin:9px 0 0}
.reference-picker>.reference-error{color:#8c3028;margin:10px 0 0}
.reference-error:empty{display:none}
.reference-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:14px 0;list-style:none}
.reference-previews:empty{display:none}
.reference-previews li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 10px;align-items:center;border:1px solid #d6d3ca;padding:8px}
.reference-previews img{width:64px;height:78px;object-fit:cover;grid-row:span 2}
.reference-previews span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-previews button{min-height:36px;padding:5px 0;justify-self:start;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:inherit;font:inherit;font-size:11px;cursor:pointer}
@media(max-width:600px){
  .reference-picker legend{font-size:13px}
  .reference-picker legend span{font-size:11px}
  .reference-previews{gap:8px}
  .reference-previews li{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px}
  .reference-previews img{width:100%;height:100px;grid-row:auto;object-fit:contain;background:#e8e5dc}
  .reference-previews button{min-height:44px;width:100%;text-align:left;font-size:12px}
}

/* The navigation, introduction and drawing share the first screen. */
:root{--landing-header-height:118px}
.hero{min-height:calc(100svh - var(--landing-header-height));padding-top:22px}
.hero .hero-copy{padding-bottom:20px}
.hero .hero-art{max-width:min(475px,var(--hero-art-max-width,calc((100svh - var(--landing-header-height) - 145px)*.8)));align-self:center;padding-top:0}
.hero .hero-bottom{margin-top:10px}
.hero h1{font-size:clamp(60px,min(6.8vw,10svh),100px)}
.hero-copy .eyebrow{margin-bottom:clamp(18px,3svh,28px)}
.hero .hero-intro{margin-top:24px;margin-bottom:20px}
.hero-copy .charcoal-trace{margin-top:16px}
.hero-copy .charcoal-trace .nvz-signature{width:180px}
@media(max-width:1100px){:root{--landing-header-height:100px}}
@media(max-width:760px){
  :root{--landing-header-height:72px}
  .site-header{height:72px}
  .site-header nav{top:100%}
  .hero{min-height:0;padding-top:12px;align-items:start}
  .hero .hero-copy{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;padding:0}
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-intro{grid-column:1/-1}
  .hero-copy>.eyebrow{font-size:9px;line-height:1.5;margin-bottom:10px}
  .hero h1{font-size:clamp(38px,11vw,48px);line-height:1.02}
  .hero .hero-intro{font-size:13px;line-height:1.55;max-width:36ch;margin:12px 0}
  .hero-copy>.text-link{grid-column:2;grid-row:4;justify-self:end;min-height:44px;gap:18px}
  .hero-copy .charcoal-trace{grid-column:1;grid-row:4;display:block;width:128px;margin:0}
  .hero-copy .charcoal-trace .nvz-signature{width:128px}
  .hero-copy .charcoal-trace>span{display:none}
  .hero .hero-art{width:78%;max-width:min(280px,var(--hero-art-max-width,calc(clamp(180px,100svh - 425px,350px)*.8)));margin-top:16px;padding:0;justify-self:center;align-self:start}
  .hero .hero-art-frame{aspect-ratio:4/5}
  .hero .image-note{font-size:10px;line-height:1.5;margin-top:8px;gap:12px}
  .hero .hero-bottom{font-size:10px;line-height:1.5;margin-top:16px;padding:12px 0}
}

/* A single ink-and-paper language for controls, including mobile browsers. */
button{-webkit-appearance:none;appearance:none}
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;stroke:currentColor;stroke-width:1.5;fill:none;shape-rendering:geometricPrecision}
.text-link>span[aria-hidden=true],.button>span[aria-hidden=true]{display:inline-flex;align-items:center}
.site-header .ui-icon,.social-links .ui-icon{width:16px;height:16px}
.social-links a{gap:8px}
.offering-row button{display:inline-flex;align-items:center;gap:16px}
.art-view-label{background:var(--paper);color:var(--ink);border-radius:0;box-shadow:none}
.art-view-label .ui-icon{width:18px;height:18px}
.gallery-page-controls button,.art-controls button,.dialog-close{display:inline-flex;align-items:center;justify-content:center}
.art-controls #art-zoom{gap:6px}
.dialog-close{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.dialog-close .ui-icon{width:22px;height:22px}
.success-mark .ui-icon{width:38px;height:38px}
.hero-bottom>a,.exhibition-row>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.hero-bottom>a{margin-right:-12px}
.whatsapp-contact .ui-icon{width:18px;height:18px}
.back-to-top{background:var(--ink);box-shadow:none}
.back-to-top.is-visible{opacity:1}
@media(hover:none),(pointer:coarse){
  .art-view-label{opacity:1}
  .text-link:hover span{transform:none}
  .button-light:hover{background:var(--paper)}
  .button-dark:hover,.contact-details #whatsapp-link:hover,.back-to-top:hover{background:var(--ink)}
  .gallery-page-controls button:not(:disabled):hover{background:transparent;border-color:var(--line)}
  .contact-icon-link:hover{background:transparent;border-color:#c4c2b8}
  .reference-add:hover:not(:disabled){background:transparent;border-color:#aaa99f}
}

/* The original transparent Houtwolf credit, kept secondary to Nicola's signature. */
.site-footer .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.footer-bottom .aardnova-credit{display:inline-flex;justify-self:end;align-items:center;gap:9px;min-height:44px;background:transparent;color:var(--paper);white-space:nowrap}
.aardnova-credit>span{font:8px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.aardnova-credit picture{display:block;opacity:.68;transition:opacity .2s ease}
.aardnova-credit img{display:block;width:auto;height:26px;max-width:128px;object-fit:contain;background:transparent}
.aardnova-credit:hover picture,.aardnova-credit:focus-visible picture{opacity:1}
.back-to-top.credit-in-view{bottom:max(92px,calc(env(safe-area-inset-bottom) + 74px))}
@media(max-width:1000px){
  .site-footer .footer-bottom{grid-template-columns:minmax(0,1fr) auto;gap:12px 24px}
  .footer-bottom .aardnova-credit{grid-column:1/-1}
}
@media(max-width:760px){
  .site-footer .footer-bottom{grid-template-columns:minmax(0,1fr);gap:8px}
  .footer-bottom .aardnova-credit{margin-top:4px}
  .aardnova-credit img{height:24px}
}
@media(prefers-reduced-motion:reduce){.aardnova-credit picture{transition:none}}