:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242421;--paper:#f5f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{z-index:5;color:#fff;justify-content:space-between;align-items:center;width:100%;padding:28px clamp(22px,4vw,68px);display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:.18em;text-transform:uppercase;font-size:1.03rem;font-weight:600}nav{gap:clamp(20px,3vw,48px);display:flex}nav a{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:6px;font-size:.83rem}:is(nav a:hover,nav a:focus-visible){border-color:currentColor}.hero{color:#fff;background:#333 url(/assets/arni-gallery-cover.png) 50% 48%/cover no-repeat;flex-direction:column;justify-content:flex-end;height:100svh;min-height:560px;padding:clamp(22px,4vw,68px);display:flex;position:relative}.hero:before{content:"";background:linear-gradient(#0000004d,#0000 35%,#00000094);position:absolute;inset:0}.hero-content{max-width:1000px;position:relative}.hero h1{letter-spacing:-.055em;margin:0 0 36px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.6rem,9vw,9.5rem);font-weight:400;line-height:.95}.cta{text-transform:uppercase;letter-spacing:.18em;border:1px solid #fff;align-items:center;gap:28px;padding:18px 22px;font-size:.78rem;transition:background .2s,color .2s;display:inline-flex}:is(.cta:hover,.cta:focus-visible){color:#222;background:#fff}.cta span{font-size:1.3rem;line-height:.6}.section{padding:clamp(80px,10vw,160px) clamp(22px,8vw,140px)}.section h2{letter-spacing:-.045em;margin:0 0 50px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,6rem);font-weight:400}.empty{color:#6b6b66;border-top:1px solid #b7b7b1;padding-top:25px;font-size:1rem}.about{background:#e8e8e3;grid-template-columns:minmax(220px,1fr) minmax(0,1.25fr);gap:clamp(40px,8vw,140px);display:grid}.about h2{margin:0}.bio{max-width:760px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,1.65vw,1.55rem);line-height:1.6}.bio p{margin:0 0 1.45em}footer{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:28px clamp(22px,4vw,68px);font-size:.72rem;display:flex}@media (max-width:700px){header{align-items:flex-start;padding:22px}.brand{max-width:120px;font-size:.78rem;line-height:1.5}nav{gap:16px}nav a{white-space:nowrap;font-size:.7rem}.hero{background-position:47%;min-height:560px}.hero h1{max-width:550px}.about{grid-template-columns:1fr}.section h2{margin-bottom:32px}footer{line-height:1.8;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}.about-heading img{width:100%;max-width:520px;height:auto;margin-top:42px;display:block}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,70px) clamp(18px,3vw,50px);display:grid}.work{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;min-width:0;padding:0;display:block}.work-image{aspect-ratio:1;object-fit:contain;background:#e9e9e6;width:100%;display:block}.work-image.landscape{aspect-ratio:4/3}.work-image.middle{background-image:url(/assets/arni-gallery-cover.png);background-position:50%;background-repeat:no-repeat;background-size:318% 100%}.work-label{letter-spacing:.13em;text-transform:uppercase;margin-top:15px;font-size:.76rem;display:block}dialog{background:var(--paper);color:var(--ink);border:0;width:min(94vw,1100px);max-height:94vh;padding:clamp(18px,3vw,40px);box-shadow:0 18px 80px #0005}dialog::backdrop{background:#161616cc}.detail-top{justify-content:space-between;align-items:center;gap:30px;margin-bottom:18px;display:flex}.detail-meta p{letter-spacing:0;text-transform:none;margin:3px 0;font-size:1rem}.close{color:inherit;cursor:pointer;background:0 0;border:0;font-size:2rem;line-height:1}.detail-image{object-fit:contain;width:100%;max-height:76vh;display:block}.detail-middle{aspect-ratio:1;background-image:url(/assets/arni-gallery-cover.png);background-position:50%;background-repeat:no-repeat;background-size:318% 100%;width:min(76vh,100%);margin:auto}@media (max-width:800px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.gallery{grid-template-columns:1fr}.work-image{max-height:440px}.work-image.landscape{aspect-ratio:4/3}}dialog#detail{width:min(94vw,1280px);height:min(90dvh,850px);max-height:none;padding:clamp(18px,3vw,42px);position:fixed;overflow:hidden}dialog#detail[open]{justify-content:center;align-items:center;display:flex}.detail-layout{grid-template-columns:minmax(0,1.7fr) minmax(170px,.8fr);align-items:center;gap:clamp(24px,5vw,80px);width:100%;height:100%;display:grid}#detail-content{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.detail-image{object-fit:contain;width:100%;height:100%;max-height:100%}.detail-middle{aspect-ratio:1;width:min(100%,72dvh);max-height:100%;margin:0}.detail-meta{align-self:center}.detail-meta h3{margin:0 0 16px;font-family:Georgia,serif;font-size:clamp(1.3rem,2.3vw,2.1rem);font-weight:700}.detail-meta p{font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.5}.close{z-index:2;position:absolute;top:16px;right:20px}body:has(#detail[open]){overflow:hidden}@media (max-width:600px){dialog#detail{width:96vw;height:88dvh;padding:18px}.detail-layout{grid-template-columns:minmax(0,1.25fr) minmax(115px,.75fr);gap:12px}.detail-meta h3{font-size:1.2rem}.detail-meta p{font-size:.85rem}.close{top:7px;right:9px}}.featured{text-align:center;width:100%;margin:0 0 clamp(72px,9vw,150px);display:block}.featured img{object-fit:contain;width:100%;height:auto;max-height:78vh;display:block}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(60px,8vw,130px) clamp(22px,5vw,90px)}@media (max-width:600px){.gallery{grid-template-columns:1fr}}.about{grid-template-rows:auto 1fr;grid-template-areas:"heading heading""portrait bio";align-items:start;gap:42px clamp(40px,8vw,140px)}.about h2{grid-area:heading}.about-portrait{grid-area:portrait;width:100%;max-width:520px;height:auto;display:block}.about .bio{grid-area:bio}@media (max-width:700px){.about{grid-template-columns:1fr;grid-template-areas:"heading""portrait""bio";row-gap:30px}}.gallery .work-image{filter:brightness(1.1)contrast(1.02)}.gallery .work:first-child .work-image,.gallery .work:nth-child(7) .work-image{filter:brightness(1.14)contrast(1.02)}.featured img{filter:brightness(1.035)contrast(1.01)}.work:focus-visible{outline:2px solid var(--ink);outline-offset:8px}#detail-content .detail-image,#detail-content .detail-middle{filter:var(--detail-tone,brightness(1.1) contrast(1.02))}.hero{padding-bottom:clamp(135px,17vh,230px)}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 64%,#f5f5f214 73%,#f5f5f299 89%,var(--paper) 100%);position:absolute;inset:0}.hero-content{z-index:2}@media (max-width:700px){.hero{padding-bottom:clamp(140px,21vh,210px)}.hero:after{background:linear-gradient(180deg,transparent 61%,#f5f5f214 72%,#f5f5f2a6 90%,var(--paper) 100%)}}.gallery{align-items:start}.gallery .work-image:not(.middle){aspect-ratio:auto;object-fit:initial;background:0 0;height:auto}.gallery .work-image.middle{background-color:#0000}@media (max-width:700px){.hero{height:115svh;min-height:630px;padding-bottom:clamp(150px,24vh,240px)}.hero:after{background:linear-gradient(180deg,transparent 78%,#f5f5f20f 83%,#f5f5f299 94%,var(--paper) 100%)}}.hero{height:135svh;min-height:790px;padding-bottom:clamp(300px,44vh,500px)}.hero:after{background:linear-gradient(180deg,transparent 84%,#f5f5f20d 88%,#f5f5f28f 96%,var(--paper) 100%)}.triptych{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,2.5vw,44px);margin-bottom:clamp(95px,11vw,170px);display:grid}.triptych .work-image{aspect-ratio:auto;object-fit:initial;filter:brightness(1.1)contrast(1.02);background-color:#0000;height:auto}.triptych .work-image.middle{aspect-ratio:1}.triptych .work:last-child .work-image{filter:brightness(1.14)contrast(1.02)}@media (max-width:700px){.hero{height:125svh;min-height:680px;padding-bottom:clamp(220px,38vh,370px)}.hero:after{background:linear-gradient(180deg,transparent 82%,#f5f5f20d 87%,#f5f5f299 96%,var(--paper) 100%)}}@media (max-width:600px){.triptych{grid-template-columns:1fr;gap:48px}}.gallery .work{justify-content:center;align-items:center;height:clamp(320px,40vw,560px);display:flex}.gallery .work-image:not(.middle){object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.gallery .work:nth-child(4) .work-image{max-width:90%;max-height:90%}@media (max-width:600px){.gallery .work{height:clamp(300px,95vw,500px)}}.hero-content{text-align:right;width:min(48%,720px);margin-left:auto}.hero h1{margin-left:auto}.hero .cta{justify-content:center}@media (max-width:700px){.hero{background-position:75% 48%}.hero-content{text-align:right;width:63%;margin-left:auto}.hero h1{font-size:clamp(2.6rem,9vw,4.2rem);line-height:1.02}.hero .cta{padding:14px 16px;font-size:.72rem}}.hero h1{text-align:left;width:max-content;max-width:100%;margin-left:auto;margin-right:0}.hero-stack{text-align:left;width:max-content;max-width:100%;margin-left:auto}.hero-stack h1{text-align:left;width:max-content;max-width:100%;margin:0 0 30px}.hero-cta-slot{justify-content:center;width:44%;display:flex}.hero-cta-slot .cta{white-space:nowrap}@media (max-width:700px){.hero-cta-slot{width:48%}.hero-stack h1{margin-bottom:24px}}.cv{margin-top:clamp(64px,7vw,100px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(.92rem,1.1vw,1.05rem);line-height:1.55}.cv-group+.cv-group{margin-top:52px}.cv h3{letter-spacing:-.025em;margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,2.4vw,2.1rem);font-weight:400}.cv ul{margin:0;padding:0;list-style:none}.cv li{border-top:1px solid #bfbfb9;padding:12px 0}.cv li:last-child{border-bottom:1px solid #bfbfb9}.cv em{font-family:Georgia,Times New Roman,serif}.contact{grid-template-columns:minmax(220px,1fr) minmax(0,1.25fr);align-items:start;gap:clamp(40px,8vw,140px);display:grid}.contact h2{margin:0}.contact-link{border-top:1px solid #999991;border-bottom:1px solid #999991;justify-content:space-between;align-items:center;gap:60px;width:min(100%,550px);padding:22px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,2vw,1.7rem);display:inline-flex}.contact-link span:last-child{font-family:Arial,Helvetica,sans-serif;font-size:1.3rem}:is(.contact-link:hover,.contact-link:focus-visible){color:#77776e}@media (max-width:700px){header{display:block}.brand{max-width:none;display:block}nav{flex-wrap:wrap;gap:12px 20px;margin-top:14px}.contact{grid-template-columns:1fr;gap:34px}.cv{margin-top:60px}}.about{grid-template-rows:auto auto auto;grid-template-areas:"heading heading""portrait bio""cv cv"}.about .cv{grid-area:cv;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(35px,7vw,120px);margin-top:clamp(55px,7vw,100px);display:grid}.cv-column .cv-group+.cv-group{margin-top:clamp(42px,5vw,75px)}.contact{grid-template-areas:"heading heading""links picture";row-gap:clamp(45px,6vw,90px)}.contact h2{grid-area:heading}.contact-links{grid-area:links;align-self:center;width:100%}.contact-picture{grid-area:picture;justify-self:end;width:100%;max-width:650px;height:auto;display:block}.contact-link{width:100%;display:flex}.contact-link+.contact-link{border-top:0}@media (max-width:700px){.about{grid-template-columns:1fr;grid-template-areas:"heading""portrait""bio""cv"}.about .cv{grid-template-columns:1fr;gap:42px;margin-top:32px}.contact{grid-template-columns:1fr;grid-template-areas:"heading""picture""links";gap:35px}.contact-picture{justify-self:start}.contact-links{align-self:start}}.featured{margin-bottom:clamp(30px,4vw,56px)}.triptych{margin-bottom:clamp(50px,6vw,90px)}.gallery{row-gap:clamp(12px,2vw,30px)}.gallery .work{height:clamp(280px,34vw,460px)}.more-works{columns:2;column-gap:clamp(22px,3vw,50px);margin-top:clamp(50px,6vw,90px)}.more-works .work{break-inside:avoid;width:100%;margin:0 0 clamp(22px,3vw,50px);line-height:0;display:block}.more-works img{filter:none;width:100%;height:auto;display:block}@media (max-width:600px){.more-works{columns:1}.gallery .work{height:clamp(270px,85vw,440px)}}.works{padding-top:clamp(24px,3vw,48px)}.contact{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"heading picture""links picture";align-items:stretch;row-gap:0}.contact-links{align-self:end}.contact-link{gap:0}@media (max-width:700px){.contact{grid-template:"heading""picture""links"/1fr;row-gap:35px}.contact-links{align-self:start}.hero{background-position:42% 48%}footer{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}footer span:last-child{text-align:right}}.hero{background-image:url(/assets/arni-gallery-cover.png);background-position:50%}.hero-content{text-align:left;width:100%;max-width:none;margin:0}.hero-stack{width:auto;margin:0}.hero-stack h1{color:#fff;text-shadow:0 2px 25px #00000073;margin:0 0 30px}.works{min-height:220px}.more-works{margin-top:0}.about{display:block}.contact{display:block}.contact h2{margin-bottom:48px}.contact-links{max-width:600px}@media (max-width:700px){.hero{background-position:47%}.hero-content{text-align:left;width:100%}.hero-stack h1{font-size:clamp(3rem,11vw,5rem)}.hero-cta-slot{width:auto}}#detail-content .detail-image{filter:none}.art-photo{width:100%;filter:brightness(var(--photo-light,1));isolation:isolate;line-height:0;display:block;position:relative;overflow:hidden}.art-photo>img{transform-origin:0 0;margin:0;display:block}#detail-content .art-photo{flex-shrink:1;width:100%;max-width:100%;max-height:100%}#detail-content{height:auto;max-height:76dvh}#detail-content .art-photo{width:min(100%,calc(72dvh * var(--photo-ratio)));max-height:none}.about{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,90px);display:grid}.about h2{grid-column:1/-1;margin:0}.about-portrait{aspect-ratio:1;object-fit:cover;border-radius:50%;justify-self:start;width:100%;max-width:500px}.about .bio{max-width:680px}@media (max-width:700px){.about{grid-template-columns:1fr;gap:30px}.about h2{grid-column:1}.about-portrait{width:min(100%,480px)}.about .bio{align-self:start}}.about-portrait{width:50%;max-width:250px}.hero-content{text-align:left;width:max-content;max-width:100%;margin-left:auto;margin-right:0}.hero-stack{width:max-content;max-width:100%;margin-left:auto;margin-right:0}@media (max-width:700px){.about-portrait{width:50%;max-width:240px}.hero-content{width:max-content;max-width:100%;margin-left:auto;margin-right:0}.hero-stack{margin-left:auto;margin-right:0}}.hero:before{background:linear-gradient(315deg,#ffffffe0,#ffffff80 25%,#0000 56%),linear-gradient(#0000003d,#0000 26%)}.hero-stack h1{color:#171717;text-shadow:none}.hero .cta{color:#171717;background:#ffffffa6;border-color:#171717}.portfolio-header{color:#fff;background:#000;min-height:84px;position:relative}.hero{color:#fff;background:#000;grid-template-columns:1fr 1fr;height:calc(100svh - 84px);min-height:540px;padding:0;display:grid}.hero:before,.hero:after{content:none;display:none}.hero-art-panel{background:#000;min-width:0;min-height:0;overflow:hidden}.hero-art{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.hero-content{text-align:left;background:#000;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;margin:0;padding:clamp(28px,5vw,85px);display:flex}.hero-stack{width:100%;max-width:560px;margin:0}.hero-stack h1{letter-spacing:-.055em;color:#fff;width:auto;max-width:100%;text-shadow:none;margin:0 0 48px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(3rem,5.8vw,6.5rem);font-weight:400;line-height:1.02}.hero-cta-slot{justify-content:flex-start;width:auto}.hero .cta{color:#fff;letter-spacing:.16em;background:0 0;border-color:#fff;padding:18px 25px;font-size:.85rem}:is(.hero .cta:hover,.hero .cta:focus-visible){color:#000;background:#fff}@media (max-width:700px){.portfolio-header{min-height:0}.hero{grid-template-columns:1fr;height:auto;min-height:0}.hero-art-panel{aspect-ratio:1640/1388}.hero-art{object-position:center}.hero-content{width:100%;min-height:320px;padding:42px 28px}.hero-stack{max-width:none;margin:0}.hero-stack h1{margin-bottom:32px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(3rem,10vw,4.8rem)}.hero .cta{font-size:.78rem}}.hero-content{text-align:center}.hero-cta-slot{justify-content:center}.hero-stack,.hero-stack h1{text-align:center}.about-portrait{filter:brightness(.85);object-position:50% 60%}.contact{grid-template:"heading picture""links picture"1fr/minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:40px clamp(40px,8vw,140px);display:grid}.contact h2{align-self:start;margin:0}.contact-links{align-self:end;max-width:none}.contact-picture{place-self:start end;width:100%;max-width:430px}@media (max-width:700px){.contact{grid-template:"heading""picture""links"/1fr;gap:32px}.contact-picture{justify-self:start;max-width:360px}.contact-links{align-self:start}}.about-portrait{border-radius:0;width:65%;max-width:325px}@media (max-width:700px){.about-portrait{width:65%;max-width:312px}}