@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.hidden{display:none}}:root{--cream:#fff8f3;--cream-deep:#f5e8df;--paper:#fbf2eb;--paper-light:#fffdf9;--ink:#241a17;--ink-soft:#67534d;--muted:#9a7f76;--cinnabar:#9d2f24;--cinnabar-dark:#762119;--line:#e5d0c7;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;--sans:"PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 16% 14%, #9d2f240d, transparent 24rem), var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:before{z-index:1000;pointer-events:none;content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8f3e6;border-bottom:1px solid #e5d0c7a8;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:min(100% - 32px,1180px);min-height:78px;margin-inline:auto;display:flex}.brand-lockup{align-items:center;gap:11px;display:inline-flex}.brand-seal{width:42px;height:42px;color:var(--cinnabar);font-family:var(--serif);box-shadow:inset 0 0 0 3px var(--cream);background:#fffdf9b8;border:1px solid #9d2f2461;place-items:center;font-size:1.28rem;display:grid;transform:rotate(-3deg)}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-family:var(--serif);letter-spacing:.12em;font-size:1rem;font-weight:600}.brand-copy small{color:var(--cinnabar);font-family:var(--serif);letter-spacing:.08em;font-size:.64rem}.header-link{color:var(--ink-soft);letter-spacing:.08em;align-items:center;gap:7px;font-size:.72rem;display:inline-flex}.header-link i{width:26px;height:26px;color:var(--cream);background:var(--cinnabar);font-family:var(--serif);border-radius:50%;place-items:center;font-size:.65rem;font-style:normal;display:grid}.showcase-hero{color:#fffaf5;background:#8e2923;height:min(72dvh,700px);min-height:540px;position:relative;overflow:hidden}.showcase-hero>img{object-fit:cover;object-position:center;animation:1.2s cubic-bezier(.22,.7,.2,1) both hero-arrive}.hero-shade{background:linear-gradient(90deg,#230a07a3,#230a0705 72%),linear-gradient(#0000 50%,#230a07b8),linear-gradient(#230a0726,#0000 30%);position:absolute;inset:0}.hero-copy{z-index:2;width:min(740px,100% - 36px);animation:.85s cubic-bezier(.22,.7,.2,1) .16s both copy-arrive;position:absolute;bottom:78px;left:18px;right:18px}.hero-kicker{letter-spacing:.18em;align-items:center;gap:10px;margin:0 0 15px;font-size:.67rem;font-weight:600;display:flex}.hero-kicker i{background:#fffaf5ad;width:28px;height:1px}.hero-copy h1{font-family:var(--serif);letter-spacing:.08em;text-shadow:0 4px 28px #250b0842;margin:0;font-size:clamp(3.45rem,16vw,7.2rem);font-weight:500;line-height:1.05}.hero-copy>p:last-child{color:#fffaf5db;max-width:420px;font-family:var(--serif);letter-spacing:.08em;margin:20px 0 0;font-size:.84rem;line-height:1.8}.scroll-cue{z-index:3;letter-spacing:.12em;align-items:center;gap:10px;font-size:.65rem;display:inline-flex;position:absolute;bottom:22px;right:18px}.scroll-cue i{border:1px solid #fffaf58c;border-radius:50%;place-items:center;width:31px;height:31px;font-size:.85rem;font-style:normal;display:grid}.collection{width:min(100% - 28px,1180px);margin-inline:auto;padding:92px 0 110px}.section-heading{text-align:center;justify-items:center;margin:0 auto 50px;display:grid;position:relative}.eyebrow{color:var(--cinnabar);letter-spacing:.22em;margin:0;font-size:.64rem;font-weight:600}.section-heading h2{font-family:var(--serif);letter-spacing:.1em;margin:13px 0 16px;font-size:clamp(2.1rem,9.6vw,4.7rem);font-weight:600;line-height:1.1}.section-rule{background:var(--cinnabar);width:42px;height:2px}.collection-intro{color:var(--ink-soft);font-family:var(--serif);letter-spacing:.04em;margin:22px 0 0;font-size:.86rem;line-height:1.85}.collection-count{color:var(--muted);align-items:baseline;gap:5px;margin:22px 0 0;display:inline-flex}.collection-count strong{color:var(--cinnabar);font-family:var(--serif);font-size:1.6rem;font-weight:500}.collection-count span{font-size:.68rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.work-card{min-width:0;animation:.7s both card-reveal;animation-timeline:view();animation-range:entry 8% cover 24%}.work-card button{cursor:pointer;text-align:left;background:var(--paper-light);border:0;border-radius:6px;width:100%;padding:0;transition:transform .35s cubic-bezier(.22,.7,.2,1),box-shadow .35s;overflow:hidden;box-shadow:0 12px 30px #68362b14}.work-image{aspect-ratio:4/5;background:var(--cream-deep);display:block;position:relative;overflow:hidden}.work-image>img{object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.22,.7,.2,1),filter .65s}.image-fallback{width:100%;height:100%;color:var(--cinnabar);background:radial-gradient(circle, #9d2f2414 1px, transparent 1px) 0 0 / 14px 14px, var(--cream-deep);font-family:var(--serif);letter-spacing:.14em;place-items:center;font-size:.86rem;display:none}.is-broken>img{display:none}.is-broken>.image-fallback{display:grid}.work-hover{color:#fff;opacity:0;background:#3e171261;justify-content:center;align-items:center;gap:8px;transition:opacity .35s;display:flex;position:absolute;inset:0}.work-hover i{letter-spacing:.12em;font-size:.7rem;font-style:normal}.work-hover b{font-size:.95rem;font-weight:400}.work-meta{text-align:center;justify-items:center;gap:8px;padding:15px 8px 18px;display:grid}.work-code{color:var(--cinnabar);background:var(--cream);letter-spacing:.1em;border:1px solid #9d2f242e;border-radius:3px;padding:4px 8px;font-size:.58rem;font-weight:600;display:inline-flex}.work-meta strong{font-family:var(--serif);letter-spacing:.06em;font-size:.92rem;font-weight:600}.work-card button:hover,.work-card button:focus-visible{outline:0;transform:translateY(-4px);box-shadow:0 18px 38px #68362b24}.work-card button:hover .work-image>img,.work-card button:focus-visible .work-image>img{filter:saturate(1.03);transform:scale(1.035)}.work-card button:hover .work-hover,.work-card button:focus-visible .work-hover{opacity:1}.work-card button:focus-visible{box-shadow:0 0 0 3px var(--cream), 0 0 0 5px var(--cinnabar)}.maker-note{color:#fff8f1;background:radial-gradient(circle at 88% 18%, #fff8f124, transparent 18rem), var(--cinnabar-dark);gap:38px;width:min(100% - 28px,1180px);margin:0 auto 110px;padding:50px 28px 58px;display:grid;position:relative;overflow:hidden}.maker-note:after{content:"";border:1px solid #fff8f121;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-108px;right:-78px}.maker-mark{z-index:1;text-align:center;border:1px solid #fff8f185;place-content:center;width:112px;height:112px;display:grid;position:relative;transform:rotate(-3deg)}.maker-mark span{font-family:var(--serif);font-size:2.7rem;line-height:1}.maker-mark small{letter-spacing:.18em;margin-top:8px;font-size:.48rem}.maker-copy{z-index:1;position:relative}.maker-copy .eyebrow{color:#efc0b5}.maker-copy h2{font-family:var(--serif);letter-spacing:.06em;margin:12px 0 21px;font-size:clamp(2rem,9.5vw,4.6rem);font-weight:500;line-height:1.18}.maker-copy>p:last-child{color:#fff8f1c2;font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:.86rem;line-height:1.9}.maker-side{z-index:1;color:#fff8f1ad;font-family:var(--serif);letter-spacing:.08em;align-self:end;margin:0;font-size:.75rem;position:relative}.site-footer{border-top:1px solid var(--line);text-align:center;justify-items:center;padding:68px 22px 48px;display:grid}.footer-heart{color:var(--cinnabar);font-size:2rem;line-height:1}.site-footer h2{max-width:580px;font-family:var(--serif);letter-spacing:.06em;margin:20px 0 13px;font-size:clamp(1.35rem,6vw,2.15rem);font-weight:500;line-height:1.5}.site-footer p{color:var(--ink-soft);font-family:var(--serif);letter-spacing:.05em;margin:0;font-size:.78rem}.site-footer small{color:var(--muted);letter-spacing:.16em;margin-top:38px;font-size:.52rem}.viewer{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d110ef0;place-items:center;animation:.22s both viewer-in;display:grid;position:fixed;inset:0;overflow:auto}.viewer-shell{background:var(--cream);width:100%;height:100dvh;display:grid;position:relative;overflow:auto}.viewer-close{z-index:5;top:max(14px, env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#241a17a3;border:1px solid #ffffff5c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:14px}.viewer-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.viewer-close span{font-size:1.8rem;font-weight:200;line-height:1;transform:translateY(-1px)}.viewer-media{background:#1d1412;place-items:center;width:100%;height:clamp(340px,58dvh,620px);min-height:340px;display:grid;position:relative;overflow:hidden}.viewer-media img{object-fit:contain;width:100%;height:100%}.viewer-media .image-fallback{min-height:340px}.viewer-panel{background:var(--cream);align-content:start;display:grid}.viewer-details{justify-content:space-between;align-items:end;gap:20px;padding:26px 22px 22px;display:flex}.viewer-details h2{font-family:var(--serif);letter-spacing:.06em;margin:8px 0 11px;font-size:2rem;font-weight:600}.viewer-details>div>p:last-child{color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.75}.viewer-details b{color:var(--cinnabar)}.viewer-position{color:var(--cinnabar);font-family:var(--serif);white-space:nowrap;font-size:.7rem}.viewer-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.viewer-nav button{cursor:pointer;min-height:64px;color:var(--ink-soft);letter-spacing:.08em;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;font-size:.76rem;display:flex}.viewer-nav button+button{border-left:1px solid var(--line)}.viewer-nav button:hover,.viewer-nav button:focus-visible{color:var(--cinnabar);background:var(--paper-light);outline:0}.arrow{width:24px;height:8px;display:inline-block;position:relative}.arrow span{background:currentColor;width:24px;height:1px;position:absolute;top:3px}.arrow:after{content:"";border-top:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;top:1px}.arrow-left:after{left:0;transform:rotate(-135deg)}.arrow-right:after{right:0;transform:rotate(45deg)}@keyframes hero-arrive{0%{opacity:.45;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes copy-arrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes viewer-in{0%{opacity:0}to{opacity:1}}@media (min-width:720px){.header-inner{width:min(100% - 64px,1180px);min-height:88px}.brand-seal{width:48px;height:48px}.brand-copy strong{font-size:1.1rem}.brand-copy small{font-size:.7rem}.showcase-hero{height:min(76dvh,820px);min-height:650px}.hero-copy{bottom:88px;left:max(48px,50vw - 590px);right:auto}.scroll-cue{bottom:40px;right:max(48px,50vw - 590px)}.collection{width:min(100% - 64px,1180px);padding:130px 0 150px}.section-heading{margin-bottom:72px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.work-meta{padding:18px 12px 22px}.work-meta strong{font-size:1.02rem}.maker-note{grid-template-columns:.35fr 1.1fr .55fr;align-items:center;gap:54px;width:min(100% - 64px,1180px);margin-bottom:150px;padding:76px 64px 82px}.maker-mark{width:144px;height:144px}.viewer{padding:24px}.viewer-shell{border-radius:8px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);width:min(100%,1040px);height:min(86dvh,820px);max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 35px 90px #00000061}.viewer-media{height:100%;min-height:0}.viewer-panel{grid-template-rows:1fr auto;min-height:0}.viewer-details{flex-direction:column;align-items:start;padding:82px 36px 28px}.viewer-position{margin-top:auto}}@media (min-width:1080px){.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}}@media (hover:none){.work-hover{display:none}.work-card button:hover{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
