/* Coordinated inner pages. The catalogue's typography, palette, radius and
   composition tokens remain inherited from the selected public website. */
.opkit{font-family:var(--opd-font,system-ui,sans-serif);color:var(--opd-ink,#182125);background:var(--opd-paper,#fff);text-align:start;line-height:1.65;--opkit-line:var(--opd-line,rgba(24,33,37,.16));--opkit-tint:color-mix(in srgb,var(--opd-paper,#fff) 94%,var(--opd-ink,#182125));--opkit-gap:clamp(24px,4vw,64px)}
.opkit,.opkit *,.opkit *::before,.opkit *::after{box-sizing:border-box}
.opkit :where(h1,h2,h3,p,a,span,li,td,th,address){overflow-wrap:anywhere;word-break:normal}
.opkit :where(h1,h2,h3){font-family:var(--opd-display,inherit);color:inherit;letter-spacing:-.025em;text-wrap:balance;line-height:1.25}
.opkit :where(h1,h2,h3,p,figure){margin:0}
.opkit :where(img,svg,video,iframe){max-width:100%}
.opkit a{color:inherit}
.opkit a:not(.op-btn):focus-visible,.opkit button:focus-visible,.opkit summary:focus-visible,.opkit input:focus-visible,.opkit select:focus-visible,.opkit textarea:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.opkit .opkit-page{padding-block:clamp(24px,4vw,56px) clamp(48px,7vw,110px);min-width:0}
.opkit.op-item-detail,.opkit.op-policy{padding:0;margin:0;max-width:none;width:100%}
.opkit .opkit-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.78rem;line-height:1.55;margin-bottom:clamp(28px,5vw,70px);color:var(--opd-muted,#596365)}
.opkit .opkit-breadcrumb .op-back-link{margin:0;font:inherit;display:inline;text-decoration:underline;text-underline-offset:4px;color:inherit}
.opkit .opkit-intro{display:grid;grid-template-columns:1fr;gap:var(--opkit-gap);padding-bottom:clamp(32px,5vw,64px);border-bottom:1px solid var(--opkit-line);margin-bottom:clamp(32px,5vw,64px);align-items:center;min-width:0}
.opkit .opkit-intro>*{min-width:0}
.opkit .opkit-intro.opkit-has-media{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.opkit .opkit-intro h1,.opkit .opkit-product-copy h1{font-size:clamp(2.1rem,4.7vw,5rem);line-height:1.16;max-width:24ch;letter-spacing:-.035em;margin:0}
.opkit .opkit-intro .op-eyebrow,.opkit .opkit-product-copy .op-eyebrow{margin-bottom:20px;display:block;letter-spacing:.13em;color:inherit;opacity:.78}
.opkit .opkit-intro .op-detail-excerpt,.opkit .opkit-product-copy .op-detail-excerpt{font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.8;margin:24px 0 0;max-width:65ch;color:var(--opd-muted,#596365)}
.opkit .opkit-intro-media{height:auto;aspect-ratio:1.35;margin:0;border-radius:var(--opd-radius,18px);overflow:hidden;background:var(--opkit-tint)}
.opkit .opkit-intro-media img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;margin:0}
.opkit .opkit-prose{max-width:76ch;font-size:1rem;line-height:1.9;color:inherit}
.opkit .opkit-prose>*+*{margin-top:1.2em}
.opkit .opkit-prose h2{font-size:clamp(1.4rem,2.4vw,2.15rem);margin:1.8em 0 .75em}
.opkit .opkit-prose h3{font-size:1.2rem;margin:1.5em 0 .6em}
.opkit .opkit-prose h2:first-child,.opkit .opkit-prose h3:first-child{margin-top:0}
.opkit .opkit-prose ul,.opkit .opkit-prose ol{padding-inline-start:1.5rem}
.opkit .opkit-prose a{text-decoration:underline;text-underline-offset:.18em}
.opkit .opkit-prose img{height:auto;display:block;margin-block:1.5rem;border-radius:var(--opd-radius,18px)}
.opkit .opkit-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.opkit .opkit-prose td,.opkit .opkit-prose th{padding:12px;border:1px solid var(--opkit-line);min-width:100px;text-align:start}
.opkit .opkit-prose pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.opkit .opkit-prose blockquote{border-inline-start:3px solid currentColor;padding-inline-start:24px;margin-inline:0;font-family:var(--opd-display,inherit);font-size:1.2rem}
.opkit .opkit-prose details{padding:20px 0;border-bottom:1px solid var(--opkit-line)}
.opkit .opkit-prose summary{cursor:pointer;font-weight:650}
.opkit .opkit-owner-layout{min-width:0;width:100%}
.opkit .opkit-owner-layout .opb-page{max-width:100%}
.opkit .opkit-owner-layout .opb-section{padding-inline:clamp(16px,3vw,40px)}
.opkit .opkit-reading-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-reading-layout:has(.opkit-detail-aside){grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr)}
.opkit .opkit-reading-layout>*{min-width:0}
.opkit .op-item-content{padding:0;margin:0;max-width:none}
.opkit .opkit-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-story:not(:has(.opkit-story-art)){grid-template-columns:minmax(0,1fr)}
.opkit .opkit-story>*{min-width:0}
.opkit .opkit-story-art{margin:0;border-radius:var(--opd-radius,18px);overflow:hidden;aspect-ratio:1/1.1;background:var(--opkit-tint)}
.opkit .opkit-story-art img{height:100%;width:100%;object-fit:cover;display:block}
.opkit .opkit-contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:clamp(24px,4vw,48px);border-radius:var(--opd-radius,18px);background:var(--opkit-tint);border:1px solid var(--opkit-line);margin:48px 0 0;min-width:0}
.opkit .opkit-contact-card h2{font-size:clamp(1.45rem,2.5vw,2.35rem);max-width:28ch}
.opkit .opkit-contact-card .op-eyebrow{margin:0;color:inherit}
.opkit .opkit-detail-aside .opkit-contact-card{margin:0 0 24px}
.opkit .opkit-contact-links{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;min-width:0}
.opkit .opkit-contact-links>div{max-width:100%;min-width:0}
.opkit .opkit-contact-links a{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}
.opkit .opkit-contact-links address{font-style:normal;line-height:1.8}
.opkit .opkit-contact-links .opd-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.opkit .opkit-contact-links .opd-link,.opkit .opkit-contact-links .opb-link{margin:0;background:transparent;padding:0;color:inherit!important;min-height:28px;border:0;text-decoration:underline;text-underline-offset:4px;font:inherit}
.opkit .opkit-contact-links .opd-link:hover,.opkit .opkit-contact-links .opb-link:hover{transform:none;filter:none}
/* Six About / reading / policy compositions, driven by the existing kit. */
.opkit-about-wide .opkit-story{grid-template-columns:1fr}
.opkit-about-wide .opkit-story .opkit-prose{max-width:82ch}
.opkit-about-wide .opkit-story-art{aspect-ratio:2.3;order:-1;max-height:550px}
.opkit-about-wide .opkit-reading-layout{max-width:86ch;margin-inline:auto}
.opkit-about-note .opkit-story{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center}
.opkit-about-note .opkit-story-copy{padding:clamp(24px,4vw,56px);border:1px solid var(--opkit-line);background:var(--opkit-tint);border-radius:var(--opd-radius,18px)}
.opkit-about-note .opkit-story-art{aspect-ratio:.8;transform:rotate(2deg);width:calc(100% - 14px);margin-inline:auto}
.opkit-about-note .opkit-reading-layout{padding:clamp(24px,4vw,56px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px);background:var(--opkit-tint)}
.opkit-about-columns .opkit-story{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
.opkit-about-columns .opkit-story-art{order:-1;aspect-ratio:.9}
.opkit-about-columns .opkit-reading-layout{border-inline-start:2px solid currentColor;padding-inline-start:clamp(20px,5vw,70px)}
.opkit-about-manifesto .opkit-story{grid-template-columns:1fr;max-width:980px;margin-inline:auto}
.opkit-about-manifesto .opkit-story .opkit-prose{font-size:clamp(1.1rem,2.1vw,1.65rem);line-height:1.75;max-width:none}
.opkit-about-manifesto .opkit-story-art{aspect-ratio:2.6}
.opkit-about-manifesto .opkit-reading-layout{border-block:2px solid currentColor;padding-block:36px}
.opkit-about-framed .opkit-story{padding:clamp(20px,4vw,48px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px);gap:clamp(24px,3vw,48px)}
.opkit-about-framed .opkit-story-art{aspect-ratio:1}
.opkit-about-framed .opkit-reading-layout{padding:clamp(20px,4vw,48px);box-shadow:8px 8px 0 var(--opkit-tint);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px)}
/* Inner title compositions coordinate with all thirty Home families. */
.opkit-hero-masthead .opkit-intro,.opkit-hero-marquee .opkit-intro,.opkit-hero-minimal .opkit-intro{text-align:center;justify-items:center}
.opkit-hero-masthead .opkit-intro-copy,.opkit-hero-marquee .opkit-intro-copy,.opkit-hero-minimal .opkit-intro-copy{margin-inline:auto}
.opkit-hero-masthead .opkit-has-media,.opkit-hero-marquee .opkit-has-media,.opkit-hero-minimal .opkit-has-media{grid-template-columns:1fr}
.opkit-hero-masthead .opkit-intro-media,.opkit-hero-marquee .opkit-intro-media,.opkit-hero-minimal .opkit-intro-media{width:100%;aspect-ratio:2.35}
.opkit-hero-poster .opkit-intro,.opkit-hero-event .opkit-intro,.opkit-hero-playful .opkit-intro{border:1px solid var(--opkit-line);padding:clamp(24px,4vw,60px);border-radius:var(--opd-radius,18px);background:var(--opkit-tint)}
.opkit-hero-sidebar .opkit-intro,.opkit-hero-directory .opkit-intro,.opkit-hero-technical .opkit-intro{border-top:5px solid currentColor;padding-top:36px}
.opkit-hero-editorial .opkit-intro-copy,.opkit-hero-magazine .opkit-intro-copy{border-inline-start:1px solid var(--opkit-line);padding-inline-start:clamp(20px,3vw,46px)}
.opkit-hero-gallery .opkit-has-media,.opkit-hero-studio .opkit-has-media,.opkit-hero-storefront .opkit-has-media{grid-template-columns:1fr}
.opkit-hero-gallery .opkit-intro-media,.opkit-hero-studio .opkit-intro-media,.opkit-hero-storefront .opkit-intro-media{aspect-ratio:2.6;max-height:550px}
.opkit-hero-portrait .opkit-intro-media,.opkit-hero-wellness .opkit-intro-media{order:-1}
.opkit-hero-botanical .opkit-intro-media,.opkit-hero-beauty .opkit-intro-media{border-radius:50% 50% var(--opd-radius,18px) var(--opd-radius,18px);aspect-ratio:.95}
.opkit-hero-travel .opkit-intro-media{border-radius:0;aspect-ratio:1.7}
.opkit-hero-architectural .opkit-intro,.opkit-hero-craft .opkit-intro{border-block:1px solid currentColor;padding-top:32px}
.opkit-hero-course .opkit-intro,.opkit-hero-campus .opkit-intro{border-bottom-width:5px}
.opkit-hero-finance .opkit-intro,.opkit-hero-bento .opkit-intro{padding:clamp(24px,4vw,54px);background:var(--opkit-tint);border-radius:var(--opd-radius,18px)}
.opkit-hero-timeline .opkit-intro-copy,.opkit-hero-legal .opkit-intro-copy{border-inline-start:4px solid currentColor;padding-inline-start:30px}
.opkit-hero-restaurant .opkit-intro-copy{text-align:center}
.opkit-hero-restaurant .opkit-intro-copy h1{margin-inline:auto}
/* Six contact compositions, always sharing the same validated contact links. */
.opkit .opkit-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-contact-layout>*{min-width:0}
.opkit .opkit-contact-layout h2{font-size:clamp(1.6rem,2.5vw,2.6rem);margin-bottom:28px}
.opkit .opkit-contact-information>.opkit-contact-links{margin-top:32px}
.opkit .opkit-contact-form{padding:clamp(24px,4vw,44px);background:var(--opkit-tint);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px)}
.opkit .opkit-contact-form form{margin:0}
.opkit .opkit-contact-form label{display:block;margin-bottom:16px;font-size:.9rem;font-weight:550}
.opkit .opkit-contact-form :where(input,textarea,select){background:var(--opd-paper,#fff);color:var(--opd-ink,#182125);border:1px solid var(--opkit-line);width:100%;min-width:0;max-width:100%;font:inherit;border-radius:min(var(--opd-radius,12px),12px);padding:12px 14px;margin-top:7px}
.opkit .opkit-contact-form :where(input[type=checkbox],input[type=radio]){width:auto;min-width:18px}
.opkit .opkit-contact-form fieldset{border:0;padding:0;margin:0;min-width:0}
.opkit .opkit-preview-note{margin-bottom:20px;font-size:.87rem}
.opkit-contact-split .opkit-contact-form{border:0;border-inline-start:1px solid var(--opkit-line);border-radius:0;background:transparent}
.opkit-contact-centered .opkit-contact-layout{grid-template-columns:1fr;max-width:800px;margin-inline:auto}
.opkit-contact-centered .opkit-contact-information{text-align:center}
.opkit-contact-centered .opkit-contact-information .opkit-prose{margin-inline:auto}
.opkit-contact-centered .opkit-contact-links{align-items:center}
.opkit-contact-strip .opkit-contact-layout{grid-template-columns:1fr}
.opkit-contact-strip .opkit-contact-information{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px var(--opkit-gap);border-block:1px solid var(--opkit-line);padding-block:32px}
.opkit-contact-strip .opkit-contact-information .opkit-contact-links{grid-column:2;margin-top:0}
.opkit-contact-strip .opkit-contact-form{max-width:900px;width:100%;margin-inline:auto}
.opkit-contact-dark .opkit-contact-information{padding:clamp(24px,4vw,44px);background:#172c27;color:#f5f6ef;border-radius:var(--opd-radius,18px)}
.opkit-contact-dark .opkit-contact-information a{color:#f5f6ef!important}
.opkit-contact-outline .opkit-contact-layout{padding:clamp(20px,4vw,44px);border:2px solid currentColor;border-radius:var(--opd-radius,18px)}
.opkit-contact-outline .opkit-contact-form{border:0;background:transparent;padding:0}
.opkit .opkit-faq-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.8fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-faq-layout>*{min-width:0}
.opkit .opkit-faq-layout .opkit-contact-card{margin:0}
.opkit .opkit-faq-content .opkit-prose h2,.opkit .opkit-faq-content .opkit-prose h3{border-top:1px solid var(--opkit-line);padding-top:24px;font-size:1.3rem}
/* Collection fundamentals reset legacy home-only rules. */
.opkit .opkit-collection{padding:clamp(32px,5vw,70px) 0 0}
.opkit .opkit-collection-intro:empty{display:none}
.opkit .opkit-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.opkit .opkit-collection-heading h2{font-size:clamp(1.55rem,2.6vw,2.7rem);margin:0;max-width:32ch}
.opkit .op-catalog-tools{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin:0 0 32px}
.opkit .op-catalog-tools label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;min-width:160px;flex:1}
.opkit .op-catalog-tools input,.opkit .op-catalog-tools select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:1rem;border:1px solid var(--opkit-line);padding:13px 15px;border-radius:10px;background:var(--opd-paper,#fff);color:inherit}
.opkit .op-catalog-tools p{font-size:.8rem;margin:0 0 14px}
.op-public-site .opkit .opkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;overflow:visible;margin:0;columns:auto;align-items:start}
.op-public-site .opkit .opkit-card{display:block;grid-column:auto;grid-row:auto;width:auto;min-width:0;max-width:100%;padding:0;margin:0;background:transparent;color:inherit;border:0;border-radius:0;box-shadow:none;break-inside:avoid;overflow:visible}
.op-public-site .opkit .opkit-card[hidden]{display:none!important}
.op-public-site .opkit .opkit-card-image{display:block;position:relative;aspect-ratio:1.22;margin:0 0 22px;width:100%;height:auto;min-height:0;border-radius:var(--opd-radius,18px);overflow:hidden;background:var(--opkit-tint)}
.op-public-site .opkit .opkit-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.op-public-site .opkit .opkit-card .op-content-card-copy{padding:0;min-width:0;display:block}
.op-public-site .opkit .opkit-card h3{font-size:clamp(1.15rem,1.65vw,1.7rem);line-height:1.4;letter-spacing:-.015em;margin:8px 0 12px}
.op-public-site .opkit .opkit-card h3 a{text-decoration:none}
.op-public-site .opkit .opkit-card .op-content-card-copy>p{font-size:.92rem;line-height:1.8;margin:0 0 18px;max-width:none;color:var(--opd-muted,#596365)}
.opkit .opkit-card-index{display:none}
.opkit .opkit-card .op-card-kicker{color:inherit;opacity:.75;font-size:.72rem}
.opkit .opkit-card .op-text-link{display:inline-block;margin-top:16px;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
.opkit .opkit-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;height:100%;min-height:150px;text-align:center;color:var(--opd-ink,#182125);background:var(--opkit-tint);padding:20px}
.opkit .opkit-media-placeholder>span{font-family:var(--opd-display,inherit);font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.2;opacity:.5;max-width:100%}
.opkit .opkit-media-placeholder small{font-size:.7rem;font-weight:400}
.opkit .opkit-empty{border:1px dashed var(--opkit-line);border-radius:var(--opd-radius,18px);padding:clamp(30px,5vw,70px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--opkit-tint)}
.opkit .opkit-empty h3{font-size:1.6rem}
.opkit .opkit-empty-mark{font-size:2.4rem;font-weight:300;line-height:1}
.opkit .opkit-empty p{max-width:54ch}
/* Ten true collection arrangements; content and stock actions stay semantic. */
.op-public-site .opkit-catalog-editorial .opkit-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.op-public-site .opkit-catalog-editorial .opkit-card:first-child{grid-row:span 2}
.op-public-site .opkit-catalog-editorial .opkit-card:first-child .opkit-card-image{aspect-ratio:.95}
.op-public-site .opkit-catalog-editorial .opkit-card:nth-child(n+2){display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:20px;border-top:1px solid var(--opkit-line);padding-top:24px}
.op-public-site .opkit-catalog-editorial .opkit-card:nth-child(n+2) .opkit-card-image{aspect-ratio:1}
.op-public-site .opkit-catalog-showcase .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.op-public-site .opkit-catalog-showcase .opkit-card:nth-child(even){margin-top:64px}
.op-public-site .opkit-catalog-showcase .opkit-card-image{aspect-ratio:.92}
.op-public-site .opkit-catalog-masonry .opkit-grid{display:block;columns:3;column-gap:28px}
.op-public-site .opkit-catalog-masonry .opkit-card{display:inline-block;width:100%;margin-bottom:40px}
.op-public-site .opkit-catalog-masonry .opkit-card:nth-child(3n+1) .opkit-card-image{aspect-ratio:.85}
.op-public-site .opkit-catalog-masonry .opkit-card:nth-child(3n+2) .opkit-card-image{aspect-ratio:1.4}
.op-public-site .opkit-catalog-list .opkit-grid{grid-template-columns:1fr;gap:0}
.op-public-site .opkit-catalog-list .opkit-card{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(0,1.8fr);gap:clamp(24px,4vw,56px);padding-block:30px;border-top:1px solid var(--opkit-line)}
.op-public-site .opkit-catalog-list .opkit-card-image{aspect-ratio:1.4;margin:0}
.op-public-site .opkit-catalog-list .opkit-card-index{display:block;font:400 .75rem/1.5 var(--opd-font,inherit);opacity:.6;margin-bottom:15px}
.op-public-site .opkit-catalog-mosaic .opkit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.op-public-site .opkit-catalog-mosaic .opkit-card:nth-child(5n+1){grid-column:span 2}
.op-public-site .opkit-catalog-mosaic .opkit-card:nth-child(5n+1) .opkit-card-image{aspect-ratio:1.9}
.op-public-site .opkit-catalog-horizontal .opkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.op-public-site .opkit-catalog-horizontal .opkit-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;border:1px solid var(--opkit-line);padding:20px;border-radius:var(--opd-radius,18px)}
.op-public-site .opkit-catalog-horizontal .opkit-card-image{aspect-ratio:.8;margin:0}
.op-public-site .opkit-catalog-framed .opkit-grid{gap:24px}
.op-public-site .opkit-catalog-framed .opkit-card{padding:clamp(18px,2.5vw,32px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px);background:var(--opkit-tint)}
.op-public-site .opkit-catalog-framed .opkit-card-image{border-radius:max(2px,calc(var(--opd-radius,18px) / 2));aspect-ratio:1}
.op-public-site .opkit-catalog-compact .opkit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.op-public-site .opkit-catalog-compact .opkit-card h3{font-size:1.1rem}
.op-public-site .opkit-catalog-compact .opkit-card-image{aspect-ratio:1;margin-bottom:16px}
.op-public-site .opkit-catalog-spotlight .opkit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.op-public-site .opkit-catalog-spotlight .opkit-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--opkit-gap);padding:clamp(24px,4vw,48px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px);background:var(--opkit-tint);color:inherit}
.op-public-site .opkit-catalog-spotlight .opkit-card:first-child .opkit-card-image{margin:0;aspect-ratio:1.4}
.op-public-site .opkit-catalog-spotlight .opkit-card:first-child h3{font-size:clamp(1.7rem,3vw,2.9rem)}
/* Product details, stock, sizes and purchase widgets use the actual commerce hooks. */
.opkit .opkit-product-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-product-layout>*{min-width:0}
.opkit .opkit-product-media{aspect-ratio:1/1.04;overflow:hidden;border-radius:var(--opd-radius,18px);background:var(--opkit-tint)}
.opkit .opkit-product-media>img{display:block;width:100%;height:100%;object-fit:contain;max-height:none}
.opkit .opkit-product-copy{padding-block:16px}
.opkit .opkit-product-copy h1{font-size:clamp(2rem,3.7vw,4rem)}
.opkit .opkit-purchase{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px;max-width:100%;min-width:0}
.opkit .opkit-purchase .op-detail-price{font-size:clamp(1.3rem,2.3vw,2.1rem);font-weight:650;margin:0;line-height:1.4;letter-spacing:-.02em;color:inherit}
.opkit .opkit-card .opkit-purchase{gap:13px;margin-top:16px}
.opkit .opkit-card .opkit-purchase .op-detail-price{font-size:1.2rem}
.opkit .opkit-purchase .op-stock-note,.opkit .opkit-purchase .op-sample-note{font-size:.8rem;line-height:1.6;margin:0}.opkit .opkit-purchase .op-sample-note{background:#fff2d8;color:#704000}.opkit .opkit-purchase .op-stock-note{color:inherit}
.opkit .opkit-purchase .op-product-size{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;font-size:.82rem}
.opkit .opkit-purchase select{width:100%;min-width:0;max-width:100%;padding:12px;font:inherit;font-size:1rem;border:1px solid var(--opkit-line);background:var(--opd-paper,#fff);color:inherit;border-radius:8px}
.opkit .opkit-purchase .op-btn{min-height:44px;white-space:normal;overflow-wrap:anywhere;max-width:100%;gap:12px;line-height:1.5}
.opkit .opkit-purchase .op-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.opkit .op-product-policy-links{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid var(--opkit-line);padding-top:24px;margin-top:32px}
.opkit .op-product-policy-links a{font-size:.8rem;text-decoration:underline;text-underline-offset:4px}
.opkit .opkit-product-description{padding-block:48px;border-bottom:1px solid var(--opkit-line);margin-top:32px}
.opkit .opkit-product-description>h2{font-size:clamp(1.5rem,2vw,2rem);margin-bottom:28px}
.opkit-catalog-editorial .opkit-product-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.opkit-catalog-editorial .opkit-product-media{aspect-ratio:.9}
.opkit-catalog-showcase .opkit-product-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}
.opkit-catalog-showcase .opkit-product-media{border-radius:50% 50% var(--opd-radius,18px) var(--opd-radius,18px)}
.opkit-catalog-masonry .opkit-product-copy{border-inline-start:1px solid var(--opkit-line);padding-inline-start:32px}
.opkit-catalog-list .opkit-product-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);padding-block:30px;border-block:1px solid var(--opkit-line)}
.opkit-catalog-list .opkit-product-media{aspect-ratio:1}
.opkit-catalog-mosaic .opkit-product-copy{padding:clamp(24px,3.5vw,44px);background:var(--opkit-tint);border-radius:var(--opd-radius,18px)}
.opkit-catalog-horizontal .opkit-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--opkit-line);padding:clamp(20px,3vw,40px);border-radius:var(--opd-radius,18px)}
.opkit-catalog-framed .opkit-product-media{border:1px solid var(--opkit-line);padding:24px}
.opkit-catalog-framed .opkit-product-copy{border-block:1px solid var(--opkit-line);padding-block:32px}
.opkit-catalog-compact .opkit-product-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px}
.opkit-catalog-spotlight .opkit-product-layout{grid-template-columns:1fr;max-width:980px;margin-inline:auto}
.opkit-catalog-spotlight .opkit-product-media{aspect-ratio:1.7}
.opkit-catalog-spotlight .opkit-product-copy{padding:clamp(24px,4vw,48px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px)}
/* Policy variants: no text rewriting and no invented approval claims. */
.opkit .opkit-policy-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:var(--opkit-gap);align-items:start}
.opkit .opkit-policy-layout>*{min-width:0}
.opkit .opkit-policy-nav{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--opkit-line)}
.opkit .opkit-policy-nav a{display:block;padding:15px 4px;border-bottom:1px solid var(--opkit-line);font-size:.86rem;text-decoration:none}
.opkit .opkit-policy-nav a[aria-current=page]{font-weight:750;text-decoration:underline;text-underline-offset:5px}
.opkit .opkit-policy-document{max-width:90ch;min-width:0}
.opkit .opkit-policy-owner{margin-top:42px;padding-top:28px;border-top:1px solid var(--opkit-line);display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:.85rem}
.opkit-about-wide .opkit-policy-layout{grid-template-columns:1fr}
.opkit-about-wide .opkit-policy-nav{flex-direction:row;flex-wrap:wrap;gap:0 26px}
.opkit-about-wide .opkit-policy-nav a{border:0}
.opkit-about-note .opkit-policy-document{background:var(--opkit-tint);padding:clamp(24px,4vw,48px);border-radius:var(--opd-radius,18px)}
.opkit-about-columns .opkit-policy-nav{order:2}
.opkit-about-columns .opkit-policy-layout{grid-template-columns:minmax(0,2fr) minmax(180px,.65fr)}
.opkit-about-manifesto .opkit-policy-layout{grid-template-columns:1fr;max-width:900px;margin-inline:auto}
.opkit-about-manifesto .opkit-policy-nav{flex-direction:row;flex-wrap:wrap;gap:0 26px;border-block:2px solid currentColor}
.opkit-about-manifesto .opkit-policy-nav a{border:0}
.opkit-about-framed .opkit-policy-layout{padding:clamp(20px,4vw,46px);border:1px solid var(--opkit-line);border-radius:var(--opd-radius,18px)}
.opkit .opkit-system-panel{padding:clamp(28px,5vw,60px);border-radius:var(--opd-radius,18px);background:var(--opkit-tint);display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}
.opkit .opkit-system-panel h2{font-size:clamp(1.6rem,2.8vw,2.7rem)}
.op-designed :where(.op-cart-dialog,.op-customer-dialog){border-radius:min(var(--opd-radius,18px),28px);border:1px solid var(--opd-line,rgba(24,33,37,.16));font-family:var(--opd-font,system-ui,sans-serif)}
.op-designed :where(.op-cart-dialog,.op-customer-dialog) :where(h2,h3){font-family:var(--opd-display,inherit)}
.op-designed .op-cart-dialog-head{border-bottom:1px solid #dce1da}
.op-designed .op-cart-dialog .op-btn-primary{background:var(--op-accent,#6157e8);color:var(--op-accent-ink,#fff)}
@media(max-width:1000px){
 .op-public-site .opkit .opkit-grid{gap:24px}
 .op-public-site .opkit-catalog-compact .opkit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .op-public-site .opkit-catalog-horizontal .opkit-grid{grid-template-columns:1fr}
 .op-public-site .opkit-catalog-horizontal .opkit-card{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
 .opkit .opkit-reading-layout:has(.opkit-detail-aside),.opkit .opkit-faq-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:28px}
 .opkit .opkit-policy-layout{gap:28px}
}
@media(max-width:760px){
 .opkit .opkit-intro.opkit-has-media,.opkit .opkit-story,.opkit .opkit-contact-layout,.opkit .opkit-faq-layout,.opkit .opkit-reading-layout:has(.opkit-detail-aside),.opkit .opkit-product-layout,.opkit .opkit-policy-layout{grid-template-columns:minmax(0,1fr)}
 .opkit .opkit-intro h1{font-size:clamp(2rem,7vw,3.5rem);max-width:24ch}
 .opkit .opkit-intro-media{aspect-ratio:1.5}
 .opkit .opkit-reading-layout,.opkit .opkit-story,.opkit .opkit-faq-layout{gap:32px}
 .opkit .opkit-story-art{aspect-ratio:1.6;max-height:400px;order:0;transform:none;width:100%}
 .opkit .opkit-contact-card{margin-top:32px}
 .opkit .opkit-contact-layout{gap:28px}
 .opkit-contact-split .opkit-contact-form{border-inline-start:0;border-top:1px solid var(--opkit-line);padding-inline:0}
 .opkit-contact-strip .opkit-contact-information{grid-template-columns:1fr}
 .opkit-contact-strip .opkit-contact-information .opkit-contact-links{grid-column:auto}
 .opkit .opkit-product-copy{padding:24px 0 0;border-inline-start:0}
 .opkit-catalog-mosaic .opkit-product-copy,.opkit-catalog-spotlight .opkit-product-copy{padding:24px}
 .opkit .opkit-product-media{aspect-ratio:1.1;max-height:550px}
 .opkit .opkit-policy-nav{flex-direction:row;flex-wrap:wrap;gap:0 20px;order:0}
 .opkit .opkit-policy-nav a{border:0;padding-block:12px}
 .op-public-site .opkit .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .op-public-site .opkit-catalog-editorial .opkit-card:first-child{grid-row:auto}
 .op-public-site .opkit-catalog-editorial .opkit-card:nth-child(n+2){display:block;border:0;padding:0}
 .op-public-site .opkit-catalog-editorial .opkit-card:first-child .opkit-card-image{aspect-ratio:1.1}
 .op-public-site .opkit-catalog-masonry .opkit-grid{columns:2;display:block}
 .op-public-site .opkit-catalog-showcase .opkit-card:nth-child(even){margin-top:36px}
 .op-public-site .opkit-catalog-list .opkit-grid,.op-public-site .opkit-catalog-horizontal .opkit-grid{grid-template-columns:1fr}
 .op-public-site .opkit-catalog-list .opkit-card{grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);gap:22px}
 .op-public-site .opkit-catalog-mosaic .opkit-card:nth-child(5n+1){grid-column:1/-1}
 .op-public-site .opkit-catalog-spotlight .opkit-card:first-child{grid-template-columns:1fr;gap:24px}
 .opkit .opkit-collection-heading h2{max-width:100%}
}
@media(max-width:480px){
 .opkit .opkit-page{padding-block:24px 52px}
 .opkit .opkit-intro h1,.opkit .opkit-product-copy h1{font-size:2rem;line-height:1.28;letter-spacing:-.025em}
 .opkit .opkit-intro{margin-bottom:30px;padding-bottom:30px}
 .opkit .opkit-prose{font-size:.97rem}
 .opkit .opkit-contact-card,.opkit .opkit-contact-form{padding:24px 20px}
 .opkit-contact-outline .opkit-contact-layout,.opkit-about-framed .opkit-story,.opkit-about-framed .opkit-reading-layout,.opkit-about-framed .opkit-policy-layout{padding:20px 16px}
 .opkit-contact-outline .opkit-contact-form{padding:0}
 .opkit .opkit-contact-layout h2{font-size:1.5rem}
 .opkit .op-catalog-tools{gap:14px}
 .opkit .op-catalog-tools label{flex-basis:100%;min-width:0}
 .opkit .op-catalog-tools p{margin-bottom:0}
 .op-public-site .opkit .opkit-grid{grid-template-columns:1fr;gap:32px;columns:1}
 .op-public-site .opkit-catalog-masonry .opkit-grid{display:grid;columns:auto}
 .op-public-site .opkit .opkit-card,.op-public-site .opkit-catalog-editorial .opkit-card:nth-child(n+2),.op-public-site .opkit-catalog-spotlight .opkit-card:first-child{grid-column:auto;grid-row:auto;display:block;margin-top:0;margin-bottom:0}
 .op-public-site .opkit-catalog-mosaic .opkit-card:nth-child(5n+1){grid-column:auto}
 .op-public-site .opkit .opkit-card .opkit-card-image{aspect-ratio:1.2;margin-bottom:20px}
 .op-public-site .opkit-catalog-horizontal .opkit-card,.op-public-site .opkit-catalog-framed .opkit-card{padding:20px}
 .op-public-site .opkit-catalog-list .opkit-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;padding-block:24px}
 .op-public-site .opkit-catalog-list .opkit-card .opkit-card-image{aspect-ratio:1;margin:0}
 .op-public-site .opkit-catalog-list .opkit-card h3{font-size:1.06rem}
 .op-public-site .opkit-catalog-list .opkit-card .op-content-card-copy>p{font-size:.85rem}
 .opkit .opkit-product-layout{gap:24px}
 .opkit-catalog-horizontal .opkit-product-layout{padding:18px}
 .opkit .opkit-policy-document{padding-inline:0}
 .opkit-about-note .opkit-policy-document{padding:24px 20px}
 .opkit-about-columns .opkit-reading-layout{padding-inline-start:18px}
 .opkit-about-note .opkit-reading-layout{padding:22px 18px}
 .opkit .opkit-owner-layout .opb-section{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.opkit *,.opkit *::before,.opkit *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.opkit .opkit-page{padding:0}.opkit .opkit-intro{margin-bottom:24px}.opkit .opkit-policy-layout,.opkit .opkit-reading-layout{display:block}.opkit .opkit-policy-nav,.opkit .opkit-contact-form,.opkit .opkit-purchase button,.opkit .opkit-breadcrumb,.opkit .opkit-contact-card{display:none}.opkit .opkit-prose{max-width:none}.opkit .opkit-policy-document{max-width:none;padding:0}.opkit{color:#111;background:#fff}}

/* Studio Collection inner pages use the same content and checkout controls,
   with four additional collection arrangements and two reading directions. */
.opkit-about-chapter .opkit-story{grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);border-top:3px double var(--opkit-line);padding-top:40px}
.opkit-about-chapter .opkit-story-art{aspect-ratio:.85;border-radius:0;align-self:start}
.opkit-about-chapter .opkit-story-copy .opkit-prose>p:first-child{font-size:1.2rem;line-height:1.8}
.opkit-about-chapter .opkit-reading-layout{border-inline-start:2px solid var(--opd-accent,var(--op-accent));padding-inline-start:clamp(20px,4vw,48px)}
.opkit-about-chapter .opkit-policy-layout{grid-template-columns:minmax(170px,.55fr) minmax(0,1.7fr);gap:clamp(24px,5vw,70px)}
.opkit-about-chapter .opkit-policy-document{border-top:3px double var(--opkit-line);padding-top:32px}
.opkit-about-portrait-note .opkit-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;border:1px solid var(--opkit-line);border-radius:70px 8px 70px 8px;padding:clamp(24px,4vw,52px)}
.opkit-about-portrait-note .opkit-story-art{grid-column:1;grid-row:1;border-radius:200px 200px 10px 10px;aspect-ratio:.85}
.opkit-about-portrait-note .opkit-story-copy{grid-column:2;grid-row:1}
.opkit-about-portrait-note .opkit-story:not(:has(.opkit-story-art)) .opkit-story-copy{grid-column:1;grid-row:auto}
.opkit-about-portrait-note .opkit-reading-layout,.opkit-about-portrait-note .opkit-policy-document{border:1px solid var(--opkit-line);padding:clamp(24px,4vw,52px);border-radius:30px;background:var(--opkit-tint)}
.op-public-site .opkit-catalog-spread .opkit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.op-public-site .opkit-catalog-spread .opkit-card{border:0;border-bottom:1px solid var(--opkit-line);border-radius:0;background:transparent;padding:0 0 28px;min-width:0}
.op-public-site .opkit-catalog-spread .opkit-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:center}
.op-public-site .opkit-catalog-spread .opkit-card .opkit-card-image{aspect-ratio:1.4;border-radius:0;margin:0 0 24px}
.op-public-site .opkit-catalog-spread .opkit-card:first-child .opkit-card-image{margin:0;aspect-ratio:1.5}
.opkit-catalog-spread .opkit-product-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,68px)}
.opkit-catalog-spread .opkit-product-media{border-radius:0}
.op-public-site .opkit-catalog-steps .opkit-grid{display:grid;grid-template-columns:1fr;gap:0;counter-reset:opkit-step}
.op-public-site .opkit-catalog-steps .opkit-card{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(0,1.7fr);gap:32px;padding:32px 0;border:0;border-top:1px solid var(--opkit-line);border-radius:0;background:transparent}
.op-public-site .opkit-catalog-steps .opkit-card-image{aspect-ratio:1.25;border-radius:10px;margin:0}
.opkit-catalog-steps .opkit-card-index{display:inline-grid;place-items:center;min-width:36px;height:30px;padding:4px 10px;border:1px solid var(--opkit-line);border-radius:4px;color:var(--opd-ink);opacity:1;margin-bottom:16px}
.opkit-catalog-steps .opkit-product-layout{border:1px solid var(--opkit-line);border-radius:18px;padding:clamp(20px,3vw,40px)}
.opkit-catalog-steps .opkit-product-description{border-block:1px solid var(--opkit-line);padding-block:32px}
.op-public-site .opkit-catalog-plinth .opkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.op-public-site .opkit-catalog-plinth .opkit-card{background:var(--opkit-tint);border:0;border-bottom:5px solid var(--opd-accent,var(--op-accent));border-radius:18px 18px 0 0;padding:24px}
.op-public-site .opkit-catalog-plinth .opkit-card .opkit-card-image{aspect-ratio:1;border-radius:50% 50% 8px 8px;margin:0 0 24px}
.opkit-catalog-plinth .opkit-product-media{border-radius:220px 220px 12px 12px;border:1px solid var(--opkit-line);padding:18px;background:var(--opkit-tint)}
.opkit-catalog-plinth .opkit-product-media>img{border-radius:200px 200px 6px 6px}
.opkit-catalog-plinth .opkit-product-description{max-width:82ch;margin-inline:auto}
.op-public-site .opkit-catalog-alternating .opkit-grid{display:grid;grid-template-columns:1fr;gap:42px}
.op-public-site .opkit-catalog-alternating .opkit-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;border:1px solid var(--opkit-line);padding:28px;background:transparent;border-radius:var(--opd-radius,18px)}
.op-public-site .opkit-catalog-alternating .opkit-card .opkit-card-image{aspect-ratio:1.35;margin:0}
.op-public-site .opkit-catalog-alternating .opkit-card:nth-child(even) .opkit-card-image{grid-column:2;grid-row:1}
.op-public-site .opkit-catalog-alternating .opkit-card:nth-child(even) .op-content-card-copy{grid-column:1;grid-row:1}
.opkit-catalog-alternating .opkit-product-description{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:40px}
@media(max-width:900px){
 .op-public-site .opkit-catalog-plinth .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .opkit-about-chapter .opkit-story,.opkit-about-portrait-note .opkit-story{gap:28px;padding:26px}
}
@media(max-width:650px){
 .opkit-about-chapter .opkit-story,.opkit-about-portrait-note .opkit-story{grid-template-columns:1fr;padding:24px 20px;border-radius:30px 6px 30px 6px}
 .opkit-about-chapter .opkit-story-art{aspect-ratio:1.4}.opkit-about-portrait-note .opkit-story-copy,.opkit-about-portrait-note .opkit-story-art{grid-column:1;grid-row:auto}.opkit-about-portrait-note .opkit-story-art{aspect-ratio:1.2;max-width:360px;width:100%;margin:auto}
 .opkit-about-chapter .opkit-policy-layout{grid-template-columns:1fr}.opkit-about-portrait-note .opkit-reading-layout,.opkit-about-portrait-note .opkit-policy-document{padding:24px 20px}
 .op-public-site .opkit-catalog-spread .opkit-grid,.op-public-site .opkit-catalog-plinth .opkit-grid{grid-template-columns:1fr;gap:30px}
 .op-public-site .opkit-catalog-spread .opkit-card:first-child,.op-public-site .opkit-catalog-steps .opkit-card,.op-public-site .opkit-catalog-alternating .opkit-card{display:block;grid-column:auto;grid-row:auto}
 .op-public-site .opkit-catalog-spread .opkit-card:first-child .opkit-card-image,.op-public-site .opkit-catalog-steps .opkit-card .opkit-card-image,.op-public-site .opkit-catalog-alternating .opkit-card .opkit-card-image{margin:0 0 24px;aspect-ratio:1.4}
 .op-public-site .opkit-catalog-alternating .opkit-card,.op-public-site .opkit-catalog-plinth .opkit-card{padding:22px}
 .opkit-catalog-spread .opkit-product-layout,.opkit-catalog-alternating .opkit-product-description{grid-template-columns:1fr;gap:28px}.opkit-catalog-steps .opkit-product-layout{padding:20px}
}

