.case-showcase{padding-top:72px}.showcase-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px;display:flex}.showcase-heading .text-link{flex-shrink:0;font-size:15px}.case-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:28px;display:grid}.case-selector{text-align:left;border-top:1px solid var(--color-base-300);color:var(--color-base-600);background:0 0;align-items:baseline;gap:16px;padding:20px 0 8px;font-size:20px;display:flex;position:relative}.case-selector:before{content:"";background:var(--color-base-900);transform-origin:0;height:2px;transition:transform .35s;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.case-selector[aria-pressed=true]{color:var(--color-base-900)}.case-selector[aria-pressed=true]:before{transform:scaleX(1)}.case-selector small{color:var(--color-base-600);margin-top:8px;font-size:12px;display:block}.case-index{font-size:12px}.case-selector-arrow{opacity:0;margin-left:auto;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}.case-selector[aria-pressed=true] .case-selector-arrow{opacity:1;transform:none}.case-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--color-base-300) transparent;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.case-track:focus-visible{outline-offset:8px}.case-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.case-slide .case-visual{clip-path:inset(0 var(--case-inset,0%));background:var(--color-base-200);position:relative;overflow:hidden}.case-slide .case-image{aspect-ratio:1.44;object-fit:cover}.case-visit{background:var(--color-base-100);color:var(--color-base-900);opacity:0;padding:14px 22px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;bottom:28px;right:28px;transform:translateY(8px)}.case-visual:hover .case-visit,.case-visual:focus-visible .case-visit{opacity:1;transform:none}.showcase-caption{justify-content:space-between;gap:32px;padding:28px 0 20px;display:flex}.case-title{letter-spacing:-.02em;font-size:26px}.showcase-caption p{color:var(--copy-color);max-width:620px;margin-top:8px;font-size:16px}.case-count{color:var(--color-base-600);white-space:nowrap;padding-top:8px;font-size:14px}.showcase-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.case-arrows{gap:12px;display:flex}.case-arrows button{border:1px solid var(--color-base-300);background:0 0;width:52px;height:52px;font-size:24px;transition:background-color .18s,color .18s}.case-arrows button:hover{background:var(--color-base-900);color:var(--color-base-100)}.package-visual{margin-bottom:104px}.package-art{aspect-ratio:1.72;isolation:isolate;background:var(--color-base-200);position:relative;overflow:hidden;container-type:inline-size}.package-sheet{border:1px solid var(--color-base-300);position:absolute;overflow:hidden}.package-website{background:var(--color-base-100);width:63%;height:77%;top:9%;right:5%;transform:rotate(3deg)}.sample-browser{border-bottom:1px solid var(--color-base-200);align-items:center;gap:.35cqw;height:7%;padding:0 1.2cqw;display:flex}.sample-browser>span{background:var(--color-base-400);border-radius:50%;width:.4cqw;height:.4cqw}.sample-browser i{text-align:center;color:var(--color-base-600);flex:1;font-size:.65cqw;font-style:normal}.sample-nav{justify-content:space-between;padding:1.5cqw 2.6cqw;font-size:1.3cqw;display:flex}.sample-nav>span:last-child{font-size:.7cqw}.sample-hero{padding:2cqw 2.6cqw 2.4cqw 10cqw}.sample-hero>span:first-child{margin-bottom:1cqw;font-size:.75cqw;display:block}.sample-hero strong{letter-spacing:-.05em;font-size:3.8cqw;font-weight:400;line-height:1.02;display:block}.sample-action{border-bottom:1px solid;margin-top:1.5cqw;font-size:.75cqw;display:inline-block}.sample-landscape{background:var(--color-accent-100);height:42%;padding:2cqw 2.6cqw;position:relative;overflow:hidden}.sample-landscape>span{font-size:1.6cqw;line-height:1.2;display:block}.sample-arch{border:4cqw solid var(--color-accent-300);border-radius:50% 50% 0 0;width:24cqw;height:30cqw;position:absolute;top:1cqw;right:3cqw;transform:rotate(-20deg)}.package-brandbook{background:var(--color-base-100);z-index:1;width:32%;height:65%;padding:2.6cqw;top:18%;left:7%;transform:rotate(-7deg)}.sample-label{font-size:.8cqw;display:block}.package-brandbook>strong{letter-spacing:-.04em;margin-top:2.6cqw;font-size:3.2cqw;font-weight:400;line-height:1.07;display:block}.sample-type{letter-spacing:-.04em;align-items:center;gap:1.8cqw;margin:2.5cqw 0;font-size:6cqw;line-height:1;display:flex}.sample-type>span{letter-spacing:0;font-size:.7cqw;line-height:1.5}.sample-swatches{margin-bottom:1.5cqw;display:flex}.sample-swatches>span{background:var(--color-base-900);width:25%;height:3.8cqw}.sample-swatches>span:nth-child(2){background:var(--color-accent-300)}.sample-swatches>span:nth-child(3){background:var(--color-base-200)}.sample-swatches>span:nth-child(4){background:var(--color-base-500)}.package-logo{background:var(--color-base-900);width:36%;height:29%;color:var(--color-base-100);z-index:2;border-color:var(--color-base-900);flex-direction:column;justify-content:space-between;padding:1.8cqw 2.2cqw;display:flex;bottom:6%;right:12%;transform:rotate(-5deg)}.package-logo>strong{letter-spacing:-.07em;font-size:4.8cqw;font-weight:500;line-height:1}.package-logo>strong>span{vertical-align:top;letter-spacing:0;margin-left:.6cqw;font-size:1.1cqw}.package-art-index{letter-spacing:.14em;color:var(--color-base-600);font-size:.7cqw;position:absolute;bottom:3%;left:3%}.package-visual figcaption{justify-content:space-between;gap:24px;margin-top:20px;font-size:15px;display:flex}.package-visual figcaption>span:last-child{color:var(--color-base-600);font-size:13px}@media (width<=1000px){.case-controls{gap:16px}.case-selector{gap:8px;font-size:17px}.case-selector-arrow{display:none}}@media (width<=700px){.case-showcase{padding-top:48px}.showcase-heading{margin-bottom:36px;display:block}.showcase-heading .section-title{font-size:34px}.showcase-heading .text-link{margin-top:24px;display:inline-block}.case-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:24px}.case-selector{min-height:52px;padding-top:12px;font-size:17px}.case-selector small{display:none}.case-selector-arrow{display:block}.showcase-caption{gap:12px;min-height:165px;padding-top:20px}.case-title{font-size:22px}.showcase-caption p{font-size:15px}.case-count{font-size:12px}.case-visit{display:none}.showcase-bottom{align-items:flex-start;gap:20px;margin-top:8px}.showcase-bottom .small-note{font-size:12px}.case-arrows{gap:8px}.case-arrows button{flex-shrink:0;width:44px;height:44px}.package-visual{margin-bottom:64px}.package-art{aspect-ratio:1.05}.package-website{width:85%;height:60%;top:7%;right:-4%}.sample-browser{height:8%}.sample-browser i{font-size:1.2cqw}.sample-nav{padding:2cqw 3cqw;font-size:2.5cqw}.sample-nav>span:last-child{font-size:1.3cqw}.sample-hero{padding:2cqw 3cqw 3cqw}.sample-hero strong{font-size:6cqw}.sample-hero>span:first-child,.sample-action{font-size:1.3cqw}.sample-landscape{padding-left:3cqw}.sample-landscape>span{font-size:2.5cqw}.sample-arch{border-width:6cqw;width:34cqw;height:40cqw}.package-brandbook{width:45%;height:50%;padding:3.5cqw;top:40%;left:4%}.sample-label{font-size:1.2cqw}.package-brandbook>strong{margin-top:4cqw;font-size:5cqw}.sample-type{margin:4cqw 0;font-size:9cqw}.sample-type>span{font-size:1cqw}.sample-swatches>span{height:6cqw}.package-logo{width:46%;height:24%;padding:3cqw;bottom:9%;right:1%}.package-logo>strong{font-size:7cqw}.package-logo>strong>span{font-size:1.5cqw}.package-art-index{font-size:1.2cqw}.package-visual figcaption{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){.case-slide .case-visual{clip-path:none!important}.case-track{scroll-behavior:auto}}.payment-options[data-astro-cid-sswfcwxr]{max-width:1040px;margin-top:48px;container-type:inline-size}.payment-options-grid[data-astro-cid-sswfcwxr]{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.payment-options-grid[data-astro-cid-sswfcwxr]>div[data-astro-cid-sswfcwxr]{border-top:1px solid var(--color-base-200);padding-top:24px}dt[data-astro-cid-sswfcwxr]{color:var(--copy-color);font-size:16px}.payment-amount[data-astro-cid-sswfcwxr]{letter-spacing:-.045em;margin-top:20px;font-size:clamp(42px,4.7vw,68px);line-height:1.15}.payment-detail[data-astro-cid-sswfcwxr]{max-width:340px;color:var(--copy-color);margin-top:20px;font-size:16px;line-height:1.65}.payment-tax[data-astro-cid-sswfcwxr]{color:var(--copy-color);margin-top:24px;font-size:14px}.payment-terms[data-astro-cid-sswfcwxr]{margin-top:16px;font-size:14px}.payment-options-compact[data-astro-cid-sswfcwxr]{margin:8px 0 32px}.payment-options-compact[data-astro-cid-sswfcwxr] .payment-options-grid[data-astro-cid-sswfcwxr]{gap:32px}.payment-options-compact[data-astro-cid-sswfcwxr] .payment-amount[data-astro-cid-sswfcwxr]{font-size:40px}.payment-options-compact[data-astro-cid-sswfcwxr] .payment-detail[data-astro-cid-sswfcwxr]{font-size:15px}@media (width<=600px){.payment-options-grid[data-astro-cid-sswfcwxr]{grid-template-columns:1fr;gap:32px}}@container (width<=560px){.payment-options-grid[data-astro-cid-sswfcwxr]{grid-template-columns:1fr;gap:32px}}