:root{--bg:#faf9f6;--ink:#242424;--muted:#77736e;--line:#d8d5cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ece9e4;position:sticky;top:0;background:rgba(250,249,246,.96);z-index:9}.brand{font-size:17px;font-weight:600;letter-spacing:.11em}.nav{display:flex;align-items:center;gap:34px;font-size:12px;letter-spacing:.05em}.nav a:hover,.foot a:hover{text-decoration:underline}.insta{width:16px;height:16px;display:block}.main{padding:46px 4.5% 100px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}h1{font-size:27px;font-weight:400;letter-spacing:-.02em;margin:10px 0 0}.count{font-size:11px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 20px}.art{cursor:pointer;min-width:0}.art-wide{grid-column:span 2}.art-wide figure{background:transparent}.art-wide img{width:100%;height:auto;object-fit:contain}.art figure{margin:0;background:#f0eee9;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:130px}.art img{width:100%;height:auto;display:block;transition:transform .4s ease}.art:hover img{transform:scale(1.015)}.art figcaption{padding-top:11px;font-size:12px;color:#47433f;letter-spacing:-.01em}.art .num{float:right;color:#a29d95;font-size:10px}.new{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0 36px;margin:18px 0 6px;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.new h2{font-size:26px;font-weight:400;margin:14px 0 14px}.new p{font-size:12px;line-height:1.9;color:var(--muted);max-width:340px}.new .placeholder{height:240px;background:#f0eee9;display:flex;align-items:center;justify-content:center;color:#a8a29a;font-size:12px;letter-spacing:.1em}.new .cta{font-size:12px;border-bottom:1px solid #777;padding-bottom:5px;display:inline-block;margin-top:15px}.foot{border-top:1px solid var(--line);padding:28px 4.5% 42px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}dialog{border:0;background:var(--bg);color:var(--ink);max-width:min(1100px,95vw);width:100%;max-height:92vh;padding:30px;box-shadow:0 18px 90px #0002}dialog::backdrop{background:#161616aa}.detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:30px}.detail img{max-width:100%;max-height:75vh;object-fit:contain}.detail h2{font-size:23px;font-weight:400}.detail p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.close{float:right;border:0;background:transparent;cursor:pointer;font-size:25px}.about{max-width:630px;margin:80px auto 130px;font-size:15px;line-height:2.1}.about h2,.about h1{font-weight:400;font-size:28px}.about a{text-decoration:underline}.noimg{padding:30px;color:#aaa;font-size:11px}@media(max-width:720px){.header{height:66px;padding:0 4%}.brand{font-size:12px;letter-spacing:.05em}.nav{gap:13px;font-size:10px}.main{padding:25px 4% 70px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}.art figcaption{font-size:11px}.new{grid-template-columns:1fr;gap:12px}.new .placeholder{height:170px}.new h2{font-size:22px}.detail{grid-template-columns:1fr}dialog{padding:14px}.foot{padding:25px 4%}}

/* Detail navigation — static HTML, works without JavaScript */
.art-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.art-link:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.artwork-page{display:none;max-width:1250px;margin:0 auto;padding:14px 0 100px;scroll-margin-top:110px}
.artwork-page:target{display:block}
/* removed legacy :has rule */
/* removed legacy :has rule */
/* removed legacy :has rule */
/* removed legacy :has rule */
.artwork-back{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#5f5b56;margin-bottom:42px}
.artwork-back:hover{text-decoration:underline}
.artwork-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:33px}
.artwork-heading h2{font-size:clamp(26px,3.5vw,42px);font-weight:400;letter-spacing:-.035em;margin:10px 0 0}
.artwork-number{font-size:11px;color:var(--muted)}
.artwork-main-figure{margin:0;display:flex;justify-content:center;align-items:center;background:#f1efeb;min-height:240px}
.artwork-main-figure img{display:block;width:auto;max-width:100%;max-height:min(83vh,1050px);height:auto;object-fit:contain}
.artwork-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:30px;padding:30px 0 70px;border-bottom:1px solid var(--line)}
.artwork-info p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.artwork-extras{padding:55px 0 80px}
.artwork-extras h2{font-size:21px;font-weight:400;margin:12px 0 22px}
.artwork-extras .note{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 25px}
.artwork-extras-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.artwork-detail-crop{margin:0;overflow:hidden}
.artwork-detail-crop .crop-window{height:300px;background:#f0eee9;overflow:hidden;display:flex;align-items:center;justify-content:center}
.artwork-detail-crop img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transform:scale(1.22)}
.artwork-detail-crop figcaption{font-size:11px;color:var(--muted);padding-top:12px}
.artwork-goods-pending{min-height:300px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.artwork-goods-pending strong{font-weight:400;font-size:15px}
.artwork-goods-pending p{font-size:11px;color:var(--muted);line-height:1.9;max-width:240px}
.artwork-bottom-nav{display:flex;justify-content:space-between;gap:20px;padding:25px 0 10px;border-top:1px solid var(--line);font-size:12px}
.artwork-bottom-nav a:hover{text-decoration:underline}
@media(max-width:720px){.artwork-page{padding-top:0}.artwork-back{margin-bottom:25px}.artwork-heading{margin-bottom:23px}.artwork-heading h2{font-size:26px}.artwork-main-figure img{max-height:70vh}.artwork-info{grid-template-columns:1fr;gap:14px;padding:24px 0 44px}.artwork-extras{padding:35px 0 45px}.artwork-extras-grid{grid-template-columns:1fr;gap:24px}.artwork-detail-crop .crop-window{height:240px}.artwork-goods-pending{min-height:175px}.artwork-bottom-nav{padding-top:20px}}

/* Calendar editorial breakpoint placement — preview */
.calendar-mobile{display:none}
.calendar-desktop{display:grid}
@media(max-width:720px){
  .calendar-desktop{display:none}
  .calendar-mobile{display:grid}
  .gallery > article.art:nth-of-type(5){grid-column:1 / -1}
  .gallery > article.art:nth-of-type(5) figure{background:transparent;min-height:0}
  .gallery > article.art:nth-of-type(5) img{width:100%;height:auto;max-height:420px;object-fit:contain}
}

/* Approved preview refinement: 003 and 004 share the same 4:5 display frame; artwork remains uncropped. */
.gallery > article[data-id="G079"] figure,
.gallery > article[data-id="G003"] figure {aspect-ratio:4 / 5; background:#f0eee9; min-height:0;}
.gallery > article[data-id="G079"] figure img,
.gallery > article[data-id="G003"] figure img {width:100%;height:100%;object-fit:contain;}

/* First three gallery artworks: matching 4:5 display frames, no cropping. */
.gallery > article.art:nth-of-type(-n+3) figure {aspect-ratio:4 / 5; min-height:0; background:#f0eee9;}
.gallery > article.art:nth-of-type(-n+3) figure img {width:100%;height:100%;object-fit:contain;}

/* First row: identical visible image boxes. Only gallery thumbnails are cropped;
   full original images remain untouched on the detail pages. */
.gallery > article.art:nth-of-type(-n+3) figure{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
  min-height:0 !important;
  display:block !important;
  background:#f0eee9;
}
.gallery > article.art:nth-of-type(-n+3) figure img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center;
  display:block !important;
}

/* Safari-compatible first-row sizing: padding reserves real height even when images are absolute. */
.gallery > article.art:nth-of-type(-n+3) figure {
  position:relative !important;
  box-sizing:content-box !important;
  width:100% !important;
  height:0 !important;
  padding:0 0 125% !important;
  aspect-ratio:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:block !important;
}
.gallery > article.art:nth-of-type(-n+3) figure img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Gallery ratio system v1 — preserves artwork pixels and detail-page images.
   Squares: 1:1, portraits: 4:5, panoramas: natural, unusually tall: natural.
   Safari-safe padding sizing prevents disappearing image frames. */
.gallery > article.art.ratio-square figure,
.gallery > article.art.ratio-portrait figure {
  position:relative !important;
  display:block !important;
  box-sizing:content-box !important;
  width:100% !important;
  height:0 !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
  padding:0 0 125% !important;
}
.gallery > article.art.ratio-square figure {padding-bottom:100% !important;}
.gallery > article.art.ratio-square figure img,
.gallery > article.art.ratio-portrait figure img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
/* Keep the previously approved first three artworks identically framed at 4:5. */
.gallery > article.art:nth-of-type(-n+3) figure {padding-bottom:125% !important;}
.gallery > article.art:nth-of-type(-n+3) figure img {object-fit:cover !important;}
/* Keep unusual vertical artwork complete rather than cropping important content. */
.gallery > article.art.ratio-tall figure,
.gallery > article.art.ratio-landscape figure {height:auto; min-height:0; aspect-ratio:auto; padding:0;}
.gallery > article.art.ratio-tall figure img,
.gallery > article.art.ratio-landscape figure img {position:static;width:100%;height:auto;object-fit:contain;}
/* The fifth artwork is deliberately enlarged to span both mobile columns. */
@media(max-width:720px){
 .gallery > article.art:nth-of-type(5) figure {position:static !important;height:auto !important;padding:0 !important;aspect-ratio:auto !important;}
 .gallery > article.art:nth-of-type(5) figure img {position:static !important;width:100% !important;height:auto !important;max-height:420px !important;object-fit:contain !important;}
}

/* Selected artwork detail — quiet editorial presentation; other pages untouched */
#work-G079{max-width:1000px;margin:0 auto}
#work-G079 .artwork-heading{display:block;margin:12px 0 35px}
#work-G079 .artwork-heading h2{font-size:clamp(31px,4vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.25;margin:15px 0 10px}
#work-G079 .featured-english{font-size:14px;line-height:1.7;color:#77736d;margin:0}
#work-G079 .artwork-main-figure{margin:0;background:#faf9f6;text-align:center}
#work-G079 .artwork-main-figure img{width:auto;max-width:100%;height:auto;max-height:800px;object-fit:contain;display:block;margin:auto}
#work-G079 .artwork-info{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:9%;padding:62px 0 70px}
#work-G079 .featured-statement h2{font-size:clamp(20px,2.2vw,27px);font-weight:400;letter-spacing:-.035em;line-height:1.5;margin:19px 0 24px}
#work-G079 .featured-statement p{font-size:14px;line-height:2.1;color:#42413e;margin:0 0 16px;max-width:550px}
#work-G079 .featured-facts dl{margin:22px 0 0}
#work-G079 .featured-facts dl div{border-top:1px solid #d8d5cf;padding:14px 0;display:grid;grid-template-columns:94px 1fr;gap:12px}
#work-G079 .featured-facts dt{font-size:11px;color:#85817c}
#work-G079 .featured-facts dd{margin:0;font-size:12px;line-height:1.8;color:#242424}
#work-G079 .featured-unconfirmed{color:#99938c;font-size:10px}
#work-G079 .featured-note{margin-top:14px;font-size:11px;color:#8d8983;line-height:1.7}
#work-G079 .artwork-extras{padding:48px 0 70px}
#work-G079 .artwork-extras h2{font-size:24px;font-weight:400;margin:13px 0 10px}
#work-G079 .artwork-extras .note{margin-bottom:24px}
#work-G079 .featured-detail-figure{margin:0;max-width:680px}
#work-G079 .featured-detail-window{height:350px;overflow:hidden;background:#faf9f6}
#work-G079 .featured-detail-window img{width:100%;height:100%;object-fit:cover;object-position:center}
#work-G079 .featured-detail-figure figcaption{font-size:10px;letter-spacing:.07em;color:#8b8780;padding-top:12px}
@media(max-width:720px){
 #work-G079 .artwork-heading{margin:10px 0 24px}
 #work-G079 .artwork-heading h2{font-size:32px}
 #work-G079 .featured-english{font-size:12px}
 #work-G079 .artwork-main-figure img{max-height:none}
 #work-G079 .artwork-info{grid-template-columns:1fr;gap:32px;padding:38px 0 44px}
 #work-G079 .featured-statement h2{font-size:22px}
 #work-G079 .featured-statement p{font-size:13px}
 #work-G079 .artwork-extras{padding:32px 0 46px}
 #work-G079 .featured-detail-window{height:235px}
}

/* Original artwork and product photographs, confined to the approved first detail page */
#work-G079 .featured-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin-top:28px}
#work-G079 .featured-photo-card{margin:0;min-width:0}
#work-G079 .featured-photo-card>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;object-position:center;background:#faf9f6}
#work-G079 .featured-photo-card figcaption{padding:16px 0 0;display:flex;flex-direction:column;gap:8px;text-align:left}
#work-G079 .featured-photo-tag{font-size:10px;letter-spacing:.08em;color:#8c8881}
#work-G079 .featured-photo-card strong{font-weight:500;font-size:15px;letter-spacing:-.02em;color:#242424}
#work-G079 .featured-photo-description{font-size:12px;line-height:1.75;color:#77736d}
@media(max-width:720px){
#work-G079 .featured-photo-grid{grid-template-columns:1fr;gap:34px;margin-top:20px}
#work-G079 .featured-photo-card>img{aspect-ratio:auto;max-height:620px;object-fit:contain}
#work-G079 .featured-photo-card figcaption{padding-top:12px}
}

/* Purchase links — scoped to selected artwork */
#work-G079 .featured-photo-card figcaption .featured-shop-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:18px;padding:0 20px;border:1px solid #D8D5CF;background:#EAE8E4;color:#55514D;text-decoration:none;font-size:12px;letter-spacing:.01em;transition:background .2s,color .2s,border-color .2s}
#work-G079 .featured-photo-card figcaption .featured-shop-link:hover{background:#DEDAD4;border-color:#C7C3BC;color:#242424}
#work-G079 .featured-photo-card figcaption .featured-link-note{display:block;font-size:10px;line-height:1.5;color:#89857f;margin-top:9px}

/* Editorial detail template for all other works */
.detail-standard{max-width:1000px;margin:0 auto}
.detail-standard .artwork-heading{display:block;margin:12px 0 35px}
.detail-standard .artwork-heading h2{font-size:clamp(31px,4vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.25;margin:15px 0 10px}
.detail-standard .featured-english{font-size:14px;line-height:1.7;color:#77736d;margin:0}
.detail-standard .artwork-main-figure{margin:0;background:#faf9f6;text-align:center}
.detail-standard .artwork-main-figure img{width:auto;max-width:100%;height:auto;max-height:800px;object-fit:contain;display:block;margin:auto}
.detail-standard .artwork-info{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:9%;padding:62px 0 70px}
.detail-standard .featured-statement h2{font-size:clamp(20px,2.2vw,27px);font-weight:400;letter-spacing:-.035em;line-height:1.5;margin:19px 0 24px}
.detail-standard .featured-statement p{font-size:14px;line-height:2.1;color:#42413e;margin:0 0 16px;max-width:550px}
.detail-standard .featured-facts dl{margin:22px 0 0}
.detail-standard .featured-facts dl div{border-top:1px solid #d8d5cf;padding:14px 0;display:grid;grid-template-columns:94px 1fr;gap:12px}
.detail-standard .featured-facts dt{font-size:11px;color:#85817c}
.detail-standard .featured-facts dd{margin:0;font-size:12px;line-height:1.8;color:#242424}
.detail-standard .featured-unconfirmed{color:#99938c;font-size:10px}
.detail-standard .featured-note{margin-top:14px;font-size:11px;color:#8d8983;line-height:1.7}
.detail-standard .artwork-extras{padding:48px 0 70px}
.detail-standard .artwork-extras h2{font-size:24px;font-weight:400;margin:13px 0 10px}
.detail-standard .artwork-extras .note{margin-bottom:24px}
.detail-standard .featured-detail-figure{margin:0;max-width:680px}
.detail-standard .featured-detail-window{height:350px;overflow:hidden;background:#faf9f6}
.detail-standard .featured-detail-window img{width:100%;height:100%;object-fit:cover;object-position:center}
.detail-standard .featured-detail-figure figcaption{font-size:10px;letter-spacing:.07em;color:#8b8780;padding-top:12px}
@media(max-width:720px){
 .detail-standard .artwork-heading{margin:10px 0 24px}
 .detail-standard .artwork-heading h2{font-size:32px}
 .detail-standard .featured-english{font-size:12px}
 .detail-standard .artwork-main-figure img{max-height:none}
 .detail-standard .artwork-info{grid-template-columns:1fr;gap:32px;padding:38px 0 44px}
 .detail-standard .featured-statement h2{font-size:22px}
 .detail-standard .featured-statement p{font-size:13px}
 .detail-standard .artwork-extras{padding:32px 0 46px}
 .detail-standard .featured-detail-window{height:235px}
}


/* 2026-10-28 | linked product photos, no artificial detail crops */
.osaek-linked-extras{margin-top:64px}
.osaek-linked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:38px;margin-top:30px}
.osaek-linked-photo{margin:0;min-width:0}
.osaek-linked-photo img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain;background:#FAF9F6}
.osaek-linked-photo figcaption{padding:15px 0 0;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.osaek-photo-eyebrow{font-size:10px;letter-spacing:.1em;color:#8b8781}
.osaek-linked-photo figcaption strong{font-size:14px;font-weight:500;color:#242424}
/* A real painting should read as the hero photograph rather than a small product tile. */
.osaek-linked-grid>.osaek-photo-original{grid-column:1/-1;max-width:100%}
.osaek-linked-grid>.osaek-photo-original img{max-height:900px;max-width:100%;object-fit:contain;object-position:left center}
#work-G079 .featured-photo-grid>.featured-photo-card:first-child{grid-column:1/-1}
#work-G079 .featured-photo-grid>.featured-photo-card:first-child img{height:auto;max-height:880px;object-fit:contain;object-position:left center}
@media(max-width:720px){.osaek-linked-grid{grid-template-columns:1fr;gap:28px}.osaek-linked-grid>.osaek-photo-original{grid-column:auto}.osaek-linked-grid>.osaek-photo-original img{max-height:none}.osaek-linked-extras{margin-top:42px}}

/* Quiet Gallery: compact category navigation */
.artwork-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:5px 22px;padding:0 0 12px;border-bottom:1px solid var(--line);margin:0}
.artwork-filter{appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;color:#858078;cursor:pointer;font-size:12px;line-height:1.6;padding:10px 0 9px;letter-spacing:-.01em;transition:color .15s,border-color .15s}
.artwork-filter:hover,.artwork-filter:focus-visible{color:var(--ink)}
.artwork-filter:focus-visible{outline:1px solid #8b877f;outline-offset:4px}
.artwork-filter.is-active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}
.artwork-filter-divider{height:14px;width:1px;background:#d8d5cf;flex:none}
.artwork-filter-description{font-size:11px;line-height:1.7;color:#8b867f;margin:13px 0 31px;min-height:19px}
.gallery > [hidden]{display:none!important}
@media(max-width:720px){
 .artwork-filter-bar{gap:0 17px;row-gap:0}
 .artwork-filter{font-size:11px;padding:9px 0}
 .artwork-filter-divider{margin-left:0}
 .artwork-filter-description{margin:10px 0 23px}
}


/* 2026-10-29: artwork-first homepage and restrained product CTA */
.main{padding-top:23px}
#count[hidden]{display:none!important}
.osaek-linked-photo .osaek-product-buy{display:inline-flex;align-items:center;justify-content:center;margin-top:11px;min-height:36px;padding:0 17px;border:1px solid #D8D5CF;background:#EAE8E4;color:#55514D;font-size:12px;text-decoration:none;transition:background .2s}
.osaek-linked-photo .osaek-product-buy:hover{background:#DEDAD4;color:#242424}


/* Artwork-adjacent art goods collection */
.artgoods-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px;padding-bottom:40px}
.artgoods-gallery[hidden],#gallery[hidden]{display:none!important}
.artgoods-card{min-width:0}
.artgoods-image-link{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#F5F3F0;overflow:hidden}
.artgoods-image-link img{display:block;width:100%;height:100%;object-fit:contain}
.artgoods-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #E3E0DA;font-size:12px;line-height:1.5;color:#242424}
.artgoods-buy{white-space:nowrap;color:#77736D;text-decoration:none;border-bottom:1px solid #D8D5CF}
.artgoods-buy:hover{color:#242424;border-bottom-color:#242424}
@media(max-width:720px){.artgoods-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.artgoods-meta{flex-direction:column;gap:4px;font-size:11px}}


/* Artworks is the homepage and its category row is the submenu. */
/* removed legacy :has rule */
/* removed legacy :has rule */
/* removed legacy :has rule */
#artwork-submenu{scroll-margin-top:100px}


/* Artwork first: display the original artwork immediately, followed by its title and text. */
.artwork-page > .artwork-main-figure {margin-top:0;}
.artwork-info .featured-statement h2 {font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:15px 0 23px;color:var(--ink);}
@media(max-width:720px){.artwork-info .featured-statement h2{font-size:23px;margin:12px 0 18px;}}


/* Reliable artwork routing across macOS Safari, iOS/iPadOS Safari and Chromium */
html.osaek-instant-scroll{scroll-behavior:auto!important}
body.osaek-detail-open #gallery,
body.osaek-detail-open #artgoods-gallery,
body.osaek-detail-open #artwork-submenu,
body.osaek-detail-open #artwork-filter-description,
body.osaek-detail-open #count,
body.osaek-detail-open #about{display:none!important}
body.osaek-detail-open .main{padding-top:14px!important}
body.osaek-detail-open .artwork-page{display:none!important}
body.osaek-detail-open .artwork-page.osaek-active-detail{display:block!important;padding-top:0!important;margin-top:0!important}
body.osaek-detail-open .artwork-page.osaek-active-detail>.artwork-main-figure{margin-top:0!important}
body.osaek-detail-open .artwork-page.osaek-active-detail>.artwork-back{display:none!important}
body:not(.osaek-detail-open) .artwork-page{display:none!important}
body:not(.osaek-detail-open) #artwork-submenu{display:flex!important}
body:not(.osaek-detail-open) #artwork-filter-description{display:block!important}
#gallery[hidden],#artgoods-gallery[hidden]{display:none!important}
#artwork-submenu .artwork-filter{touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
@media(max-width:720px){
 body.osaek-detail-open .main{padding-top:10px!important}
}


/* Mobile/tablet: direct, tappable links and filter controls */
#artwork-submenu{position:relative;z-index:5}
#artwork-submenu button{position:relative;z-index:6;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,.08)}
.gallery .art-link{position:relative;display:block;pointer-events:auto;touch-action:manipulation}
.gallery .art-link img{pointer-events:none}
body.osaek-detail-open #gallery,body.osaek-detail-open #artgoods-gallery,
body.osaek-detail-open #artwork-submenu,body.osaek-detail-open #artwork-filter-description,
body.osaek-detail-open #count{display:none!important}
body.osaek-detail-open .artwork-page{display:none!important}
body.osaek-detail-open .artwork-page.osaek-active-detail{display:block!important;margin-top:0!important;padding-top:0!important}
body:not(.osaek-detail-open) .artwork-page{display:none!important}
body:not(.osaek-detail-open) #artwork-submenu{display:flex!important}
#gallery[hidden],#artgoods-gallery[hidden]{display:none!important}

/* Staging: explicit routing visibility (works on iOS Safari) */
body:not(.osaek-detail-open) .artwork-page {display:none!important}
body.osaek-detail-open #gallery, body.osaek-detail-open #artgoods-gallery,
body.osaek-detail-open #artwork-submenu,body.osaek-detail-open #artwork-filter-description {display:none!important}
body.osaek-detail-open .artwork-page {display:none!important}
body.osaek-detail-open .artwork-page.osaek-active-detail {display:block!important;padding-top:0!important;margin-top:0!important}
body.osaek-detail-open .main {padding-top:12px!important}
#gallery[hidden],#artgoods-gallery[hidden],article.art[hidden] {display:none!important}
#artwork-submenu .artwork-filter {cursor:pointer;touch-action:manipulation;pointer-events:auto}
.art-link {touch-action:manipulation;cursor:pointer}


/* Mobile artwork gallery: every artwork occupies exactly one of two columns.
   Keep the calendar promo full width and do not crop original compositions. */
@media (max-width: 720px) {
  #gallery.gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px;
    row-gap: 30px;
    align-items: start;
  }
  #gallery.gallery > article.art,
  #gallery.gallery > article.art.art-wide,
  #gallery.gallery > article.art:nth-of-type(5) {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  #gallery.gallery > article.art figure,
  #gallery.gallery > article.art:nth-of-type(-n+3) figure,
  #gallery.gallery > article.art:nth-of-type(5) figure,
  #gallery.gallery > article.art.ratio-square figure,
  #gallery.gallery > article.art.ratio-portrait figure,
  #gallery.gallery > article.art.ratio-tall figure,
  #gallery.gallery > article.art.ratio-landscape figure {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
    background: transparent !important;
  }
  #gallery.gallery > article.art figure img,
  #gallery.gallery > article.art:nth-of-type(-n+3) figure img,
  #gallery.gallery > article.art:nth-of-type(5) figure img,
  #gallery.gallery > article.art.ratio-square figure img,
  #gallery.gallery > article.art.ratio-portrait figure img,
  #gallery.gallery > article.art.ratio-tall figure img,
  #gallery.gallery > article.art.ratio-landscape figure img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    transform: none !important;
  }
  #gallery.gallery > .new {
    grid-column: 1 / -1 !important;
  }
}

/* OSAEK MASONRY GALLERY V2 — 2026-10-29 */
/* Pinterest-like masonry: three independent flowing columns on desktop,
   two on phones. Every image retains its complete original aspect ratio. */
body:not(.osaek-detail-open) #gallery.gallery:not([hidden]) {
 display:block !important;
 columns:3 !important;
 column-gap:20px !important;
 width:100% !important;
}
body:not(.osaek-detail-open) #gallery.gallery > article.art:not([hidden]) {
 display:inline-block !important;
 box-sizing:border-box !important;
 width:100% !important;
 max-width:100% !important;
 margin:0 0 26px !important;
 padding:0 !important;
 break-inside:avoid !important;
 -webkit-column-break-inside:avoid !important;
 grid-column:auto !important;
 grid-row:auto !important;
 vertical-align:top !important;
}
body:not(.osaek-detail-open) #gallery.gallery > article.art figure {
 display:block !important;
 position:static !important;
 box-sizing:border-box !important;
 width:100% !important;
 height:auto !important;
 min-height:0 !important;
 max-height:none !important;
 aspect-ratio:auto !important;
 padding:0 !important;
 margin:0 !important;
 overflow:visible !important;
 background:transparent !important;
}
body:not(.osaek-detail-open) #gallery.gallery > article.art figure img {
 display:block !important;
 position:static !important;
 inset:auto !important;
 box-sizing:border-box !important;
 width:100% !important;
 height:auto !important;
 min-height:0 !important;
 max-height:none !important;
 aspect-ratio:auto !important;
 object-fit:contain !important;
 transform:none !important;
}
body:not(.osaek-detail-open) #gallery.gallery > .new {
 display:block !important;
 column-span:all !important;
 -webkit-column-span:all !important;
 width:100% !important;
 margin:30px 0 36px !important;
 break-inside:avoid !important;
}
body:not(.osaek-detail-open) #gallery.gallery > article.art[hidden] {display:none!important}
@media (min-width:721px) and (max-width:1024px) {
 body:not(.osaek-detail-open) #gallery.gallery:not([hidden]) {columns:2!important;column-gap:18px!important}
}
@media (max-width:720px) {
 body:not(.osaek-detail-open) #gallery.gallery:not([hidden]) {columns:2!important;column-gap:12px!important}
 body:not(.osaek-detail-open) #gallery.gallery > article.art:not([hidden]) {margin-bottom:22px!important}
}

/* Calendar is one normal masonry tile, never a full-width column break. */
body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop {
 display:inline-block !important;
 box-sizing:border-box !important;
 column-span:none !important;
 -webkit-column-span:none !important;
 break-inside:avoid !important;
 -webkit-column-break-inside:avoid !important;
 width:100% !important;
 max-width:100% !important;
 margin:0 0 26px !important;
 padding:18px 0 20px !important;
 border-top:1px solid #D8D5CF !important;
 border-bottom:1px solid #D8D5CF !important;
 vertical-align:top !important;
}
body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop > div {
 width:100% !important;
}
body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop h2 {
 font-size:clamp(21px,2vw,26px) !important;
 line-height:1.25 !important;
}
body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop .placeholder {
 width:100% !important;
 height:170px !important;
 margin-top:18px !important;
}
@media(max-width:720px){
 body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop {
  margin-bottom:22px !important;
  padding:14px 0 !important;
 }
 body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop .placeholder {height:100px!important;font-size:9px!important;letter-spacing:0!important}
 body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop h2 {font-size:18px!important}
 body:not(.osaek-detail-open) #gallery.gallery > section.new.calendar-desktop p {font-size:11px!important}
}

/* Stable row-aware masonry: separate columns avoid CSS multi-column balancing. */
body:not(.osaek-detail-open) #gallery.gallery:not([hidden]){
 display:grid!important;
 columns:auto!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 column-gap:20px!important;
 align-items:start!important;
}
#gallery.gallery>.osaek-masonry-column{
 display:flex!important;
 flex-direction:column!important;
 min-width:0!important;
 gap:26px!important;
}
#gallery.gallery>.osaek-masonry-column[hidden]{display:none!important}
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>article.art:not([hidden]),
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>section.new:not([hidden]){
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;
 margin:0!important;
 grid-column:auto!important;
 column-span:none!important;
 break-inside:avoid!important;
}
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column article.art figure{
 display:block!important;position:static!important;width:100%!important;height:auto!important;
 min-height:0!important;aspect-ratio:auto!important;padding:0!important;overflow:visible!important;background:transparent!important;
}
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column article.art figure img{
 display:block!important;position:static!important;width:100%!important;height:auto!important;
 max-height:none!important;object-fit:contain!important;
}
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>.new.calendar-desktop{
 padding:18px 0 20px!important;border-top:1px solid #D8D5CF!important;
 border-bottom:1px solid #D8D5CF!important;
}
body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>.new.calendar-desktop .placeholder{
 width:100%!important;height:170px!important;margin-top:18px!important;
}
#gallery.gallery>.osaek-masonry-column>[hidden]{display:none!important}
@media(max-width:1024px){body:not(.osaek-detail-open) #gallery.gallery:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important}}
@media(max-width:720px){
 body:not(.osaek-detail-open) #gallery.gallery:not([hidden]){column-gap:12px!important}
 #gallery.gallery>.osaek-masonry-column{gap:22px!important}
 body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>.new.calendar-desktop .placeholder{height:100px!important}
 body:not(.osaek-detail-open) #gallery.gallery>.osaek-masonry-column>.new.calendar-desktop h2{font-size:18px!important}
}

/* 2027 calendar: original product photograph, full aspect ratio, caption below */
#gallery .osaek-masonry-column > .new.calendar-desktop {
 display:block!important;
 padding:0 0 18px!important;
 border-top:0!important;
 border-bottom:1px solid #D8D5CF!important;
 background:transparent!important;
}
#gallery .osaek-masonry-column > .new.calendar-desktop > .osaek-calendar-cover {
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 object-fit:contain!important;
 background:transparent!important;
}
#gallery .osaek-masonry-column > .new.calendar-desktop > .osaek-calendar-copy {
 display:block!important;
 width:100%!important;
 padding-top:16px!important;
}
#gallery .osaek-masonry-column > .new.calendar-desktop .eyebrow {font-size:10px!important;letter-spacing:.1em!important}
#gallery .osaek-masonry-column > .new.calendar-desktop h2 {font-size:clamp(19px,2vw,25px)!important;margin:9px 0!important}
#gallery .osaek-masonry-column > .new.calendar-desktop p {font-size:12px!important;margin:0!important;line-height:1.7!important}
/* Art products: true uncropped Pinterest-style masonry, independent columns */
body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]) {
 display:block!important;
 columns:3!important;
 column-gap:20px!important;
 padding-bottom:40px!important;
}
#artgoods-gallery.artgoods-gallery > article.artgoods-card {
 display:inline-block!important;
 width:100%!important;
 max-width:100%!important;
 margin:0 0 25px!important;
 padding:0!important;
 break-inside:avoid!important;
 -webkit-column-break-inside:avoid!important;
 vertical-align:top!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-image-link {
 display:block!important;
 width:100%!important;
 height:auto!important;
 aspect-ratio:auto!important;
 overflow:visible!important;
 background:transparent!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-image-link img {
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 aspect-ratio:auto!important;
 object-fit:contain!important;
}
@media(min-width:721px) and (max-width:1024px){
 body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]) {columns:2!important;column-gap:18px!important}
}
@media(max-width:720px){
 body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]) {columns:2!important;column-gap:12px!important}
 #artgoods-gallery.artgoods-gallery > article.artgoods-card {margin-bottom:20px!important}
 #gallery .osaek-masonry-column > .new.calendar-desktop > .osaek-calendar-copy {padding-top:10px!important}
 #gallery .osaek-masonry-column > .new.calendar-desktop h2 {font-size:18px!important}
 #gallery .osaek-masonry-column > .new.calendar-desktop p {font-size:11px!important}
}

/* 2026-10-29: art-goods buy button matches artwork-detail buy button. */
#artgoods-gallery.artgoods-gallery .artgoods-meta{
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 justify-content:flex-start!important;
 gap:9px!important;
 padding:12px 0 0!important;
 border:0!important;
 border-bottom:0!important;
 background:transparent!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-meta .artgoods-buy{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 box-sizing:border-box!important;
 min-height:36px!important;
 margin-top:4px!important;
 padding:0 17px!important;
 border:1px solid #D8D5CF!important;
 border-radius:0!important;
 background:#EAE8E4!important;
 color:#55514D!important;
 font-size:12px!important;
 font-weight:400!important;
 text-decoration:none!important;
 letter-spacing:0!important;
 white-space:nowrap!important;
 transition:background .2s!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-meta .artgoods-buy:hover{
 background:#DEDAD4!important;
 color:#242424!important;
}
#artgoods-gallery.artgoods-gallery > article.artgoods-card{
 border:0!important;
 border-bottom:0!important;
}

/* Art goods: title left, matching gray purchase button right, on one row. */
#artgoods-gallery.artgoods-gallery .artgoods-meta {
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:space-between!important;
 flex-wrap:nowrap!important;
 gap:8px!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-meta > span {
 flex:1 1 auto!important;
 min-width:0!important;
 overflow-wrap:anywhere!important;
}
#artgoods-gallery.artgoods-gallery .artgoods-meta .artgoods-buy {
 flex:0 0 auto!important;
 margin-top:0!important;
 margin-left:auto!important;
}

/* Detail art-goods: caption text left, gray purchase button right, like Art Goods gallery. */
.artwork-page .osaek-linked-photo.osaek-photo-goods figcaption {
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:space-between!important;
 flex-wrap:wrap!important;
 gap:7px 10px!important;
}
.artwork-page .osaek-linked-photo.osaek-photo-goods figcaption .osaek-photo-eyebrow {
 flex:0 0 100%!important;
}
.artwork-page .osaek-linked-photo.osaek-photo-goods figcaption strong {
 flex:1 1 auto!important;
 min-width:0!important;
}
.artwork-page .osaek-linked-photo.osaek-photo-goods figcaption .osaek-product-buy {
 flex:0 0 auto!important;
 margin:0 0 0 auto!important;
 white-space:nowrap!important;
}

/* Official horizontal brand logo in header; never crop or stretch */
.header .brand {display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;}
.header .brand .osaek-brand-logo {display:block!important;width:auto!important;height:auto!important;max-width:min(260px,34vw)!important;max-height:45px!important;object-fit:contain!important;object-position:left center!important;}
@media(max-width:720px){
 .header .brand .osaek-brand-logo {max-width:36vw!important;max-height:34px!important;}
}

/* Calendar promotion in second row of every filtered artwork category. */
#gallery.gallery>.osaek-masonry-column>.new.calendar-desktop:not([hidden]){display:block!important}
/* Art goods gallery uses the same stable columns to keep the promo in row two. */
body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]){
 display:grid!important;
 columns:auto!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 column-gap:20px!important;
 align-items:start!important;
}
#artgoods-gallery>.osaek-goods-masonry-column{
 display:flex!important;
 flex-direction:column!important;
 gap:25px!important;
 min-width:0!important;
}
#artgoods-gallery>.osaek-goods-masonry-column[hidden]{display:none!important}
#artgoods-gallery>.osaek-goods-masonry-column>article.artgoods-card{
 display:block!important;
 width:100%!important;
 max-width:100%!important;
 margin:0!important;
 break-inside:avoid!important;
}
#artgoods-gallery>.osaek-goods-masonry-column .artgoods-image-link,
#artgoods-gallery>.osaek-goods-masonry-column .artgoods-image-link img{
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 aspect-ratio:auto!important;
 object-fit:contain!important;
}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop{
 display:block!important;
 width:100%!important;
 box-sizing:border-box!important;
 margin:0!important;
 padding:0 0 18px!important;
 border-bottom:1px solid #D8D5CF!important;
 border-top:0!important;
 column-span:none!important;
}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop .osaek-calendar-cover{
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 object-fit:contain!important;
}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop .osaek-calendar-copy{
 display:block!important;
 padding-top:16px!important;
 width:100%!important;
}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop .eyebrow{font-size:10px!important}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop h2{font-size:clamp(19px,2vw,25px)!important;margin:9px 0!important}
#artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop p{font-size:12px!important;line-height:1.7!important}
@media(max-width:1024px){
 body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important}
}
@media(max-width:720px){
 body:not(.osaek-detail-open) #artgoods-gallery.artgoods-gallery:not([hidden]){column-gap:12px!important}
 #artgoods-gallery>.osaek-goods-masonry-column{gap:20px!important}
 #artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop .osaek-calendar-copy{padding-top:10px!important}
 #artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop h2{font-size:18px!important}
 #artgoods-gallery>.osaek-goods-masonry-column>.new.calendar-desktop p{font-size:11px!important}
}

