:root[data-theme="dark"],:root[data-theme="alternating"]{--ink:#111819;--paper:#f1eee6;--muted:#acb5b1;--gold:#c9b692;--line:rgba(237,232,220,.19);--header-bg:rgba(17,24,25,.96);--menu-bg:#172022;--soft-surface:#1c2626}
:root[data-theme="light"]{--ink:#f5f2eb;--paper:#24312a;--muted:#647066;--gold:#8a704b;--line:rgba(38,51,42,.19);--header-bg:rgba(245,242,235,.96);--menu-bg:#f5f2eb;--soft-surface:#e9e5dc}
html,body{background:var(--ink);color:var(--paper)}
.header.solid,.inner-page .header{background:var(--header-bg);color:var(--paper)}
.home-page .header:not(.solid){color:#f1eee6}
.dropdown{background:var(--menu-bg);color:var(--paper)}
.hero{color:#f1eee6}
.hero .eyebrow{color:#d9c9a7}
.hero-alias span{color:#f1eee6}
.shop,.contact,.design-section,.other-work,.work-section{background:var(--ink);color:var(--paper)}
.shop .eyebrow{color:var(--gold)}
.shop .text-link{color:var(--paper);border-color:var(--gold)}
.shop-copy>p:not(.eyebrow),.shop .section-note{color:var(--muted)}
.shop-copy p.shop-intro{color:var(--paper)}
.shop-domain,.shop-secondary,.footer{color:var(--muted)}
.shop-secondary{border-color:var(--line)}
.shop-consignment{font-size:10px!important;line-height:1.8!important;max-width:310px;margin-top:10px!important}
.shop-photo-grid a{aspect-ratio:3/4;background:var(--soft-surface)}
.shop-photo-grid img{object-fit:cover;object-position:center}
.collection:nth-child(1) img{filter:none;object-position:50% 50%}
.collection:nth-child(2) img{object-position:50% 72%}
.design-montage{grid-template-columns:1.08fr 1fr;grid-template-rows:1fr 1fr}
.montage-feature{grid-row:span 2;background:#242624}
.montage-feature img{object-fit:contain;padding:8px}
.montage-detail{background:#deded9}
.montage-detail img{object-fit:cover;object-position:center}
.montage-tattoo-photo img{object-position:50% 57%}
.design-copy h2{font-size:clamp(43px,4.5vw,65px);line-height:1.08}
.design-copy h2 br{display:block}
.about-copy p{color:var(--muted)}
.zoom-sign{color:#f1eee6}
.art-button{background:var(--soft-surface)}
dialog{background:var(--ink);color:var(--paper)}
dialog::backdrop{background:var(--ink)}
.lightbox-close,.lightbox-prev,.lightbox-next{color:var(--paper)}
.filter{border-color:var(--line)}
.theme-switch{display:flex;align-items:center;gap:0;border:1px solid var(--line);width:max-content}
.theme-switch button{border:0;border-radius:0;background:transparent;color:inherit;font:9px var(--sans);letter-spacing:.4px;padding:8px 10px;cursor:pointer}
.theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.home-page .header:not(.solid) .theme-switch{border-color:rgba(241,238,230,.4)}
.home-page .header:not(.solid) .theme-switch button[aria-pressed="true"]{background:#f1eee6;color:#17211b}
@media(max-width:900px){.design-copy h2{font-size:49px}.nav{gap:23px}}
@media(max-width:650px){.nav{background:var(--menu-bg);color:var(--paper)}.theme-switch{margin-top:14px}.design-copy h2{font-size:54px}.shop-photo-grid{gap:7px}.montage-feature img{padding:4px}}
@media(max-width:650px){.home-page .header:not(.solid) .theme-switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}}

/* Fixed vector arrows render consistently across desktop and mobile. */
.link-icon{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em;flex-shrink:0}
.arrow{display:inline-flex;font-size:20px}
.scroll-link .icon-down{width:22px;height:22px}
.email .link-icon{width:.65em;height:.65em;margin-left:.2em}
.work-menu summary:after{content:'';display:inline-block;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:9px}
.preview-crop{display:block;width:100%;height:100%;overflow:hidden;transition:transform .6s}
.collection:hover .preview-crop{transform:scale(1.025)}
.pin-preview{background:#e9e9e6}
.other-work{padding:76px 0 85px}
.design-section{padding:85px 0 90px}
.credentials-section{padding:82px 0 90px;background:var(--ink);color:var(--paper);border-top:1px solid var(--line)}
.credentials-heading{margin-bottom:40px}
.credentials-heading h2{font:300 clamp(42px,4.5vw,64px)/1.12 var(--serif);letter-spacing:-1.1px;margin-top:15px}
.clients-section .client-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:24px;line-height:1.35;gap:22px 32px}
.expanded-awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.expanded-awards li{align-items:center;padding:19px 0;min-height:76px;font-size:12px;line-height:1.6}
.expanded-awards li>div{max-width:66%}
.expanded-awards li>span{max-width:47%;font-size:11px}
.teaching-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.teaching-heading>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:320px}
.teaching-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:45px;row-gap:44px}
.teaching-card{padding-top:23px;border-top:1px solid var(--line)}
.teaching-card .eyebrow{font-size:9px;letter-spacing:1.3px;line-height:1.8}
.teaching-card h3{font:300 34px/1.12 var(--serif);margin:17px 0 18px;letter-spacing:-.5px}
.teaching-card>p:not(.eyebrow){font-size:12px;line-height:1.85;color:var(--muted);max-width:340px}
.teaching-card .teaching-role{color:var(--paper)!important;font-size:13px!important;margin-bottom:12px}
.mentorship-status{border-top:1px solid var(--line);margin-top:48px;padding-top:23px;font-size:12px;color:var(--muted)}
/* Alternating sections share the same restrained ivory and ink palette. */
:root[data-theme="alternating"] :is(.shop,.clients-section,.teaching-section){--ink:#f5f2eb;--paper:#24312a;--muted:#647066;--gold:#8a704b;--line:rgba(38,51,42,.19);--soft-surface:#e9e5dc;color-scheme:light;background:var(--ink);color:var(--paper)}
@media(max-width:900px){.clients-section .client-list{grid-template-columns:repeat(3,minmax(0,1fr));font-size:23px}.expanded-awards{column-gap:32px}.teaching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.nav{gap:22px}.theme-switch button{padding:8px}}
@media(max-width:650px){.other-work{padding:50px 0 58px}.design-section{padding:55px 0 65px}.credentials-section{padding:52px 0 60px}.credentials-heading{margin-bottom:30px}.clients-section .client-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 23px;font-size:21px}.expanded-awards{grid-template-columns:1fr}.expanded-awards li{min-height:70px;padding:17px 0}.teaching-heading{display:block}.teaching-heading>p{margin-top:24px}.teaching-grid{grid-template-columns:1fr;gap:30px}.teaching-card h3{font-size:34px}.mentorship-status{margin-top:35px}.about-copy h2{font-size:39px}.about-intro{padding-bottom:60px}.theme-switch button{padding:9px 12px}.collection h2 span{flex-shrink:0}.collection h2 .link-icon{width:13px;height:13px}}

/* About: keep client rows even and give recognition equal visual weight. */
.clients-section .client-list{align-items:start}
.clients-section .client-list>span{white-space:nowrap}
.clients-section .client-list-long{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
.expanded-awards{column-gap:60px}
.expanded-awards li{display:block;padding:23px 0 24px;min-height:110px}
.expanded-awards li>div{max-width:none;font:400 24px/1.35 var(--serif);color:var(--paper)}
.expanded-awards li>span{display:block;max-width:none;text-align:left;font-size:12px;line-height:1.7;color:var(--gold);margin-top:7px}
.mentorship-card .mentorship-availability{font-size:11px!important;line-height:1.85;color:var(--gold)!important;max-width:260px!important;margin-top:20px}
.institution-note{border-top:1px solid var(--line);margin-top:48px;padding-top:23px;font-size:12px;line-height:1.9;color:var(--muted);max-width:100%}
.institution-note a{color:var(--paper);border-bottom:1px solid var(--gold);white-space:nowrap;padding-bottom:2px;margin-left:5px}
@media(max-width:1100px){.clients-section .client-list{grid-template-columns:repeat(3,minmax(0,1fr))}.clients-section .client-list-long{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.clients-section .client-list{grid-template-columns:repeat(2,minmax(0,1fr));font-size:clamp(17px,4.9vw,21px);gap:20px 18px}.clients-section .client-list-long{grid-template-columns:1fr;margin-top:20px;font-size:21px}.clients-section .client-list-long>span{white-space:normal}.expanded-awards li{min-height:0;padding:22px 0}.expanded-awards li>div{font-size:24px}.expanded-awards li>span{font-size:11px}.mentorship-card .mentorship-availability{max-width:none!important;margin-top:18px}.institution-note{margin-top:35px}}
@media(max-width:480px){.clients-section .client-list{grid-template-columns:1fr;font-size:21px}}

/* The portrait and introduction share the opening, without an enclosing title. */
.about-page main{padding-top:145px}
.about-page .about-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px;padding-bottom:90px;align-items:center}
.portrait-frame{position:relative;margin:0;width:100%;max-width:500px;justify-self:center}
.portrait-shape-defs{position:absolute;pointer-events:none}
.about-page .about-image{display:block;width:100%;height:auto;aspect-ratio:3/4;max-height:none;object-fit:cover;object-position:52% 50%;clip-path:url(#portrait-contour)}
.about-copy .about-headline{font:300 clamp(41px,3.8vw,57px)/1.12 var(--serif);letter-spacing:-1px;margin:0 0 28px}
.about-page .about-copy .eyebrow{font-size:10px;line-height:1.8;letter-spacing:1.7px;color:var(--gold);margin-bottom:24px}
.about-page .about-copy>p:last-child{margin-bottom:0}
.teaching-grid .mentorship-card{grid-column:auto;display:block;padding-bottom:0}
.teaching-grid .mentorship-card .mentorship-availability{max-width:340px!important;font-size:11px!important;margin-top:18px;line-height:1.85}
@media(max-width:900px){.about-page .about-intro{gap:45px}.about-copy .about-headline{font-size:43px}}
@media(max-width:650px){.about-page main{padding-top:110px}.about-page .about-intro{grid-template-columns:1fr;gap:38px;padding-bottom:62px}.portrait-frame{max-width:350px;width:88%;justify-self:center}.about-copy .about-headline{font-size:43px;line-height:1.1;letter-spacing:-.8px}.about-page .about-copy .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:20px}}

/* About: the artist's name leads the introduction. */
.about-copy .about-name{font:300 clamp(76px,7.3vw,116px)/1.02 var(--serif);letter-spacing:-2.4px;margin:0 0 17px}
.about-copy .about-headline{font-size:clamp(33px,2.85vw,44px);line-height:1.15;letter-spacing:-.6px;margin-bottom:26px}
.about-page .about-copy .eyebrow{margin-bottom:26px}
.teaching-card .institution-note{border:0;margin:14px 0 0;padding:0;font-size:11px;line-height:1.85;max-width:340px}
.teaching-card .institution-note a{margin-left:0}
.jury-section{padding-top:58px;padding-bottom:68px}
.jury-layout{display:grid;grid-template-columns:1fr 2fr;gap:65px;align-items:start}
.jury-layout .credentials-heading{margin:0}
.jury-layout h2{font-size:clamp(38px,3.8vw,55px)}
.jury-entry{max-width:650px;padding-top:2px}
.jury-entry h3{font:300 37px/1.15 var(--serif);margin:16px 0 9px}
.jury-entry>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);max-width:560px}
.jury-entry p.jury-organization{color:var(--paper);margin-bottom:12px;font-size:13px}
.jury-entry .text-link{margin-top:24px}
/* Give the shop destinations equal emphasis, with quieter supporting copy. */
.shop-copy p.shop-intro{color:var(--muted)}
.shop-destinations{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}
.shop-destinations .text-link{font-size:11px;line-height:1.4;letter-spacing:1.1px;margin-top:0;color:var(--paper);border-color:var(--gold)}
.shop-destinations .shop-domain{font-size:10px;line-height:1.8;margin-top:13px}
.shop-destinations .shop-consignment{font-size:10px!important;line-height:1.8!important;color:var(--muted);margin:13px 0 0!important;max-width:230px}
/* The lower homepage sections open toward both edges with a modest gutter. */
.home-page :is(.other-work,.shop,.design-section,.contact)>.container{max-width:none;padding-left:clamp(18px,1.6vw,36px);padding-right:clamp(18px,1.6vw,36px)}
.home-page .collection-grid{gap:16px}
.home-page :is(.shop-editorial,.design-editorial){grid-template-columns:1.18fr 1fr;gap:clamp(36px,5vw,92px)}
.home-page :is(.shop-copy,.design-copy){max-width:490px}
.home-page .contact-body{max-width:440px}
.contact .footer{margin-top:66px}
@media(max-width:900px){.about-copy .about-name{font-size:78px}.about-copy .about-headline{font-size:34px}.jury-layout{gap:35px}.home-page :is(.shop-editorial,.design-editorial){gap:36px}.shop-destinations{gap:20px}.shop-destinations .text-link{font-size:10px;letter-spacing:.7px;gap:14px}}
@media(max-width:650px){.about-copy .about-name{font-size:74px;letter-spacing:-2px;margin-bottom:14px}.about-copy .about-headline{font-size:36px}.about-page .about-copy .eyebrow{margin-bottom:23px}.jury-section{padding-top:47px;padding-bottom:52px}.jury-layout{grid-template-columns:1fr;gap:28px}.jury-entry h3{font-size:34px}.jury-layout h2{font-size:42px}.home-page :is(.shop-editorial,.design-editorial){grid-template-columns:1fr;gap:34px}.home-page :is(.shop-copy,.design-copy){max-width:none}.home-page .collection-grid{gap:10px}.shop-destinations{gap:20px}.shop-destinations .text-link{font-size:10px}.contact .footer{margin-top:46px}.teaching-card .institution-note{margin-top:14px}}

/* A warm, readable marker connects the artist's two names. */
.hero-alias span{display:inline;padding:3px 7px 4px;background:#b99a64;color:#101719!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-size:11px;letter-spacing:1.1px}
.hero-alias{line-height:2.1}
.about-copy .about-headline{font-size:clamp(38px,3.5vw,50px);line-height:1.13;letter-spacing:-.7px;margin-top:0}
/* Editorial records: clear categories with direct links to the artist's records. */
.records-layout{display:grid;grid-template-columns:1fr 2fr;gap:65px;align-items:start}
.records-layout .credentials-heading{margin-bottom:0}
.records-layout .credentials-heading h2{max-width:370px}
.record-list{list-style:none;margin:0;padding:0}
.record-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;padding:16px 0 18px;border-bottom:1px solid var(--line);align-items:baseline}
.record-list li:first-child{padding-top:0}
.record-main{min-width:0}
.record-link,.record-title{font:400 25px/1.35 var(--serif);color:var(--paper)}
.record-link{text-decoration-line:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-skip-ink:auto;transition:color .2s}
.record-link:hover{color:var(--gold)}
.record-detail{display:block;font-size:11px;line-height:1.85;color:var(--muted);margin-top:8px;max-width:650px}
.record-date{font-size:11px;letter-spacing:.7px;color:var(--muted);white-space:nowrap;padding-top:5px}
.teaching-card h3 .record-link{font:inherit}
:root[data-theme="alternating"] .exhibitions-section{--ink:#f5f2eb;--paper:#24312a;--muted:#647066;--gold:#8a704b;--line:rgba(38,51,42,.19);--soft-surface:#e9e5dc;color-scheme:light;background:var(--ink);color:var(--paper)}
@media(max-width:900px){.records-layout{gap:36px;grid-template-columns:1fr 1.8fr}.records-layout .credentials-heading h2{font-size:43px}.record-link,.record-title{font-size:24px}}
@media(max-width:650px){.hero-alias span{font-size:10px;letter-spacing:.8px}.records-layout{grid-template-columns:1fr;gap:31px}.records-layout .credentials-heading h2{font-size:43px;max-width:none}.record-list li{gap:18px;padding:17px 0 19px}.record-link,.record-title{font-size:24px}.record-detail{font-size:10px;line-height:1.8}.record-date{font-size:10px}.about-copy .about-headline{font-size:40px}}
/* Edition links keep recurring awards together. */
.awards-section .record-list li{display:block}
.award-results{margin-top:10px}
.award-result{display:block;font-size:12px;line-height:1.9;color:var(--muted)}
.award-editions{color:var(--fg);white-space:normal;margin-left:7px}
.edition-link,.publisher-link{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.edition-link:hover,.publisher-link:hover{color:var(--gold)}
.home-page .gallery .art-button img{object-fit:cover}

/* Four related practices, followed by a light shop in the alternating palette. */
.home-page .collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.collection-design .design-montage{width:100%;height:100%;aspect-ratio:auto;gap:5px}
.collection-design .design-montage .montage-feature img{object-fit:contain;filter:none;padding:4px}
.collection-design .design-montage .montage-detail img{filter:grayscale(1)}
.collection-design .design-montage .montage-tattoo-photo img{object-position:50% 57%}
:root[data-theme="alternating"] .other-work{--ink:#111819;--paper:#f1eee6;--muted:#acb5b1;--gold:#c9b692;--line:rgba(237,232,220,.19);--soft-surface:#1c2626;color-scheme:dark;background:var(--ink);color:var(--paper)}
@media(max-width:1000px){.home-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}}
@media(max-width:650px){.home-page .collection-grid{gap:26px 12px}.collection-design .design-montage{gap:3px}.collection-design .design-montage .montage-feature img{padding:2px}}

/* A slender marker and a single detailed design preview. */
.hero-alias span{padding:0 3px 1px;line-height:1;background:linear-gradient(to bottom,transparent 18%,#b99a64 18%,#b99a64 88%,transparent 88%)}
.collection-design .collection-image>img{filter:none;object-position:50% 50%}
.shop-copy .print-support{font-size:12px;line-height:1.85;margin-top:18px}
@media(max-width:650px){.hero-alias span{padding:0 2px 1px}.shop-copy .print-support{font-size:11px}}

/* Tighter homepage illustration spacing and a marker with room for capitals. */
.home-page .gallery,.home-page .gallery-column{gap:6px}
.hero-alias span{background:linear-gradient(to bottom,transparent 4%,#b99a64 4%,#b99a64 96%,transparent 96%);padding:1px 3px}
@media(max-width:650px){.home-page .gallery,.home-page .gallery-column{gap:4px}.hero-alias span{padding:1px 2px}}

/* Shared fine gutters and a more legible heading for the other practices. */
.collections-heading{font:300 36px/1.15 var(--serif);letter-spacing:-.5px;color:var(--paper);margin:0}
.home-page .collection-grid{column-gap:6px}
.shop-photo-grid{gap:6px;margin-top:6px}
@media(max-width:650px){.collections-heading{font-size:30px;letter-spacing:-.3px}.home-page .collection-grid{column-gap:4px}.shop-photo-grid{gap:4px;margin-top:4px}}
