:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#202020;background:white}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;z-index:20}.site-header{padding:30px clamp(20px,5vw,90px) 24px;display:flex;justify-content:space-between;align-items:center;gap:35px;border-bottom:1px solid #eee}.brand{font-size:clamp(21px,2.4vw,32px);letter-spacing:.19em;white-space:nowrap;font-weight:400}.navigation{display:flex;align-items:center;gap:clamp(12px,2vw,30px);flex-wrap:wrap;font-size:13px}.navigation a{padding:8px 0}.navigation a:hover,.navigation a[aria-current]{text-decoration:underline;text-underline-offset:7px}.shop{border-bottom:1px solid #222}.menu-toggle{display:none;background:none;border:0}.page{max-width:1500px;margin:auto;padding:clamp(35px,6vw,95px) clamp(20px,5vw,90px)}h1,h2,h3,p{font-weight:400}h1{font-size:clamp(38px,6vw,76px);letter-spacing:-.045em;line-height:1.06;margin:0 0 25px}h2{font-size:clamp(24px,3vw,38px)}.intro{font-size:clamp(16px,1.6vw,21px);line-height:1.65;max-width:680px;color:#555;margin-bottom:55px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#777;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,45px)}.card{min-width:0}.card-image{aspect-ratio:4/5;background:#f5f4f2;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card h2{font-size:17px;margin:16px 0 5px}.card p{color:#777;font-size:13px;margin:0;line-height:1.6}.detail{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:clamp(25px,6vw,100px)}.detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-gallery button{border:0;background:#f6f5f3;padding:0}.detail-gallery img{width:100%;height:auto;max-height:650px;object-fit:contain}.detail-copy{position:sticky;top:30px;align-self:start}.detail-copy p,.prose{line-height:1.8;color:#555}.meta{font-size:13px;color:#777}.button-link{display:inline-block;border:1px solid #222;padding:13px 20px;margin-top:25px}.button-link:hover{background:#222;color:white}.hero-image{width:100%;max-height:480px;object-fit:cover;margin:45px 0 70px}.feature-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{padding:60px 25px;background:#f6f5f3;font-size:clamp(24px,3vw,40px)}.feature span{display:block;font-size:13px;margin-top:20px}.placeholder{background:#f5f4f2;display:grid;place-items:center;color:#aaa;min-height:250px;font-size:12px;letter-spacing:.12em}.empty{padding:70px 0;color:#777}.prose{max-width:720px}.prose img{margin:35px 0}.prose h2{margin-top:45px}.prose p{white-space:pre-line}footer{display:flex;justify-content:space-between;gap:20px;padding:35px clamp(20px,5vw,90px);border-top:1px solid #eee;color:#888;font-size:12px}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.96);display:flex;align-items:center;justify-content:center}.lightbox[hidden]{display:none}.lightbox img{max-width:calc(100vw - 110px);max-height:calc(100dvh - 90px);object-fit:contain}.lightbox button{position:absolute;border:0;background:none;color:white;font-size:40px}.lightbox-close{right:20px;top:12px}.lightbox-prev{left:15px}.lightbox-next{right:15px}.lightbox-count{position:absolute;bottom:20px;color:white;font-size:12px}.menu-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #666;outline-offset:4px}@media(max-width:850px){.site-header{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block}.navigation{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:5px}.navigation.open{display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:1fr}.detail-copy{position:static}}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:16px}.card h2{font-size:14px}.card-image{aspect-ratio:3/4}.feature-links{grid-template-columns:1fr}.detail-gallery{grid-template-columns:1fr}.lightbox img{max-width:calc(100vw - 65px)}footer{flex-direction:column}}
/* Language selector and bidirectional layout */
.site-header{flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:16px;margin-inline-start:auto;order:3}.navigation{order:2}.language-switch{display:flex;align-items:center;gap:6px;white-space:nowrap;direction:ltr;font-size:12px}.language-switch button{border:0;background:transparent;color:#777;padding:7px 3px}.language-switch button[aria-pressed="true"]{color:#202020;text-decoration:underline;text-underline-offset:5px}html[dir="rtl"] .page,html[dir="rtl"] footer{text-align:right}html[dir="rtl"] .detail-copy{text-align:right}html[dir="rtl"] .brand{direction:ltr}html[dir="rtl"] .eyebrow{letter-spacing:.02em;text-transform:none}html[dir="rtl"] .lightbox{direction:ltr}@media(max-width:850px){.site-header{align-items:center}.header-actions{order:2}.navigation{order:3}.navigation.open{align-items:stretch}html[dir="rtl"] .navigation{text-align:right}}
/* Original TA mark: small corner logo, no oversized banner */
.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;object-fit:contain;flex:none}@media(max-width:520px){.brand-logo{width:34px;height:34px}.brand{gap:8px}}