/* Reduce divider-to-heading whitespace in all artwork detail product sections by half. */
.artwork-page .artwork-extras.osaek-linked-extras {margin-top:32px!important;padding-top:24px!important;}
@media(max-width:720px){.artwork-page .artwork-extras.osaek-linked-extras{margin-top:21px!important;padding-top:16px!important;}}

/* About is a distinct view, not an anchor beneath the long artwork gallery. */
body.osaek-about-open .main > #artwork-submenu,
body.osaek-about-open .main > #artwork-filter-description,
body.osaek-about-open .main > #count,
body.osaek-about-open .main > .intro,
body.osaek-about-open #gallery,
body.osaek-about-open #artgoods-gallery,
body.osaek-about-open .artwork-page {display:none!important;}
body.osaek-about-open .about {display:block!important;max-width:760px;margin:0 auto 100px;padding:38px 0 0;scroll-margin-top:110px;}
body.osaek-about-open .main {padding-top:40px;min-height:calc(100vh - 180px);}
body.osaek-about-open .header .nav a[href="#about"] {text-decoration:underline;text-underline-offset:7px;}
@media(max-width:720px){
 body.osaek-about-open .main{padding-top:26px;}
 body.osaek-about-open .about{padding-top:18px;margin-bottom:65px;}
}

