:root{--bg:#171916;--paper:#eeeae1;--muted:#b7b8ad;--line:#43463d;--accent:#d9ed99;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{border:0}::selection{background:var(--accent);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--accent);color:var(--bg);padding:15px}.skip:focus{top:10px}.progress{height:2px;background:var(--accent);position:fixed;top:0;left:0;width:0;z-index:9}header{height:100px;padding:0 4.5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:2}.logo{font-family:Georgia,serif;font-size:40px;font-weight:bold;letter-spacing:-3px}.logo span{color:var(--accent)}nav{display:flex;gap:35px;margin-left:auto;font-size:13px}nav a:hover{color:var(--accent)}#motion{background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:11px;min-height:44px}.hero{padding:50px 7% 32px 6%;display:grid;grid-template-columns:1fr 48%;min-height:740px;position:relative;gap:4%}.hero-copy{padding:38px 0 0;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:normal;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}h1{font-size:18px;letter-spacing:3px;font-weight:400;margin:38px 0 20px}h1 em{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(65px,7.5vw,120px);letter-spacing:-5px;font-weight:400;line-height:.98;margin-top:25px}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:12px;line-height:2.2;color:var(--muted);margin:20px 0 30px}.text-link{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.text-link span{font-size:24px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.edition{margin-top:auto;padding-top:48px;display:flex;gap:25px;font-size:8px;letter-spacing:1px;color:var(--muted)}.hero-art{max-width:550px;justify-self:center;width:100%;align-self:start}.hero-image{display:block;position:relative;padding:0;width:100%;height:565px;background:#f5f4f2;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:contain;will-change:transform}.image-action{position:absolute;top:20px;right:20px;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;background:var(--accent);color:var(--bg);font-size:9px;transform:rotate(-12deg);transition:transform .4s}.hero-image:hover .image-action{transform:rotate(0deg) scale(1.07)}.art-caption{display:flex;justify-content:space-between;font-size:9px;line-height:1.9;padding-top:16px;color:var(--muted);gap:20px}.art-caption>span:first-child{letter-spacing:1.5px}.side-label{position:absolute;right:2%;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--muted)}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-around;gap:30px;overflow:hidden;font-size:clamp(20px,3.3vw,48px);letter-spacing:-1px;color:#c5c7ba;white-space:nowrap}.ribbon i{color:var(--accent);font-style:normal}.works{padding:95px 6% 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}h2{font-size:54px;letter-spacing:-2px;font-weight:400;margin:14px 0 0}.section-heading>p{font-size:11px;line-height:2.1;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0 35px;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;border-radius:30px;padding:12px 18px;font-size:12px;min-height:44px}.filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.filters button:hover{background:#292d24}.filters sup{font-size:8px;margin-left:5px}#count{font-size:11px;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 27px;align-items:start}.card{min-width:0}.card:nth-child(3n+2){margin-top:70px}.art-button{padding:0;display:block;width:100%;text-align:left;background:transparent}.art-frame{display:block;position:relative;background:#e7e4db;overflow:hidden;aspect-ratio:3/4}.art-frame img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.card-hover{position:absolute;inset:auto 12px 12px;display:flex;justify-content:space-between;align-items:center;padding:17px;background:var(--bg);color:var(--paper);font-size:11px;opacity:0;transform:translateY(10px);transition:.25s}.art-button:hover .card-hover,.art-button:focus-visible .card-hover{opacity:1;transform:none}.art-button:hover img{transform:scale(1.035)}.card-info{display:block;padding:17px 0;border-bottom:1px solid var(--line)}.card-meta{font-size:9px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between}.card-title{display:block;font-size:13px;line-height:1.7;margin-top:10px;letter-spacing:.1px}.reveal{opacity:1}.animate .reveal:not(.visible){opacity:0;transform:translateY(24px)}.animate .reveal{transition:opacity .7s,transform .7s}.about{margin:0 6%;padding:65px 0 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr}.about h2{font-size:40px}.about h2 em{color:var(--muted);margin-left:25px}.about-lead{font-family:Georgia,'Yu Mincho',serif;font-size:32px;line-height:1.7}.about p:not(.about-lead):not(.eyebrow){font-size:12px;color:var(--muted);line-height:2}.contact{padding:65px 6%;background:var(--accent);color:var(--bg)}.contact>a{display:flex;justify-content:space-between;align-items:center;font-family:Georgia,'Yu Mincho',serif;font-size:clamp(25px,4vw,60px);padding:28px 0}.contact>a span{font-family:Arial;font-size:60px}.contact>p:last-child{font-size:11px}footer{padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:8px;letter-spacing:.6px;color:var(--muted)}dialog{width:min(1200px,94vw);max-height:92dvh;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--paper)}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{position:sticky;top:0;z-index:2;background:var(--bg);display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1px}.dialog-bar button{background:transparent;padding:12px;min-height:44px}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;padding:30px}.detail-copy h2{font-size:29px;line-height:1.5;letter-spacing:0}.detail-copy p{font-size:12px;line-height:2;color:var(--muted)}#gallery img{display:block;width:100%;height:auto;margin-bottom:20px}.detail-hint{margin-top:40px}.still *, .still *::before,.still *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.still .reveal{opacity:1!important;transform:none!important}
@media(hover:none){.card-hover{opacity:1;transform:none;inset:auto 8px 8px;padding:10px}.image-action{width:76px;height:76px}}
@media(min-width:1500px){.hero,.works,.about,footer{max-width:1500px;margin-left:auto;margin-right:auto}}
@media(max-width:850px){header{gap:15px;height:80px}.logo{font-size:32px}nav{gap:18px;font-size:11px}#motion{font-size:10px;padding:8px}.hero{min-height:0;padding:30px 6%;gap:25px;grid-template-columns:1fr 48%}.hero-copy{padding:10px 0}h1{font-size:13px;letter-spacing:1px;margin:22px 0 10px}h1 em{font-size:clamp(45px,7.6vw,65px);letter-spacing:-3px}.hero-image{height:450px}.intro{font-size:10px}.edition{flex-direction:column;gap:8px;padding-top:30px}.image-action{width:75px;height:75px;font-size:8px}.art-caption{font-size:8px;flex-direction:column;gap:6px}.grid{gap:35px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.card:nth-child(3n+2){margin:0}.card:nth-child(2n){margin-top:45px}.section-heading h2{font-size:42px}.detail-layout{grid-template-columns:1fr}.detail-copy{grid-row:1}.about{grid-template-columns:1fr 2fr}footer{flex-wrap:wrap}}
@media(max-width:560px){header{padding:0 5%;flex-wrap:wrap;gap:8px;height:auto;min-height:88px;padding-top:12px;padding-bottom:12px}nav{gap:17px}#motion{margin-left:auto;min-height:32px;padding:5px 10px}.hero{grid-template-columns:1fr;padding-top:25px}.hero-copy{position:relative}.hero-copy .eyebrow{font-size:9px}h1 em{font-size:78px;margin-top:20px;line-height:.92}h1{font-size:14px}.intro{font-size:11px}.edition{display:none}.hero-art{margin-top:6px}.hero-image{height:auto;aspect-ratio:723/1023}.hero-image img{height:auto}.art-caption{flex-direction:row;font-size:8px}.side-label{display:none}.ribbon{margin-top:18px;padding:18px 0;font-size:24px}.works{padding-top:60px;padding-bottom:65px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:40px}.section-heading>p{margin-top:20px}.toolbar{display:block}.filters{gap:1px}.filters button{font-size:10px;padding:10px 8px}#count{display:block;margin-top:15px}.grid{gap:25px 13px}.card-title{font-size:11px}.card-meta{font-size:8px;letter-spacing:0}.card-hover{font-size:9px}.about{display:block;padding:35px 0 60px}.about-lead{font-size:27px}.about h2{font-size:32px}.contact{padding:40px 6%}.contact>a span{font-size:35px}footer{align-items:start}footer .logo{width:100%}.detail-layout{padding:18px}.dialog-bar{padding:8px 14px}.detail-copy h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.animate .reveal:not(.visible){opacity:1;transform:none}.hero-art{transform:none!important}}

/* Original square key visual, without cropping or recoloring. */
.hero-art.key-visual{margin:0}.key-visual .hero-image{height:auto;aspect-ratio:1;background:#fff;cursor:default}.key-visual .hero-image img{display:block;width:100%;height:auto;object-fit:contain}

/* Supplied original logo: preserve color and aspect ratio on a light ground. */
.logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#eeeae1;padding:9px 13px;line-height:0;letter-spacing:normal;border-radius:2px}.logo img{display:block;width:142px;max-width:100%;height:auto}footer .logo{width:auto}
@media(max-width:560px){.logo{padding:7px 10px}.logo img{width:112px}footer .logo{width:auto}}

/* Full-width key visual: the illustration leads the first screen. */
.hero{display:block;max-width:none;min-height:760px;height:calc(100svh - 100px);max-height:1000px;margin:0;padding:0;overflow:hidden;background:#fff;color:#242620}
.hero-art.key-visual{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0}
.key-visual .hero-image{position:absolute;inset:0;height:100%;aspect-ratio:auto;background:#fff;overflow:hidden}
.key-visual .hero-image img{position:absolute;right:0;top:0;width:min(82vw,1250px);max-width:none;height:auto;object-fit:contain;will-change:auto}
.hero-copy{position:relative;z-index:1;width:37%;max-width:510px;height:100%;padding:clamp(65px,9vh,115px) 0 44px 5vw;justify-content:center;pointer-events:none}
.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{color:#505448}.hero-copy .dot{background:#657744}
.hero h1{font-size:20px;letter-spacing:2px;margin:28px 0 20px}.hero h1 em{font-size:clamp(72px,7.5vw,112px);line-height:1;letter-spacing:-4px}
.hero .intro{max-width:295px;color:#505448;font-size:12px;line-height:2.2}.hero .text-link{border-color:#9da28f}.hero .text-link:hover{color:#465b25;border-color:#465b25}.hero .text-link:focus-visible{outline-color:#465b25}
.hero .edition{margin-top:auto;padding-top:35px;flex-direction:column;gap:9px;color:#505448}
.hero .art-caption{position:absolute;bottom:24px;right:3%;padding:8px 12px;background:#fffffff0;color:#505448;font-size:9px;gap:24px}
.hero .side-label{display:none}.ribbon{margin-top:0}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:650px;height:calc(100svh - 80px)}.hero-copy{width:40%;padding-left:4vw}.hero h1{font-size:16px}.hero h1 em{font-size:75px}.hero .intro{max-width:220px}.key-visual .hero-image img{width:88vw;right:-9vw}.hero .art-caption{right:2%}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:hidden;background:var(--bg);color:var(--paper)}.hero-art.key-visual{position:relative;inset:auto;order:-1;width:100%;height:auto;transform:none!important}.key-visual .hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;background:#fff}.key-visual .hero-image img{position:static;display:block;width:100%;height:auto;max-width:100%}.hero .art-caption{position:static;display:flex;flex-direction:row;justify-content:space-between;background:var(--bg);color:var(--muted);padding:15px 6%;font-size:8px;gap:15px}.hero-copy{width:100%;max-width:none;height:auto;padding:30px 6% 45px;pointer-events:auto}.hero-copy .eyebrow{color:var(--muted)}.hero-copy .dot{background:var(--accent)}.hero h1{font-size:20px;margin:15px 0}.hero h1 em{font-size:64px;margin-top:18px;letter-spacing:-2px}.hero h1 em br{display:none}.hero .intro{max-width:100%;color:var(--muted);font-size:12px;margin:15px 0}.hero .text-link{border-color:var(--line)}.hero .text-link:hover{color:var(--accent)}.hero .text-link:focus-visible{outline-color:var(--accent)}.hero .edition{display:none}}

/* Reference direction: quiet typography, immersive opening, generous archive. */
.artio-inspired header{position:absolute;inset:0 0 auto;height:112px;background:transparent;border:0;color:#262825;padding:0 4.7%;gap:32px}
.artio-inspired header .logo{background:transparent;padding:0;border-radius:0}.artio-inspired header .logo img{width:150px}
.artio-inspired header nav{gap:46px;font-size:12px;letter-spacing:.08em}.artio-inspired header nav a:hover{color:#58624b}
.artio-inspired header #motion{border-color:#777c70;color:#353a30;background:#ffffffb8;font-size:10px}
.artio-inspired header :focus-visible{outline-color:#465b25}
.artio-inspired .hero{height:100svh;min-height:720px;max-height:1100px;background:#fff}
.artio-inspired .hero-art.key-visual{position:absolute;inset:0;height:100%;width:100%;max-width:none}
.artio-inspired .key-visual .hero-image{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;background:#fff}
.artio-inspired .key-visual .hero-image img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top}
.artio-inspired .hero-copy{position:absolute;left:4.7%;bottom:56px;top:auto;width:370px;max-width:calc(100% - 9.4%);height:auto;padding:24px 26px 24px 0;display:block;color:#262825;background:linear-gradient(90deg,#fffffff2 60%,#ffffff00)}
.artio-inspired .hero-copy .eyebrow{font-size:9px;letter-spacing:.16em;margin:0 0 15px;color:#51564b}
.artio-inspired .hero h1{font-size:28px;font-weight:400;letter-spacing:.12em;line-height:1.5;margin:0 0 14px}
.artio-inspired .hero h1 em{font-family:Arial,sans-serif;font-size:12px;font-style:normal;letter-spacing:.15em;line-height:1.5;margin:9px 0 0;color:#51564b}
.artio-inspired .hero .intro{font-size:11px;line-height:2;max-width:300px;margin:0 0 12px;color:#51564b}
.artio-inspired .hero .text-link{font-size:10px;padding:8px 0;gap:32px;color:#262825;border-color:#929789}.artio-inspired .hero .text-link span{font-size:19px}
.artio-inspired .hero .edition,.artio-inspired .hero .art-caption,.artio-inspired .ribbon{display:none}
.scroll-cue{position:absolute;right:4.7%;bottom:55px;display:flex;align-items:center;gap:24px;color:#353a30;font-size:9px;letter-spacing:.15em;padding:14px;background:#ffffffd9;z-index:1}.scroll-cue>span:last-child{font-size:24px}.scroll-cue:focus-visible{outline-color:#465b25}
.artio-inspired .works{padding:130px 7% 140px;max-width:1600px;margin:auto}.artio-inspired .section-heading{margin-bottom:48px}.artio-inspired .section-heading h2{font-family:Arial,sans-serif;font-size:38px;letter-spacing:.01em}.artio-inspired .section-heading h2 em{font:inherit}
.artio-inspired .toolbar{padding:20px 0 65px}.artio-inspired .filters button{border-radius:0;padding:10px 16px}.artio-inspired .filters button[aria-pressed=true]{border-color:transparent;border-bottom-color:var(--accent)}
.artio-inspired .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:95px 8%}.artio-inspired .card:nth-child(3n+2){margin-top:0}.artio-inspired .card:nth-child(2n){margin-top:180px}
.artio-inspired .art-frame{aspect-ratio:4/5;background:#edece7}.artio-inspired .card-info{padding:22px 0;border:0}.artio-inspired .card-title{font-size:14px;margin-top:12px;line-height:1.9}.artio-inspired .card-hover{inset:auto 18px 18px;background:#171916ed;padding:20px}
.artio-inspired .about{padding:95px 0 120px;margin-left:7%;margin-right:7%}.artio-inspired .about-lead{font-size:35px}.artio-inspired .contact{background:#e9e6df}.artio-inspired .contact>a{font-size:clamp(26px,3.5vw,50px)}
@media(max-width:1000px){.artio-inspired header{height:90px;gap:22px}.artio-inspired header nav{gap:24px}.artio-inspired .hero-copy{bottom:40px}.artio-inspired .grid{gap:70px 6%}.artio-inspired .card:nth-child(2n){margin-top:120px}}
@media(max-width:700px){.artio-inspired header{height:auto;min-height:86px;padding:18px 6%;gap:12px;align-items:center;flex-wrap:wrap;background:#fffffff0}.artio-inspired header .logo img{width:115px}.artio-inspired header nav{gap:18px;font-size:10px}.artio-inspired header #motion{margin-left:auto;min-height:34px;padding:6px 10px}.artio-inspired .hero{display:block;height:100svh;min-height:740px;max-height:1000px;background:#fff}.artio-inspired .hero-art.key-visual{position:absolute;inset:100px 0 auto;height:calc(100% - 100px);transform:none!important}.artio-inspired .key-visual .hero-image{position:absolute;height:100%;aspect-ratio:auto}.artio-inspired .key-visual .hero-image img{position:absolute;inset:0;width:100%;height:78%;object-fit:cover;object-position:center top}.artio-inspired .hero-copy{position:absolute;left:6%;bottom:30px;width:88%;max-width:88%;height:auto;padding:18px 0 0;background:linear-gradient(0deg,#fff 78%,#ffffff00);color:#262825}.artio-inspired .hero-copy .eyebrow{display:none}.artio-inspired .hero h1{font-size:23px;margin-bottom:10px}.artio-inspired .hero h1 em{font-size:10px;margin-top:5px}.artio-inspired .hero .intro{max-width:295px;font-size:10px;line-height:1.9;margin-bottom:6px}.artio-inspired .hero .text-link{font-size:10px}.artio-inspired .hero .text-link:focus-visible{outline-color:#465b25}.scroll-cue{right:6%;bottom:32px;padding:9px;background:transparent}.scroll-cue>span:first-child{display:none}.artio-inspired .works{padding:70px 6% 80px}.artio-inspired .section-heading h2{font-size:30px}.artio-inspired .section-heading{margin-bottom:24px}.artio-inspired .toolbar{padding-bottom:35px}.artio-inspired .filters button{padding:10px 8px}.artio-inspired .grid{grid-template-columns:1fr;gap:45px}.artio-inspired .card:nth-child(n){margin-top:0}.artio-inspired .art-frame{aspect-ratio:4/5}.artio-inspired .card-title{font-size:13px}.artio-inspired .about{padding:45px 0 70px}.artio-inspired .about-lead{font-size:28px}}

/* Light, image-led masonry archive inspired by the supplied portfolio. */
.artio-inspired .works{position:relative;max-width:none;margin:0;padding:100px max(5%,calc((100vw - 1320px)/2)) 110px;background:linear-gradient(to bottom,#fff 0,#f7f7f5 220px,#f7f7f5 100%);color:#242620}
.artio-inspired .works .eyebrow{color:#666c60}.artio-inspired .section-heading{align-items:center;margin-bottom:30px}.artio-inspired .section-heading h2{font-size:33px;font-weight:500}.artio-inspired .section-heading h2 em{font-size:12px;margin-left:18px;color:#686e63;letter-spacing:.1em}.artio-inspired .section-heading>p{color:#686e63}
.artio-inspired .toolbar{border-color:#dddfd8;padding:20px 0 35px}.artio-inspired .filters{gap:8px}.artio-inspired .filters button{color:#555c4e;border-radius:24px;border:1px solid transparent;padding:10px 17px}.artio-inspired .filters button[aria-pressed=true]{color:#fff;background:#30362c;border-color:#30362c}.artio-inspired .filters button:hover{background:#e4e8df}.artio-inspired .filters button[aria-pressed=true]:hover{background:#424b3a}.artio-inspired #count{color:#686e63}.works :focus-visible{outline-color:#4e6639}
.artio-inspired .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;gap:0 28px;align-items:start}
.artio-inspired .card:nth-child(n){margin:0;min-width:0}.artio-inspired .art-button{color:#242620}.artio-inspired .art-frame{aspect-ratio:auto;border-radius:12px;background:#fff;border:1px solid #e7e9e2;overflow:hidden}.artio-inspired .art-frame img{width:100%;height:auto;object-fit:contain;display:block}.artio-inspired .card-info{padding:13px 4px 0;border:0}.artio-inspired .card-title{font-size:13px;font-weight:600;line-height:1.7;margin:0 0 7px}.artio-inspired .card-meta{font-size:10px;color:#656c5d;line-height:1.7;letter-spacing:.02em;display:block}.artio-inspired .card-hover{inset:auto 10px 10px;padding:12px 14px;border-radius:6px;background:#242b21eb;color:#fff;font-size:10px}
@media(max-width:1000px){.artio-inspired .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.artio-inspired .works{padding:70px 5% 80px}}
@media(max-width:560px){.artio-inspired .works{padding:55px 5% 65px;background:linear-gradient(to bottom,#fff,#f7f7f5 150px)}.artio-inspired .section-heading h2{font-size:28px}.artio-inspired .section-heading>p{margin-top:15px}.artio-inspired .toolbar{padding:15px 0 25px}.artio-inspired .filters{gap:3px}.artio-inspired .filters button{padding:9px 10px;font-size:10px}.artio-inspired .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.artio-inspired .card-title{font-size:11px}.artio-inspired .card-meta{font-size:9px}.artio-inspired .card-info{padding:10px 1px 0}.artio-inspired .art-frame{border-radius:9px}.artio-inspired .card-hover{padding:8px;font-size:9px;inset:auto 5px 5px}}
@media(max-width:340px){.artio-inspired .grid{grid-template-columns:1fr}}

/* Continuous light background from the archive into profile and footer. */
.artio-inspired{background:#fff;color:#242620}
.artio-inspired .about{max-width:none;margin:0;padding:110px max(7%,calc((100vw - 1280px)/2)) 120px;border:0;background:linear-gradient(to bottom,#f7f7f5 0%,#fff 65%);color:#242620;column-gap:40px}
.artio-inspired .about .eyebrow,.artio-inspired .about h2 em,.artio-inspired .about p:not(.about-lead):not(.eyebrow){color:#666c60}
.artio-inspired .about .text-link{border-color:#c8cdc1;color:#30372a}.artio-inspired .about .text-link:hover{color:#4e6639;border-color:#4e6639}
.artio-inspired .contact{background:#fff;color:#242620;padding-top:65px;padding-bottom:65px}
.artio-inspired footer{background:#fff;color:#242620;border-top:1px solid #e8eae4}
.artio-inspired footer>span,.artio-inspired footer>a:last-child{color:#666c60}
.artio-inspired footer .logo{background:transparent;padding-left:0}
.artio-inspired .about :focus-visible,.artio-inspired .contact :focus-visible,.artio-inspired footer :focus-visible{outline-color:#4e6639}
@media(max-width:700px){.artio-inspired .about{padding:70px 6% 75px;background:linear-gradient(to bottom,#f7f7f5,#fff 65%)}.artio-inspired .contact{padding:40px 6%}}

/* Unified gray typography, with readable contrast on light and dark surfaces. */
:root{--text-gray:#555;--text-secondary:#666;--muted:#bcbcbc;--paper:#eee;--accent:#d9d9d9}
.artio-inspired{color:var(--text-gray)}
.artio-inspired header,.artio-inspired header nav a,.artio-inspired header #motion,
.artio-inspired .hero-copy,.artio-inspired .hero h1,.artio-inspired .hero .text-link,
.artio-inspired .scroll-cue,.artio-inspired .works,.artio-inspired .art-button,
.artio-inspired .about,.artio-inspired .about .text-link,.artio-inspired .contact,
.artio-inspired footer{color:var(--text-gray)}
.artio-inspired .hero-copy .eyebrow,.artio-inspired .hero h1 em,.artio-inspired .hero .intro,
.artio-inspired .works .eyebrow,.artio-inspired .section-heading h2 em,
.artio-inspired .section-heading>p,.artio-inspired .filters button,
.artio-inspired #count,.artio-inspired .card-meta,.artio-inspired .about .eyebrow,
.artio-inspired .about h2 em,.artio-inspired .about p:not(.about-lead):not(.eyebrow),
.artio-inspired footer>span,.artio-inspired footer>a:last-child{color:var(--text-secondary)}
.artio-inspired header nav a:hover,.artio-inspired .hero .text-link:hover,
.artio-inspired .about .text-link:hover{color:#444;border-color:#777}
.artio-inspired .filters button[aria-pressed=true]{background:#e4e4e4;border-color:#bbb;color:#555}
.artio-inspired .filters button:hover,.artio-inspired .filters button[aria-pressed=true]:hover{background:#d8d8d8;color:#444}
.artio-inspired .card-hover{background:#292929ed;color:#e0e0e0}
.artio-inspired dialog{color:#e0e0e0;background:#202020}
.artio-inspired dialog .dialog-bar{background:#202020}
.artio-inspired dialog .detail-copy p{color:#bcbcbc}
.artio-inspired dialog .text-link:hover{color:#eee}
.artio-inspired .dot{background:#888}
.artio-inspired :focus-visible{outline-color:#777}
.artio-inspired dialog :focus-visible{outline-color:#ccc}

.artio-inspired .footer-social{display:flex;gap:22px;margin:0;font-size:12px;color:#555}.artio-inspired .footer-social a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}.artio-inspired .footer-social a:hover{color:#444;border-bottom-color:#aaa}

/* Fade only the artwork's lower edge into the white page background. */
.artio-inspired .key-visual .hero-image img{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.55) 85%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.55) 85%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}
@media(max-width:700px){
  .artio-inspired .key-visual .hero-image img{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.85) 79%,rgba(0,0,0,.35) 91%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.85) 79%,rgba(0,0,0,.35) 91%,transparent 100%);
  }
}

/* Supplied profile artwork, shown in full alongside the introduction. */
.artio-inspired .about{grid-template-columns:minmax(220px,340px) minmax(0,1fr);column-gap:clamp(40px,7vw,110px);align-items:center}
.profile-visual{min-width:0}.profile-visual .eyebrow{margin:0 0 24px}
.profile-visual img{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px}
@media(max-width:700px){.artio-inspired .about{display:block}.profile-visual{margin-bottom:32px}.profile-visual img{width:min(75%,280px);max-width:100%}.profile-visual .eyebrow{margin-bottom:20px}}

/* Touch targets and safe-area spacing without changing the visual direction. */
@media(pointer:coarse){.artio-inspired header #motion,.artio-inspired header nav a{min-height:44px;display:inline-flex;align-items:center}.artio-inspired .hero .text-link,.artio-inspired .scroll-cue{min-height:44px}.artio-inspired footer{padding-bottom:max(38px,env(safe-area-inset-bottom))}}
@media(max-width:560px){.artio-inspired header{gap:8px}.artio-inspired header nav{gap:14px}.artio-inspired .hero-art.key-visual{top:120px;height:calc(100% - 120px)}}

#detail-note{white-space:pre-wrap;overflow-wrap:anywhere}
/* Independently selected editorial posts */
.pickup{padding:70px 6% 80px;background:#f0f1f1;color:#606666}.pickup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.pickup-card{min-width:0}.pickup-card>a{display:block;color:inherit;text-decoration:none}.pickup-image{aspect-ratio:4/3;background:#e4e7e7;display:grid;place-items:center;overflow:hidden;margin-bottom:22px}.pickup-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.pickup-image>span{font-size:32px;letter-spacing:.05em;color:#858e8e}.pickup-card time{font-size:11px;letter-spacing:.1em}.pickup-card h3{font-size:18px;font-weight:400;line-height:1.8;margin:10px 0 18px;overflow-wrap:anywhere}.pickup-more{font-size:12px}.pickup-card a:hover img{transform:scale(1.025)}.pickup-card a:focus-visible{outline:2px solid #707d7d;outline-offset:6px}@media(max-width:760px){.pickup{padding:48px 6%}.pickup-grid{grid-template-columns:1fr;gap:36px}.pickup .section-heading{align-items:flex-start;gap:24px}.pickup-card h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.pickup-image img{transition:none}.pickup-card a:hover img{transform:none}}

/* Keep the hero artwork continuous behind the copy and scroll cue. */
.artio-inspired .hero-copy,.artio-inspired .scroll-cue{background:transparent;box-shadow:none;border:0}

/* Clear destinations after selected works. */
.archive-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:80px}
.archive-link{display:flex;flex-direction:column;position:relative;padding:32px 28px 24px;border-top:1px solid #aeb5b5;border-bottom:1px solid #cbd0d0;color:#555;text-decoration:none;background:rgba(255,255,255,.28);transition:background .25s,border-color .25s}
.archive-kicker{font-size:11px;letter-spacing:.12em;color:#707777}
.archive-title{font:400 clamp(40px,5vw,66px)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:18px 0}
.archive-description{font-size:13px;line-height:1.9;color:#687070}
.archive-action{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;letter-spacing:.04em;margin-top:32px}
.archive-action>span{font-size:28px;color:#777f7f;transition:transform .25s}
.archive-link:hover{background:rgba(255,255,255,.8);border-color:#737e7e;text-decoration:none}
.archive-link:hover .archive-action>span{transform:translate(3px,-3px)}
.archive-link:focus-visible{outline:2px solid #697676;outline-offset:6px}
.artio-inspired header nav{flex-wrap:wrap}
@media(max-width:600px){.archive-links{grid-template-columns:1fr;gap:24px;margin-top:48px}.archive-link{padding:26px 20px 22px}.archive-title{font-size:48px}.archive-action{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.archive-link,.archive-action>span{transition:none}.archive-link:hover .archive-action>span{transform:none}}

.x-updates{background:linear-gradient(#f0f1f1,#f8f9f9)}.x-card-copy{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px}.x-updates .pickup-image{aspect-ratio:4/3}.x-updates .section-heading{flex-wrap:wrap}

/* A quiet, clearly labelled invitation to the contact page. */
.artio-inspired .contact.contact-invitation{padding:56px 6% 72px;background:#fff;color:var(--text-gray)}
.contact-invitation-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;border-top:1px solid #dededb;padding-top:52px}
.contact-invitation-copy{min-width:0}
.contact-invitation-copy .eyebrow{margin:0 0 22px;letter-spacing:.22em}
.contact-invitation-copy h2{margin:0;font-family:Georgia,'Yu Mincho',serif;font-size:clamp(25px,3vw,42px);font-weight:400;line-height:1.6;letter-spacing:.04em}
.contact-invitation-description{margin:18px 0 0;font-size:13px;line-height:2;letter-spacing:.035em}
.contact-invitation-link{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-shrink:0;min-height:64px;padding:0 26px;border:1px solid #a5a5a0;border-radius:2px;color:inherit;text-decoration:none;font-size:14px;letter-spacing:.1em;transition:background .2s,border-color .2s}
.contact-invitation-arrow{display:inline-block;font-family:Arial,sans-serif;font-size:25px;font-weight:400;transition:transform .2s}
@media(hover:hover){.contact-invitation-link:hover{background:#f3f3f0;border-color:#666}.contact-invitation-link:hover .contact-invitation-arrow{transform:translate(3px,-3px)}}
.contact-invitation-link:focus-visible{outline:2px solid currentColor!important;outline-offset:5px}
@media(max-width:700px){.artio-inspired .contact.contact-invitation{padding:32px 6% 48px}.contact-invitation-inner{align-items:stretch;flex-direction:column;gap:28px;padding-top:36px}.contact-invitation-description{max-width:30em}.contact-invitation-link{align-self:flex-start;width:min(100%,320px);box-sizing:border-box;min-height:60px}}
@media(prefers-reduced-motion:reduce){.contact-invitation-link,.contact-invitation-arrow{transition:none}.contact-invitation-link:hover .contact-invitation-arrow{transform:none}}