@font-face{font-family:"JIYI Navigation";src:url("/assets/fonts/jiyi-navigation-gifting-business-extra-20261017.woff") format("woff");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+304E,U+3056,U+3058,U+305E,U+3075,U+3076,U+30A3,U+30A7,U+30AE,U+30AF,U+30C1,U+30C7,U+30DD,U+4E01,U+4E0A,U+4E16,U+4E21,U+4E26,U+4E45,U+4E88,U+4E9B,U+4ECD,U+4ED5,U+4EF2,U+4F01,U+4F1D,U+4F30,U+4F38,U+4F4F,U+4F7F,U+4FB6,U+4FBF,U+501F,U+50CD,U+5177,U+521D,U+5229,U+5247,U+5275,U+52A9,U+5347,U+5348,U+5354,U+5357,U+5370,U+5373,U+53BB,U+53CC,U+53E5,U+540C,U+543C,U+5468,U+547D,U+54E1,U+55AC,U+56F3,U+570D,U+5713,U+5716,U+5718,U+57F7,U+586B,U+5925,U+5A5A,U+5B0C,U+5B58,U+5B63,U+5B69,U+5B78,U+5BA2,U+5BA4,U+5BE7,U+5BEB,U+5C71,U+5DE5,U+5DF4,U+5E33,U+5E36,U+5E74,U+5E83,U+5E97,U+5EAD,U+5EF6,U+5EFA,U+5F15,U+5F71,U+5FD8,U+601D,U+6027,U+6046,U+60A8,U+60DC,U+614B,U+61B6,U+6236,U+6258,U+627F,U+62BD,U+62C5,U+6301,U+6309,U+63A8,U+647A,U+6492,U+651D,U+6570,U+6578,U+6599,U+65C5,U+65CF,U+6607,U+666E,U+66F8,U+66FF,U+673A,U+67A0,U+684C,U+68DA,U+691C,U+696D,U+69AE,U+69CB,U+69D8,U+6B21,U+6B69,U+6B77,U+6BCD,U+6C42,U+6C50,U+6C89,U+6CE2,U+6D3D,U+6D6A,U+6DAF,U+6E5B,U+6E90,U+6EFF,U+6F6E,U+7070,U+7236,U+73CD,U+7528,U+7531,U+754C,U+756A,U+7576,U+767D,U+76DE,U+76EE,U+7720,U+773A,U+793C,U+793E,U+7A31,U+7A7A,U+7AD9,U+7AE0,U+7B11,U+7B97,U+7BC0,U+7BC4,U+7BC7,U+7BC9,U+7CBE,U+7D04,U+7D17,U+7D19,U+7D4C,U+7D99,U+8003,U+8005,U+800C,U+805A,U+8072,U+8077,U+80A9,U+81F4,U+8217,U+82AF,U+82E5,U+842C,U+8449,U+85A6,U+85CD,U+85CF,U+8655,U+89AA,U+89C0,U+8A00,U+8A55,U+8AAD,U+8B1D,U+8B80,U+8C61,U+8CA0,U+8CAC,U+8CC7,U+8F09,U+8FA6,U+8FBC,U+9000,U+9010,U+9014,U+9031,U+9053,U+9077,U+90A3,U+90F5,U+91CF,U+91D1,U+9577,U+9580,U+95B1,U+968A,U+969B,U+96D9,U+9700,U+9805,U+982D,U+9854,U+994B,U+9A13,U+9ECE,U+9ED8,U+FF0F}
/* Chinese display and reading roles; navigation uses a small self-hosted subset. */
@font-face{font-family:"JIYI Navigation";src:url("/assets/fonts/jiyi-navigation-medium-mini-series-20261010.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"JIYI Artwork";src:url("/assets/fonts/jiyi-artwork-medium-20261003.woff") format("woff");font-style:normal;font-weight:500;font-display:swap}
:root{--sans:"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;--serif:"Noto Serif TC","Songti TC",serif}
body{font-family:var(--sans);letter-spacing:.015em}
h1,h2,h3,h4,.atelier-home h1,.atelier-home h2,.atelier-home h3{font-weight:500}
.site-header .wordmark .wordmark__name{font-family:var(--sans);font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:.08em}
.desktop-nav a,.nav-commission,.mobile-nav summary,.mobile-nav nav a,.button,.text-link,button,select{font-family:var(--sans);letter-spacing:.025em}
.desktop-nav a,.nav-commission,.mobile-nav summary,.button,.text-link{font-weight:500}
.atelier-home .atelier-work h3,.atelier-home .atelier-steps h3,.work-card h3,.everyday-card h3,.process-step h3,.preparation h3,.about-method-line h3,.delivery-index strong,.occasion-note dt,.gift-category-name,.atelier-home .gift-category-name,.occasion-row strong,.milestone-links strong{font-family:var(--sans);font-weight:500;letter-spacing:.025em}
.quiet-note,.small-label,figcaption,.gift-caption,.artwork-enlarge-hint,.about-hero-aside>p{font-family:var(--sans);letter-spacing:.02em}
.atelier-home .gift-intro-image figcaption,.small-label,figcaption,.artwork-enlarge-hint{font-size:.875rem;line-height:1.8}
.refined-footer .refined-footer-brand{font-family:var(--sans);font-weight:500;letter-spacing:.035em}
.refined-footer .footer-contact h2{font-family:var(--sans);font-weight:500;letter-spacing:.035em}
.refined-footer p,.refined-footer address,.refined-footer small{letter-spacing:.015em}
@media(max-width:600px){.site-header .wordmark .wordmark__name{font-size:1rem;letter-spacing:.06em}}

/* One navigation treatment at every width, including the tablet dropdown. */
.site-header{--navigation-font:"JIYI Navigation",var(--sans);color:#282724}
.site-header .wordmark .wordmark__name,.site-header .desktop-nav a,.site-header .nav-commission,.site-header .mobile-nav summary,.site-header .mobile-nav nav a,.site-header .language-switch{font-family:var(--navigation-font);font-weight:500;font-synthesis:none}
.site-header .desktop-nav a,.site-header .nav-commission{font-size:.875rem;line-height:1.5;letter-spacing:.035em}
.site-header .language-switch{letter-spacing:.01em}
.site-header .mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:.875rem;line-height:1.5;letter-spacing:.04em;list-style:none;cursor:pointer;user-select:none}
.site-header .mobile-nav summary::marker,.site-header .mobile-nav summary::-webkit-details-marker{display:none;content:""}
.site-header .mobile-nav summary>span{position:relative;display:block;width:12px;height:12px;font-size:0;transform:none}
.site-header .mobile-nav summary>span::before,.site-header .mobile-nav summary>span::after{content:"";position:absolute;left:0;top:5px;width:12px;height:1px;background:currentColor}
.site-header .mobile-nav summary>span::after{transform:rotate(90deg)}
.site-header .mobile-nav[open] summary>span{transform:none}
.site-header .mobile-nav[open] summary>span::after{transform:rotate(0)}
.site-header .mobile-nav summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header .mobile-nav nav{position:absolute;right:0;top:calc(100% + 12px);display:grid;width:288px;max-width:calc(100vw - 32px);max-height:calc(100svh - 112px);overflow-y:auto;padding:12px;background:#fcfbf8;border:1px solid #e5dfd4;border-radius:3px;box-shadow:0 18px 42px #302e2912}
.site-header .mobile-nav nav a{display:flex;align-items:center;min-height:50px;padding:12px 14px;border:0;font-size:1rem;line-height:1.5;letter-spacing:.04em;text-decoration:none;color:#282724}
.site-header .mobile-nav nav a:hover,.site-header .mobile-nav nav a[aria-current]{background:#f0ece4}
.site-header .mobile-nav nav a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;background:#f0ece4}
.site-header .mobile-nav nav>a:last-child{justify-content:space-between;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}
.site-header .mobile-nav nav>a:last-child::after{content:"\2192";font-family:var(--sans);font-size:1rem;letter-spacing:0;color:var(--gold)}
html:lang(en) .site-header .desktop-nav a,html:lang(en) .site-header .mobile-nav nav a{letter-spacing:.015em}
@media(max-width:600px){.site-header .mobile-nav nav{top:calc(100% + 8px)}}

/* Regular serif labels give the homepage artwork names a lighter book-like rhythm. */
@font-face{font-family:"JIYI Caption Serif";src:url("/assets/fonts/jiyi-hero-caption-serif-20261004.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
.atelier-home .hero-artwork-caption{grid-template-columns:minmax(0,1fr);gap:8px;font-family:"JIYI Caption Serif",var(--serif);font-weight:400;font-synthesis:none}
.atelier-home .hero-artwork-category{font:400 .875rem/1.8 "JIYI Caption Serif",var(--serif);letter-spacing:.09em;color:var(--muted)}
.atelier-home .hero-artwork-caption .work-name-zh{font:400 1.125rem/1.85 "JIYI Caption Serif",var(--serif);letter-spacing:.065em;color:var(--ink)}
.atelier-home .hero-artwork-caption .work-name-en{margin-top:4px;font:400 .875rem/1.6 Arial,"Helvetica Neue",sans-serif;letter-spacing:.01em;color:var(--muted)}