/* Desktop: tighten the divider-to-ARTWORK & APPLICATIONS heading gap. */
@media(min-width:721px){
 .artwork-page .artwork-extras.osaek-linked-extras{margin-top:8px!important;padding-top:12px!important;}
}

/* 2026-10-30: Keep artwork category submenu visible on home and Artworks */
body:not(.osaek-about-open) .main > #artwork-submenu.artwork-filter-bar {
 display:flex !important;
 visibility:visible !important;
 opacity:1 !important;
 position:relative;
 z-index:2;
 flex-wrap:wrap;
}
body.osaek-detail-open:not(.osaek-about-open) .main > #artwork-submenu.artwork-filter-bar {
 display:flex !important;
 margin-bottom:20px;
}
body.osaek-detail-open:not(.osaek-about-open) .main > #artwork-filter-description {
 display:none !important;
}

/* 2026-10-30: Persistent category bar directly under sticky header */
body:not(.osaek-about-open) .main > #artwork-submenu.artwork-filter-bar {
 position:sticky !important;
 top:88px !important;
 z-index:8 !important;
 background:#FAF9F6 !important;
 padding-top:10px;
 box-shadow:0 6px 0 #FAF9F6;
}
@media(max-width:720px){
 body:not(.osaek-about-open) .main > #artwork-submenu.artwork-filter-bar {
  top:66px !important;
  padding-top:5px;
 }
}

.osaek-seo-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}