/* Artwork supplies every line. No border or pseudo-element is placed over it. */
.hero{padding:0;display:block;min-height:620px;height:100svh;color:#111814;background:#e8bd55;--upper:36vh;--lower:67vh;--band:48vh;--name-top:12vh}.hero:before{display:none}.hero #home-art{display:block;object-fit:cover;width:100%;height:100%;object-position:50% 50%}.hero-name{position:absolute!important;top:var(--name-top);left:32%;display:flex;gap:20px;align-items:center;margin:0;padding:0;border:0}.hero h1{font-size:clamp(64px,7.2vw,124px);line-height:.91;letter-spacing:-.055em;font-weight:400;white-space:nowrap}.signature{display:block;width:clamp(50px,5.4vw,86px);height:auto;flex:none}.hero-nav{position:absolute!important;top:calc(var(--lower) - 43px);left:7%;width:86%;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:end}.hero-nav a{border:0;padding:12px 0 10px;min-height:44px;font-size:clamp(12px,1.1vw,17px);font-weight:500;letter-spacing:.055em;display:block;justify-self:start}.hero-nav a .arrow{display:none}.hero-b .hero-nav a:first-child{color:#fff}.hero-nav a:nth-child(2){justify-self:center}.hero-nav a:nth-child(3){justify-self:center}.hero-nav a:nth-child(4){justify-self:end}.hero-bottom{position:absolute!important;bottom:24px;left:28px;right:28px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#171d18}.full-art,.version-switch{background:#f9f8f1;border:0;padding:10px 13px;font-size:10px;letter-spacing:.02em;line-height:1.4}.full-art{cursor:pointer}.full-art:hover{text-decoration:underline;text-underline-offset:4px}.version-switch{display:flex;align-items:center;gap:18px}.version-switch>span{font-size:8px;letter-spacing:.12em;color:#666b61}.version-switch a{padding:3px}.version-switch a[aria-current]{text-decoration:underline;text-underline-offset:4px}.version-switch a:last-child{margin-left:10px}.hero-a{background:#9ec1b5}.hero-a .hero-name{left:5%;top:calc(var(--upper) - 100px)}.hero-a h1{font-size:clamp(64px,7.1vw,112px)}.hero-a .hero-nav{top:calc(var(--band) + 14px);left:5%;width:50%;color:#fff;grid-template-columns:1fr 1.45fr 1fr .5fr}.hero-a .hero-nav a{font-size:clamp(11px,.95vw,15px);letter-spacing:.025em}.hero-a .signature{width:clamp(45px,4.5vw,70px)}.art-dialog{position:fixed;inset:0;margin:auto;width:96vw;height:96svh;max-width:none;max-height:none;background:#f8f7f3;border:0;padding:48px 20px 20px;color:#171d18}.art-dialog::backdrop{background:#171d18c9}.art-dialog>img{width:100%;height:100%;object-fit:contain}.art-dialog button{position:absolute;top:14px;right:20px;background:transparent;border:0;font-size:13px;padding:6px;cursor:pointer}.wordmark{display:flex;align-items:center;gap:16px;font-size:21px;letter-spacing:-.035em}.header-signature{display:block;width:30px;height:30px;object-fit:contain}.compare-page{padding-top:50px}.compare-page h1{font-size:clamp(40px,4.3vw,66px);margin-top:20px}.compare-intro{font-size:12px;color:var(--muted);margin-top:18px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:42px}.comparison-grid img{width:100%;display:block}.compare-caption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:16px}.compare-caption h2{font-size:15px}.compare-caption span{font-size:10px;color:var(--muted)}.comparison-grid p{font-size:12px;color:var(--muted);margin-top:18px;max-width:490px}.comparison-grid .inquiry{margin-top:16px}.work:nth-child(2) .art-stage{padding:0}.work .art-stage img{max-width:100%;height:100%;object-fit:contain}.gallery:has(.work:nth-child(2):last-child){align-items:start}.art-stage{height:clamp(320px,38vw,580px)}
@media(max-width:1050px) and (min-width:701px){.hero-name{left:29%;gap:14px}.hero h1{font-size:7.4vw}.hero-a .hero-nav{width:57%;left:3%}.hero-a .hero-name{top:calc(var(--upper) - 80px)}}
@media(max-width:700px){.hero{min-height:650px}.hero #home-art{object-position:65% 50%}.hero-name{left:24px;right:24px;top:calc(var(--upper) - 185px);gap:12px;justify-content:start}.hero h1{font-size:clamp(36px,10.6vw,64px);letter-spacing:-.06em;line-height:1}.signature{width:38px}.hero-nav{top:calc(var(--upper) - 43px);left:24px;width:calc(100% - 48px);grid-template-columns:1fr 1fr;row-gap:calc(var(--lower) - var(--upper) - 44px);align-items:end}.hero-nav a{font-size:12px;padding:14px 0 10px;min-height:44px;letter-spacing:.04em;justify-self:start!important}.hero-nav a:nth-child(even){justify-self:end!important}.hero-b .hero-nav a:first-child{color:inherit}.hero-bottom{bottom:18px;left:18px;right:18px;gap:8px;align-items:end}.full-art{padding:10px 8px;font-size:9px}.version-switch{gap:10px;padding:8px 9px;font-size:10px}.version-switch>span{display:none}.version-switch a:last-child{margin:0;font-size:9px}.hero-a #home-art{object-position:45% 50%}.hero-a .hero-name{left:24px;top:calc(var(--upper) + 28px);gap:12px}.hero-a h1{font-size:clamp(36px,10.6vw,64px)}.hero-a .signature{width:38px}.hero-a .hero-nav{top:calc(var(--band) + 22px);left:24px;width:calc(100% - 48px);grid-template-columns:1fr 1fr;row-gap:10px;color:#fff}.hero-a .hero-nav a{font-size:12px}.hero-a .hero-nav a:nth-child(even){color:#111814}.comparison-grid{grid-template-columns:1fr;gap:44px}.compare-caption{gap:8px}.compare-caption span{font-size:9px}.art-stage{height:380px}}
@media(min-width:701px){.hero-a .hero-name{top:calc(var(--upper) - 80px)}.hero-a h1{font-size:clamp(58px,5.7vw,96px)}.hero-b .hero-nav{left:11%;width:78%}.hero-b .hero-nav a:last-child{justify-self:start;margin-left:20%}}
@media(min-width:701px) and (max-width:1050px){.hero-a .hero-name{top:calc(var(--upper) + 24px)}}
@media(min-width:701px) and (max-width:900px){.hero-b .hero-nav a:first-child{margin-left:-5vw}}
@media(max-width:700px){.hero-a h1{font-size:clamp(35px,9.4vw,55px)}.hero-a .signature{width:30px}.hero-a .hero-nav a:nth-child(2){color:#fff;justify-self:start!important}}
/* Match object-fit:cover mathematically, keeping the anchors stable on resize. */
.hero{--stage-height:max(620px,100svh);--paint-height:max(calc(100vw * var(--painting-ratio)),var(--stage-height));--offset-y:calc((var(--stage-height) - var(--paint-height)) / 2);--upper:calc(var(--offset-y) + var(--paint-height) * .401);--lower:calc(var(--offset-y) + var(--paint-height) * .594);--band:calc(var(--offset-y) + var(--paint-height) * .486);--name-top:max(64px,calc(var(--offset-y) + var(--paint-height) * .29 - 100px))}.hero-a{--upper:calc(var(--offset-y) + var(--paint-height) * .282)}
@media(max-width:700px){.hero{--stage-height:max(650px,100svh)}}