@font-face{font-family:SUIT Variable;font-weight:100 900;font-display:swap;src:url(/fonts/SUIT-Variable.woff2) format("woff2-variations")}@font-face{font-family:SUIT Fallback;src:local("Malgun Gothic"),local("Apple SD Gothic Neo"),local("Noto Sans KR"),local("Arial");ascent-override:92%;descent-override:24%;line-gap-override:0%}:root{--paper: #FFFFFF;--surface: #FFFFFF;--surface-subtle: #F5F6F1;--placeholder: #EBEBE8;--line: #E6E8EC;--line-strong: #868C96;--dark: #354024;--ink: #30343B;--text-muted: #69707B;--on-dark: #C6D3B4;--accent: #354024;--on-accent: #FFFFFF;--accent-hover: #4A5A33;--accent-weak: #DCE6D0;--accent-line: #C6D3B4;--brand-mark: var(--accent);--success: var(--accent);--warning: #7A5C1E;--error: #8A3A2E;--ls-h1: -.02em;--ls-h2: -.02em;--ls-h3: -.01em;--ls-body: 0;--ls-meta: 0;--ls-caps: .08em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--font-ui: "SUIT Variable", "SUIT Fallback", system-ui, sans-serif;--font-ja: "Pretendard JP Variable", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t-caption: max(12px, .75rem);--t-body-s: clamp(14px, .9rem, 15px);--t-body: clamp(16px, 1rem, 17px);--t-body-l: clamp(17px, 1.125rem, 18px);--t-h4: clamp(18px, 1.25rem, 20px);--t-h3: clamp(22px, 1.5rem, 26px);--t-h2: clamp(22px, 1.75rem, 28px);--t-h1: clamp(24px, 2.25rem, 46px);--t-control: var(--t-body);--lh-tight: 1.2;--lh-snug: 1.35;--lh-loose: 1.6;--w-regular: 400;--w-semibold: 600;--w-bold: 700;--target-min: 44px;--control-h: 48px;--col-gutter: 24px;--container-max: 1440px;--container-padding: 20px;--col-1: calc((100% - 11 * var(--col-gutter)) / 12);--t-fast: .12s;--t-base: .22s;--t-slow: .38s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--shadow-sm: 0 1px 2px rgb(48 52 59 / .04);--shadow-lg: 0 12px 32px rgb(48 52 59 / .08);--b-hairline: 1px solid var(--line);--b-strong: 1px solid var(--line-strong);--radius: 8px;--radius-sm: 8px;--radius-control: var(--radius-sm);--radius-popover: 12px;--radius-pill: 999px}@media(min-width:768px){:root{--container-padding: 32px}}@media(min-width:1024px){:root{--container-padding: 48px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}dialog{margin:auto}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-loose);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;min-height:100vh;display:flex;flex-direction:column}#main{flex:1 0 auto}[lang=ja] body{font-family:var(--font-ja);word-break:normal}:root[lang=ja]{--font-ui: var(--font-ja);--ls-h1: 0;--ls-h2: 0;--ls-h3: 0}img,picture,svg{display:block;max-width:100%}a{color:inherit}input,textarea,select,button{font-family:inherit;font-size:var(--t-body)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{min-height:var(--control-h)}textarea{box-sizing:border-box;field-sizing:content;resize:none;line-height:var(--lh-loose);min-height:calc(3lh + var(--s-6));max-height:50vh;overflow-y:auto}textarea[rows="1"]{min-height:var(--control-h)}textarea[rows="2"]{min-height:calc(2lh + var(--s-6))}textarea::placeholder{color:var(--text-muted);opacity:1}button,[role=button],summary{min-height:var(--target-min)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.t-h1{font-size:var(--t-h1);line-height:var(--lh-tight);font-weight:var(--w-semibold);letter-spacing:var(--ls-h1)}.t-h2{font-size:var(--t-h2);line-height:var(--lh-snug);font-weight:var(--w-semibold);letter-spacing:var(--ls-h2)}.t-h3{font-size:var(--t-h3);line-height:var(--lh-snug);font-weight:var(--w-semibold);letter-spacing:var(--ls-h3)}.t-h4{font-size:var(--t-h4);line-height:var(--lh-snug);font-weight:var(--w-semibold);letter-spacing:var(--ls-h3)}.t-body{font-size:var(--t-body);line-height:var(--lh-loose);font-weight:var(--w-regular);letter-spacing:var(--ls-body)}.t-body-s{font-size:var(--t-body-s);letter-spacing:var(--ls-meta)}.t-body-l{font-size:var(--t-body-l);line-height:var(--lh-loose);letter-spacing:var(--ls-body)}.t-caption{font-size:var(--t-caption);line-height:var(--lh-snug);letter-spacing:var(--ls-meta);color:var(--text-muted)}.t-eyebrow{font-size:var(--t-caption);line-height:var(--lh-snug);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-muted)}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--s-20)}@media(max-width:767px){.section{padding-block:var(--s-12)}}@media(min-width:768px)and (max-width:1023px){.section{padding-block:var(--s-16)}}.grid-yarn,.grid-pattern,.grid-catalog,.grid-journal{list-style:none;margin:0;padding:0}.card-link{display:flex;flex-direction:column;text-decoration:none}.grid-yarn,.grid-pattern{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.grid-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.grid-journal{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4)}@media(min-width:768px){.grid-yarn,.grid-pattern{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4)}.grid-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}.grid-journal{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}}@media(min-width:1024px){.grid-yarn,.grid-pattern{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-5)}.grid-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6)}.grid-journal{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}}.card-title{margin-top:var(--s-3);font-size:var(--t-h4);line-height:var(--lh-snug);font-weight:var(--w-semibold);min-height:calc(var(--t-h4) * var(--lh-snug) * 2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-sub{margin-top:var(--s-1);font-size:var(--t-body-s);line-height:var(--lh-snug);color:var(--text-muted);min-height:calc(var(--t-body-s) * var(--lh-snug));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-yarn .card-title,.grid-pattern .card-title{display:block;min-height:calc(var(--t-body-s) * var(--lh-snug));font-size:var(--t-body-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-yarn .card-sub,.grid-pattern .card-sub{margin-top:2px;font-size:var(--t-caption);min-height:calc(var(--t-caption) * var(--lh-snug))}@media(min-width:1024px){.grid-yarn .card-title,.grid-pattern .card-title{font-size:var(--t-body);min-height:calc(var(--t-body) * var(--lh-snug))}.grid-yarn .card-sub,.grid-pattern .card-sub{font-size:var(--t-body-s);min-height:calc(var(--t-body-s) * var(--lh-snug))}}.card-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--line);display:block}.card-thumb--portrait{aspect-ratio:3 / 4}.product-thumbnail-crop{display:block;overflow:hidden}.product-thumbnail-crop>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--thumbnail-crop-x, 50%) var(--thumbnail-crop-y, 50%);transform:scale(var(--thumbnail-crop-zoom, 1));transform-origin:var(--thumbnail-crop-x, 50%) var(--thumbnail-crop-y, 50%)}.hscroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.hscroll::-webkit-scrollbar{display:none}.pagination{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:var(--s-12)}.pagination .pg-numbers{display:flex;align-items:center;gap:2px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:var(--target-min);padding:0;border-radius:999px;font-size:var(--t-body-s);color:var(--text-muted);text-decoration:none}.pagination a{transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.pagination a:hover{color:var(--ink);background:var(--accent-weak)}.pagination [aria-current=page]{font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent)}.pagination .pg-edge{gap:var(--s-1);min-width:auto;padding-inline:var(--s-3);font-size:var(--t-caption);letter-spacing:var(--ls-meta);color:var(--ink)}.pagination .pg-edge[aria-disabled=true],.pagination .pg-ellipsis{color:var(--line-strong)}@media(max-width:767px){.pagination .pg-edge{min-width:34px;padding-inline:0;font-size:0}}@media(min-width:1024px){.pagination a,.pagination span{min-width:40px;font-size:var(--t-body)}.pagination .pg-edge{min-width:auto;padding-inline:var(--s-4);font-size:var(--t-caption)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-2) var(--s-5);background:var(--accent);color:var(--on-accent);font-size:var(--t-body);font-weight:var(--w-semibold);letter-spacing:var(--ls-body);border:none;border-radius:var(--radius-control);cursor:pointer;text-decoration:none;transition:background var(--t-base) var(--ease-out)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-2) var(--s-5);background:var(--paper);color:var(--ink);border:var(--b-strong);border-radius:var(--radius-control);cursor:pointer;text-decoration:none;font-size:var(--t-body);font-weight:var(--w-semibold);letter-spacing:var(--ls-body);transition:color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.btn-secondary:hover{color:var(--accent);border-color:var(--accent)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--target-min);padding:var(--s-2) var(--s-3);background:none;color:var(--ink);border:none;border-radius:var(--radius-control);cursor:pointer;text-decoration:none;font-size:var(--t-body-s);font-weight:var(--w-semibold);letter-spacing:var(--ls-meta);transition:color var(--t-base) var(--ease-out)}.btn-ghost:hover{color:var(--accent)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:default}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-2) var(--s-5);color:var(--ink);font-size:var(--t-body);line-height:var(--lh-snug);font-weight:var(--w-semibold);letter-spacing:var(--ls-body);background:var(--accent-weak);border:1px solid var(--accent-line);border-radius:var(--radius-pill);box-shadow:0 2px 8px #3540241f;cursor:pointer;text-decoration:none;transition:box-shadow var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.btn-glass svg{color:var(--accent)}.btn-glass:not(:disabled):hover,.btn-glass:focus-visible{border-color:var(--accent-line);box-shadow:0 3px 12px #35402424}.btn-glass:not(:disabled):active{transform:scale(.98);box-shadow:0 1px 4px #3540241f}.btn-glass:disabled{opacity:.5;cursor:default}@supports (background: color-mix(in srgb,white,transparent)){.btn-glass{border-color:color-mix(in srgb,var(--accent-line) 65%,var(--paper))}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.btn-glass{background-color:color-mix(in srgb,var(--accent-weak) 76%,transparent);background-image:linear-gradient(to bottom,#ffffff73,#fff0 45%);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.btn-glass{background:var(--accent-weak);border-color:var(--accent-line)}}@media(prefers-reduced-transparency:reduce){.btn-glass{background:var(--accent-weak);border-color:var(--accent-line);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.btn-glass,.btn-glass:not(:disabled):active{transform:none;transition:none}}.ui-chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--target-min);padding-inline:var(--s-4);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--t-body-s);font-weight:var(--w-regular);letter-spacing:var(--ls-meta);white-space:nowrap;text-decoration:none;cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.ui-chip:hover{border-color:var(--accent-line)}.ui-chip[aria-pressed=true],.ui-chip[aria-current]{background:var(--accent-weak);border-color:var(--accent-line);font-weight:var(--w-semibold)}.ui-tabs{display:flex;gap:var(--s-6);border-bottom:1px solid var(--line)}.ui-tab{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding-inline:var(--s-1);background:none;border:none;color:var(--text-muted);cursor:pointer;text-decoration:none;font-size:var(--t-body);font-weight:var(--w-regular);letter-spacing:var(--ls-body);transition:color var(--t-fast) var(--ease-out)}.ui-tab:hover{color:var(--ink)}.ui-tab[aria-selected=true],.ui-tab[aria-current]{color:var(--ink);font-weight:var(--w-semibold);box-shadow:inset 0 -2px 0 var(--accent)}body.ssk-readmode .rc__drawer,body.ssk-readmode .rc__overlay{display:none!important}.knit{position:relative;background-color:var(--knit-color, var(--line))}.knit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='34' viewBox='0 0 28 34'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M0 8 L7 0 M7 0 L14 8 M14 8 L21 0 M21 0 L28 8'/%3E%3Cpath d='M0 25 L7 17 M7 17 L14 25 M14 25 L21 17 M21 17 L28 25'/%3E%3C/g%3E%3Cg fill='none' stroke='%23000000' stroke-opacity='0.13' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M0 11 L7 3 M7 3 L14 11 M14 11 L21 3 M21 3 L28 11'/%3E%3Cpath d='M0 28 L7 20 M7 20 L14 28 M14 28 L21 20 M21 20 L28 28'/%3E%3C/g%3E%3C/svg%3E");background-size:28px 34px;mix-blend-mode:soft-light;opacity:.9;pointer-events:none}.press{transition:transform var(--t-fast) var(--ease-out)}.press:active{transform:scale(.96)}@keyframes enter-up{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.enter-up{animation:enter-up var(--t-base) var(--ease-spring) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100px;left:var(--s-4);z-index:1000;padding:var(--s-3) var(--s-4);background:var(--ink);color:var(--paper);font-size:var(--t-body-s);text-decoration:none;transition:top var(--t-base) var(--ease-out)}.skip-link:focus,.skip-link:focus-visible{top:var(--s-4)}@media(prefers-reduced-motion:no-preference){html.reveal-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);will-change:opacity,transform}html.reveal-ready .reveal.is-visible{opacity:1;transform:none}html.reveal-ready .reveal.is-visible>*{animation:reveal-stagger .5s var(--ease-out) backwards}html.reveal-ready .reveal.is-visible>*:nth-child(2){animation-delay:60ms}html.reveal-ready .reveal.is-visible>*:nth-child(3){animation-delay:.12s}html.reveal-ready .reveal.is-visible>*:nth-child(4){animation-delay:.18s}@keyframes reveal-stagger{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.rb{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.rb-trigger{min-height:44px;padding:0 var(--s-1);margin-block:-10px;background:none;border:0;cursor:pointer;color:var(--text-muted);font-size:var(--t-body-s);font-family:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center}.rb-trigger:hover:not(:disabled){color:var(--ink)}.rb-trigger:disabled{opacity:.5;cursor:default}.rb-btn{min-height:44px;padding:0 var(--s-4);background:none;color:var(--ink);font-size:var(--t-body-s);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.rb-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.rb-btn:disabled{opacity:.5;cursor:default}.rb-msg{font-size:var(--t-body-s);color:var(--text-muted)}.rb-form{display:flex;flex-direction:column;gap:var(--s-2);width:100%;max-width:420px;margin-top:var(--s-2);padding:var(--s-3);border:var(--b-hairline);border-radius:var(--radius-sm)}.rb-row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.rb-label{font-size:var(--t-caption);color:var(--text-muted)}.rb-select,.rb-detail{font-size:16px;color:var(--ink);background:none;border:var(--b-hairline);border-radius:var(--radius-sm);padding:var(--s-2)}.rb-select{min-height:44px;flex:1 1 auto}.rb-detail{width:100%;font-family:inherit}.pp-mod{display:flex;gap:var(--s-2);flex-wrap:wrap;margin:var(--s-4) 0 var(--s-8)}:root{--header-h: 77px;scroll-padding-block-start:var(--header-h);--shell-sticky-top: calc(var(--header-h) + var(--s-4));--shell-rail-a: 240px;--shell-main-a: 680px;--shell-aside-a: 280px;--shell-gap-a: 56px;--shell-rail-b: 220px;--shell-gap-b: 40px;--shell-rail-c: 72px;--shell-gap-c: 32px;--shell-frame-max: 2048px;--shell-gutter: min(80px, calc(var(--container-padding) + max(0px, 100vw - 1440px) / 30));--shell-outer-max: calc(var(--shell-frame-max) + var(--shell-gutter) * 2);--shell-measure: 640px;--shell-pad-y: 32px;--shell-pad-y-narrow: 24px;--rail-row-h: 48px;--rail-icon: 24px;--rail-icon-row-h: 64px;--page-title-sub: var(--s-2);--page-head-gap: var(--s-6);--page-toolbar-gap: var(--s-6);--page-section-gap: var(--s-8);--card-thumb-gap: var(--s-3);--card-meta-gap: var(--s-1)}.cshell{flex:1 0 auto;width:100%;max-width:var(--shell-outer-max);margin-inline:auto;padding-inline:var(--shell-gutter)}.cshell__frame{container:shell / inline-size}.cshell__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"main";row-gap:var(--s-4);padding-block:var(--shell-pad-y-narrow)}.cshell__main{grid-area:main;min-width:0}.cshell__main>:where(*){margin-inline:auto}.cshell__aside{grid-area:aside;min-width:0;display:none}.cshell__rail{grid-area:rail;display:none}.rail__list{list-style:none;margin:0;padding:0}.rail__item{display:flex;align-items:center;color:var(--ink);text-decoration:none;border-radius:var(--radius-control);transition:background var(--t-fast) var(--ease-out)}.rail__item:hover{background:var(--surface-subtle)}.rail__item[aria-current]{background:var(--accent-weak);font-weight:var(--w-semibold)}.rail__icon{width:var(--rail-icon);height:var(--rail-icon);flex:none}.cshell__rail[data-auth=out] .rail__when-in{display:none}.rail__cta-row{margin-top:var(--s-6);padding-inline:var(--s-1);flex:none}.rail__cta{width:100%}.rail__cta .rail__icon{width:20px;height:20px}html[data-shell-rail-visible] .nav__menu-compose{display:none!important}.create-menu{position:fixed;z-index:120;width:min(300px,calc(100vw - 32px));box-sizing:border-box;padding:var(--s-2);background:var(--paper);border:var(--b-hairline);border-radius:var(--radius-popover);box-shadow:var(--shadow-lg)}.create-menu[hidden]{display:none}.create-menu__title{margin:0;padding:var(--s-2) var(--s-3) var(--s-1);color:var(--text-muted);font-size:var(--t-caption);font-weight:var(--w-semibold);line-height:var(--lh-snug)}.create-menu__item{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:var(--s-16);box-sizing:border-box;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--radius-control);background:none;color:var(--ink);font:inherit;text-align:start;text-decoration:none;cursor:pointer}.create-menu__item:hover,.create-menu__item:focus-visible{background:var(--surface-subtle)}.create-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.create-menu__icon{flex:none;width:var(--s-10);height:var(--s-10);padding:var(--s-2);box-sizing:border-box;border-radius:var(--radius-pill);background:var(--accent-weak);color:var(--accent)}.create-menu__text{display:flex;flex-direction:column;min-width:0}.create-menu__name{font-size:var(--t-body);font-weight:var(--w-semibold);line-height:var(--lh-snug)}.create-menu__desc{color:var(--text-muted);font-size:var(--t-body-s);line-height:var(--lh-snug)}.nav.nav--shell{container:shellnav / inline-size}.footer.footer--shell{container:shellfoot / inline-size}.nav.nav--shell .nav__inner{max-width:var(--shell-outer-max);padding-inline:var(--shell-gutter)}.footer.footer--shell>.container{max-width:var(--shell-outer-max);padding-inline:var(--shell-gutter)}@container shellnav (min-width: 1056px){.nav.nav--shell .nav__left{flex:0 0 calc(var(--shell-rail-b) + var(--shell-gap-b) - var(--s-6))}.nav.nav--shell .nav__searchbar{margin-left:0}}@container shellnav (min-width: 1296px){.nav.nav--shell .nav__left{flex-basis:calc(var(--shell-rail-a) + var(--shell-gap-a) - var(--s-6))}}.line-tabs{display:flex;border-bottom:1px solid var(--line)}.line-tab{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--control-h);margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--text-muted);text-decoration:none;font-size:var(--t-body)}.line-tab:hover{color:var(--ink)}.line-tab[aria-selected=true],.line-tab[aria-current]{color:var(--ink);font-weight:var(--w-semibold);border-bottom-color:var(--accent)}.page-head{display:flex;flex-direction:column;gap:var(--page-title-sub);margin-bottom:var(--page-head-gap)}.page-title{margin:0;font-size:var(--t-h1);line-height:var(--lh-tight);font-weight:var(--w-semibold);letter-spacing:var(--ls-h1);overflow-wrap:anywhere}.page-title a{color:inherit;text-decoration:none}.page-title a:hover{text-decoration:underline;text-underline-offset:4px}.page-sub{margin:0;color:var(--text-muted);font-size:var(--t-body);line-height:var(--lh-loose);max-width:var(--shell-measure)}.page-toolbar{margin-bottom:var(--page-toolbar-gap)}.page-toolbar+.page-toolbar{margin-top:calc(var(--page-toolbar-gap) * -1 + var(--s-3))}.page-section+.page-section{margin-top:var(--page-section-gap)}.srow{display:flex;align-items:center;gap:var(--s-2);min-width:0}.srow__track{flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;gap:var(--s-2);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:var(--s-8);--srow-fade-s: 0px;--srow-fade-e: 0px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--srow-fade-s),#000 calc(100% - var(--srow-fade-e)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--srow-fade-s),#000 calc(100% - var(--srow-fade-e)),transparent)}.srow__track::-webkit-scrollbar{display:none}.srow__track>*{flex:0 0 auto}.srow__track>*:focus-visible{outline-offset:-2px}.srow[data-more-start]>.srow__track{--srow-fade-s: var(--s-8)}.srow[data-more-end]>.srow__track{--srow-fade-e: var(--s-8)}.srow[data-dragging]>.srow__track{cursor:grabbing;-webkit-user-select:none;user-select:none}.srow__end{flex:none;display:flex;align-items:center}.srow__track.line-tabs{gap:0;padding-block:0;margin-block:0}.srow__track.line-tabs>.line-tab{flex:1 0 auto;padding-inline:var(--s-4);white-space:nowrap}.srow__track.line-tabs>.line-tab:focus-visible{outline-offset:-2px}.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5) var(--s-2)}.cat-grid>li{min-width:0}.cat-card{display:flex;flex-direction:column;min-width:0;color:var(--ink);text-decoration:none}.cat-card .card-thumb{flex:none}.cat-card__name,.cat-card__sub{display:block;min-width:0;min-height:calc(var(--lh-snug) * 1em);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card__name{margin-top:var(--card-thumb-gap);font-size:var(--t-body-s);font-weight:var(--w-semibold);letter-spacing:var(--ls-meta)}.cat-card__sub{margin-top:var(--card-meta-gap);font-size:var(--t-caption);color:var(--text-muted);letter-spacing:var(--ls-meta)}.cat-card:hover .cat-card__name{text-decoration:underline;text-underline-offset:3px}@container shell (min-width: 700px){.cshell__grid{grid-template-columns:var(--shell-rail-c) minmax(0,1fr);grid-template-areas:"rail main";column-gap:var(--shell-gap-c)}.cshell__rail{display:block;position:sticky;top:var(--shell-sticky-top);align-self:start;display:flex;flex-direction:column;--rail-origin-gap: var(--shell-pad-y-narrow);max-block-size:calc(100vh - var(--header-h) - var(--rail-origin-gap) - var(--s-4));max-block-size:calc(100dvh - var(--header-h) - var(--rail-origin-gap) - var(--s-4));overflow:visible}.rail__list{min-block-size:0;flex:1 1 auto;padding:var(--s-2) var(--s-1);scroll-padding-block:var(--s-2);overflow-y:auto;scrollbar-width:none}.rail__item{flex-direction:column;justify-content:center;gap:var(--s-1);min-height:var(--rail-icon-row-h);padding-inline:var(--s-1);font-size:12px;line-height:var(--lh-snug);letter-spacing:var(--ls-meta);text-align:center}.rail__cta{flex-direction:column;gap:var(--s-1);height:auto;min-height:var(--control-h);padding:var(--s-1);font-size:var(--t-caption);line-height:var(--lh-snug)}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6) var(--s-4)}.cat-card__name{font-size:var(--t-body);letter-spacing:var(--ls-body)}.cat-card__sub{font-size:var(--t-body-s)}}@container shell (min-width: 960px){.cshell__grid{grid-template-columns:var(--shell-rail-b) minmax(0,1fr);grid-template-areas:"rail main";grid-template-rows:auto;column-gap:var(--shell-gap-b);padding-block:var(--shell-pad-y);--page-section-gap: var(--s-12)}.cshell__rail{--rail-origin-gap: var(--shell-pad-y)}.rail__item{flex-direction:row;justify-content:flex-start;gap:var(--s-3);min-height:var(--rail-row-h);padding-inline:calc(var(--s-3) - var(--s-1));font-size:var(--t-body);line-height:var(--lh-snug);letter-spacing:var(--ls-body);text-align:left}.rail__list,.rail__cta-row{margin-inline-start:calc(var(--s-3) * -1)}.rail__cta{flex-direction:row;gap:var(--s-2);min-height:var(--control-h);padding-inline:var(--s-5);font-size:var(--t-body)}}@media(max-height:360px){.cshell__rail{position:static;max-block-size:none}.rail__list{overflow:visible}}@container shell (min-width: 1200px){.cshell__grid{width:100%;max-width:var(--shell-frame-max);margin-inline:auto;grid-template-columns:var(--shell-rail-a) minmax(0,1fr);column-gap:var(--shell-gap-a)}.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s-8) var(--s-5)}.cshell__grid[data-aside]{grid-template-columns:var(--shell-rail-a) minmax(0,1fr) var(--shell-aside-a);grid-template-areas:"rail main aside"}.cshell__aside{display:block;position:sticky;top:var(--shell-sticky-top);align-self:start}}@container shell (min-width: 1600px){.cat-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@container shell (min-width: 2000px){.cat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.cc{min-width:0;container:commerce / inline-size;padding-bottom:calc(var(--s-12) + env(safe-area-inset-bottom,0px));font-size:var(--t-body)}.cc *{box-sizing:border-box}.cc h1{font-size:var(--t-h2);letter-spacing:var(--ls-h2);line-height:var(--lh-tight);margin:0}.cc h2{font-size:var(--t-h4);letter-spacing:var(--ls-h3);margin:0 0 var(--s-4)}.cc h3{font-size:var(--t-body-l);margin:0}.cc p{margin:0}.cc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}.cc-head>div{min-width:0}.cc-actions{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.cc-tabs{display:flex;gap:var(--s-4);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--s-6);padding-bottom:var(--s-2)}.cc-tabs a,.cc-tabs button{flex:none;display:inline-flex;align-items:center;min-height:var(--control-h);border:0;border-bottom:2px solid transparent;padding:var(--s-2) var(--s-1);background:none;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer}.cc-tabs [aria-current=page],.cc-tabs [aria-pressed=true]{border-bottom-color:var(--accent);font-weight:var(--w-semibold)}.cc-stack{display:flex;flex-direction:column;gap:var(--s-6)}.cc-form{display:flex;flex-direction:column;gap:var(--s-5);max-width:640px;width:100%}.cc-field{display:flex;flex-direction:column;gap:var(--s-2);min-width:0;font-size:var(--t-body)}.cc :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;min-width:0;min-height:var(--control-h);padding:var(--s-3);border:var(--b-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--t-body)}.cc textarea{min-height:calc(var(--control-h) * 3);resize:vertical;line-height:var(--lh-loose)}.cc :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--accent);outline-offset:var(--s-1)}.cc input[type=checkbox]{width:var(--s-5);height:var(--s-5);accent-color:var(--accent);flex:none}.cc-check{display:flex;align-items:center;gap:var(--s-3);min-height:var(--control-h)}.cc-pair{display:grid;grid-template-columns:1fr;gap:var(--s-4);min-width:0}.cc-search{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:end;margin-bottom:var(--s-6)}.cc-search .cc-field{flex:1 1 12rem}.cc-error{color:var(--error);border-inline-start:2px solid var(--error);padding:var(--s-3) var(--s-4);overflow-wrap:anywhere}.cc-meta{font-size:var(--t-body-s);color:var(--text-muted);line-height:var(--lh-loose)}.cc-status{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-body-s);color:var(--ink);font-weight:var(--w-semibold)}.cc-empty{padding-block:var(--s-10);border-block:var(--b-hairline);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4)}.cc-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.cc-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:var(--s-4);padding-block:var(--s-5);border-bottom:var(--b-hairline);min-width:0}.cc-row>div{min-width:0;flex:1}.cc-row h2{margin:0 0 var(--s-2)}.cc-row a,.cc-link{color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.cc-row a:hover,.cc-link:hover{text-decoration:underline}.cc-prose{line-height:var(--lh-loose);white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px}.cc-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3) var(--s-5);margin:0}.cc-summary dt{color:var(--text-muted);font-size:var(--t-body-s)}.cc-summary dd{margin:0;overflow-wrap:anywhere}.cc-panel{border-top:var(--b-hairline);padding-top:var(--s-6)}.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6) var(--s-3)}.cc-card{min-width:0}.cc-card>a{display:flex;flex-direction:column;gap:var(--s-3);color:var(--ink);text-decoration:none}.cc-card h2{font-size:var(--t-body);line-height:var(--lh-snug);margin:0;overflow-wrap:anywhere}.cc-card .cc-price{font-size:var(--t-body);font-weight:var(--w-semibold);overflow-wrap:anywhere}.cc-photo{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-control)}.cc-photo--empty{border:var(--b-hairline);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s-3);font-size:var(--t-body-s);color:var(--text-muted);text-align:center}.cc-photo--detail{max-width:400px}.cc-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-items:start}.cc-split>*{min-width:0}.cc-room-post{padding-block:var(--s-6);border-bottom:var(--b-hairline)}.cc-comments{margin-top:var(--s-5);padding-inline-start:var(--s-4);border-inline-start:var(--b-hairline)}.cc-comment{padding-block:var(--s-3)}.cc-room-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);margin-top:var(--s-4)}.cc fieldset{border:var(--b-hairline);border-radius:var(--radius-control);padding:var(--s-4);margin:0;min-width:0}.cc legend{padding-inline:var(--s-2)}.cc details>summary{min-height:var(--control-h);cursor:pointer;padding-block:var(--s-3)}.cc details[open]>summary{margin-bottom:var(--s-4)}.cc-delete{color:var(--error)}@container commerce (min-width: 560px){.cc-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6) var(--s-4)}}@container commerce (min-width: 800px){.cc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-8) var(--s-5)}}@container commerce (min-width: 880px){.cc-split{grid-template-columns:minmax(0,1fr) 320px}}@container commerce (max-width: 18rem){.cc-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cc *,.cc *:before,.cc *:after{transition:none!important;animation:none!important}}.cc[data-text-scale="150"] .cc-grid{grid-template-columns:1fr}@container commerce (min-width:560px){.cc[data-text-scale="150"] .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container commerce (min-width:800px){.cc[data-text-scale="150"] .cc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cc[data-text-scale="200"] .cc-grid{grid-template-columns:1fr}.cc-address{font-style:normal;line-height:var(--lh-loose);overflow-wrap:anywhere}
