@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.hidden{display:none}}:root{--ink:#2a241c;--ink-muted:#5c5348;--paper:#faf7f2;--paper-deep:#f0ebe3;--surface:#fff;--line:#ddd4c6;--accent:#c47a2c;--accent-soft:#d4923f;--mist:#a8977f;--font-display:var(--font-display-face), "Hiragino Mincho ProN", serif;--font-body:var(--font-body-face), "Hiragino Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;color:var(--ink);font-family:var(--font-body);background-color:var(--paper);background-image:radial-gradient(900px 520px at 8% -5%, #f3e4c8 0%, transparent 55%), radial-gradient(800px 480px at 96% 12%, #efe0d0 0%, transparent 50%), linear-gradient(180deg, #fcf9f4 0%, var(--paper) 42%, #f3ede4 100%);background-attachment:fixed;margin:0;overflow-x:clip}@media (max-width:640px){body{background-attachment:scroll}}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-soft)}.shell{z-index:1;width:min(720px,100% - 2.5rem);margin-inline:auto;position:relative}@media (min-width:768px){.shell{width:min(880px,100% - 3rem)}}.section{border-top:1px solid var(--line);padding-block:3.5rem}@supports (color:color-mix(in lab, red, red)){.section{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin:0 0 .5rem;font-size:.75rem}.section-title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(1.5rem,3vw,1.85rem);font-weight:500;line-height:1.35}.section-lead{max-width:36rem;color:var(--ink-muted);margin:.75rem 0 0;font-size:.95rem;line-height:1.75}.placeholder{border:1px dashed var(--line);margin-top:1.5rem;padding:1.25rem 1.35rem}@supports (color:color-mix(in lab, red, red)){.placeholder{border:1px dashed color-mix(in srgb, var(--line) 90%, var(--ink) 10%)}}.placeholder{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.placeholder{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.placeholder{color:var(--ink-muted);font-size:.9rem;line-height:1.7}.placeholder p{margin:0}.placeholder-link{margin-top:.75rem!important}.placeholder-link a{color:var(--accent)}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--paper);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--paper) 82%, transparent)}}.site-header{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent)}}.header-inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.95rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:.04em;font-size:1.05rem;font-weight:500;text-decoration:none}.brand-mark:hover{color:var(--accent)}.header-nav{color:var(--ink-muted);flex-wrap:wrap;gap:.9rem 1.15rem;font-size:.85rem;display:flex}.header-nav a{text-decoration:none}.header-nav a:hover{color:var(--accent)}.hero{padding-block:clamp(3.5rem,12vw,6.5rem) 3rem}.hero-inner{animation:.85s ease-out both rise}.hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin:0 0 .85rem;font-size:.75rem;animation:.85s ease-out 80ms both rise}.hero-brand{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-size:clamp(2.6rem,9vw,4.25rem);font-weight:500;line-height:1.15;animation:.9s ease-out .14s both rise}.hero-lead{max-width:28rem;color:var(--ink-muted);margin:1.25rem 0 0;font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.85;animation:.9s ease-out .24s both rise}.product-frame{border-top:1px solid var(--line);margin-top:1.5rem;padding:1.5rem 0 0}@supports (color:color-mix(in lab, red, red)){.product-frame{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.product-brand{letter-spacing:.12em;color:var(--mist);margin:0;font-size:.75rem}.product-name{font-family:var(--font-display);letter-spacing:.02em;margin:.45rem 0 0;font-size:1.25rem;font-weight:500}.product-name a{text-decoration:none}.product-name a:hover{color:var(--accent)}.product-desc{max-width:34rem;color:var(--ink-muted);margin:.7rem 0 0;font-size:.95rem;line-height:1.75}.site-footer{border-top:1px solid var(--line);margin-top:2rem;padding-block:2.5rem 3rem}@supports (color:color-mix(in lab, red, red)){.site-footer{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;display:flex}.footer-copy{color:var(--ink-muted);margin:0;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-inner,.hero-eyebrow,.hero-brand,.hero-lead{animation:none}}.section-note .section-label{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-note .section-label{color:color-mix(in srgb, var(--accent) 55%, var(--mist))}}.section-articles .section-label{color:var(--mist)}.page-note{padding-block:2.5rem 4rem}.page-header{margin-bottom:2rem}.page-title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:500;line-height:1.3}.note-list{margin:1.75rem 0 0;padding:0;list-style:none}.note-item{border-top:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.note-item{border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.note-item:last-child{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.note-item:last-child{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.note-link{gap:.35rem;padding-block:1.15rem;text-decoration:none;transition:color .15s;display:grid}.note-link:hover .note-item-title{color:var(--accent)}.note-item-title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.05rem;font-weight:500;line-height:1.45}.note-item-date{color:var(--mist);letter-spacing:.02em;font-size:.8rem}.note-item-external{color:var(--accent);font-size:.8rem}.note-empty,.note-status{border-top:1px dashed var(--line);margin-top:1.5rem;padding:1.25rem 0 0}@supports (color:color-mix(in lab, red, red)){.note-empty,.note-status{border-top:1px dashed color-mix(in srgb, var(--line) 90%, var(--ink) 10%)}}.note-empty,.note-status{color:var(--ink-muted);font-size:.9rem;line-height:1.7}.note-status p{margin:0}.note-status-link{margin-top:.75rem!important}.note-status-link a{color:var(--accent)}.section-more{margin:1.25rem 0 0;font-size:.9rem}.section-more a{color:var(--accent);text-decoration:none}.section-more a:hover{text-decoration:underline}.page-back{margin:2.5rem 0 0;font-size:.9rem}.page-product .page-back{border-top:1px solid var(--line);padding-top:1.5rem}@supports (color:color-mix(in lab, red, red)){.page-product .page-back{border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.page-back a{color:var(--ink-muted);text-decoration:none}.page-back a:hover{color:var(--accent)}.page-articles,.page-article,.page-products,.page-product{padding-block:2.5rem 4rem}.section-products .section-label{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.section-products .section-label{color:color-mix(in srgb, var(--accent) 40%, var(--mist))}}.product-list{margin:1.75rem 0 0;padding:0;list-style:none}.product-item{border-top:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.product-item{border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.product-item:last-child{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.product-item:last-child{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.product-link{gap:.35rem;padding-block:1.15rem;text-decoration:none;transition:color .15s;display:grid}.product-link:hover .product-item-title{color:var(--accent)}.product-item-brand{letter-spacing:.12em;color:var(--mist);font-size:.75rem}.product-item-title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.1rem;font-weight:500;line-height:1.45}.product-item-desc{color:var(--ink-muted);font-size:.9rem;line-height:1.65}.product-empty{border-top:1px dashed var(--line);margin-top:1.5rem;padding:1.25rem 0 0}@supports (color:color-mix(in lab, red, red)){.product-empty{border-top:1px dashed color-mix(in srgb, var(--line) 90%, var(--ink) 10%)}}.product-empty{color:var(--ink-muted);font-size:.9rem;line-height:1.7}.product-header .product-brand{margin-top:.35rem}.product-header .section-lead{margin-top:.85rem}.product-cta-block{margin-top:.25rem}.product-cta-headline{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:500;line-height:1.35}.product-cta-body{color:var(--ink-muted);margin:.55rem 0 0;font-size:.95rem;line-height:1.7}.product-cta-install{width:fit-content;max-width:100%;min-height:3rem;color:inherit;align-items:center;gap:.75rem;margin:1.15rem 0 0;text-decoration:none;display:flex}.product-cta-install-icon{border-radius:.7rem;flex-shrink:0;width:3rem;height:3rem;display:block}.product-cta-install-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.product-cta-install-name{color:var(--ink);font-size:.95rem;font-weight:700;line-height:1.3}.product-cta-install-label{color:var(--accent);border-bottom:1px solid var(--accent);font-size:.85rem;font-weight:700;line-height:1.3}@supports (color:color-mix(in lab, red, red)){.product-cta-install-label{border-bottom:1px solid color-mix(in srgb, var(--accent) 55%, transparent)}}.product-cta-install-label{width:fit-content}.product-cta-install:hover .product-cta-install-label{color:var(--accent-soft);border-bottom-color:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.product-cta-install:hover .product-cta-install-label{border-bottom-color:color-mix(in srgb, var(--accent-soft) 70%, transparent)}}.product-cta-web{margin:1.15rem 0 0;font-size:.9rem}.product-cta-web a{color:var(--ink-muted);text-decoration:none}.product-cta-web a:hover{color:var(--accent);text-decoration:underline}.product-preview{margin-top:1.35rem}.product-preview-viewport{overflow:hidden}.product-preview-container{touch-action:pan-y pinch-zoom;display:flex}.product-preview-slide{flex:0 0 50%;min-width:0;padding:0 .35rem}.product-preview-open{cursor:zoom-in;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}@media (min-width:640px){.product-preview-slide{flex-basis:33.333%}}@media (min-width:900px){.product-preview-slide{flex-basis:25%}}.product-preview-image{border-radius:1.1rem;width:100%;height:auto;display:block}.product-preview-dots{justify-content:center;gap:.45rem;margin-top:.95rem;display:flex}.product-preview-dot{background:var(--mist);border:0;border-radius:999px;width:.45rem;height:.45rem;padding:0}@supports (color:color-mix(in lab, red, red)){.product-preview-dot{background:color-mix(in srgb, var(--mist) 45%, transparent)}}.product-preview-dot{cursor:pointer}.product-preview-dot.is-selected{background:var(--accent)}.product-lightbox{z-index:40;cursor:pointer;place-items:center;padding:.5rem;display:grid;position:fixed;inset:0}.product-lightbox-backdrop{background:var(--ink);border:0;padding:0;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.product-lightbox-backdrop{background:color-mix(in srgb, var(--ink) 82%, transparent)}}.product-lightbox-backdrop{pointer-events:none}.product-lightbox-panel{z-index:1;flex-direction:column;align-items:center;gap:.65rem;width:min(100%,48rem);max-height:98dvh;display:flex;position:relative}.product-lightbox-close{z-index:2;background:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex;position:absolute;top:0;right:0}@supports (color:color-mix(in lab, red, red)){.product-lightbox-close{background:color-mix(in srgb, var(--ink) 72%, transparent)}}.product-lightbox-close{color:var(--paper);cursor:pointer;line-height:0}.product-lightbox-close svg,.product-lightbox-nav svg{flex-shrink:0;width:1.2rem;height:1.2rem;display:block}.product-lightbox-status{color:var(--paper);margin:0}@supports (color:color-mix(in lab, red, red)){.product-lightbox-status{color:color-mix(in srgb, var(--paper) 70%, transparent)}}.product-lightbox-status{letter-spacing:.08em;font-size:.85rem}.product-lightbox-stage{justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.product-lightbox-frame{cursor:default;width:min(min(100dvh - 6.5rem,960px)/2.16802,96vw);max-width:96vw;height:min(100dvh - 6.5rem,960px);position:relative}.product-lightbox-image{object-fit:contain;border-radius:1.25rem;box-shadow:0 18px 48px #00000073}.product-lightbox-nav{z-index:2;background:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;padding:0;display:inline-flex;position:absolute;top:50%;translate:0 -50%}@supports (color:color-mix(in lab, red, red)){.product-lightbox-nav{background:color-mix(in srgb, var(--ink) 72%, transparent)}}.product-lightbox-nav{color:var(--paper);cursor:pointer;line-height:0}.product-lightbox-nav-prev{left:.35rem}.product-lightbox-nav-next{right:.35rem}.article-list{margin:1.75rem 0 0;padding:0;list-style:none}.article-item{border-top:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.article-item{border-top:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.article-item:last-child{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.article-item:last-child{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent)}}.article-link{gap:.4rem;padding-block:1.15rem;text-decoration:none;transition:color .15s;display:grid}.article-link:hover .article-item-title{color:var(--accent)}.article-item-title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.05rem;font-weight:500;line-height:1.45}.article-item-date{color:var(--mist);letter-spacing:.02em;font-size:.8rem}.article-item-desc{color:var(--ink-muted);font-size:.9rem;line-height:1.65}.article-empty{border-top:1px dashed var(--line);margin-top:1.5rem;padding:1.25rem 0 0}@supports (color:color-mix(in lab, red, red)){.article-empty{border-top:1px dashed color-mix(in srgb, var(--line) 90%, var(--ink) 10%)}}.article-empty{color:var(--ink-muted);font-size:.9rem;line-height:1.7}.article-header .section-lead{margin-top:.85rem}.article-meta-date{color:var(--mist);letter-spacing:.02em;margin-top:.85rem;font-size:.85rem;display:block}.article-body{color:var(--ink);margin-top:2rem;font-size:1.02rem;line-height:1.9}.article-body>:first-child{margin-top:0}.article-body h2{font-family:var(--font-display);letter-spacing:.02em;margin:2.25rem 0 .85rem;font-size:1.35rem;font-weight:500;line-height:1.4}.article-body h3{font-family:var(--font-display);margin:1.75rem 0 .7rem;font-size:1.15rem;font-weight:500}.article-body p{margin:0 0 1.15rem}.article-body ul,.article-body ol{margin:0 0 1.15rem;padding-left:1.35rem}.article-body li{margin-block:.35rem}.article-body a{color:var(--accent)}.article-body strong{font-weight:700}.article-figure{margin:1.75rem 0;display:block}.article-image{border-radius:2px;width:100%;height:auto}