/* Studio 3.4 inner pages: the selected composition is carried beyond Home. */
/* New cover families coordinate the actual page title and media. */
.opkit-hero-prism .opkit-intro-media,.opkit-hero-paper-stack .opkit-intro-media{padding:14px;border:1px solid var(--opkit-line);box-shadow:8px 9px 0 var(--opkit-tint);border-radius:4px;margin:0 10px 10px 0}
.opkit-hero-atelier .opkit-intro,.opkit-hero-loom .opkit-intro{border-inline-start:8px solid var(--opd-accent,var(--op-accent));padding-inline-start:clamp(22px,4vw,48px)}
.opkit-hero-pavilion .opkit-intro,.opkit-hero-colonnade .opkit-intro{border-top:8px solid var(--opd-accent,var(--op-accent));padding-top:30px;border-bottom-width:3px}
.opkit-hero-bulletin .opkit-intro,.opkit-hero-dispatch .opkit-intro{border-block:3px double var(--opkit-line);padding-block:32px}
.opkit-hero-aperture .opkit-intro-media,.opkit-hero-orbit .opkit-intro-media{border-radius:50%;aspect-ratio:1;max-width:500px;width:100%;justify-self:center;outline:1px solid var(--opkit-line);outline-offset:10px}
.opkit-hero-folio .opkit-intro{padding:clamp(24px,4vw,48px);border:1px solid var(--opkit-line);border-inline-start:18px solid var(--opkit-tint);box-shadow:0 6px 0 var(--opkit-tint)}
.opkit-hero-panorama .opkit-intro.opkit-has-media,.opkit-hero-theatre .opkit-intro.opkit-has-media{grid-template-columns:1fr}.opkit-hero-panorama .opkit-intro-media,.opkit-hero-theatre .opkit-intro-media{aspect-ratio:2.7;border-radius:0;width:100%;max-height:460px}
.opkit-hero-ribbon .opkit-intro{padding:clamp(24px,4vw,48px);background:var(--opkit-tint);border-radius:60px 4px 4px 4px;border-bottom:8px solid var(--opd-accent,var(--op-accent))}
.opkit-hero-cabinet .opkit-intro{padding:clamp(24px,4vw,44px);border:1px solid var(--opkit-line);box-shadow:9px 10px 0 var(--opkit-tint);margin-inline-end:10px}.opkit-hero-cabinet .opkit-intro-media{border-radius:0;border:1px solid var(--opkit-line)}
.opkit-hero-blueprint .opkit-intro{border:1px solid var(--opkit-line);padding:clamp(24px,4vw,44px);background-image:linear-gradient(var(--opkit-line) 1px,transparent 1px);background-size:100% 40px}.opkit-hero-blueprint .opkit-intro-copy{background:var(--opd-paper);padding:16px}
.opkit-hero-terrace .opkit-intro{border-bottom:14px solid var(--opkit-tint);padding-bottom:44px;box-shadow:0 1px 0 var(--opkit-line)}
.opkit-hero-ticket .opkit-intro{border:1px solid var(--opkit-line);border-radius:22px;padding:clamp(24px,4vw,46px)}.opkit-hero-ticket .opkit-intro-media{border-radius:0;padding-inline-start:28px;border-inline-start:2px dashed var(--opkit-line)}
.opkit-hero-vitrine .opkit-intro-media,.opkit-hero-courtyard .opkit-intro-media{border-radius:140px 140px 0 0;aspect-ratio:1;max-width:500px;width:100%;justify-self:center;border:12px solid var(--opkit-tint)}
.opkit-hero-signal .opkit-intro-media{padding:15px;border:1px solid var(--opkit-line);border-radius:22px;background:var(--opkit-tint);box-shadow:7px 9px 0 var(--opkit-tint);margin:0 10px 10px 0}.opkit-hero-signal .opkit-intro-media img{border-radius:10px}
.opkit-hero-mosaic-stage .opkit-intro{background:var(--opkit-tint);padding:clamp(24px,4vw,46px);border-radius:var(--opd-radius)}
.opkit-hero-capsule-showcase .opkit-intro-media{aspect-ratio:1;border-radius:150px 150px 42px 42px;border:14px solid var(--opkit-tint)}
.opkit-hero-monograph .opkit-intro-copy{border-block:1px solid var(--opkit-line);padding-block:28px}.opkit-hero-monograph .opkit-intro h1{font-weight:400;font-size:clamp(2.4rem,5.4vw,5.8rem)}
/* Shelf: physical ledge below each item. */
.op-public-site .opkit-catalog-shelf .opkit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.op-public-site .opkit-catalog-shelf .opkit-card{padding:22px 20px 28px;border:0;border-bottom:8px solid var(--opkit-tint);border-radius:0;background:transparent;box-shadow:0 10px 12px #0001}
.op-public-site .opkit-catalog-shelf .opkit-card-image{aspect-ratio:1;margin-bottom:24px;border-radius:4px}
.opkit-catalog-shelf .opkit-product-media{padding:22px;border-bottom:10px solid var(--opkit-tint);border-radius:0;box-shadow:0 14px 18px #0001}
/* Index: large visual item numbers with readable rows. */
.op-public-site .opkit-catalog-index .opkit-grid{grid-template-columns:1fr;gap:0}
.op-public-site .opkit-catalog-index .opkit-card{display:grid;grid-template-columns:minmax(130px,.5fr) minmax(0,1.7fr);gap:clamp(26px,5vw,64px);padding:30px 0;border:0;border-top:1px solid var(--opkit-line);border-radius:0;background:transparent}
.op-public-site .opkit-catalog-index .opkit-card-image{aspect-ratio:1.1;margin:0;border-radius:0}
.op-public-site .opkit-catalog-index .opkit-card-index{display:block;font:400 2rem/1.1 var(--opd-display);color:var(--opd-accent,var(--op-accent));margin-bottom:14px}
.opkit-catalog-index .opkit-product-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-block:1px solid var(--opkit-line);padding-block:32px}
/* Duotone: two-column checkerboard, copy always inherits high-contrast ink. */
.op-public-site .opkit-catalog-duotone .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.op-public-site .opkit-catalog-duotone .opkit-card{padding:clamp(24px,4vw,44px);border:1px solid var(--opkit-line);border-radius:0;background:var(--opd-paper)}
.op-public-site .opkit-catalog-duotone .opkit-card:nth-child(4n+2),.op-public-site .opkit-catalog-duotone .opkit-card:nth-child(4n+3){background:var(--opkit-tint)}
.op-public-site .opkit-catalog-duotone .opkit-card-image{aspect-ratio:1.3;border-radius:0;margin-bottom:26px}
.opkit-catalog-duotone .opkit-product-layout{gap:0;align-items:stretch;border:1px solid var(--opkit-line)}.opkit-catalog-duotone .opkit-product-copy{padding:clamp(26px,4vw,48px);background:var(--opkit-tint)}.opkit-catalog-duotone .opkit-product-media{border-radius:0;height:100%}
/* Ledger: ruled editorial cells and outlined number tabs. */
.op-public-site .opkit-catalog-ledger .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-inline-start:1px solid var(--opkit-line)}
.op-public-site .opkit-catalog-ledger .opkit-card{padding:30px;border:0;border-inline-end:1px solid var(--opkit-line);border-top:1px solid var(--opkit-line);border-radius:0;background:transparent}
.op-public-site .opkit-catalog-ledger .opkit-card-image{aspect-ratio:1.8;border-radius:0;margin-bottom:24px}
.op-public-site .opkit-catalog-ledger .opkit-card-index{display:inline-block;border:1px solid var(--opkit-line);padding:4px 8px;font-size:.7rem;margin-bottom:14px}
.opkit-catalog-ledger .opkit-product-copy{padding-inline-start:36px;border-inline-start:1px solid var(--opkit-line)}
/* Tiles: broad feature tiles alternate with narrow cards. */
.op-public-site .opkit-catalog-tiles .opkit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.op-public-site .opkit-catalog-tiles .opkit-card{padding:24px;border:1px solid var(--opkit-line);border-radius:32px 8px 32px 8px;background:var(--opd-paper)}
.op-public-site .opkit-catalog-tiles .opkit-card:nth-child(4n+1){grid-column:span 2}
.op-public-site .opkit-catalog-tiles .opkit-card-image{aspect-ratio:1.7;border-radius:20px 4px 20px 4px;margin-bottom:26px}
.opkit-catalog-tiles .opkit-product-media{border-radius:50px 8px 50px 8px}.opkit-catalog-tiles .opkit-product-copy{padding:clamp(26px,4vw,44px);border:1px solid var(--opkit-line);border-radius:8px 32px 8px 32px}
/* Exhibit: framed images, generous staggered hanging rhythm. */
.op-public-site .opkit-catalog-exhibit .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}
.op-public-site .opkit-catalog-exhibit .opkit-card{padding:0;border:0;border-radius:0;background:transparent}
.op-public-site .opkit-catalog-exhibit .opkit-card:nth-child(even){padding-top:64px}
.op-public-site .opkit-catalog-exhibit .opkit-card-image{aspect-ratio:1;padding:16px;border:1px solid var(--opkit-line);box-shadow:0 14px 25px #0001;border-radius:0;margin-bottom:30px}
.opkit-catalog-exhibit .opkit-product-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}.opkit-catalog-exhibit .opkit-product-media{padding:20px;border:1px solid var(--opkit-line);box-shadow:0 14px 25px #0001;border-radius:0}
/* Stories use distinct structure, with all rich text and owner-built blocks retained. */
.opkit-about-ledger .opkit-story{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);border-block:1px solid var(--opkit-line);padding-block:36px}
.opkit-about-ledger .opkit-story-register{padding-inline-end:28px;border-inline-end:1px solid var(--opkit-line)}.opkit-story-register .op-eyebrow{display:block;color:inherit;margin-bottom:22px}.opkit-story-rule{display:block;height:5px;background:var(--opd-accent,var(--op-accent));width:45%;margin-bottom:28px}.opkit-about-ledger .opkit-story-art{aspect-ratio:1;border-radius:0}
.opkit-about-ledger .opkit-reading-layout{border-top:4px solid var(--opd-accent,var(--op-accent));padding-top:32px}.opkit-about-ledger .opkit-policy-nav{border-inline-end:1px solid var(--opkit-line);padding-inline-end:24px}
.opkit-about-offset .opkit-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:start}.opkit-story-mount{padding:20px;background:var(--opkit-tint);border:1px solid var(--opkit-line)}.opkit-story-mount:empty{display:none}.opkit-about-offset .opkit-story-art{aspect-ratio:.9;border-radius:0}.opkit-story-letter{position:relative;margin:60px 0 0 -28px;padding:clamp(26px,4vw,50px);background:var(--opd-paper);border:1px solid var(--opkit-line);box-shadow:0 14px 25px #0001}.opkit-about-offset .opkit-reading-layout{border-inline-start:8px solid var(--opd-accent,var(--op-accent));padding-inline-start:clamp(22px,4vw,46px)}.opkit-about-offset .opkit-policy-document{border-top:1px solid var(--opkit-line);padding-top:28px}
.opkit-about-canvas .opkit-story{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:clamp(26px,4vw,48px);border:1px solid var(--opkit-line);align-items:center}.opkit-story-canvas{min-width:0}.opkit-story-exhibit{position:relative;padding:14px;border:1px solid var(--opkit-line);background:var(--opkit-tint);box-shadow:0 14px 25px #0001}.opkit-story-exhibit:has(>.opkit-story-corner:only-child){display:none}.opkit-about-canvas .opkit-story-art{aspect-ratio:1;border-radius:0}.opkit-story-corner{position:absolute;inset:-4px auto auto -4px;width:34px;height:34px;border-top:5px solid var(--opd-accent,var(--op-accent));border-inline-start:5px solid var(--opd-accent,var(--op-accent));pointer-events:none}.opkit-about-canvas .opkit-reading-layout,.opkit-about-canvas .opkit-policy-document{padding:clamp(24px,4vw,44px);border:1px solid var(--opkit-line)}
.opkit-about-fold .opkit-story{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:0;border:1px solid var(--opkit-line);box-shadow:0 7px 0 var(--opkit-tint),0 8px 0 var(--opkit-line);align-items:stretch}.opkit-story-leaf{padding:clamp(26px,4vw,50px)}.opkit-story-fold{position:relative;padding:30px;border-inline-start:1px solid var(--opkit-line);background:var(--opkit-tint)}.opkit-story-fold:has(>.opkit-story-binding:only-child){display:none}.opkit-about-fold .opkit-story-art{aspect-ratio:.85;border-radius:0}.opkit-story-binding{position:absolute;top:0;bottom:0;left:0;width:10px;background:linear-gradient(90deg,#0001,transparent);pointer-events:none}.opkit-about-fold .opkit-reading-layout{padding:clamp(26px,4vw,50px);border:1px solid var(--opkit-line);box-shadow:0 7px 0 var(--opkit-tint)}.opkit-about-fold .opkit-policy-layout{border-block:1px solid var(--opkit-line);padding-block:32px}
.opkit-about-offset .opkit-story:not(:has(.opkit-story-art)) .opkit-story-letter{margin:0}
/* Contact treatments keep the same actual lead form; decoration is inert. */
.opkit-contact-desk .opkit-contact-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}.opkit-contact-directory{border-top:6px solid var(--opd-accent,var(--op-accent));padding-top:30px}.opkit-contact-blotter{position:relative;padding:24px;background:var(--opkit-tint);border:1px solid var(--opkit-line)}.opkit-contact-desk .opkit-contact-form{background:var(--opd-paper);border-radius:0;box-shadow:0 10px 18px #0001}.opkit-desk-clip{position:absolute;left:calc(50% - 35px);top:12px;width:70px;height:20px;border:2px solid var(--opkit-line);background:var(--opkit-tint);border-radius:4px;z-index:1;pointer-events:none}
.opkit-contact-letter .opkit-contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}.opkit-contact-envelope{position:relative;border:1px solid var(--opkit-line);padding:clamp(26px,4vw,46px) clamp(24px,3vw,40px) 76px;background:var(--opkit-tint);min-height:260px}.opkit-envelope-edge{position:absolute;inset:auto 0 0;height:46px;background:linear-gradient(25deg,transparent 49.6%,var(--opkit-line) 50%,transparent 50.4%),linear-gradient(-25deg,transparent 49.6%,var(--opkit-line) 50%,transparent 50.4%);border-top:1px solid var(--opkit-line);pointer-events:none}.opkit-contact-paper{padding:0 8px 9px 0}.opkit-contact-letter .opkit-contact-form{border-radius:0;background:var(--opd-paper);box-shadow:7px 8px 0 var(--opkit-tint),8px 9px 0 var(--opkit-line)}
.opkit-contact-concierge .opkit-contact-layout{grid-template-columns:minmax(0,1fr);max-width:1060px;margin:auto;gap:36px}.opkit-contact-welcome{max-width:860px}.opkit-contact-concierge .opkit-contact-links .opd-contact-links{flex-direction:row;flex-wrap:wrap;gap:18px 30px}.opkit-contact-counter{position:relative;padding-bottom:14px}.opkit-contact-concierge .opkit-contact-form{border-radius:24px 24px 4px 4px;padding:clamp(26px,4vw,50px);background:var(--opd-paper);box-shadow:0 12px 24px #0001}.opkit-counter-base{position:absolute;inset:auto 4% 0;height:14px;background:var(--opkit-tint);border:1px solid var(--opkit-line);pointer-events:none}
/* Material depth carries through products, services, articles and legal pages. */
.op-public-site .opkit-depth-paper .opkit-card{box-shadow:3px 4px 0 var(--opd-paper),4px 5px 0 var(--opkit-line);margin-inline-end:5px;margin-bottom:5px}
.op-public-site .opkit-depth-pedestal .opkit-card{box-shadow:0 8px 0 var(--opkit-tint),0 14px 18px #0001;margin-bottom:8px}
.op-public-site .opkit-depth-glass .opkit-card{border-color:color-mix(in srgb,var(--opd-accent,var(--op-accent)) 25%,var(--opkit-line));background:linear-gradient(135deg,var(--opkit-tint),var(--opd-paper));box-shadow:0 12px 24px #0001}
.op-public-site .opkit-depth-relief .opkit-card{border:2px solid var(--opkit-line);box-shadow:6px 6px 0 var(--opkit-tint);margin:0 6px 6px 0}
.op-public-site .opkit-depth-gallery .opkit-card-image{border:10px solid var(--opd-paper);outline:1px solid var(--opkit-line);box-shadow:0 9px 18px #0002}
.opkit-depth-paper .opkit-policy-document,.opkit-depth-relief .opkit-policy-document{padding:clamp(24px,4vw,42px);border:1px solid var(--opkit-line);box-shadow:6px 6px 0 var(--opkit-tint);margin-inline-end:6px}
.opkit-depth-pedestal .opkit-policy-document{border-bottom:8px solid var(--opkit-tint);padding-bottom:30px}
.opkit-depth-glass .opkit-policy-document{padding:clamp(24px,4vw,42px);border:1px solid var(--opkit-line);background:linear-gradient(135deg,var(--opkit-tint),var(--opd-paper))}
.opkit-depth-gallery .opkit-policy-document{border-inline-start:4px solid var(--opkit-line);padding-inline-start:clamp(24px,4vw,42px)}
@media(max-width:1000px){
 .op-public-site .opkit-catalog-shelf .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.op-public-site .opkit-catalog-exhibit .opkit-grid{gap:32px}.opkit-contact-desk .opkit-contact-layout{gap:30px}.opkit-story-letter{margin-top:36px;padding:30px}
}
@media(max-width:760px){
 .opkit-about-ledger .opkit-story,.opkit-about-offset .opkit-story,.opkit-about-canvas .opkit-story,.opkit-about-fold .opkit-story,.opkit-contact-desk .opkit-contact-layout,.opkit-contact-letter .opkit-contact-layout,.opkit-contact-concierge .opkit-contact-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .opkit-about-ledger .opkit-story-register{border-inline-end:0;padding:0}.opkit-about-ledger .opkit-story-art{aspect-ratio:1.65;max-height:380px}.opkit-about-ledger .opkit-policy-nav{border-inline-end:0;padding:0}
 .opkit-about-offset .opkit-story{gap:0}.opkit-story-letter{margin:0;padding:26px;border-top:0}.opkit-about-offset .opkit-story-art{aspect-ratio:1.5}.opkit-story-mount{padding:16px}.opkit-about-offset .opkit-reading-layout{padding-inline-start:22px;border-inline-start-width:5px}
 .opkit-about-canvas .opkit-story{padding:26px 22px}.opkit-story-exhibit{padding:12px;max-width:460px;justify-self:center;width:100%}.opkit-about-canvas .opkit-story-art{aspect-ratio:1.3}
 .opkit-about-fold .opkit-story{gap:0}.opkit-story-leaf{padding:26px 22px}.opkit-story-fold{padding:22px;border-inline-start:0;border-top:1px solid var(--opkit-line)}.opkit-story-binding{display:none}.opkit-about-fold .opkit-story-art{aspect-ratio:1.4}.opkit-about-fold .opkit-reading-layout{padding:26px 22px}
 .opkit-contact-blotter{padding:18px}.opkit-contact-desk .opkit-contact-form{padding:28px 20px}.opkit-desk-clip{top:6px}.opkit-contact-envelope{padding:28px 24px 66px}.opkit-contact-letter .opkit-contact-form{padding:26px 22px}.opkit-contact-concierge .opkit-contact-form{padding:28px 22px}
 .op-public-site .opkit-catalog-shelf .opkit-grid,.op-public-site .opkit-catalog-duotone .opkit-grid,.op-public-site .opkit-catalog-ledger .opkit-grid,.op-public-site .opkit-catalog-tiles .opkit-grid,.op-public-site .opkit-catalog-exhibit .opkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .op-public-site .opkit-catalog-duotone .opkit-grid,.op-public-site .opkit-catalog-ledger .opkit-grid{gap:0}.op-public-site .opkit-catalog-shelf .opkit-card,.op-public-site .opkit-catalog-duotone .opkit-card,.op-public-site .opkit-catalog-ledger .opkit-card,.op-public-site .opkit-catalog-tiles .opkit-card{padding:22px 18px}
 .op-public-site .opkit-catalog-tiles .opkit-card:nth-child(4n+1){grid-column:auto}.op-public-site .opkit-catalog-exhibit .opkit-card:nth-child(even){padding-top:32px}.op-public-site .opkit-catalog-exhibit .opkit-card-image{padding:10px}
 .opkit-catalog-index .opkit-product-layout,.opkit-catalog-duotone .opkit-product-layout,.opkit-catalog-exhibit .opkit-product-layout{grid-template-columns:minmax(0,1fr)}.opkit-catalog-duotone .opkit-product-copy{padding:26px 22px}.opkit-catalog-duotone .opkit-product-media{height:auto;aspect-ratio:1.2}.opkit-catalog-ledger .opkit-product-copy{padding:28px 0 0;border-inline-start:0;border-top:1px solid var(--opkit-line)}.opkit-catalog-tiles .opkit-product-copy{padding:26px 22px}.opkit-catalog-shelf .opkit-product-media,.opkit-catalog-exhibit .opkit-product-media{padding:16px}
 .opkit-hero-panorama .opkit-intro-media,.opkit-hero-theatre .opkit-intro-media{aspect-ratio:1.6}.opkit-hero-ticket .opkit-intro-media{padding:24px 0 0;border-inline-start:0;border-top:2px dashed var(--opkit-line)}.opkit-hero-aperture .opkit-intro-media,.opkit-hero-orbit .opkit-intro-media{max-width:380px;width:90%}.opkit-hero-blueprint .opkit-intro-copy{padding:8px}.opkit-hero-vitrine .opkit-intro-media,.opkit-hero-courtyard .opkit-intro-media{max-width:430px}
 .opkit-depth-paper .opkit-policy-document,.opkit-depth-relief .opkit-policy-document,.opkit-depth-glass .opkit-policy-document{padding:26px 22px}.opkit-depth-gallery .opkit-policy-document{padding-inline-start:22px}
}
@media(max-width:540px){
 .op-public-site .opkit-catalog-shelf .opkit-grid,.op-public-site .opkit-catalog-duotone .opkit-grid,.op-public-site .opkit-catalog-ledger .opkit-grid,.op-public-site .opkit-catalog-tiles .opkit-grid,.op-public-site .opkit-catalog-exhibit .opkit-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .op-public-site .opkit-catalog-duotone .opkit-grid,.op-public-site .opkit-catalog-ledger .opkit-grid{gap:0}.op-public-site .opkit-catalog-exhibit .opkit-card:nth-child(even){padding-top:0}
 .op-public-site .opkit-catalog-index .opkit-card{grid-template-columns:80px minmax(0,1fr);gap:20px;padding-block:26px}.op-public-site .opkit-catalog-index .opkit-card-image{aspect-ratio:1}.op-public-site .opkit-catalog-index .opkit-card-index{font-size:1.35rem;margin-bottom:10px}.op-public-site .opkit-catalog-index .opkit-card h3{font-size:1.15rem}.op-public-site .opkit-catalog-index .opkit-card .op-content-card-copy>p{font-size:.9rem}
 .opkit-hero-ribbon .opkit-intro,.opkit-hero-folio .opkit-intro,.opkit-hero-ticket .opkit-intro,.opkit-hero-cabinet .opkit-intro,.opkit-hero-blueprint .opkit-intro,.opkit-hero-mosaic-stage .opkit-intro{padding:26px 22px}.opkit-hero-ribbon .opkit-intro{border-radius:35px 4px 4px 4px}.opkit-hero-loom .opkit-intro,.opkit-hero-atelier .opkit-intro{padding-inline-start:20px;border-inline-start-width:5px}
}
@media print{.opkit-story-letter,.opkit-story-leaf,.opkit-story-fold,.opkit-story-canvas,.opkit-contact-blotter,.opkit-contact-paper,.opkit-contact-envelope,.opkit-contact-counter{padding:0;margin:0;border:0;box-shadow:none}.opkit-story-art,.opkit-story-mount,.opkit-story-exhibit,.opkit-story-register,.opkit-story-fold{display:none}.opkit-about-ledger .opkit-story,.opkit-about-offset .opkit-story,.opkit-about-canvas .opkit-story,.opkit-about-fold .opkit-story{display:block;padding:0;border:0;box-shadow:none}.opkit-depth-paper .opkit-policy-document,.opkit-depth-relief .opkit-policy-document,.opkit-depth-glass .opkit-policy-document,.opkit-depth-gallery .opkit-policy-document{padding:0;border:0;box-shadow:none;background:white}}