/* Original jewelry banner: preserve image proportions */
.jewelry-feature{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:25px}.jewelry-feature-image{display:block;width:100%;height:auto;object-fit:contain}.jewelry-feature span{margin-top:auto}.jewelry-banner{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:left center;margin:0 0 42px}

/* Banner fills its designated design areas, stretching as requested */
.jewelry-feature{height:300px;position:relative;overflow:hidden;justify-content:flex-start;isolation:isolate}.jewelry-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}.jewelry-feature span{margin-top:auto}.jewelry-banner{width:100%;height:260px;max-height:none;object-fit:fill;object-position:center}@media(max-width:520px){.jewelry-feature{height:230px}.jewelry-banner{height:180px}}

/* Soft, consistent typography; Arial fallback if web font unavailable */
:root{font-family:"Nunito Sans",Arial,Helvetica,sans-serif}
/* Jewelry artwork is the background of the collection heading */
.jewelry-gallery-heading{background-image:url("./images/IMG_8871.jpeg");background-size:100% 100%;background-position:center;min-height:280px;padding:35px clamp(20px,4vw,55px);margin-bottom:42px;display:flex;flex-direction:column;justify-content:center}
.jewelry-gallery-heading .intro{margin-bottom:0}
@media(max-width:520px){.jewelry-gallery-heading{min-height:210px;padding:24px}}

/* Improve contrast of copy on jewelry banner */
.jewelry-gallery-heading .eyebrow,.jewelry-gallery-heading h1,.jewelry-gallery-heading .intro{color:#111;text-shadow:0 1px 2px rgba(255,255,255,.75)}
/* Remove grey letterboxing from jewelry collection thumbnails */
.card-image{background:transparent;display:block;aspect-ratio:auto;overflow:hidden}
.card-image img{width:100%;height:auto;object-fit:contain}

/* Jewelry banner: solid black text, no shadow; clearer small caption */
.jewelry-gallery-heading .eyebrow,.jewelry-gallery-heading h1,.jewelry-gallery-heading .intro{color:#000;text-shadow:none}
.jewelry-gallery-heading .eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em}
.jewelry-gallery-heading .intro{font-weight:600}

/* Match Jewelry tile text placement to Artworks tile */
.jewelry-feature{display:block;padding:60px 25px;height:300px}
.jewelry-feature .jewelry-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
.jewelry-feature span{display:block;margin-top:20px}
@media(max-width:520px){.jewelry-feature{height:230px;padding:60px 25px}}

/* White lettering on the image-backed Jewelry home tile */
.jewelry-feature,.jewelry-feature span{color:#fff;text-shadow:none}

/* White lettering on Jewelry collection banner */
.jewelry-gallery-heading .eyebrow,.jewelry-gallery-heading h1,.jewelry-gallery-heading .intro{color:#fff;text-shadow:none}

/* Match Artworks image banner to Jewelry */
.artworks-feature,.artworks-feature span{color:#fff;text-shadow:none}

/* Contact form */
.contact-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,1.5fr);gap:clamp(30px,6vw,90px);align-items:start}.contact-form{display:grid;gap:22px;max-width:760px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:grid;gap:8px;font-size:14px}.contact-form input,.contact-form textarea{width:100%;min-width:0;border:1px solid #bbb;background:#fff;color:#202020;padding:12px 14px;font:inherit;font-size:16px;border-radius:0}.contact-form textarea{resize:vertical}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #555;outline-offset:2px}.contact-form button{justify-self:start;background:#252525;color:white;border:1px solid #252525;padding:13px 28px;font-size:13px;letter-spacing:.07em}.contact-form button:disabled{opacity:.55;cursor:wait}.form-status{margin:0;min-height:1.4em;font-size:14px;color:#276337}.form-status.error{color:#9a2929}@media(max-width:750px){.contact-layout{grid-template-columns:1fr}.contact-fields{grid-template-columns:1fr}}

/* RTL header: keep the logo at the far right, before TANKA ART */
html[dir="rtl"] .brand{direction:rtl}