.home-hero{background:var(--color-canvas);width:100%}.hero-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:stretch;width:100%;display:flex;overflow:auto hidden}.hero-track::-webkit-scrollbar{display:none}.hero-track:focus-visible{outline:2px solid var(--color-action);outline-offset:-4px}.hero-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;position:relative}.hero-image-frame{aspect-ratio:4/5;background:var(--color-canvas);width:100%;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:var(--hero-mobile-position,50% 50%);width:100%;height:100%;display:block}.hero-image-fallback{color:var(--color-action);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.hero-image-fallback img{width:104px;height:auto}.hero-copy{color:var(--color-ink);overflow-wrap:anywhere;padding:28px 24px 20px}.hero-copy h2{text-wrap:balance;max-width:22ch;font-size:clamp(24px,5vw,36px);font-weight:400;line-height:1.2}.hero-copy p{white-space:pre-line;max-width:60ch;margin-top:16px;font-size:16px;line-height:1.65}.hero-copy a{min-height:44px;color:inherit;text-underline-offset:5px;align-items:center;gap:16px;margin-top:12px;font-size:14px;display:inline-flex}.hero-copy a:focus-visible{outline:2px solid var(--color-action);outline-offset:4px}.hero-controls{min-height:56px;color:var(--color-ink);border-bottom:1px solid #8b7a6824;justify-content:center;align-items:center;gap:8px;padding:6px 16px;display:flex}.hero-pagination button{justify-content:center;align-items:center;min-width:44px;height:44px;display:inline-flex}.hero-pagination{flex-wrap:wrap;justify-content:center;display:flex}.hero-pagination button span{border:1px solid var(--color-action);border-radius:50%;width:6px;height:6px}.hero-pagination button[aria-current] span{background:var(--color-action)}@media (hover:hover){.hero-pagination button:hover span{background:var(--color-action)}}@media (width>=700px){.hero-image-frame{aspect-ratio:16/9}.hero-image{object-position:var(--hero-desktop-position,50% 50%)}}@media (width>=900px){.hero-copy{background:var(--color-canvas);max-width:min(560px,100% - 80px);max-height:calc(100% - 80px);padding:28px 32px;position:absolute;bottom:40px;left:max(40px,50% - 600px);overflow-y:auto}.hero-copy h2{font-size:clamp(28px,2.6vw,44px)}}:root{--color-canvas:#f4efe6;--color-ink:#352b29;--color-muted:#8b7a68;--color-action:#655a51;--color-deep:#2b1e0f;--detail-intro-gap:28px;--detail-section-gap:36px;--detail-title-content-gap:16px;--scroll-end-space:82px;color:var(--color-muted);background:var(--color-canvas);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--color-canvas);min-height:100%;margin:0}body{min-width:320px;font-size:12px;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit;background:0 0;border:0;border-radius:0;padding:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--color-action);outline-offset:3px}h1,h2,h3,p{margin:0}img{display:block}.app-shell{background:var(--color-canvas);width:100%;min-height:100vh}.page{width:100%;min-height:calc(100vh - 104px);padding:16px 16px var(--scroll-end-space);overflow-x:hidden}.card{box-shadow:none;background:0 0;border:.5px solid #8b7a681f;border-radius:2px;overflow:hidden}.section{width:100%;margin-top:28px;overflow-x:hidden}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-head h2,.block-section h2,.brand-services h2,.contact-section>h2{color:var(--color-ink);font-size:15px;font-weight:500;line-height:1.4}.section-head span,.section-head button{color:var(--color-muted);font-size:12px;font-weight:400;line-height:1.5}.pre-line{white-space:pre-line}.empty{color:var(--color-muted);text-align:center;border:.5px solid #8b7a681f;border-radius:1px;padding:21px 12px}.site-header{z-index:100;background:#f4efe6fa;border-bottom:.5px solid #8b7a6824;width:100%;position:sticky;top:0}.site-header-inner{width:100%;height:58px;padding:0 max(12px, env(safe-area-inset-left));grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.site-header-spacer{grid-column:1}.site-header-end-spacer{grid-column:3}.site-logo{grid-column:2;justify-self:center;width:92px;height:40px}.site-logo img{object-fit:contain;width:100%;height:100%}.site-back{width:44px;height:44px;color:var(--color-ink);grid-column:1;justify-content:flex-start;align-items:center;display:flex}.site-back span{font-size:28px;font-weight:300;line-height:1}.site-back b{font-weight:400;display:none}.site-nav{display:none}.mobile-primary-nav{height:46px;padding:0 max(6px, env(safe-area-inset-right)) 0 max(6px, env(safe-area-inset-left));border-top:.5px solid #8b7a681a;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mobile-primary-nav button{min-width:0;height:46px;color:var(--color-muted);letter-spacing:.1px;font-size:11px;line-height:1;position:relative}.mobile-primary-nav button.active{color:var(--color-ink);font-weight:600}.mobile-primary-nav button.active:after{background:var(--color-deep);content:"";height:2px;position:absolute;bottom:0;left:22%;right:22%}.mobile-primary-nav button:active{background:#655a510f}.app-loading{background:var(--color-canvas);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.app-loading img,.home-loading-logo{object-fit:contain;width:104px;height:auto;animation:2.4s cubic-bezier(.45,0,.55,1) infinite breathe}@keyframes breathe{0%,to{opacity:.82;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}.content-warning{z-index:20;color:var(--color-action);text-align:center;background:#eee7db;border-bottom:.5px solid #8b7a681f;padding:5px 16px;font-size:10px;line-height:1.4;position:relative}.home-page{background:0 0;width:100%;position:relative}.home-pending .hero-image-fallback p{font-size:14px;line-height:1.5}.home-placeholder{background:#8b7a6817}.home-placeholder-title{width:min(100%,420px);height:117px}.home-placeholder-copy{height:80px;margin-bottom:20px}.home-placeholder-heading{width:min(60%,240px);height:44px}.home-placeholder-caption{width:70%;height:48px}.home-placeholder-feature{aspect-ratio:4/3;width:100%}.home-selections{--home-gutter:24px;width:min(1100px, calc(100% - var(--home-gutter) * 2));color:var(--color-ink);margin:0 auto;padding-bottom:72px}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-bottom:24px;display:flex}.home-section-heading h2{text-wrap:balance;font-size:22px;font-weight:400;line-height:1.3}.home-section-heading a{min-height:44px;color:var(--color-action);align-items:center;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.home-section-heading a:hover{color:var(--color-ink)}.home-section-heading a:focus-visible{outline:2px solid var(--color-action);outline-offset:4px}.home-finish-track{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-muted) transparent;grid-auto-columns:calc(50% - 8px);grid-auto-flow:column;gap:16px;margin:0;padding:4px 0 16px;list-style:none;display:grid;overflow-x:auto}.home-finish-track li{scroll-snap-align:start;min-width:0}.home-finish{text-align:left;width:100%;display:block}.home-finish:focus-visible{outline-offset:-2px}.home-finish-swatch{aspect-ratio:1;width:100%;overflow:hidden}.home-finish-swatch img{object-fit:cover;width:100%;height:100%}.home-finish-caption{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:16px 0 8px;display:flex}.home-finish-caption>span{color:var(--color-action);font-size:14px;line-height:1.4}.home-finish-caption strong{font-size:16px;font-weight:400;line-height:1.5}.home-selection-grid{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:64px;display:grid}.home-selection-grid:empty{display:none}.home-feature-group{min-width:0}.home-feature-list{gap:24px;display:grid}.home-feature-list .palette-card,.home-feature-list .case-card{border:0;width:100%;min-width:0}.home-feature-list .palette-visual,.home-feature-list .case-cover{aspect-ratio:4/3;width:100%;height:auto}.home-feature-list .palette-body,.home-feature-list .case-body{min-height:0;padding:16px 0 0}.home-feature-list .palette-body strong,.home-feature-list .case-body strong{overflow-wrap:anywhere;font-size:18px;font-weight:400;line-height:1.5}.home-feature-list .palette-body p,.home-feature-list .case-body p,.home-feature-list .case-body span{color:var(--color-action);overflow-wrap:anywhere;font-size:14px;line-height:1.6}.media-loading{color:var(--color-action);padding:16px 0;font-size:14px;line-height:1.5}.library-loading{color:var(--color-action);place-content:center;font-size:16px;display:grid}@media (width>=768px){.home-selections{--home-gutter:40px;padding-bottom:96px}.home-finish-track{grid-auto-columns:calc(25% - 18px);gap:24px}.home-selection-grid{gap:72px;margin-top:72px}.home-section-heading h2{font-size:24px}}@media (width>=1100px){.home-finish-track{grid-auto-columns:calc(20% - 19.2px)}}.brand-intro-surface{background:var(--color-canvas);padding:64px 24px 76px}.brand-intro-copy{max-width:560px;margin:0 auto}.brand-intro-copy h1{max-width:420px;color:var(--color-ink);margin-top:0;font-size:30px;font-weight:400;line-height:1.3}.brand-intro-body{margin-top:34px}.brand-intro-copy p{color:var(--color-ink);font-size:14px;font-weight:400;line-height:1.9}.brand-intro-copy p+p{margin-top:20px}.home-content-surface{z-index:2;width:100%;padding:var(--detail-intro-gap) 16px var(--scroll-end-space);background:var(--color-canvas);position:relative}.home-content-surface>.section{margin-top:var(--detail-section-gap)}.home-content-surface>.hot-color-section{margin-top:0}.recommend-scroll{scrollbar-width:none;width:calc(100vw - 32px);overflow:auto hidden}.recommend-scroll::-webkit-scrollbar{display:none}.pair-scroll::-webkit-scrollbar{display:none}.recommend-row{width:max-content;padding-bottom:1px;display:flex}.mini-card{color:var(--color-ink);text-align:left}.color-mini-card{flex:0 0 calc(25vw - 15.5px);width:calc(25vw - 15.5px);margin-right:10px}.color-mini-card:last-child{margin-right:0}.swatch{aspect-ratio:1;background-position:50%;background-size:cover;width:100%;overflow:hidden}.media-surface img{object-fit:cover;object-position:center;width:100%;height:100%}.mini-body{min-height:36px;color:var(--color-ink);text-align:center;justify-content:center;align-items:center;font-size:12px;font-weight:400;line-height:1.45;display:flex}.mini-body span{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.stack-list{flex-direction:column;gap:14px;display:flex}.palette-card,.case-card{width:100%;color:inherit;text-align:left;display:block}.palette-visual,.case-cover{aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%;overflow:hidden}.palette-body,.case-body{flex-direction:column;justify-content:flex-start;gap:5px;min-height:92px;padding:10px 11px 12px;display:flex}.palette-body strong,.case-body strong{color:var(--color-ink);font-size:14px;font-weight:500;line-height:1.45}.palette-body span,.case-body span{color:var(--color-muted);font-size:12px;font-weight:400;line-height:1.5}.palette-body p,.case-body p{color:var(--color-ink);font-size:12px;line-height:1.5}.library-page{min-height:calc(100vh - 104px);padding:24px 16px 64px}.library-header{justify-content:space-between;align-items:flex-end;gap:12px;padding:0 0 22px;display:flex}.library-title-block h1{color:var(--color-ink);font-size:24px;font-weight:500;line-height:1.3}.library-count{color:var(--color-muted);font-size:12px;font-weight:400;line-height:1.5;display:block}.search-bar{align-items:center;gap:8px;padding:0 0 18px;display:flex}.search-field{flex:1;min-width:0;height:44px;position:relative}.search-field input{width:100%;height:44px;color:var(--color-ink);background:0 0;border:.5px solid #8b7a6833;border-radius:1px;outline:0;padding:0 44px 0 13px;font-size:16px}.search-field input::placeholder{color:var(--color-action);opacity:1}.search-field button{width:44px;height:44px;color:var(--color-muted);font-size:15px;line-height:44px;position:absolute;top:0;right:0}.search-submit{border:.5px solid var(--color-action);background:var(--color-action);width:64px;height:44px;color:var(--color-canvas);border-radius:1px;flex:0 0 64px;font-size:12px;display:none}.mobile-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.mobile-filter-button{text-align:left;background:#ffffff24;border:.5px solid #8b7a6833;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 16px;align-items:center;min-width:0;min-height:58px;padding:9px 10px;display:grid}.mobile-filter-button span{color:var(--color-muted);grid-column:1;font-size:11px;line-height:1.2}.mobile-filter-button strong{max-width:100%;color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;grid-column:1;margin-top:4px;font-size:13px;font-weight:500;line-height:1.25;overflow:hidden}.mobile-filter-button b{color:var(--color-action);text-align:center;grid-area:1/2/span 2;align-self:center;font-size:16px;font-weight:400}.mobile-filter-button:active{background:#655a5114}.mobile-filter-reset{min-height:40px;color:var(--color-action);text-align:center;text-underline-offset:3px;grid-column:1/-1;font-size:12px;text-decoration:underline}.top-filter-tabs{background:var(--color-canvas);scrollbar-width:none;border-top:.5px solid #8b7a681a;border-bottom:.5px solid #8b7a681a;width:calc(100% + 32px);height:48px;margin:0 -16px;display:flex;overflow-x:auto}.top-filter-tabs::-webkit-scrollbar{display:none}.left-nav::-webkit-scrollbar{display:none}.space-tabs::-webkit-scrollbar{display:none}.top-filter-tabs button{min-width:96px;color:var(--color-muted);white-space:nowrap;flex:none;padding:0 16px;font-size:12px;position:relative}.top-filter-tabs button.active{color:var(--color-ink);font-weight:500}.top-filter-tabs button.active:after{background:var(--color-deep);content:"";height:2px;position:absolute;bottom:0;left:16px;right:16px}.colors-page .top-filter-tabs,.colors-page .left-nav,.palettes-page .palette-layout>.left-nav,.palettes-page .space-tabs{display:none}.split-library{min-height:0;display:block;overflow:visible}.left-nav{scrollbar-width:none;background:0 0;border-bottom:.5px solid #8b7a681a;width:calc(100% + 32px);margin:0 -16px;display:flex;overflow-x:auto}.left-nav button{width:auto;min-height:48px;color:var(--color-muted);white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:12px;line-height:1.25;display:flex;position:relative}.left-nav button.active{color:var(--color-ink);font-weight:500}.left-nav button.active:before{background:var(--color-deep);content:"";height:2px;position:absolute;bottom:0;left:16px;right:16px}.right-list{flex:1;min-width:0;overflow:hidden}.colors-page .right-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:20px 0 0;display:grid}.color-card{width:100%;min-height:0;color:inherit;text-align:left;flex-direction:column;display:flex}.color-block{aspect-ratio:1;background-position:50%;background-size:cover;flex:none;width:100%;min-height:0}.color-body{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:96px;padding:11px 10px 12px;display:flex}.color-body strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.25;overflow:hidden}.color-body span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;line-height:1.35;overflow:hidden}.color-body p{color:var(--color-muted);margin-top:8px;font-size:12px;line-height:1.55}.cases-page .case-list{gap:20px;padding:20px 0 0}.palette-layout{min-height:0}.space-tabs{align-items:stretch;width:100%;min-height:44px;display:flex;overflow-x:auto}.space-tabs button{min-width:54px;height:44px;color:var(--color-muted);white-space:nowrap;flex:none;padding:0 6px;font-size:11px;position:relative}.space-tabs button.active{color:var(--color-ink);font-weight:500}.space-tabs button.active:after{background:var(--color-deep);content:"";height:1.5px;position:absolute;bottom:0;left:12px;right:12px}.palettes-page .palette-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;padding:0;display:grid}.palettes-page .palette-body{min-height:76px;padding:10px}.palettes-page .palette-body strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.detail-page{padding:28px 16px 80px}.image-tabs{border-bottom:.5px solid #8b7a6814;width:100%;margin:0 0 16px;display:flex}.image-tabs button{min-height:44px;color:var(--color-muted);border-bottom:1.5px solid #0000;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.image-tabs button.active{border-bottom-color:var(--color-deep);color:var(--color-ink)}.detail-hero-media{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:2px;width:100%;overflow:hidden}.detail-hero-media img{object-fit:cover;object-position:center;width:100%;height:100%}.case-detail-page .detail-hero-media{aspect-ratio:16/9}.image-dots{justify-content:center;align-items:center;min-height:44px;display:flex}.image-dot{justify-content:center;align-items:center;width:32px;height:44px;display:flex}.image-dot:before{content:"";background:#8b7a685c;border-radius:999px;width:6px;height:6px}.image-dot.active:before{background:var(--color-deep);width:18px}.detail,.block-section{margin-top:var(--detail-intro-gap);border:0;border-radius:0;overflow:visible}.block-section{margin-top:var(--detail-section-gap)}.block-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.block-title-row h1{color:var(--color-ink);flex:1;font-size:20px;font-weight:500;line-height:1.2}.favorite-toggle{width:78px;height:24px;color:var(--color-ink);flex:0 0 78px;justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.favorite-toggle img{object-fit:contain;width:18px;height:18px}.detail>.secondary-text,.detail>p{color:var(--color-muted);margin-top:3px;font-size:12px;line-height:1.8}.info-block{margin-top:20px}.info-row{border-bottom:.5px solid #8b7a6814;justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.info-row>span{color:var(--color-muted);flex:none;font-size:12px;font-weight:400;line-height:1.4}.info-row>strong{color:var(--color-ink);text-align:right;font-size:12px;font-weight:400;line-height:1.4}.block-section>h2{margin-bottom:var(--detail-title-content-gap)}.block-section>p{color:var(--color-ink);text-align:justify;font-size:12px;font-weight:400;line-height:1.8}.long-image-list{flex-direction:column;gap:12px;width:100%;display:flex}.long-image-frame{background:#ddd8ce33;border-radius:2px;width:100%;overflow:hidden}.long-image-frame img{width:100%;height:auto}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.spec-grid>div{border:.5px solid #8b7a681f;border-radius:2px;min-width:0;padding:10px 12px}.spec-grid strong,.spec-grid span{font-size:12px;font-weight:400;line-height:1.45;display:block}.spec-grid strong{color:var(--color-ink)}.spec-grid span{color:var(--color-muted);margin-top:4px}.pair-scroll{gap:10px;display:flex;overflow-x:auto}.pair-scroll .color-mini-card{flex-basis:calc(25vw - 15.5px)}.detail-color-list{flex-direction:column;gap:12px;display:flex}.detail-color-list>button{width:100%;min-height:90px;color:inherit;text-align:left;border:.5px solid #8b7a681f;display:flex}.detail-color-list>button>div{background-position:50%;background-size:cover;flex:0 0 90px;width:90px}.detail-color-list>button>span{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:10px 12px;display:flex}.detail-color-list strong{color:var(--color-ink);font-size:13px;font-weight:500;line-height:1.4}.detail-color-list small{color:var(--color-muted);margin-top:4px;font-size:12px;line-height:1.45}.detail-color-list p{color:var(--color-ink);margin-top:8px;font-size:12px;line-height:1.5}.inspiration-title{margin-top:36px}.unpublished-media{min-height:180px;color:var(--color-muted);text-align:center;background:#ddd8ce33;justify-content:center;align-items:center;padding:24px;font-size:12px;line-height:1.6;display:flex}.bottom-actions{gap:8px;margin-top:36px;display:flex}.btn{border:.5px solid var(--color-action);background:var(--color-action);min-height:45px;color:var(--color-canvas);text-align:center;border-radius:1px;justify-content:center;align-items:center;padding:0 14px;font-size:15px;font-weight:400;line-height:1.25;text-decoration:none;display:flex}.btn.secondary{color:var(--color-action);background:0 0}.bottom-actions .btn{flex:1}.mine-page{padding-top:16px}.profile-row{align-items:center;min-height:52px;display:flex}.avatar{width:40px;height:40px;color:var(--color-ink);background:#ddd8ce;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;font-size:15px;display:flex}.profile-copy{flex-direction:column;flex:1;min-width:0;padding:0 12px;display:flex}.profile-copy strong{color:var(--color-ink);font-size:15px;font-weight:500;line-height:1.4}.profile-copy span{color:var(--color-muted);margin-top:3px;font-size:12px;line-height:1.5}.profile-row>button{border:.5px solid var(--color-action);height:26px;color:var(--color-action);border-radius:1px;flex:0 0 56px;font-size:12px}.stat-row{border:.5px solid #8b7a681f;border-radius:1px;grid-template-columns:repeat(3,1fr);min-height:124px;margin-top:28px;display:grid}.stat-row button{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.stat-row button+button:before{content:"";background:#8b7a681f;width:.5px;position:absolute;top:24px;bottom:24px;left:0}.stat-row strong{color:var(--color-ink);font-size:17px;font-weight:500;line-height:1}.stat-row span{color:var(--color-ink);margin-top:12px;font-size:12px}.stat-row small{color:var(--color-muted);margin-top:3px;font-size:11px}.brand-services{margin-top:36px}.service-list{margin-top:16px}.service-list button{border-bottom:.5px solid #8b7a6814;align-items:center;width:100%;min-height:52px;display:flex}.service-list img{object-fit:contain;width:24px;height:24px}.service-list span{color:var(--color-ink);text-align:left;flex:1;padding:0 12px;font-size:12px}.service-list b{color:var(--color-muted);font-size:17px;font-weight:400}.selection-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.selection-header h1{color:var(--color-ink);font-size:15px;font-weight:500;line-height:1.4}.selection-header p,.selection-header>span{color:var(--color-muted);letter-spacing:2px;margin-top:3px;font-size:12px;line-height:1.5}.selection-overview{margin-top:16px}.selection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;display:grid}.selection-grid article{min-width:0;position:relative}.selection-open{width:100%;display:block}.selection-open>div{aspect-ratio:1;background-position:50%;background-size:cover;width:100%}.selection-open strong{min-height:34px;color:var(--color-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:6px 2px 0;font-size:12px;font-weight:400;line-height:1.4;display:block;overflow:hidden}.remove-item{width:100%;color:var(--color-muted);padding:3px 0;font-size:10px;display:block}.selection-empty{text-align:center;border:.5px solid #8b7a681f;margin-top:36px;padding:36px 16px}.selection-empty h2{color:var(--color-ink);font-size:15px;font-weight:500;line-height:1.4}.selection-empty p{color:var(--color-muted);margin-top:8px;font-size:12px;line-height:1.6}.contact-section{margin-top:var(--detail-section-gap)}.contact-section>p{color:var(--color-muted);margin-top:3px;font-size:12px;line-height:1.5}.identity-control{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}.identity-control button{text-align:left;border:.5px solid #8b7a682e;flex-direction:column;justify-content:center;min-height:64px;padding:8px;display:flex}.identity-control button.active{border-color:var(--color-action)}.identity-control strong{color:var(--color-ink);font-size:12px;font-weight:500;line-height:1.4}.identity-control span{color:var(--color-muted);margin-top:4px;font-size:11px;line-height:1.35}.form-panel{margin-top:16px}.form-panel h3{color:var(--color-ink);margin-bottom:16px;font-size:15px;font-weight:500}.form-panel label{color:var(--color-ink);margin-top:14px;font-size:12px;line-height:1.5;display:block}.form-panel em{color:#a24c3d;font-style:normal}.form-panel input,.form-panel textarea{width:100%;color:var(--color-ink);background:0 0;border:.5px solid #8b7a682e;border-radius:1px;outline:0;margin-top:8px;padding:0 12px;font-size:12px;display:block}.form-panel input{height:42px}.form-panel textarea{resize:vertical;min-height:100px;padding-top:12px}.privacy-consent{align-items:flex-start;gap:8px;color:var(--color-muted)!important;display:flex!important}.privacy-consent input{width:16px;height:16px;accent-color:var(--color-action);flex:none;margin:1px 0 0}.privacy-consent span{flex:1}.form-panel>.btn{width:100%;margin-top:16px}.submit-success{color:var(--color-action);margin-top:12px;font-size:12px;line-height:1.5}.submit-success.is-error{color:#8e3f32}.btn:disabled{cursor:not-allowed;opacity:.55}.saved-page{padding-top:16px}.saved-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.saved-list>button{text-align:left;border:.5px solid #8b7a681f;min-height:90px;display:flex}.saved-list>button>div{background-position:50%;background-size:cover;flex:0 0 90px;width:90px}.saved-list>button>span{flex-direction:column;justify-content:center;min-width:0;padding:12px;display:flex}.saved-list strong{color:var(--color-ink);font-size:14px;font-weight:500;line-height:1.4}.saved-list small{color:var(--color-muted);margin-top:6px;font-size:12px;line-height:1.5}.service-page>h1{color:var(--color-ink);font-size:20px;font-weight:500}.service-page .empty{margin-top:28px;line-height:1.6}.sheet-mask{z-index:200;background:#2b1e0f61;align-items:flex-end;display:flex;position:fixed;inset:0}.consultant-sheet{width:100%;min-height:220px;max-height:86vh;padding:24px 16px calc(16px + env(safe-area-inset-bottom));background:var(--color-canvas);border-radius:12px 12px 0 0}.consultant-sheet h2{color:var(--color-ink);font-size:15px;font-weight:500}.consultant-sheet p{color:var(--color-muted);margin:16px 0;font-size:12px;line-height:1.6}.consultant-sheet .btn{width:100%}.sheet-close{width:100%;height:42px;color:var(--color-muted);margin-top:8px;font-size:12px;display:block}.filter-sheet{width:100%;min-height:310px;max-height:84vh;padding:20px 16px calc(16px + env(safe-area-inset-bottom));background:var(--color-canvas);border-radius:12px 12px 0 0;overflow-y:auto}.filter-sheet-head{justify-content:space-between;align-items:center;display:flex}.filter-sheet-head h2{color:var(--color-ink);font-size:15px;font-weight:500}.filter-sheet-head button{min-width:44px;min-height:42px;color:var(--color-muted);text-align:right;font-size:12px}.filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.filter-options button{min-height:42px;color:var(--color-muted);border:.5px solid #8b7a6829;padding:6px 8px;font-size:12px;line-height:1.3}.filter-options button.active{border-color:var(--color-deep);color:var(--color-ink)}.filter-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;display:grid}.site-footer{background:#eee7db;border-top:.5px solid #8b7a6824}.site-footer-inner{gap:26px;padding:42px 24px 38px;display:grid}.site-footer-logo{width:96px;height:40px}.site-footer-logo img{object-fit:contain;width:100%;height:100%}.site-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;display:grid}.site-footer-nav button{min-height:44px;color:var(--color-ink);text-align:left;font-size:12px}.site-footer-inner>p{color:var(--color-muted);letter-spacing:.8px;text-transform:uppercase;font-size:11px}@media (width>=700px){.library-page{padding-left:32px;padding-right:32px}.top-filter-tabs,.left-nav{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}.colors-page .right-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.palettes-page .palette-list,.cases-page .case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;display:grid}.detail-page{max-width:720px;margin:0 auto;padding-left:32px;padding-right:32px}.site-footer-inner{grid-template-columns:1fr 2fr;align-items:start;padding-left:32px;padding-right:32px}.site-footer-inner>p{grid-column:1/-1}}@media (width>=900px){:root{--detail-intro-gap:38px;--detail-section-gap:56px;--detail-title-content-gap:20px;--scroll-end-space:96px}body{font-size:13px}.app-shell{max-width:none;box-shadow:none;margin:0}.page{min-height:calc(100vh - 76px)}.site-header-inner{max-width:1280px;height:76px;margin:0 auto;padding:0 40px;display:flex}.site-header-spacer,.site-header-end-spacer{display:none}.site-logo{flex:none;grid-column:auto;justify-self:auto;width:104px;height:44px}.site-back{flex:none;grid-column:auto;gap:7px;width:auto;min-width:68px;margin-right:22px}.site-back b{font-size:12px;display:inline}.site-nav{align-self:stretch;gap:10px;margin-left:auto;display:flex}.site-nav button{min-width:112px;color:var(--color-muted);letter-spacing:.2px;padding:0 14px;font-size:13px;position:relative}.site-nav button.active{color:var(--color-ink);font-weight:500}.site-nav button.active:after{background:var(--color-deep);content:"";height:2px;position:absolute;bottom:0;left:24px;right:24px}.mobile-primary-nav,.mobile-filter-bar{display:none}.home-page{padding-bottom:0}.brand-intro-surface{padding:92px 40px 116px}.brand-intro-copy{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px 80px;max-width:1100px;display:grid}.brand-intro-copy h1{grid-column:1;max-width:620px;font-size:42px;line-height:1.25}.brand-intro-body{grid-area:1/2;align-self:end;margin:0}.brand-intro-copy p{max-width:480px;font-size:15px;line-height:2}.library-page{max-width:1280px;min-height:calc(100vh - 76px);margin:0 auto;padding:32px 40px 96px}.library-header{padding:0 0 24px}.library-title-block h1{font-size:30px;line-height:1.25}.library-count{font-size:13px}.search-bar{width:100%;max-width:none;padding:0 0 24px}.search-submit{justify-content:center;align-items:center;display:flex}.search-field,.search-field input,.search-submit{height:44px}.search-field input{font-size:13px}.colors-page .top-filter-tabs{display:flex}.top-filter-tabs{border-top:.5px solid #8b7a681a;border-bottom:.5px solid #8b7a681a;width:100%;height:50px;margin:0}.top-filter-tabs button{font-size:13px}.split-library{gap:24px;min-height:calc(100vh - 277px);margin-top:24px;display:flex;overflow:visible}.left-nav,.colors-page .left-nav,.palettes-page .palette-layout>.left-nav{border:.5px solid #8b7a681a;border-radius:2px;flex:0 0 180px;align-self:flex-start;width:180px;margin:0;display:block;position:sticky;top:100px;overflow:hidden}.left-nav button{text-align:left;justify-content:flex-start;min-height:48px;padding:0 20px;font-size:13px}.left-nav button.active:before{width:2px;height:auto;inset:12px auto 12px 0}.colors-page .right-list{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:24px;padding:0;display:grid}.color-card{flex-direction:column;min-height:0}.color-block{aspect-ratio:1;flex:none;width:100%;min-height:0}.color-body{min-height:112px;padding:16px}.color-body strong{font-size:15px}.color-body span,.color-body p{font-size:13px}.palette-layout{min-height:calc(100vh - 225px)}.space-tabs,.palettes-page .space-tabs{border-bottom:.5px solid #8b7a681a;min-height:50px;display:flex}.space-tabs button{height:50px;padding:0 14px;font-size:12px}.palettes-page .palette-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:24px;padding:0;display:grid}.palette-body,.case-body{min-height:104px;padding:16px}.palette-body strong,.case-body strong{font-size:15px}.cases-page .case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0 0;display:grid}.detail-page{max-width:920px;margin:0 auto;padding:42px 40px 110px}.image-tabs{width:100%;margin:0 0 20px}.image-tabs button{min-height:44px;font-size:13px}.block-title-row h1{font-size:30px}.section-head h2,.block-section h2{font-size:18px}.detail>.secondary-text,.detail>p,.block-section>p{font-size:14px}.info-row{min-height:54px}.info-row>span,.info-row>strong{font-size:13px}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-color-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.long-image-list{gap:20px}.sheet-mask{justify-content:center;align-items:center;padding:24px}.filter-sheet{border-radius:3px;width:460px;min-height:0;max-height:80vh;padding:28px}.site-footer-inner{grid-template-columns:1fr auto;gap:34px 80px;max-width:1280px;margin:0 auto;padding:58px 40px 48px}.site-footer-logo{width:110px;height:44px}.site-footer-nav{gap:38px;display:flex}.site-footer-nav button{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}