:root{--bg:oklch(.972 .006 80);--bg-2:oklch(.945 .008 78);--bg-3:oklch(.915 .01 75);--ink:oklch(.175 .012 60);--ink-soft:oklch(.3 .012 60);--muted:oklch(.52 .01 60);--rule:oklch(.85 .01 70);--rule-soft:oklch(.9 .008 70);--clay:oklch(.58 .118 38);--clay-deep:oklch(.46 .11 36);--moss:oklch(.52 .06 145);--f-display:"Fraunces",Georgia,"Times New Roman",serif;--f-sans:"Hanken Grotesk",system-ui,sans-serif;--f-mono:"Hanken Grotesk",system-ui,sans-serif;--f-serif:"Fraunces",Georgia,serif;--pad-x:clamp(20px,4vw,64px);--col-gap:clamp(20px,2.4vw,40px);--rule-w:1px;--border:var(--rule-w) solid var(--rule);--border-soft:var(--rule-w) solid var(--rule-soft)}.petbase{font-family:var(--f-sans);font-feature-settings:"ss01","ss02","cv01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.45;letter-spacing:-.005em;color:var(--ink);background:var(--bg)}.petbase *{box-sizing:border-box}.petbase a{color:inherit;text-decoration:none}.petbase button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.petbase img{display:block;max-width:100%}.petbase .mono{font-family:var(--f-mono);font-feature-settings:"tnum";letter-spacing:0}.petbase .it{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--clay-deep)}.petbase .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.petbase .tri-up{color:var(--clay);font-size:8px}.petbase .tri-dn{color:var(--muted);font-size:8px}.pb-hero{padding:clamp(40px,7vw,96px) var(--pad-x) clamp(48px,8vw,120px);border-bottom:var(--border);position:relative;background:var(--bg)}.pb-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,80px);align-items:end}.pb-hero__meta{display:flex;flex-direction:column;gap:22px}.pb-hero__chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.pb-hero__chip .dot{width:7px;height:7px;background:var(--clay);border-radius:999px;display:inline-block;animation:pb-pulse 2.4s ease-in-out infinite}@keyframes pb-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.pb-hero__hello{font-family:var(--f-display);font-size:clamp(72px,13vw,220px);line-height:.86;letter-spacing:-.045em;font-weight:600;margin:0;color:var(--ink)}.pb-hero__hello .it{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--clay-deep);letter-spacing:-.03em}.pb-hero__sub{font-family:var(--f-display);font-size:clamp(22px,2.2vw,30px);line-height:1.22;font-weight:400;letter-spacing:-.018em;max-width:36ch;margin:0;color:var(--ink-soft);text-wrap:pretty}.pb-hero__sub b{color:var(--ink);font-weight:600}.pb-hero__bullets{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}.pb-hero__bullet{font-family:var(--f-mono);font-size:11px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.08em}.pb-hero__bullet:before{content:"\25c6";color:var(--clay);font-size:8px;transform:translateY(-1px)}.pb-hero__ticker{position:absolute;right:var(--pad-x);top:clamp(40px,7vw,96px);text-align:right;font-family:var(--f-mono);font-size:11px;color:var(--muted);line-height:1.7;letter-spacing:.06em}.pb-hero__ticker b{color:var(--ink);font-weight:500}.pb-marquee{border-top:var(--border);border-bottom:var(--border);overflow:hidden;background:var(--bg)}.pb-marquee__inner{display:flex;gap:56px;padding:14px 0;animation:pb-marquee 60s linear infinite;white-space:nowrap;width:max-content}.pb-marquee__item{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:14px}.pb-marquee__item .sep{color:var(--clay)}@keyframes pb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pb-section-head{display:grid;grid-template-columns:1fr auto;align-items:end;padding:clamp(48px,6vw,88px) var(--pad-x) clamp(20px,2.4vw,32px);gap:24px;background:var(--bg);color:var(--ink)}.pb-section-head h2{font-family:var(--f-display);font-size:clamp(40px,6vw,92px);line-height:.92;letter-spacing:-.04em;margin:0;font-weight:600}.pb-section-head h2 .it{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--clay-deep);letter-spacing:-.02em}.pb-section-head__count{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right;line-height:1.6;white-space:nowrap}.pb-section-head__count b{color:var(--ink);font-weight:500}.pb-catalog{border-top:var(--border);background:var(--bg);color:var(--ink)}.pb-cat-row{display:grid;grid-template-columns:92px 1.05fr .7fr 1.1fr .55fr 44px;gap:var(--col-gap);align-items:stretch;padding:0 var(--pad-x);border-bottom:var(--border);position:relative;transition:background .35s,color .35s;cursor:pointer}.pb-cat-row:hover{background:var(--bg-2)}.pb-cat-row.open{background:var(--ink);color:var(--bg)}.pb-cat-row.open .pb-muted-on-row{color:#a39d98}.pb-cat-row.open .tri-up{color:var(--clay)}.pb-cat-row.open .tri-dn{color:#847f7a}.pb-cat-row>*{padding-top:28px;padding-bottom:28px;min-width:0}.pb-cat-row__code{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;display:flex;align-items:flex-start}.pb-cat-row__name{display:flex;flex-direction:column;gap:6px;justify-content:center}.pb-cat-row__name .role{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pb-cat-row.open .pb-cat-row__name .role{color:#a39d98}.pb-cat-row__name h3{font-family:var(--f-display);font-size:clamp(22px,2.1vw,30px);letter-spacing:-.024em;font-weight:500;margin:0;line-height:1.05;text-wrap:balance}.pb-cat-row__tags{display:flex;flex-direction:column;justify-content:center;gap:4px;font-family:var(--f-mono);font-size:11px;color:var(--ink-soft)}.pb-cat-row.open .pb-cat-row__tags{color:#c2bdb7}.pb-cat-row__tags .tag{display:flex;align-items:center;gap:8px}.pb-cat-row__pitch{display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:14px;line-height:1.42;font-weight:400}.pb-cat-row__pitch .quote{font-family:var(--f-serif);font-style:italic;font-size:18px;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.pb-cat-row.open .pb-cat-row__pitch .quote{color:var(--bg)}.pb-cat-row__price{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;font-family:var(--f-mono);text-align:right}.pb-cat-row__price .now{font-size:22px;letter-spacing:-.01em;font-weight:500}.pb-cat-row__price .alt{font-size:11px;color:var(--muted);letter-spacing:.04em}.pb-cat-row.open .pb-cat-row__price .alt{color:#a39d98}.pb-cat-row__index{display:flex;align-items:center;justify-content:flex-end;font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.pb-cat-row.open .pb-cat-row__index{color:#a39d98}.pb-cat-row__panel{grid-column:1 / -1;display:grid;grid-template-columns:92px 1fr 1fr .8fr;gap:var(--col-gap);overflow:hidden;max-height:0;opacity:0;transition:max-height .55s cubic-bezier(.6,0,.2,1),opacity .35s,padding .35s;padding:0;border-top:1px solid color-mix(in oklch,var(--bg) 30%,transparent)}.pb-cat-row.open .pb-cat-row__panel{max-height:520px;opacity:1;padding:28px 0 36px}.pb-panel-img{grid-column:2 / span 1;height:280px;background:var(--bg-2);position:relative;overflow:hidden}.pb-cat-row.open .pb-panel-img{background:#2d2823}.pb-panel-img__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#938e89;background-image:repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in oklch,currentColor 6%,transparent) 14px 15px)}.pb-panel-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pb-panel-spec{display:flex;flex-direction:column;gap:18px;font-size:14px}.pb-panel-spec h4{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;color:#a39d98;font-weight:500}.pb-panel-spec p{margin:0;line-height:1.5;max-width:38ch}.pb-panel-spec ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.pb-panel-spec li{display:grid;grid-template-columns:18ch 1fr;gap:12px;font-family:var(--f-mono);font-size:12px;letter-spacing:.02em}.pb-panel-spec li b{color:#b2ada7;font-weight:400}.pb-panel-actions{display:flex;flex-direction:column;gap:12px;justify-content:flex-end;align-items:flex-end}.pb-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--clay);color:var(--bg);border:1px solid var(--clay);cursor:pointer;transition:background .2s,transform .2s}.pb-btn:hover{background:var(--clay-deep);border-color:var(--clay-deep)}.pb-btn:active{transform:translateY(1px)}.pb-btn--ghost{background:transparent;color:var(--bg);border-color:#847f7a}.pb-btn--ghost:hover{background:var(--bg);color:var(--ink)}@media(max-width:1100px){.pb-cat-row{grid-template-columns:70px 1.2fr 1fr .6fr 40px}.pb-cat-row__pitch{display:none}.pb-cat-row__panel{grid-template-columns:70px 1fr 1fr}.pb-panel-img{grid-column:2 / span 1}.pb-hero__grid{grid-template-columns:1fr}.pb-hero__ticker{display:none}}@media(max-width:720px){.pb-cat-row{grid-template-columns:60px 1fr auto 30px;gap:16px}.pb-cat-row__tags,.pb-cat-row__pitch{display:none}.pb-cat-row__panel{grid-template-columns:60px 1fr}.pb-panel-img{grid-column:2 / span 1;height:220px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/petbase-design.css.map */