/* Structural rules only; typography, colours and spacing presets live in theme.json. */
.wp-site-blocks { padding:0; }
/* Space below the header as on the live site (operator 2026-10-02): 60px desktop, 56px tablet, 52px phone; 20px phone side margin.
   Space above the footer as on the live site (447): 140px desktop, 120px tablet, 112px phone. Content at most 1344px wide, as on the live site
   (operator 2026-10-05, 456). */
.oska-shell { box-sizing:border-box; width:100%; max-width:1440px; margin-inline:auto; padding:60px var(--wp--preset--spacing--large) 140px; }
.oska-shell > :first-child { margin-block-start:0; }
.oska-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; align-items:start; }
.oska-split > * { min-width:0; margin-block:0; }
.oska-split .is-layout-constrained > * { margin-inline:0 !important; }
.oska-split .wp-block-image img { width:100%; height:auto; display:block; max-height:85vh; object-fit:cover; }
/* One page head on every page type (operator 2026-10-06, 458): this title style everywhere but the home page cover, at the top of the page
   (breadcrumbs above it), then 48px (40px tablet, 32px phone) to the first text or image. */
body { --oska-head-gap:48px; }
.oska-title { font-size:var(--wp--preset--font-size--display); font-weight:100; line-height:1.02; letter-spacing:-.02em; text-transform:uppercase; margin-block:0 var(--oska-head-gap); }
.oska-lead { font-size:var(--wp--preset--font-size--lead); line-height:1.6; color:var(--wp--preset--color--muted); max-width:48ch; }
.oska-utility { font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.oska-shell :where(a:not(.wp-element-button)):focus-visible, .oska-header a:focus-visible, .oska-footer a:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.wp-site-blocks :is(input,select,textarea,summary):focus-visible { outline:2px solid var(--wp--preset--color--ink); outline-offset:2px; }
.oska-shell :where(p,li,h1,h2,h3,h4,h5,h6) { hyphens:none; overflow-wrap:break-word; }
.oska-shell :where(figure,img,video,iframe) { max-width:100%; }
/* Titles keep weight 100 at every width, like the live site (operator 2026-09-25). */
@media(max-width:1024px) { body { --oska-head-gap:40px; } .oska-shell { padding-inline:32px; padding-top:56px; padding-bottom:120px; } }
@media(max-width:767px) {
 body { --oska-head-gap:32px; }
 .oska-shell { padding:52px 20px 112px; }
 .oska-split { grid-template-columns:minmax(0,1fr); gap:24px; }
 .oska-split > :has(> .oska-title), :is(.oska-paper-copy, .oska-split:has(> .oska-flipbook-collection) > .wp-block-group) { grid-row:1; }
}

/* Shared campaign, story grid and newsletter components: homepage POC 2026-09-14. */
.oska-home { margin-block:0; }
.oska-home > .wp-block-post-content > * { margin-block:0; }
.wp-block-cover.is-style-oska-campaign {
 box-sizing:border-box; min-height:480px; height:min(720px,85vh); padding:var(--wp--preset--spacing--large) 40px;
 color:var(--wp--preset--color--paper); justify-content:flex-start;
}
.wp-block-cover.is-style-oska-campaign .wp-block-cover__background {
 opacity:1; background:linear-gradient(90deg,#00000052 0%,#0000002e 35%,#0000000a 70%,#00000000 100%);
}
.wp-block-cover.is-style-oska-campaign > .wp-block-cover__inner-container { width:100%; max-width:none; }
.is-style-oska-campaign .oska-title { color:inherit; margin-block:0 36px; }
.is-style-oska-campaign .wp-element-button { background:var(--wp--preset--color--paper); color:var(--wp--preset--color--ink); }
.oska-campaign-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.oska-campaign-grid > * { margin:0; min-width:0; }
.oska-campaign-grid .is-style-oska-campaign { min-height:0; height:460px; }
.oska-home-content.oska-shell { padding-block-start:clamp(111px,calc(90px + 5.33vw),167px); }
.oska-section-head { display:flex; align-items:end; justify-content:space-between; gap:var(--wp--preset--spacing--medium); margin-block-end:var(--wp--preset--spacing--large); }
.oska-section-head > * { margin-block:0; }
.oska-story-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--wp--preset--spacing--medium); }
.oska-story-grid > li { min-width:0; margin:0; }
.oska-story-grid .wp-block-post-featured-image { margin:0 0 var(--wp--preset--spacing--small); }
.oska-story-grid .wp-block-post-featured-image img { width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center top; }
.oska-story-grid .wp-block-post-featured-image.is-portrait img { object-fit:contain !important; object-position:center !important; background:var(--wp--preset--color--ground); }
.oska-story-grid .wp-block-post-title { font-size:var(--wp--preset--font-size--lead); font-weight:400; margin:0; }
.oska-story-grid a { text-decoration:none; }
/* Newsletter band like the live site (operator 2026-10-02): 1100px centred, warm white #fafaf7, 34px heading, 15px subline. */
.oska-newsletter { display:flex; justify-content:space-between; align-items:center; gap:var(--wp--preset--spacing--large); box-sizing:border-box; max-width:1100px; margin-inline:auto; background:#fafaf7; padding:56px 64px; margin-block-start:128px; }
.oska-newsletter > *, .oska-newsletter h2 { margin-block:0; }
.oska-newsletter h2 { font-size:34px; line-height:1.2; letter-spacing:-.01em; }
.oska-newsletter p { margin-block:8px 0; font-size:15px; line-height:1.5; color:var(--wp--preset--color--muted); }
.oska-newsletter .wp-block-buttons { flex-shrink:0; }
@media(max-width:767px) {
 .wp-block-cover.is-style-oska-campaign { padding:var(--wp--preset--spacing--medium) 40px; }
 .oska-campaign-grid { grid-template-columns:minmax(0,1fr); }
 .oska-campaign-grid .is-style-oska-campaign { height:400px; }
 .oska-section-head { align-items:start; flex-direction:column; }
 .oska-newsletter { align-items:start; flex-direction:column; padding:40px 32px; margin-block-start:72px; }
 body.home .oska-section-head { row-gap:31px; }
}

/* One archive variant of the shared story grid, paired with hero-aware paging. Live reference (operator 2026-10-02): 56px between rows,
   numeric date and "Read more" on every card; the first story of page one sits image left (16:11) / text right (40px, weight 100) above a rule.
   The lead title and image need !important against the saved lead font-size preset class and the block's inline aspect ratio. */
.oska-story-grid.is-style-oska-editorial { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:56px; }
.oska-story-grid.is-style-oska-editorial .wp-block-post-featured-image { margin:0 0 21px; }
.oska-story-grid.is-style-oska-editorial .wp-block-post-title { line-height:1.35; }
.oska-story-grid.is-style-oska-editorial .wp-block-post-date { margin:8px 0 0; font-size:15px; line-height:1.3; color:var(--wp--preset--color--muted); }
.oska-story-grid .wp-block-read-more { display:table; margin-top:12px; font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; color:var(--wp--preset--color--ink); text-decoration:none; }
.oska-story-grid .wp-block-read-more:is(:hover,:focus-visible) { text-decoration:underline; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,5fr) minmax(0,4fr); grid-template-rows:1fr auto auto auto 1fr; column-gap:56px; padding-bottom:64px; border-bottom:1px solid var(--wp--preset--color--rule); margin-bottom:8px; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > * { grid-column:2; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-featured-image { grid-column:1; grid-row:1 / -1; margin:0; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-featured-image img { aspect-ratio:16/11 !important; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-title { grid-row:2; font-size:40px !important; font-weight:100; line-height:1.08; letter-spacing:-.01em; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-date { grid-row:3; }
body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-read-more { grid-row:4; }
/* Shared tablet step; desktop keeps the home/editorial density variants. */
@media(max-width:1024px) { .oska-story-grid.is-style-oska-editorial { grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* The home stories keep four columns down to 768px and use two on phones, as on the live site (449). */
@media(max-width:767px) { .oska-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
 body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child { grid-template-columns:minmax(0,1fr); grid-template-rows:none; padding-bottom:44px; }
 body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > * { grid-column:1; grid-row:auto; }
 body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-featured-image { grid-row:auto; margin:0 0 40px; }
 body:is(.blog,.archive,.search):not(.paged) .oska-story-grid.is-style-oska-editorial > li:first-child > .wp-block-post-title { font-size:28px !important; }
}
@media(max-width:480px) { .oska-story-grid.is-style-oska-editorial { grid-template-columns:minmax(0,1fr); } }

/* Query pagination (See More, categories, search): page numbers under a rule, current page bold, like the live site (operator 2026-10-02). Looks show up to 100 on one page without pagination (453). */
.wp-block-query-pagination { margin-block-start:64px; padding-top:21px; border-top:1px solid var(--wp--preset--color--rule); }
:is(.wp-block-query-pagination, .wp-block-query-pagination-numbers) { display:flex; justify-content:center; flex-wrap:wrap; gap:0; list-style:none; }
.wp-block-query-pagination-numbers { padding:0; margin:0; }
.wp-block-query-pagination :is(a, .page-numbers) { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; font-size:15px; color:var(--wp--preset--color--muted); text-decoration:none; }
.wp-block-query-pagination a:is(:hover,:focus-visible) { color:var(--wp--preset--color--ink); }
.wp-block-query-pagination .current { background:none; color:var(--wp--preset--color--ink); font-weight:700; }

/* Shared reading measure. Text posts open with their featured image (operator 2026-10-06, 459; live shows none). */
.oska-article > * { max-width:none; margin-inline:0; }
.oska-article .wp-block-image img { width:100%; height:auto; }
/* Chapter list, like the live About page (operator 2026-10-02): rows of number, name and summary between rules; the whole row opens the chapter. */
.oska-chapters { display:block; }
.oska-chapters > * { position:relative; display:grid; grid-template-columns:56px 250px minmax(0,330px); align-items:baseline; margin:0; padding:26px 0; border-bottom:1px solid var(--wp--preset--color--rule); }
.oska-chapters > * > * { min-width:0; margin:0; }
.oska-chapters > * > p:first-child { font-size:15px; line-height:1.5; letter-spacing:.18em; color:var(--wp--preset--color--muted); }
.oska-chapters h3 { font-size:21px; font-weight:400; line-height:1.2; }
.oska-chapters h3 + p { font-size:15px; line-height:1.65; color:var(--wp--preset--color--muted); }
.oska-chapters a { color:inherit; text-decoration:none; }
.oska-chapters a::after { content:""; position:absolute; inset:0; }
.oska-chapters > :is(:hover,:focus-within) h3 a { text-decoration:underline; }
@media(max-width:767px) { .oska-chapters > * { grid-template-columns:minmax(0,1fr); row-gap:6px; } .oska-chapters h3 { margin-bottom:8px; } }

/* About page like the live site (operator 2026-10-02): introduction and three facts beside the photo; sections divided by rules, each label
   above its heading (operator 2026-10-06, 459); a centred quote. No line above the title (operator 2026-09-10). The shared page head and the full
   content width, the title above the photo (operator 2026-10-06, 458). */
.oska-about > .wp-block-post-content > * { margin-block:0; }
.oska-about > .wp-block-post-content > .oska-title { margin-block:0 var(--oska-head-gap); }
.oska-label br { display:none; }
.oska-label { font-size:15px; font-weight:400; line-height:1.4; letter-spacing:.24em; text-transform:uppercase; color:var(--wp--preset--color--muted); }
.oska-about-hero { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:70px; align-items:start; padding:0 0 106px; }
.oska-about-hero > * { min-width:0; margin:0; }
.oska-about-hero .wp-block-image { margin:0; }
.oska-about-hero .wp-block-image img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
.oska-about-lede { max-width:340px; margin:0; font-size:15px; line-height:1.75; }
.oska-about-facts.wp-block-columns { flex-wrap:wrap !important; gap:22px 44px; margin:32px 0 0; padding-top:26px; border-top:1px solid var(--wp--preset--color--rule); }
.oska-about-facts.wp-block-columns > .wp-block-column { flex:0 1 auto !important; }
.oska-about-facts p { margin:0; }
.oska-about-facts .oska-label { margin-bottom:8px; }
.oska-about-value { font-size:21px; line-height:1.5; }
:is(.oska-about-section, .oska-about-quote, .oska-about-chapters) { border-top:1px solid var(--wp--preset--color--rule); }
.oska-about-section { display:grid; grid-template-columns:minmax(0,1fr); padding:120px 0 140px; }
.oska-about-section > * { min-width:0; margin:0; }
.oska-about-section > .oska-label { margin-bottom:24px; }
.oska-about-statement { max-width:430px; margin:0 0 42px; font-weight:400; line-height:1.28; letter-spacing:-.01em; }
.oska-about-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:66px; }
.oska-about-columns > * { min-width:0; margin:0; }
.oska-about-columns p { margin:0 0 46px; font-size:15px; line-height:1.7; }
.oska-about-columns p:last-child { margin-bottom:0; }
.oska-about-quote { padding:122px 0; text-align:center; }
.oska-about-quote > * { max-width:600px; margin-inline:auto; }
.oska-about-quote p { margin:0; }
.oska-about-quote .oska-about-quote-text { margin-bottom:32px; font-size:29px; line-height:1.4; }
.oska-about-chapters { padding:113px 0 110px; }
.oska-about-chapters > * { margin:0; }
.oska-about-chapters > h2 { margin:24px 0 40px; font-weight:400; line-height:1.24; letter-spacing:-.01em; }
.oska-about-section.oska-about-career { padding:81px 0 33px; }
.oska-about-career p:not(.oska-label) { max-width:430px; font-size:21px; line-height:1.5; }
.oska-about-career a { font-weight:700; }
@media(max-width:767px) {
 .oska-about-hero { grid-template-columns:minmax(0,1fr); row-gap:50px; padding:0 0 66px; }
 .oska-about-section { grid-template-columns:minmax(0,1fr); padding:57px 0 80px; }
 .oska-about-columns > * + * { margin-top:46px; }
 .oska-about-columns { grid-template-columns:minmax(0,1fr); }
 .oska-about-quote { padding:70px 0 71px; }
 .oska-about-quote .oska-about-quote-text { font-size:21px; }
 .oska-about-chapters { padding:57px 0 56px; }
 .oska-about-section.oska-about-career { padding:49px 0 0; }
}

/* Standalone contact links provide a shared touch target without expanding prose links. */
.oska-shell p > a:is([href^="tel:"],[href^="mailto:"]):only-child { display:inline-flex; align-items:center; box-sizing:border-box; min-height:44px; min-width:44px; max-width:100%; overflow-wrap:anywhere; }

/* Native page introductions and section variants, shared across languages. */
.oska-page-head { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 10px; align-items:end; margin:0 0 var(--oska-head-gap); }
.oska-page-head > .oska-title { grid-column:1 / span 2; align-self:start; margin:0; }
.oska-page-head > .oska-lead { grid-column:4; margin:0; font-size:15px; line-height:1.7; }
.oska-video-intro { margin:0 0 88px; align-items:center; }
.oska-video-intro h2 { font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin-bottom:14px; }
.oska-video-intro p { margin:0 0 12px; }
.oska-facts { border-top:1px solid var(--wp--preset--color--ink); padding-top:40px; margin-top:72px; }
.oska-facts-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.oska-facts-grid > * { margin:0; padding:22px 24px 22px 0; min-width:0; }
.oska-facts-grid h3 { margin:0 0 8px; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.18em; text-transform:uppercase; }
/* Fact text 15px muted, as on the live site (447). */
.oska-facts-grid p { margin:0; font-size:15px; line-height:1.5; color:var(--wp--preset--color--muted); }
@media(max-width:1024px) { .oska-page-head > .oska-title,.oska-page-head > .oska-lead { grid-column:1 / -1; } .oska-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .oska-video-intro { gap:32px; margin-bottom:56px; } .oska-facts { margin-top:48px; } .oska-facts-grid { grid-template-columns:minmax(0,1fr); gap:16px; } }

/* Optional action stays with the title in the shared introduction. */
.oska-page-head > .wp-block-buttons { grid-column:1 / span 2; margin:24px 0 0; }
@media(max-width:1024px) { .oska-page-head > .wp-block-buttons { grid-column:1 / -1; } }

/* Recruitment media pair: shared native blocks, one responsive composition. */
.oska-careers-intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:88px; align-items:stretch; }
.oska-careers-intro > * { min-width:0; margin:0; }
.oska-careers-intro > .wp-block-image img { display:block; width:100%; height:100%; object-fit:cover; }
/* One callout box, shared by Careers and the store "Changed opening times" note. */
:is(.oska-careers-callout, .oska-callout) { background:var(--wp--preset--color--rule); padding:32px 40px; margin:0 0 10px; }
.oska-careers-callout h2 { margin:0 0 24px; }
.oska-careers-intro .wp-block-columns { gap:10px; margin:0; }
.oska-careers-intro .wp-block-embed { margin:0; }
@media(max-width:767px) { .oska-careers-intro { grid-template-columns:minmax(0,1fr); margin-bottom:56px; } :is(.oska-careers-callout, .oska-callout) { padding:24px; } }
/* Careers intro like the live site (operator 2026-10-05): on desktop the right column ends level with the photo, the grey box taking any extra
   height; at 1024px and below the photo, the box (one row: heading left, button right) and the two videos stack; on phones the photo is 4:3. */
.oska-careers-intro > .wp-block-group { display:flex; flex-direction:column; }
.oska-careers-intro .oska-careers-callout { flex:1 0 auto; }
@media(max-width:1024px) {
 .oska-careers-intro { grid-template-columns:minmax(0,1fr); }
 .oska-careers-intro > .wp-block-image img { height:auto; aspect-ratio:3 / 2; }
 .oska-careers-callout { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 40px; }
 .oska-careers-callout h2 { margin:0; font-size:29px; line-height:1.12; }
 .oska-careers-callout .wp-block-buttons { flex:none; margin:0; }
}
@media(max-width:767px) {
 .oska-careers-callout { display:block; padding:24px; }
 .oska-careers-callout h2 { margin:0 0 24px; font-size:25px; }
 .oska-careers-intro > .wp-block-image img { aspect-ratio:4 / 3; }
}

/* Shared detail and article audit corrections. */
@media(max-width:1024px) { :is(.oska-split:has(> .oska-paper-copy), .oska-split:has(> .oska-flipbook-collection)) { grid-template-columns:minmax(0,1fr); gap:24px; } :is(.oska-paper-copy, .oska-split:has(> .oska-flipbook-collection) > .wp-block-group) { grid-row:1; } }
.wp-site-blocks .wp-element-button:focus-visible { outline:2px solid var(--wp--preset--color--ink); outline-offset:4px; box-shadow:0 0 0 2px var(--wp--preset--color--paper); }
.is-style-oska-campaign .wp-element-button:focus-visible { outline-color:var(--wp--preset--color--paper); box-shadow:0 0 0 2px var(--wp--preset--color--ink); }
.oska-shell .wp-element-button:hover { opacity:.8; }
.oska-article .wp-block-post-content > .wp-block-buttons { margin-block:var(--wp--preset--spacing--medium); }
.oska-article .wp-block-gallery { gap:24px; }
.oska-article .wp-block-image img { max-width:100%; width:auto; }

/* Portrait editorial films retain their source frame ratio in both canvases. */
.wp-embed-responsive .oska-video-portrait.wp-has-aspect-ratio .wp-block-embed__wrapper::before, .oska-video-portrait .wp-block-embed__wrapper::before { padding-top:141.2%; }

/* Standalone utility actions share the same accessible target as contact links. */
.oska-shell .oska-utility > a:only-child { display:inline-flex; align-items:center; min-height:44px; min-width:44px; max-width:100%; box-sizing:border-box; }

/* Empty legacy bodies and empty result states add no space before the shared footer clearance. */
.oska-shell .wp-block-post-content:has(> p:only-child:empty) { display:none; }
.wp-block-query-no-results > :last-child { margin-block-end:0; }

/* Live reference (operator 2026-09-25): the campaign cover keeps its own title scale (every other page title shares the page head, 458);
   previous/next links. Post text in the 680px content width (operator 2026-10-05). */
.is-style-oska-campaign .oska-title { font-size:clamp(52px,7vw,96px); line-height:1; letter-spacing:-.01em; }
body.single-post .wp-block-post-content.is-layout-constrained > * { max-width:none; }
/* Post text reads in the theme content width, left-aligned under the title; images, galleries and embeds keep their own width up to the full content width. */
body.single-post main > .wp-block-post-content.is-layout-constrained > :is(p,h2,h3,h4,h5,h6,ul,ol,.wp-block-buttons,.wp-block-table,.wp-block-separator) { max-width:var(--wp--style--global--content-size); margin-left:0 !important; }
body.single-post main > .wp-block-post-content.is-layout-constrained > .wp-block-quote { max-width:calc(var(--wp--style--global--content-size) - 40px); }
/* Post singles (operator 2026-10-02, 2026-10-05): text in black; title and spacing from the shared page head (458). Store and job singles: the
   breadcrumb takes the shared opening space (operator 2026-10-05) and the title follows it. */
body.single-post .wp-block-post-content { color:#000; }
/* Text posts open with their featured image under the title at the full content width, then the shared gap (operator 2026-10-06, 459); video and
   Paper posts open with their video or covers instead. */
.oska-post-hero { margin:0 0 var(--oska-head-gap); }
.oska-post-hero img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
/* Text beside a details panel (job pages) starts level with the panel, the shared gap below the title (458). */
.oska-split > .wp-block-post-content > :first-child { margin-block-start:0; }
.oska-post-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-block:var(--wp--preset--spacing--x-large) 0; }
.oska-post-nav > * { min-width:0; margin:0; }
.oska-post-nav > .post-navigation-link-previous { grid-column:1; padding-inline-end:24px; }
.oska-post-nav > .post-navigation-link-next { grid-column:2; padding-inline-start:24px; text-align:right; }
.oska-post-nav > .post-navigation-link-next:not(:empty) { border-inline-start:1px solid var(--wp--preset--color--hairline); }
.oska-post-nav a { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:16px; min-height:44px; color:var(--wp--preset--color--ink); text-decoration:none; }
.oska-post-nav .post-navigation-link-next a { grid-template-columns:minmax(0,1fr) auto; }
.oska-post-nav .post-navigation-link-previous a::before, .oska-post-nav .post-navigation-link-next a::after { grid-row:1 / span 2; font-size:30px; font-weight:300; line-height:1; color:var(--wp--preset--color--hairline); }
.oska-post-nav .post-navigation-link-previous a::before { content:"\2039"; content:"\2039" / ""; grid-column:1; }
.oska-post-nav .post-navigation-link-next a::after { content:"\203A"; content:"\203A" / ""; grid-column:2; }
.oska-post-nav .post-navigation-link__label { grid-column:2; font-size:11px; font-weight:400; line-height:1.5; letter-spacing:.127em; text-transform:uppercase; color:var(--wp--preset--color--muted); }
.oska-post-nav .post-navigation-link__title { grid-column:2; font-size:15px; line-height:1.5; }
.oska-post-nav .post-navigation-link-next :is(.post-navigation-link__label,.post-navigation-link__title) { grid-column:1; }
.oska-post-nav a:is(:hover,:focus-visible) .post-navigation-link__title { text-decoration:underline; }
@media(max-width:767px) { .oska-post-nav { grid-template-columns:minmax(0,1fr); } .oska-post-nav > :is(.post-navigation-link-previous,.post-navigation-link-next) { grid-column:1; padding-inline:0; } .oska-post-nav > .post-navigation-link-next:not(:empty) { border-inline-start:0; } .oska-post-nav > .post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty) { margin-top:16px; padding-top:16px; border-top:1px solid var(--wp--preset--color--hairline); } }
/* Capitals like the live site (operator 2026-09-25: "like live"): page titles, section headings of the home page and the templated pages, story cards. Editorial body headings keep normal case, as on live. */
:is(.oska-section-head, .oska-newsletter) h2, body.page-template-content-page .oska-shell h2 { text-transform:uppercase; }
.oska-story-grid.is-style-oska-editorial .wp-block-post-title { text-transform:uppercase; letter-spacing:.02em; }
/* Home page section headings are 36-48px, like the live site (operator 2026-09-25). */
body.home .oska-section-head h2 { font-size:clamp(36px,3.4vw,48px); line-height:1.05; letter-spacing:-.01em; }
/* Home story grid like the live site (operator 2026-10-02): square pictures 74px below the section heading, 15px titles in normal case
   14px below the picture (no season line above them: no eyebrows, operator 2026-09-10), an outlined section button. */
body.home .oska-section-head { margin-block-end:74px; }
.oska-story-grid:not(.is-style-oska-editorial) .wp-block-post-featured-image { margin-bottom:14px; }
.oska-story-grid:not(.is-style-oska-editorial) .wp-block-post-title { font-size:15px; line-height:1.5; letter-spacing:.04em; }
.oska-section-head .wp-block-button__link { background:transparent; color:var(--wp--preset--color--ink); border:1px solid var(--wp--preset--color--ink); }

/* Legal pages like the live site (operator 2026-10-05): text left under the title in a 580px measure; Iubenda documents keep the full width. */
body.page-template-legal .wp-block-post-content.is-layout-constrained > * { max-width:580px; margin-left:0 !important; }
body.page-template-legal .wp-block-post-content.is-layout-constrained > .wp-block-oska-legal-document { max-width:none; }
/* Sitemap like the live site: 29px uppercase headings with the legal heading spacing, plain links (two columns in the 580px measure, one on phones, from the sitemap's own grid). */
.oska-sitemap .oska-sitemap__heading { margin:44px 0 12px; font-size:29px; font-weight:400; line-height:1.25; letter-spacing:0; text-transform:uppercase; }
.oska-sitemap > .oska-sitemap__heading:first-child { margin-top:0; }
.oska-sitemap .oska-sitemap__list a { text-decoration:none; }
.oska-sitemap { padding-bottom:10px; }
.oska-sitemap .oska-sitemap__list a:is(:hover,:focus-visible) { text-decoration:underline; }
/* Careers "Nothing that fits?" box like the live site (operator 2026-10-05): full width, 40/48px padding, 21px title, 15px muted text. */
.oska-callout.oska-careers-apply { padding:40px 48px; margin:0; }
.oska-careers-apply > * { margin:0; }
.oska-careers-apply > h2 { margin-bottom:6px; font-size:21px; line-height:1.2; }
.oska-careers-apply > p { max-width:438px; font-size:15px; line-height:1.6; color:var(--wp--preset--color--muted); }
.oska-careers-apply > .wp-block-buttons { margin-top:20px; }
@media(max-width:767px) { .oska-callout.oska-careers-apply { padding:32px 24px; } }
/* Text legal pages like the live site (operator 2026-10-05; imprint, accessibility statement, sitemap): 29px capital headings with 44px above and 12px below, paragraphs .9em apart. Title, edges and spacing from the shared page head (458). */
body.page-template-legal .wp-block-post-content > p { margin-block:0 .9em; }
body.page-template-legal .wp-block-post-content > h2 { margin:44px 0 12px; font-size:29px; line-height:1.25; letter-spacing:0; text-transform:uppercase; }
body.page-template-legal .wp-block-post-content > h2:first-child { margin-top:0; }

/* Chapter pages (Design philosophy, Silhouettes, Colours, Quality) like the live site (operator 2026-10-05, 446): the About page template with the
   title in the content (shared page head, full content width: 458); sections divided by rules (full width below 1025px). The About template ends
   with the shared footer clearance, its last section adding none (operator 2026-10-06, 459). */
.oska-about > .wp-block-post-content > :last-child { padding-bottom:0; }
:is(.oska-ch-section,.oska-ch-row,.oska-ch-index) p, :is(.oska-ch-hero,.oska-ch-intro) p { margin:0; }
:is(.oska-ch-section,.oska-ch-row) :is(h2,h3) { margin:0; font-weight:400; }
.oska-ch-tagline { font-size:15px; line-height:1.5; letter-spacing:.24em; text-transform:uppercase; }
@media(max-width:1024px) {
 :is(.oska-ch-section,.oska-ch-row) { border-image:linear-gradient(var(--wp--preset--color--rule),var(--wp--preset--color--rule)) 1 / 1px 0 0 / 0 100vw; }
}

/* Design philosophy: the title above (458), then the photo (half the width) with the text beside it, both starting under the title. */
.oska-philosophy { display:grid; grid-template-columns:50% minmax(0,1fr); column-gap:50px; align-items:start; }
.oska-philosophy > * { min-width:0; margin:0; }
.oska-philosophy .wp-block-image img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
.oska-philosophy-text { padding-right:50px; }
.oska-philosophy-text p { margin:0 0 20px; font-size:16px; line-height:1.5; }
.oska-philosophy-text p:last-child { margin-bottom:0; }

/* Silhouettes: the introduction under the title (left-aligned like every page head, 458), a ruled index of the six silhouettes across the full
   width (459), then alternating rows (sketch with its large number | text). */
.oska-ch-intro .oska-ch-lede { max-width:550px; font-size:15px; line-height:1.75; color:var(--wp--preset--color--muted); }
.oska-about .oska-ch-index { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px 40px; margin:54px 0 0; padding:22px 0; border-block:1px solid var(--wp--preset--color--rule); }
.oska-ch-index p { font-size:15px; line-height:1.5; letter-spacing:.24em; text-transform:uppercase; white-space:nowrap; }
.oska-ch-index a { color:var(--wp--preset--color--ink); text-decoration:none; }
.oska-ch-index a:is(:hover,:focus-visible) { text-decoration:underline; text-underline-offset:4px; }
.oska-ch-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:80px; align-items:center; padding:106px 76px; border-top:1px solid var(--wp--preset--color--rule); scroll-margin-top:24px; }
.oska-ch-index + .oska-ch-row { border-top:0; border-image:none; }
.oska-ch-row > * { min-width:0; margin:0; }
.oska-ch-figure { display:grid; place-items:center; }
.oska-ch-figure > * { grid-area:1 / 1; margin:0; }
.oska-ch-figure .oska-ch-number { font-size:210px; font-weight:100; line-height:1; color:#e8e7e2; user-select:none; }
.oska-ch-figure .wp-block-image { position:relative; }
.oska-ch-figure img { display:block; width:auto; height:430px; max-width:100%; object-fit:contain; }
.oska-ch-text > .oska-label { margin-bottom:24px; }
.oska-ch-text > h2 { margin-bottom:24px; font-size:34px; line-height:1.2; letter-spacing:-.01em; }
.oska-ch-text > .oska-ch-tagline { margin-bottom:22px; }
.oska-ch-text > p:not(.oska-label,.oska-ch-tagline) { font-size:15px; line-height:1.7; }
.oska-ch-text > p:not(.oska-label,.oska-ch-tagline) + p:not(.oska-label,.oska-ch-tagline) { margin-top:12px; }
.oska-ch-text > .oska-ch-aside { margin-top:34px; padding-top:17px; border-top:1px solid var(--wp--preset--color--rule); }
.oska-ch-aside > .oska-label { margin-bottom:7px; line-height:1.5; }
.oska-ch-aside > p:not(.oska-label) { font-size:15px; line-height:1.5; color:var(--wp--preset--color--muted); }

/* Colours and Quality: the title above (458), then the introduction and note or facts beside the photo, both starting under the title; ruled sections follow. */
.oska-ch-hero { display:grid; grid-template-columns:minmax(0,1fr) 48.67%; column-gap:70px; align-items:start; padding:0 0 106px; }
.oska-ch-hero--square { grid-template-columns:minmax(0,1fr) 43.63%; }
.oska-ch-hero > * { min-width:0; margin:0; }
.oska-ch-hero .oska-ch-lede { max-width:360px; font-size:15px; line-height:1.75; }
.oska-ch-hero--square .oska-ch-lede { max-width:400px; }
.oska-ch-hero .oska-ch-note { max-width:260px; margin-top:32px; padding-top:22px; border-top:1px solid var(--wp--preset--color--rule); font-size:15px; line-height:1.65; color:var(--wp--preset--color--muted); }
.oska-ch-hero .wp-block-image img { display:block; width:100%; height:auto; aspect-ratio:550 / 632; max-height:85vh; object-fit:cover; }
.oska-ch-hero--square .wp-block-image img { aspect-ratio:1; }
.oska-ch-facts.wp-block-columns { display:grid !important; grid-template-columns:repeat(3,115px); column-gap:56px; margin:32px 0 0; padding:37px 0 0; border-top:1px solid var(--wp--preset--color--rule); }
.oska-ch-facts.wp-block-columns > .wp-block-column { min-width:0; margin:0; }
.oska-ch-facts .oska-label { margin-bottom:7px; line-height:1.5; }
.oska-ch-value { font-size:21px; line-height:1.5; }
.oska-ch-section { padding:114px 0 130px; border-top:1px solid var(--wp--preset--color--rule); }
.oska-ch-section > * { min-width:0; margin:0; }
/* Labels sit above their headings, 24px apart, at every width (operator 2026-10-06, 459: "eyebrow always above headline"); text and images
   share the section edges (no 10px insets). */
.oska-ch-labelled { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; }
/* Quality's labelled section and fibres sit a little higher, and its two paragraphs share the width by length, as on the live site. */
.oska-ch-labelled:not(.oska-ch-labelled--wide) { padding-top:105px; }
.oska-ch-labelled:not(.oska-ch-labelled--wide) .oska-ch-columns { display:flex; }
.oska-ch-labelled:not(.oska-ch-labelled--wide) .oska-ch-columns > * { flex:1 1 auto; }
.oska-ch-section.oska-ch-features { padding-top:104px; }
.oska-ch-labelled > .oska-label { margin-bottom:24px; }
.oska-ch-body > h2 { margin-bottom:38px; font-size:29px; line-height:1.3; letter-spacing:0; }
.oska-ch-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:46px; }
.oska-ch-columns > * { min-width:0; margin:0; }
.oska-ch-columns p { font-size:15px; line-height:1.7; }
.oska-ch-stack > .oska-label { margin-bottom:24px; line-height:1.5; }
.oska-ch-stack > h2 { margin-bottom:50px; font-size:34px; line-height:1.2; letter-spacing:-.01em; }
.oska-ch-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:112px; align-items:start; }
.oska-ch-pair--media { align-items:center; }
.oska-ch-pair > * { min-width:0; margin:0; }
.oska-ch-pair .oska-label { margin-bottom:24px; line-height:1.5; }
.oska-ch-pair h2 { margin-bottom:33px; font-size:25px; line-height:1.3; letter-spacing:0; }
.oska-ch-pair--media h2 { margin-bottom:36px; font-size:29px; }
.oska-ch-pair--media .oska-label { line-height:1.4; }
.oska-ch-pair p:not(.oska-label) { font-size:15px; line-height:1.7; }
.oska-ch-pair p:not(.oska-label) + p:not(.oska-label) { margin-top:14px; }
.oska-ch-pair .wp-block-image img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
.oska-ch-notes.wp-block-columns { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:76px 0 0; }
.oska-ch-notes.wp-block-columns > .wp-block-column { min-width:0; margin:0; padding:38px 32px 0 0; border-top:1px solid var(--wp--preset--color--rule); }
.oska-ch-notes h3 { margin:0 0 8px; font-size:15px; line-height:1.2; }
.oska-ch-notes p { font-size:15px; line-height:1.65; color:var(--wp--preset--color--muted); }
.oska-ch-notes--steps.wp-block-columns { margin-top:54px; }
.oska-ch-notes--steps h3 { margin-bottom:10px; font-size:17px; }
.oska-ch-notes--steps p { line-height:1.7; color:var(--wp--preset--color--ink); }
.oska-ch-stack > .oska-ch-statement { display:grid; grid-template-columns:minmax(0,1fr); row-gap:8px; margin-top:58px; padding-top:23px; border-top:1px solid var(--wp--preset--color--rule); }
.oska-ch-statement > * { margin:0; }
.oska-ch-statement > p:first-child { font-size:15px; line-height:1.5; letter-spacing:.24em; text-transform:uppercase; color:var(--wp--preset--color--ink); }
.oska-ch-statement > p + p { font-size:15px; line-height:1.6; color:var(--wp--preset--color--muted); }
.oska-ch-features > .oska-label { margin-bottom:24px; }
.oska-ch-features > h2 { margin-bottom:148px; font-size:34px; line-height:1.2; letter-spacing:-.01em; }
.oska-ch-feature { display:grid; grid-template-columns:44.6% minmax(0,1fr); column-gap:9%; align-items:center; }
.oska-ch-feature:has(> .wp-block-group:first-child) { grid-template-columns:minmax(0,1fr) 44.6%; }
.oska-ch-feature + .oska-ch-feature { margin-top:100px; }
.oska-ch-feature--text { display:block; max-width:46%; padding:0; }
.oska-ch-feature > * { min-width:0; margin:0; }
.oska-ch-feature .wp-block-image img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
:is(.oska-ch-feature-text,.oska-ch-feature--text) > .oska-ch-count { margin-bottom:20px; font-size:15px; line-height:1.5; letter-spacing:.18em; color:var(--wp--preset--color--muted); }
:is(.oska-ch-feature-text,.oska-ch-feature--text) > h3 { margin-bottom:24px; font-size:29px; line-height:1.2; }
:is(.oska-ch-feature-text,.oska-ch-feature--text) > .oska-ch-tagline { margin-bottom:31px; }
:is(.oska-ch-feature-text,.oska-ch-feature--text) > p:not(.oska-ch-count,.oska-ch-tagline) { font-size:15px; line-height:1.7; }
:is(.oska-ch-feature-text,.oska-ch-feature--text) > p:not(.oska-ch-count,.oska-ch-tagline) + p:not(.oska-ch-count,.oska-ch-tagline) { margin-top:14px; }

@media(max-width:1024px) {
 .oska-about .oska-ch-index { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .oska-ch-row { margin-inline:0; padding:106px 48px; }
 .oska-ch-text > h2 { font-size:29px; }
 .oska-ch-stack > h2, .oska-ch-features > h2 { font-size:29px; }
}
@media(max-width:767px) {
 .oska-philosophy { grid-template-columns:minmax(0,1fr); row-gap:50px; }
 .oska-philosophy-text { padding-right:0; }
 .oska-about .oska-ch-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 20px; margin-top:42px; padding:23px 0; }
 .oska-ch-row { grid-template-columns:minmax(0,1fr); row-gap:48px; padding:62px 0 66px; }
 .oska-ch-row > .oska-ch-figure { order:-1; }
 .oska-ch-figure .oska-ch-number { font-size:120px; }
 .oska-ch-figure img { height:300px; }
 .oska-ch-text > h2 { font-size:25px; }
 .oska-ch-hero { grid-template-columns:minmax(0,1fr); row-gap:46px; padding:0 0 66px; }
 .oska-ch-facts.wp-block-columns { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:20px; }
 .oska-ch-section { padding-block:60px 78px; }
 .oska-ch-labelled:not(.oska-ch-labelled--wide), .oska-ch-section.oska-ch-features { padding-top:60px; }
 .oska-ch-body > h2, .oska-ch-stack > h2, .oska-ch-features > h2, .oska-ch-pair--media h2 { font-size:25px; }
 .oska-ch-body > h2 { margin-bottom:38px; }
 .oska-ch-stack > h2 { margin-bottom:36px; }
 :is(.oska-ch-columns,.oska-ch-pair) { grid-template-columns:minmax(0,1fr); }
 .oska-ch-labelled:not(.oska-ch-labelled--wide) .oska-ch-columns { display:grid; }
 .oska-ch-columns > p + p { margin-top:22px; }
 .oska-ch-pair > * + * { margin-top:60px; }
 .oska-ch-pair h2 { font-size:21px; }
 .oska-ch-notes.wp-block-columns { grid-template-columns:minmax(0,1fr); margin-top:56px; }
 .oska-ch-notes.wp-block-columns > .wp-block-column { padding:37px 0 25px; }
 .wp-block-post-content > .oska-ch-section:last-child .oska-ch-notes:last-child > .wp-block-column:last-child { padding-bottom:0; }
 .oska-ch-features > h2 { margin-bottom:100px; }
 .oska-ch-feature, .oska-ch-feature:has(> .wp-block-group:first-child) { grid-template-columns:minmax(0,1fr); row-gap:34px; }
 .oska-ch-feature--text { max-width:none; }
 .oska-ch-feature + .oska-ch-feature { margin-top:68px; }
 :is(.oska-ch-feature-text,.oska-ch-feature--text) > h3 { font-size:25px; }
}

/* Paper landing and flipbook posts (operator 2026-10-05, 447; 2026-10-06, 459): the introduction column (title with the season beneath,
   introduction, note and the edition index) stays in view beside the stacked covers. The covers start level with the title at the right content
   edge, and each cover with its caption fits the screen below the 80px header and the opening space, 24px to spare. On phones everything stacks
   and the index is left out. */
.oska-paper { display:grid; grid-template-columns:42.95% min(50.42%, calc((100vh - 232px) * .75)); justify-content:space-between; column-gap:6.63%; align-items:start; }
.oska-paper > * { min-width:0; margin:0; }
.oska-paper-intro { position:sticky; top:60px; display:flex; flex-direction:column; box-sizing:border-box; }
.oska-paper-intro > *, .oska-paper-intro > .wp-block-post-content > * { margin:0; }
.oska-paper-intro > .oska-title { margin-bottom:var(--oska-head-gap); }
.oska-paper-season { display:block; margin-top:19px; font-size:clamp(15px,1.3vw,18.72px); font-weight:400; line-height:1.5; letter-spacing:.22em; color:var(--wp--preset--color--muted); }
.oska-paper-intro > p:first-of-type, .oska-paper-intro > .wp-block-post-content > p:first-child { max-width:391px; font-size:clamp(15px,1.15vw,16.56px); line-height:1.65; color:#444; }
.oska-paper-intro > p:first-of-type ~ p, .oska-paper-intro > .wp-block-post-content > p + p { max-width:337px; margin-top:32px; font-size:15px; line-height:1.6; color:var(--wp--preset--color--muted); }
.oska-paper-intro .oska-flipbook-index { margin-top:56px; padding-top:29px; border-top:1px solid #ccc; }
/* The landing ends with the shared footer clearance (459). Stacked below 861px as on the live site (447); edges and opening space from the shared
   page head (458). On short screens the introduction scrolls with the page. */
@media(max-width:1024px) { .oska-paper { grid-template-columns:42.95% min(50.42%, calc((100vh - 228px) * .75)); } .oska-paper-intro { top:56px; } }
@media(min-width:861px) and (max-height:640px) { .oska-paper-intro { position:static; } }
@media(max-width:860px) {
 .oska-paper { grid-template-columns:minmax(0,1fr); row-gap:48px; }
 .oska-paper .oska-flipbook-collection { max-width:calc((100svh - 116px) * .75); }
 .oska-paper-intro { position:static; }
 .oska-paper-season { margin-top:14px; }
 .oska-paper-intro > p:first-of-type ~ p, .oska-paper-intro > .wp-block-post-content > p + p { margin-top:22px; }
 .oska-paper-intro .oska-flipbook-index { display:none; }
}

/* Wholesale like the live site (operator 2026-10-05, 447): sections 72px apart (56px on phones) with the heading 23px above its cards;
   "Good to know" as a ruled note: small label, 17px text, an underlined link. */
.oska-section-head:has(+ .oska-wholesale-directory) { margin-block:72px 23px; }
.oska-wholesale-note { margin-top:72px; padding-top:40px; border-top:1px solid var(--wp--preset--color--ink); }
.oska-wholesale-note > * { margin:0; }
.oska-wholesale-note > h2 { margin-bottom:16px; font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; }
.oska-wholesale-note > p { max-width:496px; font-size:17px; line-height:1.7; color:var(--wp--preset--color--ink); }
.oska-wholesale-note > .wp-block-buttons { margin-top:6px; }
.oska-wholesale-note .wp-block-button__link { padding:0; border:0; border-radius:0; background:none; color:var(--wp--preset--color--ink); font-size:17px; font-weight:400; line-height:1.4; letter-spacing:0; text-transform:none; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:767px) { .oska-section-head:has(+ .oska-wholesale-directory) { margin-block:56px 23px; } .oska-wholesale-note { margin-top:56px; } }

/* Story pages like the live site (operator 2026-10-05, 447): headings in the text 25px capitals (32px above, 10px below), paragraphs .9em apart,
   links bold, quotes indented 40px with an italic citation; a post video fills the content width, its left edge under the title (operator 2026-10-05). */
.oska-article > .wp-block-post-content > :first-child { margin-top:0; }
.oska-article > .wp-block-post-content > :is(h2,h3) { margin:32px 0 10px; font-size:25px; font-weight:400; line-height:1.3; letter-spacing:0; text-transform:uppercase; }
.oska-article > .wp-block-post-content > p { margin-block:0 .9em; }
.oska-article > .wp-block-post-content a:not(.wp-element-button) { font-weight:700; }
.oska-article > .wp-block-post-content > .wp-block-quote { margin:0 0 .9em 40px !important; padding:0; border:0; }
.oska-article > .wp-block-post-content > .wp-block-quote p { margin:0 0 .9em; font-size:16px; line-height:1.5; }
.oska-article > .wp-block-post-content > .wp-block-quote cite { display:block; margin:0; font-size:16px; font-style:italic; line-height:1.5; }
/* No single picture or film is taller than 85% of the screen, on posts and pages alike (operator 2026-10-06, 462): pictures that fill a
   column are cropped from the centre, films narrow instead and keep their left edge. */
body.single-post .oska-post-video { max-width:min(100%, calc(85vh * 16 / 9)); margin-inline:0; }
body .oska-split.oska-store-layout > .wp-block-post-featured-image { max-height:85vh; }
/* Post bodies (operator 2026-10-06, 460: "from simple image with 1 paragraph to full page of words, images and videos"). Text keeps the 680px
   reading measure, opened by an optional Intro paragraph; pictures, galleries, columns, picture beside text, films, cover pictures, pull quotes
   and dividers take the shared 48/40/32px space above and below. A picture shows at its own size, up to the content width and 85% of the
   screen height; Wide and Full fill the content width. Galleries are a grid of pictures cropped to 4:5 (three columns unless set, two on
   phones); columns and picture beside text fill the content width; films are 16:9 at the content width, portrait films at most 85% of the
   screen height. Captions 15px muted. The same rules apply in the post editor. */
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > :is(.wp-block-image,.wp-block-gallery,.wp-block-columns,.wp-block-media-text,.wp-block-embed,.wp-block-video,.wp-block-cover,.wp-block-pullquote,.wp-block-separator) { margin-block:var(--oska-head-gap) !important; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > :first-child { margin-top:0 !important; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > :last-child { margin-bottom:0 !important; }
.is-style-oska-intro { font-size:21px; line-height:1.5; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > :is(ul,ol) { margin:0 0 .9em; padding-left:1.25em; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > :is(ul,ol) li + li { margin-top:.3em; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-image:not(.is-resized):not(.alignwide):not(.alignfull) img { display:block; width:auto; max-width:100%; height:auto; max-height:85vh; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-image:is(.alignwide,.alignfull) img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(.wp-block-image,.wp-block-video,.wp-block-embed) > :is(figcaption,.wp-element-caption), :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-gallery figcaption { position:static !important; width:auto !important; margin:12px 0 0 !important; padding:0 !important; background:none !important; font-size:15px !important; line-height:1.5 !important; color:var(--wp--preset--color--muted) !important; text-align:left !important; max-height:none !important; overflow:visible !important; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px !important; align-items:start; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images.columns-1, :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images.columns-default:has(> .wp-block-image:only-of-type) { grid-template-columns:minmax(0,1fr); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images.columns-2, :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images.columns-default:has(> .wp-block-image:nth-of-type(2):last-of-type) { grid-template-columns:repeat(2,minmax(0,1fr)); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images:is(.columns-4,.columns-5,.columns-6,.columns-7,.columns-8) { grid-template-columns:repeat(4,minmax(0,1fr)); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images > .wp-block-image { width:auto !important; margin:0 !important; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images > .wp-block-image img { display:block; width:100% !important; height:auto !important; max-height:none; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images.is-cropped > .wp-block-image img { aspect-ratio:4 / 5; object-fit:cover; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery > .blocks-gallery-caption { grid-column:1 / -1; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images:is(.columns-1, .columns-default:has(> .wp-block-image:only-of-type)) > .wp-block-image img { max-height:85vh; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-columns { gap:24px; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-column > .wp-block-image { margin:0; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-column > .wp-block-image img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text { grid-template-columns:50% minmax(0,1fr); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text.has-media-on-the-right { grid-template-columns:minmax(0,1fr) 50%; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text > .wp-block-media-text__content { padding:0 0 0 48px; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { padding:0 48px 0 0; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text > .wp-block-media-text__media img { display:block; width:100%; height:auto; max-height:85vh; object-fit:cover; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-media-text__content > :first-child { margin-top:0; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-media-text__content > :last-child { margin-bottom:0; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) .wp-block-media-text__content > p { margin:0 0 .9em; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) :is(.wp-block-media-text__content,.wp-block-column) > :is(h2,h3) { margin:0 0 10px; font-size:25px; font-weight:400; line-height:1.3; letter-spacing:0; text-transform:uppercase; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed { margin-inline:0; max-width:calc(85vh * 16 / 9); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed.wp-embed-aspect-4-3 { max-width:calc(85vh * 4 / 3); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed.wp-embed-aspect-1-1 { max-width:85vh; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed.wp-embed-aspect-21-9 { max-width:calc(85vh * 21 / 9); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed.oska-video-portrait { max-width:calc(85vh * .708); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-embed.wp-embed-aspect-9-16 { max-width:calc(85vh * .5625); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-video video { display:block; width:100%; max-height:85vh; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-pullquote { max-width:var(--wp--style--global--content-size) !important; margin-inline:0 !important; padding:0; border:0; text-align:left; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-pullquote blockquote { margin:0; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-pullquote p { margin:0; font-size:29px; line-height:1.4; letter-spacing:-.01em; }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-pullquote cite { display:block; margin-top:16px; font-size:13px; font-style:normal; font-weight:700; line-height:1.5; letter-spacing:.18em; text-transform:uppercase; color:var(--wp--preset--color--muted); }
:is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-separator { max-width:var(--wp--style--global--content-size); margin-inline:0 !important; border:0; border-top:1px solid var(--wp--preset--color--hairline); opacity:1; }
@media(max-width:767px) {
 .is-style-oska-intro { font-size:19px; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-gallery.has-nested-images:not(.columns-1) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px !important; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text, :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text.has-media-on-the-right { grid-template-columns:100% !important; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text > .wp-block-media-text__media { grid-column:1; grid-row:1; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text > .wp-block-media-text__content, :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { grid-column:1; grid-row:2; padding:24px 0 0; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-pullquote p { font-size:21px; }
 :is(.oska-article > .wp-block-post-content, .editor-styles-wrapper.post-type-post .is-root-container) > .wp-block-cover :is(p,h2,h3) { font-size:21px !important; line-height:1.4 !important; }
}

/* Home: 128px from the newsletter band to the footer (72px on phones), as on the live site (operator 2026-10-05). */
.oska-home-content.oska-shell { padding-block-end:128px; }
@media(max-width:767px) { .oska-home-content.oska-shell { padding-block-end:72px; } }