/* Artwork remains separate original images, arranged responsively in the page. */
html{scroll-padding-top:122px}.home-page{background:#f7f7f3}.site-header{position:sticky;top:0;z-index:30;background:#090a0b;border-bottom:1px solid #606565}.header-inner{min-height:100px;padding-block:16px}.brand{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.brand:hover{text-decoration:none}.brand-name{font-size:3.2rem;font-weight:900;line-height:.82;letter-spacing:-.07em}.brand-dot{color:#64d292}.brand-tag{font-size:.56rem;font-weight:500;letter-spacing:.17em;line-height:1.3;text-transform:uppercase}.nav{font-size:.86rem;letter-spacing:.015em;gap:32px}.nav a:hover{color:#72dfa0}.skip{z-index:50}
.portfolio-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;height:calc(100svh - 100px);min-height:560px;max-height:740px;color:#fff;background:linear-gradient(175deg,#162028 0%,#25353d 56%,#617275 100%);border-radius:0 0 50% 50% / 0 0 10% 10%}.hero-art,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-art{z-index:-3}.hero-figure{position:absolute;bottom:3%;height:96%;width:43%;display:flex;align-items:end;justify-content:center}.hero-figure img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-shark{left:1%}.hero-hunter{right:1%}.hero-doctor{left:34%;width:32%;height:90%;opacity:.85}.hero-shade{z-index:-2;background:linear-gradient(180deg,rgba(8,14,20,.36),rgba(8,14,20,.46) 30%,rgba(8,14,20,.36) 60%,rgba(8,14,20,.08)),radial-gradient(ellipse at center,rgba(6,12,16,.24),transparent 78%)}.hero-copy{width:min(1320px,100%);padding:40px 24px 72px;text-align:center}.hero-eyebrow{font-size:clamp(.75rem,1.25vw,1.15rem);text-transform:uppercase;letter-spacing:.13em;font-weight:700}.hero-copy h1{font-size:clamp(3.2rem,8.3vw,8.75rem);line-height:.96;letter-spacing:-.055em;font-weight:900;margin-top:24px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-copy h1 span{display:block;font-size:.54em;letter-spacing:-.035em;margin-top:20px}.hero-description{font-size:clamp(.9rem,1.3vw,1.1rem);margin-top:22px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:34px}.hero-button{display:inline-flex;align-items:center;gap:28px;background:#168349;border:1px solid rgba(255,255,255,.8);padding:18px 26px;min-height:58px;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.09em}.hero-button:hover{background:#0d6938;text-decoration:none}.hero-button span{font-size:1.4rem;line-height:1}.hero-ui-link{font-size:.9rem;text-decoration:underline;text-underline-offset:6px}.hero-footer{position:absolute;bottom:32px;left:20px;right:20px;text-align:center;font-size:.6rem;letter-spacing:.17em;color:#fff}.hero-copy a:focus-visible{outline:3px solid white;outline-offset:6px}.home-page .category-section{border-top:0;padding-top:64px;padding-bottom:80px;scroll-margin-top:12px}.home-page .category-section .section-heading{margin-bottom:38px}.home-page .category-cta{color:#116f3b}.home-page .category-link:hover h3{color:#116f3b}.home-page .category-art{height:210px}.home-page .category-grid{gap:38px 34px}.home-page .about-section{background:#e9eae5}.home-page .footer{background:#f7f7f3}
@media(min-width:1700px){.hero-figure{height:98%;width:40%}.hero-shark{left:4%}.hero-hunter{right:4%}.hero-doctor{width:30%;left:35%;height:92%}}
@media(max-width:1000px){.nav{gap:23px;font-size:.78rem}.brand-name{font-size:2.7rem}.brand-tag{font-size:.5rem}.hero-copy h1{font-size:8.4vw}.portfolio-hero{min-height:520px}.hero-figure{width:47%;height:89%}.hero-doctor{width:34%;left:33%;height:86%}.home-page .category-art{height:220px}}
@media(max-width:700px){html{scroll-padding-top:132px}.header-inner{min-height:108px;gap:15px;padding-block:17px}.brand{gap:6px}.brand-name{font-size:2.2rem}.brand-tag{font-size:.43rem;letter-spacing:.14em}.nav{font-size:.69rem;gap:23px;row-gap:0}.nav a{padding-block:5px}.portfolio-hero{height:650px;min-height:0;max-height:none;border-radius:0 0 50% 50% / 0 0 5% 5%;align-items:start}.hero-copy{padding:44px 16px 0}.hero-eyebrow{font-size:.66rem;letter-spacing:.09em}.hero-copy h1{font-size:clamp(2.2rem,10.6vw,4.6rem);margin-top:22px;letter-spacing:-.05em}.hero-copy h1 span{font-size:.66em;margin-top:16px}.hero-description{font-size:.82rem;max-width:260px;margin:18px auto 0}.hero-actions{gap:18px;margin-top:24px;flex-wrap:wrap}.hero-button{font-size:.7rem;padding:14px 16px;gap:16px;min-height:49px}.hero-ui-link{font-size:.74rem}.hero-figure{width:55%;height:55%;bottom:6%}.hero-shark{left:0}.hero-hunter{right:0}.hero-doctor{display:none}.hero-shade{background:linear-gradient(180deg,rgba(8,14,20,.38),rgba(8,14,20,.35) 38%,rgba(8,14,20,.08) 65%)}.hero-footer{bottom:18px;font-size:.5rem;letter-spacing:.1em}.home-page .category-section{padding-top:40px;padding-bottom:50px}.home-page .category-art{height:260px}.home-page .category-grid{row-gap:40px}}
@media(max-width:360px){.nav{gap:17px}.hero-actions{gap:14px}.hero-button{font-size:.65rem}.hero-copy h1{font-size:10.4vw}.portfolio-hero{height:610px}}
.hero-copy h1.artist-title{font-size:clamp(2.8rem,7.8vw,8.1rem);line-height:1;letter-spacing:-.05em}.hero-copy h1.artist-title span{font-size:.65em;margin:0 0 18px;letter-spacing:-.03em}.hero-copy:has(.artist-title) .hero-actions{margin-top:24px}
@media(max-width:700px){.hero-copy h1.artist-title{font-size:8.5vw}.hero-copy h1.artist-title span{font-size:1.1em;margin-bottom:16px}}
.hero-panorama .hero-landscape{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-panorama .hero-shade{background:linear-gradient(180deg,rgba(8,21,27,.12),rgba(8,21,27,.1) 70%,rgba(8,21,27,.28)),radial-gradient(ellipse at center,rgba(8,21,27,.38),transparent 78%)}
.hero-panorama .hero-copy{text-shadow:0 2px 16px rgba(0,0,0,.6)}
@media(max-width:700px){.portfolio-hero.hero-panorama{height:clamp(300px,85vw,400px);min-height:0;align-items:center}.hero-panorama .hero-landscape{object-position:32% center}.hero-panorama .hero-copy{padding:24px 16px 50px}.hero-panorama .hero-footer{bottom:18px}}
