.fp-site{display:flex;flex-direction:column}.fp-site-main{width:100%;flex:1;outline:none}.fp-site-header{width:100%}.fp-header-actions{display:flex;align-items:center;gap:24px}.fp-nav a[aria-current=page]{color:var(--fp-accent);text-decoration:underline;text-underline-offset:6px}.fp-site .fp-footer{width:100%;margin-top:96px;padding-bottom:40px}.fp-site .fp-footer nav{flex-wrap:wrap}.fp-sample-notice{margin-top:20px;font-size:13px;max-width:620px;line-height:1.6}.fp-home-note{text-align:center}.fp-home-note .fp-sample-notice{margin-inline:auto;max-width:560px}.fp-topic-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.fp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin-top:28px;align-items:start}.fp-product-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.fp-product-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-product-grid[data-count="1"]{grid-template-columns:minmax(0,360px)}.fp-card-try{margin-top:8px;font-size:14px}.fp-product-callout{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:32px;background:var(--fp-muted);border-radius:24px}.fp-product-callout>div{flex:1 1 400px}.fp-product-callout h2{font-size:32px}.fp-product-callout p{margin-top:12px;max-width:500px}.fp-guide-links,.fp-material-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px}.fp-guide-links>a{display:flex;flex-direction:column;align-items:start;gap:12px}.fp-guide-links h3{max-width:240px}.fp-material-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.fp-material-overview .fp-text-button,.fp-material-overview p{margin-top:12px}.fp-seasonal{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:center;gap:64px;max-width:1000px}.fp-seasonal p{margin-top:20px;max-width:440px}.fp-seasonal .fp-button{margin-top:24px}.fp-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;font-size:14px;color:var(--fp-secondary)}.fp-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.fp-breadcrumbs a:hover{color:var(--fp-accent)}.fp-page-intro{padding-top:40px;max-width:800px}.fp-page-intro h1{font-size:56px}.fp-page-intro>p{margin-top:20px;max-width:640px;font-size:18px}.fp-page-intro>.fp-sample-notice{font-size:13px}.fp-page-intro>.fp-detail-meta{font-size:15px}.fp-topic-hero{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:64px;align-items:center;padding-top:40px}.fp-topic-hero .fp-page-intro{padding-top:0}.fp-collection{margin-top:40px}.fp-gallery-controls{display:flex;align-items:end;flex-wrap:wrap;gap:24px;justify-content:space-between}.fp-gallery-search{width:280px;max-width:100%}.fp-gallery-search label{display:block}.fp-empty-result{padding-block:48px}.fp-empty-result p{margin-block:16px 24px}.fp-detail-sections{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.fp-detail-materials,.fp-guide-summary,.fp-tutorial{scroll-margin-top:32px}.fp-tutorial-steps{list-style:none;padding:0;margin-top:32px;display:grid;gap:28px}.fp-tutorial-steps li{display:flex;align-items:start;gap:20px}.fp-step-number{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:var(--fp-muted);color:var(--fp-accent);border-radius:50%;font-size:14px;font-variant-numeric:tabular-nums}.fp-tutorial-steps h3{padding-top:8px}.fp-tutorial-steps p{margin-top:12px}.fp-detail-materials .fp-materials{gap:16px 20px;margin-top:28px}.fp-guide-summary{padding:32px;border-radius:24px;background:var(--fp-muted)}.fp-guide-summary>p{margin-top:16px}.fp-tool-notice{margin-top:20px;padding:16px;background:var(--fp-muted);border-radius:12px;font-size:14px}.fp-site .fp-try-on{margin-top:48px}.fp-legal{max-width:800px;margin-inline:auto;padding-block:56px}.fp-legal>h1{font-size:48px}.fp-legal>p{margin-top:20px}.fp-legal .docs{margin-top:40px;color:var(--fp-text)}.fp-legal .docs p{color:var(--fp-secondary)}.fp-legal .docs a{text-decoration:underline;text-underline-offset:4px}.fp-legal .docs h2{font-size:28px;margin-block:32px 16px}.fp-not-found{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:24px;max-width:900px}.fp-not-found h1{font-size:clamp(40px,6vw,64px)}.fp-not-found .fp-actions{margin-top:0}@media (min-width:768px) and (max-width:1100px){.fp-header-actions,.fp-site .fp-nav{gap:16px}.fp-site .fp-nav a{font-size:14px}.fp-site .fp-wordmark{font-size:21px}.fp-guide-links,.fp-product-grid,.fp-product-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-topic-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:32px}.fp-page-intro h1{font-size:44px}.fp-detail-sections{gap:32px}.fp-material-overview{gap:24px}.fp-seasonal{gap:32px}}@media (max-width:767px){.fp-header-actions{gap:8px}.fp-site .fp-nav{top:68px}.fp-site .fp-footer{margin-top:64px}.fp-guide-links,.fp-material-overview,.fp-product-grid,.fp-product-grid[data-count="1"],.fp-product-grid[data-count="2"],.fp-product-grid[data-count="3"]{grid-template-columns:minmax(0,1fr)}.fp-detail-sections,.fp-seasonal,.fp-topic-hero{grid-template-columns:minmax(0,1fr);gap:32px}.fp-topic-hero>.fp-sample-photo{max-width:360px;width:100%;margin-inline:auto}.fp-topic-hero .fp-page-intro{order:-1}.fp-page-intro{padding-top:24px}.fp-legal>h1,.fp-page-intro h1{font-size:40px}.fp-page-intro>p{font-size:16px}.fp-page-intro>.fp-sample-notice{font-size:13px}.fp-gallery-controls{flex-direction:column;align-items:stretch;gap:16px}.fp-gallery-search{width:100%}.fp-detail-sections{gap:0}.fp-guide-summary,.fp-product-callout{padding:24px}.fp-product-callout h2{font-size:28px}.fp-seasonal>.fp-sample-photo{max-width:240px}.fp-legal{padding-block:40px}}.fp-sample-switcher{margin-block:20px}.fp-sample-switcher .fp-chip{display:inline-flex;align-items:center;min-height:44px}.fp-sample-switcher [data-selected=true]{background:var(--fp-accent);color:var(--fp-on-accent)}.fp-portrait-error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;background:var(--fp-muted);color:var(--fp-text);text-align:center}