:root{--navy:#001845;--blue:#005b96;--blue-hover:#004575;--blue-soft:#edf4f8;--white:#fff;--surface:#f5f7f9;--ink:#182c40;--muted:#516579;--line:#d8e2eb;--focus:#005b96;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--content-max:1200px;--reading-max:720px;--radius:6px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--white);font:17px/1.65 var(--font-sans)}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}.shell{width:min(calc(100% - 48px),var(--content-max));margin-inline:auto}a{color:var(--blue)}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.screen-reader-text{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;width:auto;height:auto;padding:8px;background:var(--white);z-index:20}
h1{font-size:clamp(32px,3.8vw,52px);font-weight:700;line-height:1.12;letter-spacing:-.025em}h2{font-size:clamp(26px,2.7vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.015em}h3{font-size:22px;line-height:1.3;font-weight:600}.eyebrow{font-size:14px;font-weight:600;color:var(--blue);margin:0 0 12px}.section{padding-block:80px}.section--narrow{max-width:var(--reading-max)}.section--blue{background:var(--navy);color:var(--white)}.section-heading{max-width:var(--reading-max)}.section-heading h2{margin:0 0 32px}.prose{overflow-wrap:anywhere}.prose p{max-width:var(--reading-max)}.prose>:first-child{margin-top:0}.prose table{display:block;overflow-x:auto;max-width:100%}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--header-line);background:var(--header-bg);transition:background-color .25s ease,border-color .25s ease}.site-header__inner{min-height:80px;display:flex;align-items:center;gap:24px}.brand{color:var(--navy);font-weight:700}.brand a{text-decoration:none;color:inherit}.brand img{max-height:48px;width:auto}.primary-nav{margin-left:auto}.primary-nav .menu,.site-footer .menu{list-style:none;padding:0;margin:0;display:flex;gap:24px}.primary-nav a{color:inherit;text-decoration:none;font-size:16px;font-weight:600}.primary-nav .menu>li{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.primary-nav .sub-menu{list-style:none;margin:0;padding:16px;display:grid;gap:12px;background:var(--white);border:1px solid var(--line);max-height:60vh;overflow-y:auto;width:max-content;max-width:320px}.navigation-ready .primary-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px}.submenu-toggle{border:0;background:transparent;color:var(--ink);padding:10px;cursor:pointer}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:12px;color:var(--ink);min-height:48px;cursor:pointer}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--blue);border-radius:var(--radius);background:var(--blue);color:var(--white);text-decoration:none;font-size:16px;font-weight:600;line-height:1.35;cursor:pointer}.button:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.button--small{font-size:16px;padding:12px 16px}.button--quiet{background:transparent;color:var(--blue)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero{background:var(--surface);padding-block:80px}.hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:center}.hero h1,.page-header h1{margin:0 0 24px}.hero__media{margin:0}.hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-placeholder{display:grid;place-items:center;min-height:320px;padding:24px;border:1px dashed var(--line);background:var(--white);color:var(--muted);text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--white)}.card--link{color:inherit;text-decoration:none}.card--link:hover{border-color:var(--blue)}.card h2,.card h3{font-size:22px;margin:0 0 16px;color:var(--navy)}.card__media{margin-bottom:24px}.card__media img{width:100%;aspect-ratio:4/3;object-fit:contain}.text-link{color:var(--blue);font-weight:600}.page-header{background:var(--surface);padding-block:64px}.page-layout{min-height:360px}.page-cover{margin:0 0 32px}.page-cover img{width:100%;max-height:520px;object-fit:cover}.product-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.product-detail__media img{width:100%;object-fit:contain}
/* The picture column is shorter than the text beside it. The media box already stretches to the row height, so the picture inside it holds while the text scrolls and releases at the end of the row. */
.product-detail__media > .style-gallery,.product-detail__media > img,.product-detail__media > .media-placeholder{position:sticky;top:104px}
@media(max-width:640px){.product-detail__media > .style-gallery,.product-detail__media > img,.product-detail__media > .media-placeholder{position:static}}.product-meta{border-block:1px solid var(--line);padding:12px 0;margin:0 0 24px}.product-meta div{display:flex;gap:16px;padding:8px 0}.product-meta dt{font-weight:600;min-width:120px}.product-meta dd{margin:0}.lead{font-size:19px}.inquiry-form{max-width:820px;margin-top:32px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.form-grid p{margin:0}.form-grid__wide{grid-column:1/-1}.inquiry-form label{display:block;font-weight:600;margin-bottom:8px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink)}.inquiry-form textarea{resize:vertical}.form-unavailable{border:1px solid var(--line);background:var(--surface);padding:24px;max-width:var(--reading-max)}.form-policy{color:var(--muted)}.site-footer{background:var(--navy);color:var(--white);padding:48px 0 24px;font-size:14px}.site-footer a{color:inherit}.site-footer a:focus-visible{outline-color:var(--white)}.site-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.site-footer .menu{display:grid;gap:10px}.site-footer .menu a{color:#b8c9d6;font-size:14px}.site-footer .menu a:hover{color:var(--white)}.site-footer .eyebrow{color:var(--white)}.site-footer__bottom{border-top:1px solid #516579;margin-top:32px;padding-top:16px;color:#aebfcd;font-size:13px}
/* Three real columns: contact, the catalogue, the rest of the site. The policy pages sit in the
   bottom line as small print rather than owning a column of their own. */
.site-footer__group .eyebrow{margin:0 0 12px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:baseline}
.site-footer__legal{display:inline-flex;flex-wrap:wrap;gap:20px}
.site-footer__legal a{font-size:13px;color:#aebfcd}.site-footer__legal a:hover{color:var(--white)}
@media(max-width:1024px){.site-header__inner{min-height:72px;flex-wrap:wrap;gap:16px}.navigation-ready .menu-toggle{display:block;margin-left:auto}.primary-nav{width:100%;margin:0}.primary-nav .menu{display:grid;gap:16px;padding:16px 0}.primary-nav .menu>li{display:block}.navigation-ready .primary-nav .sub-menu{position:static;width:100%;max-width:none;min-width:0}.site-header__cta{display:inline-flex}.hero,.section{padding-block:64px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.hero,.section{padding-block:48px}.hero__grid,.product-detail,.card-grid,.form-grid,.site-footer__grid{grid-template-columns:minmax(0,1fr);gap:24px}.form-grid__wide{grid-column:auto}.page-header{padding-block:48px}.site-header__cta{font-size:14px;padding:10px;min-height:48px}.brand img{max-width:150px}.product-meta div{display:block}.site-footer .menu{display:grid;gap:12px}h3,.card h2,.card h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Shared section system: the content record owns the sequence and layout. */
h1,h2,h3{overflow-wrap:break-word}.hero__copy{max-width:620px}.hero--home{background:var(--navy);color:#fff;padding-block:72px}.hero--home .eyebrow{color:#b3d6ec}.hero--home h1{font-size:clamp(32px,3.8vw,52px);max-width:13ch}.hero--home .lead{color:#d5e2ed}.hero--home .button{background:#fff;color:var(--navy);border-color:#fff}.hero--home .button:hover{background:#edf4f8}.hero__grid--text{grid-template-columns:1fr}.hero--inner .hero__media img{aspect-ratio:3/2}.hero__media img{border-radius:var(--radius)}.lead{max-width:650px;margin:0;color:var(--muted)}.button{gap:24px}.content-section{padding-block:80px}.content-section:nth-of-type(even){background:var(--surface)}.section-heading h2{margin-bottom:20px}.section-heading .prose{color:var(--muted)}.section-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.section-image{margin:0}.section-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.section-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.content-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0}.content-card h3{margin:0 0 14px}.content-card p{color:var(--muted);margin:0 0 20px}.content-card__image{margin:-28px -28px 28px}.content-card__image img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f6f8;border-radius:6px 6px 0 0}.section-items--steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step-number{display:block;color:var(--blue);font-size:32px;font-weight:700;margin-bottom:20px}.section-items--faq{display:block;max-width:860px}.faq-item{border-bottom:1px solid var(--line);padding:22px 0}.faq-item summary{font-weight:600;color:var(--navy);cursor:pointer;padding-right:24px}.faq-item .prose{color:var(--muted);padding-top:8px}.section-items--text{grid-template-columns:repeat(2,minmax(0,1fr))}.section-split .section-items{grid-column:1/-1}.brand__logo img{width:170px;max-height:58px;object-fit:contain}.brand__wordmark{display:flex;flex-direction:column;line-height:1.1;font-size:27px;letter-spacing:-1px;white-space:nowrap}.brand__wordmark small{font-size:10px;letter-spacing:2.5px;margin-top:6px;font-weight:500}.site-footer__name{font-size:20px;font-weight:600;margin:0 0 16px}.site-footer__grid{grid-template-columns:1.3fr 1fr 1fr}.footer-contact{overflow-wrap:anywhere}.footer-contact a{display:inline-block;margin-block:8px}.page-intro{padding-bottom:0}.product-overview .content-card__image img{object-fit:contain}.contact-placeholder{font-size:14px;color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 0;padding:0;list-style:none}.process-grid__item{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.process-grid__media{flex:none;margin:0;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}.process-grid__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.process-grid__body{display:flex;flex:1;flex-direction:column;padding:22px 22px 24px}.process-grid__number{display:block;margin:0 0 10px;color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.08em}.process-grid__body h3{margin:0 0 10px;color:var(--navy);font-size:clamp(20px,1.55vw,24px);line-height:1.25}.process-grid__body p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}

@media(min-width:1025px){.primary-nav .menu{gap:17px}.site-header__inner{gap:18px}.primary-nav a{font-size:14px}.site-header__cta{font-size:14px}.submenu-toggle{padding:8px}.primary-nav .menu>li:last-child .sub-menu{left:auto;right:0}}
@media(max-width:1024px){.content-section{padding-block:64px}.section-split{gap:32px}.section-items{grid-template-columns:repeat(2,minmax(0,1fr))}.hero--home h1{font-size:48px}}
@media(max-width:640px){.content-section{padding-block:48px}.hero--home{padding-block:48px}.hero--home h1{font-size:38px}.section-split,.section-items,.section-items--steps,.section-items--text{grid-template-columns:minmax(0,1fr)}.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__media img{aspect-ratio:4/3}.brand__wordmark{font-size:23px}.site-header__inner{gap:12px}.brand__logo img{width:140px}.site-header__cta{margin-left:auto}.section-items{margin-top:28px}.site-footer__grid{grid-template-columns:minmax(0,1fr)}}

/* Preserve product silhouettes and the complete client logo. */
.hero--product .hero__media img{object-fit:contain;background:#fff}.section-items--steps .content-card__image img{object-fit:cover}.brand__logo img{width:150px;height:72px;max-height:none;object-fit:contain}

@media(max-width:640px){.site-header__inner{gap:8px}.brand__logo img{width:104px;height:56px}.menu-toggle{padding:8px;font-size:14px}.site-header__cta{margin-left:0;font-size:13px;padding:10px}.primary-nav{order:4}}

.record-badge{display:inline-block;margin:0 0 24px;padding:6px 10px;border:1px solid #e2a23b;border-radius:999px;background:#fff8e8;color:#7a4b00;font-size:14px;font-weight:600}

/* The quiet button is outlined, so its hover has to fill it: blue on blue-hover was unreadable. */
.button--quiet.is-selected{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}
.button--quiet:hover,.button--quiet:focus-visible{background:var(--blue-hover);border-color:var(--blue-hover);color:var(--white)}

/* A style page: the picture set, and the lines that are not part of the prose.
   The stage is one fixed shape whatever the photographs' own proportions are, so switching never
   moves the page; a square photograph is letterboxed rather than cropped, because a product picture
   must keep its whole silhouette. */
.style-gallery__stage{position:relative;aspect-ratio:4/3;background:var(--surface);border-radius:var(--radius);overflow:hidden}
.style-gallery__slide{position:absolute;inset:0;margin:0;display:grid;place-items:center}
.style-gallery__slide img{width:100%;height:100%;object-fit:contain}
.style-gallery__thumbs{list-style:none;margin:16px 0 0;padding:0;display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
[data-style-gallery-ready] .style-gallery__thumbs{display:grid}
.style-gallery__thumb{padding:0;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;overflow:hidden}
.style-gallery__thumb img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--surface);display:block}
.style-gallery__thumb[aria-pressed="true"]{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:-2px}
.product-status{margin:0 0 20px;color:var(--muted);font-size:15px;text-transform:none}
.product-note{margin-top:24px;color:var(--muted);font-size:15px}
@media(max-width:640px){.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

/* Selection: a browser-local list of styles, revealed only once a script can keep it. */
[data-selection-add]{display:none}
.selection-enabled [data-selection-add]{display:inline-flex}
.site-header__selection{font-size:14px;font-weight:600;color:var(--navy);text-decoration:none;white-space:nowrap}
.selection-list{list-style:none;padding:0;margin:32px 0;display:grid;gap:16px;max-width:var(--reading-max)}
.selection-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.selection-item__title{flex:1 1 220px;font-size:19px;font-weight:600;color:var(--navy)}
.selection-item__meta{margin:0;color:var(--muted);font-size:15px}
.selection-item__remove{min-height:0;padding:8px 16px;font-size:15px}
@media(max-width:640px){.site-header__selection{font-size:13px}.selection-item{padding:16px}}

/* Media-led first screen: the hero becomes the backdrop and the header sits over it (client request,
   2026-10-16, following modaknits.com). Everything here is keyed to .has-hero-video, which the theme
   sets only when the page carries a hero video, so no other page changes appearance. */
.hero--video{position:relative;isolation:isolate;display:grid;align-items:center;min-height:100vh;padding-block:0;background:var(--navy);overflow:hidden}
.hero__backdrop{position:absolute;inset:0;z-index:-1;background:var(--navy)}
.hero__backdrop-still,.hero__backdrop-video{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero__backdrop-still img{width:100%;height:100%;object-fit:cover}
.hero__backdrop-video{object-fit:cover}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,22,.55) 0%,rgba(5,12,22,.20) 45%,rgba(5,12,22,.62) 100%),linear-gradient(90deg,rgba(5,12,22,.78) 0%,rgba(5,12,22,.58) 45%,rgba(5,12,22,.18) 78%,rgba(5,12,22,0) 100%)}
.hero--video .shell{position:relative;z-index:1;padding-block:160px 96px}
.hero--video .hero__copy{max-width:880px}
.hero--video h1{max-width:22ch}
.hero--video h1,.hero--video .lead,.hero--video .eyebrow{color:var(--white)}
.hero--video .eyebrow{color:#b3d6ec}
.hero--video .lead{color:#dbe6f0}

/* Header colour model (client request 2026-10-16, measured on modaknits.com: the pinned bar there is
   solid #001845 with white text and no shadow). One set of properties per state, so every child colour
   has a single definition and no rule has to restate the others. */
.site-header{--header-bg:var(--white);--header-fg:var(--ink);--header-line:var(--line);--header-quiet:var(--line);--header-quiet-bg:transparent}
.site-header .brand,.site-header .brand__wordmark,.site-header .primary-nav a,.site-header .site-header__selection,.site-header .menu-toggle,.site-header .submenu-toggle{color:var(--header-fg)}
.site-header .menu-toggle{border-color:var(--header-quiet);background:var(--header-quiet-bg)}
.site-header :focus-visible{outline-color:var(--header-fg)}
.site-header .primary-nav .sub-menu{background:var(--white);border-color:var(--line)}
.site-header .primary-nav .sub-menu a{color:var(--navy)}
/* Over a media-led first screen the bar floats on the video until the page is scrolled. */
.has-hero-video .site-header{position:fixed;top:0;left:0;right:0;--header-bg:transparent;--header-fg:var(--white);--header-line:transparent;--header-quiet:rgba(255,255,255,.55);--header-quiet-bg:rgba(0,15,42,.35)}
/* Pinned: the brand navy, matching the reference bar. */
.site-header.is-stuck{--header-bg:var(--navy);--header-fg:var(--white);--header-line:transparent;--header-quiet:rgba(255,255,255,.35);--header-quiet-bg:transparent}
.has-hero-video .site-header .brand__logo img,.site-header.is-stuck .brand__logo img{width:auto;height:52px;max-height:none;object-fit:contain}
/* The full lockup carries a white plate, so a dark bar shows the emblem instead. Both images are
   rendered and the bar decides; brand--dual is present only when the site has both. */
.brand--dual .brand__mark{display:none}
.has-hero-video .brand--dual .brand__full,.site-header.is-stuck .brand--dual .brand__full{display:none}
.has-hero-video .brand--dual .brand__mark,.site-header.is-stuck .brand--dual .brand__mark{display:block}
/* The header is fixed on these pages, so a keyboard jump to a fragment must clear it. */
html{scroll-padding-top:96px}
@media(prefers-reduced-motion:reduce){.hero--video .hero__backdrop-video{display:none}.has-hero-video .site-header{transition:none}}
@media(max-width:1024px){.hero--video{min-height:88vh}.hero--video .shell{padding-block:132px 80px}}
/* Narrow screens put the copy across the whole width, so the scrim is spread evenly instead of leaning
   to one side. */
@media(max-width:640px){.hero--video{min-height:78vh}.hero--video .shell{padding-block:108px 64px}.hero--video h1{font-size:34px}.hero__scrim{background:linear-gradient(180deg,rgba(5,12,22,.66) 0%,rgba(5,12,22,.50) 40%,rgba(5,12,22,.74) 100%)}.has-hero-video .site-header .brand__logo img,.site-header.is-stuck .brand__logo img{height:44px}}

.media-feature{padding:clamp(56px,8vw,112px) 0;background:#f4f7f8}
.media-feature__inner{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:clamp(28px,6vw,96px);align-items:end}
.media-feature__copy{max-width:360px}.media-feature__copy .eyebrow{margin:0 0 18px;color:var(--blue)}
.media-feature__caption{margin:0;color:var(--ink);font-size:clamp(20px,2.2vw,30px);line-height:1.2;letter-spacing:-.03em}
.media-feature__frame{margin:0;overflow:hidden;background:#001845;box-shadow:0 24px 60px rgba(0,24,69,.18);aspect-ratio:16/9}
.media-feature__frame video{display:block;width:100%;height:100%;object-fit:cover}

/* Online catalogue: collection books with a real stacked-sheet page turn. */
.catalog-page{background:#edf1f4;color:var(--ink)}
.catalog-book-intro{background:var(--navy);color:#fff;padding:clamp(104px,13vw,176px) 0 clamp(72px,9vw,118px)}
.catalog-book-intro .shell{max-width:1220px}
.catalog-book-intro .eyebrow{color:#a8d9e9;margin-bottom:18px}
.catalog-book-intro h1{max-width:900px;margin:0 0 24px;color:#fff;font-size:clamp(48px,7vw,100px);line-height:.96;letter-spacing:-.06em}
.catalog-book-intro h1 em,.catalog-collection-hero h1 em{font-style:normal;color:#9fdbec}
.catalog-book-intro__lead{max-width:590px;margin:0;color:#d5e2ed;font-size:clamp(17px,2vw,21px);line-height:1.55}
.catalog-choice{background:#f7f8f9}
.catalog-choice__heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px;color:var(--muted)}
.catalog-choice__heading p{margin:0}
.catalog-choice__heading .eyebrow{color:var(--blue);font-weight:700}
.catalog-choice__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.catalog-choice-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;color:var(--navy);box-shadow:0 16px 40px rgba(0,24,69,.1);transition:transform .3s ease,box-shadow .3s ease}
.catalog-choice-card:hover,.catalog-choice-card:focus-visible{color:var(--navy);transform:translateY(-5px);box-shadow:0 24px 55px rgba(0,24,69,.17)}
.catalog-choice-card__images{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:8px;height:clamp(280px,32vw,470px);padding:8px;background:#dae6eb}
.catalog-choice-card__images figure{margin:0;overflow:hidden;background:#c9d8df}
.catalog-choice-card__images figure:first-child{grid-row:span 2}
.catalog-choice-card__images img{display:block;width:100%;height:100%;object-fit:cover}
.catalog-choice-card__copy{padding:28px 30px 32px}
.catalog-choice-card__copy .eyebrow{margin:0 0 13px;color:var(--blue)}
.catalog-choice-card__copy h2{margin:0 0 22px;font-size:clamp(29px,3vw,46px);line-height:.98;letter-spacing:-.05em}
.catalog-choice-card__copy .text-link{font-weight:700}
.catalog-choice-card__copy b{margin-left:10px;color:var(--blue);font-size:20px;font-weight:400}
.catalog-collection-hero{background:var(--navy);color:#fff;padding:clamp(96px,12vw,156px) 0 clamp(54px,7vw,88px)}
.catalog-collection-hero__inner{display:flex;justify-content:space-between;align-items:end;gap:48px}
.catalog-collection-hero .eyebrow{margin-bottom:18px;color:#a8d9e9}
.catalog-collection-hero__label{margin:0 0 15px;color:#9fdbec;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.catalog-collection-hero h1{max-width:920px;margin:0 0 24px;font-size:clamp(52px,7vw,100px);line-height:.92;letter-spacing:-.06em}
.catalog-collection-hero__lead{max-width:580px;margin:0;color:#d5e2ed;font-size:18px;line-height:1.55}
.catalog-collection-hero__stats{display:grid;grid-template-columns:repeat(2,auto);gap:22px;flex:none;padding-bottom:4px}
.catalog-collection-hero__stats span{display:grid;gap:4px;border-left:1px solid rgba(255,255,255,.32);padding-left:14px}
.catalog-collection-hero__stats strong{font-size:29px;line-height:1}.catalog-collection-hero__stats small{color:#b7cfde;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.catalog-book-shell{padding:clamp(42px,7vw,92px) 20px clamp(76px,10vw,140px);background:linear-gradient(180deg,#edf1f4 0%,#f7f8f9 100%)}
.catalog-book-shell--collection{padding-top:clamp(36px,5vw,68px)}
.catalog-book{position:relative;width:min(1240px,100%);min-height:min(720px,calc(100vh - 230px));margin:0 auto;perspective:1800px}
.book-spread{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(720px,calc(100vh - 230px));overflow:hidden;background:#fff;box-shadow:0 24px 70px rgba(0,24,69,.16);border-radius:3px;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;z-index:1}
.book-spread[hidden]{display:none}
.book-spread.is-current{z-index:3;transform:rotateY(0);opacity:1}
.book-spread.is-under{z-index:1;transform:rotateY(0);opacity:1}
.book-spread.is-flipping-forward{z-index:4;animation:book-turn-forward .56s cubic-bezier(.2,.75,.25,1) both}
.book-spread.is-flipping-back{z-index:4;transform-origin:right center;animation:book-turn-back .56s cubic-bezier(.2,.75,.25,1) both}
@keyframes book-turn-forward{0%{transform:rotateY(0);opacity:1}100%{transform:rotateY(-180deg);opacity:.98}}
@keyframes book-turn-back{0%{transform:rotateY(0);opacity:1}100%{transform:rotateY(180deg);opacity:.98}}
.book-page{min-width:0;padding:clamp(30px,4.2vw,64px);position:relative}
.book-page+.book-page{border-left:1px solid #e1e6ea}
.book-page__lead{max-width:420px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.55}
.book-page__note{max-width:410px;margin-top:26px;color:#71808e;font-size:13px;line-height:1.6}
.book-kicker,.book-page__section-label,.book-chapter__number{margin:0;color:#60758a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.book-page--cover-copy{display:flex;flex-direction:column;align-items:flex-start;background:#f8fafb;color:var(--navy)}
.book-page--cover-copy .eyebrow{color:var(--blue);margin-bottom:16px}
.book-page--cover-copy h2{margin:clamp(56px,8vw,110px) 0 26px;font-size:clamp(54px,7vw,98px);line-height:.9;letter-spacing:-.065em}
.book-page--cover-copy h2 em,.book-page--contents-intro h2 em,.book-page--closing-copy h2 em{font-style:normal;color:var(--blue)}
.book-cover__facts{display:flex;flex-wrap:wrap;gap:22px;margin-top:auto;margin-bottom:32px;color:#657687;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.book-cover__facts span{display:grid;gap:4px;padding-left:12px;border-left:2px solid #abd9e8}.book-cover__facts strong{color:var(--navy);font-size:23px;letter-spacing:0}
.book-open,.book-page--closing-copy .button{margin-top:0;background:var(--navy);border-color:var(--navy);color:#fff}.book-open:hover,.book-page--closing-copy .button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.book-page--cover-art{display:flex;align-items:center;justify-content:center;padding:clamp(22px,3vw,44px);background:#d7e5eb;overflow:hidden}
.book-cover-art__grid{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1.1fr .9fr;gap:12px;width:100%;height:100%;min-height:500px;transform:rotate(-3deg) scale(1.08)}
.book-cover-art__tile{margin:0;overflow:hidden;background:#c6d7df}.book-cover-art__tile--1{grid-row:span 2}.book-cover-art__tile img{display:block;width:100%;height:100%;object-fit:cover}
.book-cover-art__mark{position:absolute;right:34px;bottom:25px;margin:0;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2em;text-shadow:0 2px 12px rgba(0,24,69,.45)}
.book-spread--contents{background:#fff}.book-page--contents-intro{display:flex;flex-direction:column;justify-content:center;background:#f8fafb}.book-page--contents-intro .eyebrow{color:var(--blue)}
.book-page--contents-intro h2{margin:26px 0 28px;font-size:clamp(36px,4.5vw,65px);line-height:.96;letter-spacing:-.055em}.book-page--contents-intro>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:17px;line-height:1.6}
.book-page--contents-list{padding-top:clamp(36px,5vw,68px);overflow:auto}.book-index-group{margin-top:8px}.book-index-item{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:11px 0;border:0;border-bottom:1px solid #e5eaee;background:none;color:var(--navy);text-align:left;cursor:pointer;font:inherit}.book-index-item:hover,.book-index-item:focus-visible{color:var(--blue)}.book-index-item small{flex:none;color:#7b8b98;font-size:11px}.book-index-item b{margin-left:6px;color:var(--blue);font-size:15px;font-weight:400}
.book-spread--chapter{background:#fff}.book-page--chapter-intro{display:flex;flex-direction:column;padding:clamp(20px,3.2vw,44px);background:#f4f7f8}.book-chapter__visual{flex:1;min-height:270px;background:#dce7ec;overflow:hidden}.book-chapter__visual img{display:block;width:100%;height:100%;min-height:270px;object-fit:cover}
.book-chapter__meta{padding:26px 2px 0}.book-chapter__meta .eyebrow{margin-bottom:8px;color:var(--blue)}.book-chapter__meta h2{max-width:460px;margin:9px 0 10px;font-size:clamp(30px,3.8vw,56px);line-height:.97;letter-spacing:-.05em}.book-chapter__meta>p:last-child{max-width:390px;margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.book-page--chapter-gallery{display:flex;flex-direction:column;padding:clamp(26px,3.8vw,56px)}.book-page--chapter-gallery .book-page__section-label{margin-bottom:20px}.book-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.book-gallery__item{margin:0;min-width:0}.book-gallery__item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#edf1f4}.book-gallery__item figcaption{margin-top:7px;color:#526474;font-size:11px;line-height:1.3}.book-page--chapter-gallery .book-page__note{margin-top:auto;margin-bottom:0}
.book-spread--closing{background:var(--navy);color:#fff}.book-page--closing-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--navy)}.book-page--closing-copy .eyebrow{color:#a8d9e9}.book-page--closing-copy h2{margin:28px 0;color:#fff;font-size:clamp(42px,5.6vw,76px);line-height:.94;letter-spacing:-.06em}.book-page--closing-copy>p:not(.eyebrow){max-width:440px;margin:0 0 30px;color:#d5e2ed;font-size:17px;line-height:1.6}
.book-page--closing-art{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#12355d,#001845 68%);overflow:hidden}.book-page--closing-art:before{content:'';position:absolute;width:460px;height:460px;right:-140px;top:-100px;border:1px solid rgba(168,217,233,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(168,217,233,.08),0 0 0 70px rgba(168,217,233,.05)}.book-closing__quote{position:relative;max-width:430px;margin:0 0 18px;color:#fff;font-size:clamp(25px,3vw,42px);line-height:1.05;letter-spacing:-.04em}.book-closing__signature{position:relative;margin:0;color:#a8d9e9;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.book-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1240px,100%);margin:26px auto 0}.book-control{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border:0;background:none;color:var(--navy);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.book-control span:first-child{font-size:20px;font-weight:400}.book-control:disabled{visibility:hidden}.book-progress{display:flex;align-items:center;gap:15px;min-width:min(360px,48vw)}.book-progress__label{flex:none;color:#60758a;font-size:12px;font-weight:700;letter-spacing:.08em}.book-progress__track{display:block;width:100%;height:2px;background:#d2dce3;overflow:hidden}.book-progress__track span{display:block;width:0;height:100%;background:var(--blue);transition:width .3s ease}.book-hint{margin:20px auto 0;color:#81909b;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.book-noscript{max-width:600px;margin:28px auto 0;color:var(--muted);text-align:center;font-size:14px}
.catalog-collection-switch{background:#fff}.catalog-collection-switch__inner{display:flex;align-items:end;justify-content:space-between;gap:32px}.catalog-collection-switch h2{margin:0;font-size:clamp(30px,4vw,50px);letter-spacing:-.04em}.catalog-collection-switch .eyebrow{margin-bottom:12px;color:var(--blue)}
.catalog-cta{background:var(--navy);color:#fff}.catalog-cta__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.catalog-cta h2{max-width:620px;margin:0;font-size:clamp(30px,4vw,52px);letter-spacing:-.035em}.catalog-cta .eyebrow{color:#a8d9e9}.catalog-cta__actions{max-width:500px;color:#d5e2ed}.catalog-cta__actions p{margin:0 0 24px}
@media(max-width:1024px){.catalog-collection-hero__inner{display:block}.catalog-collection-hero__stats{margin-top:42px}.book-spread{min-height:650px}.book-page{padding:32px}.book-cover-art__grid{min-height:430px}}
@media(max-width:760px){.catalog-book-intro{padding-top:88px}.catalog-book-intro h1{font-size:clamp(44px,13vw,68px)}.catalog-choice__heading{display:block}.catalog-choice__heading p:last-child{margin-top:9px}.catalog-choice__grid{grid-template-columns:1fr}.catalog-choice-card__images{height:350px}.catalog-collection-hero{padding-top:88px}.catalog-collection-hero h1{font-size:clamp(48px,14vw,76px)}.catalog-book-shell{padding-inline:12px}.catalog-book{min-height:650px}.book-spread{display:block;min-height:0}.book-page{padding:28px 22px}.book-page+.book-page{border-top:1px solid #e1e6ea;border-left:0}.book-page--cover-copy{min-height:560px}.book-page--cover-copy h2{margin-top:80px;font-size:clamp(58px,16vw,86px)}.book-page--cover-art{min-height:430px}.book-cover-art__grid{min-height:380px}.book-page--contents-intro{min-height:420px}.book-page--chapter-intro{display:block}.book-chapter__visual,.book-chapter__visual img{min-height:360px}.book-chapter__meta{padding-top:24px}.book-page--chapter-gallery{min-height:520px}.book-page--closing-copy{min-height:520px}.book-page--closing-art{min-height:360px}.catalog-collection-switch__inner{display:block}.catalog-collection-switch .button{margin-top:24px}.catalog-cta__inner{grid-template-columns:1fr;gap:24px}.book-controls{gap:12px}.book-progress{min-width:0;flex:1}.book-control{font-size:12px}.book-control span:last-child{display:none}.book-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.book-spread.is-flipping-forward,.book-spread.is-flipping-back{animation:none}.book-progress__track span{transition:none}.catalog-choice-card{transition:none}}

/* StPageFlip pages: the vendor owns the folding geometry; these rules own the editorial page surfaces. */
.catalog-book{height:760px;min-height:760px;overflow:visible;background:transparent;isolation:isolate}
.catalog-book:before,.catalog-book:after{content:'';position:absolute;inset:10px 5px -10px;border:1px solid rgba(0,24,69,.08);border-radius:4px;background:repeating-linear-gradient(0deg,#d0dbe1 0 1px,#e2e9ed 1px 3px);box-shadow:0 18px 0 -3px #c6d1d8,0 30px 42px rgba(0,24,69,.18);z-index:-2;transform:translateX(7px) rotate(.35deg)}
.catalog-book:after{inset:6px 3px -6px;border:0;background:#e7edf0;box-shadow:0 12px 0 -2px #d5dfe4;z-index:-1;transform:translateX(3px) rotate(.15deg)}
.catalog-book .stf__wrapper{position:relative;width:100%;height:100%;margin:0 auto;overflow:visible;transform-style:preserve-3d;filter:drop-shadow(0 26px 36px rgba(0,24,69,.22))}
.catalog-book .stf__block{overflow:visible;transform-style:preserve-3d}
.catalog-book .stf__block{border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,24,69,.08),inset 12px 0 26px -26px rgba(0,24,69,.35),inset -12px 0 26px -26px rgba(0,24,69,.25)}
.catalog-book-page{box-sizing:border-box;width:100%;height:100%;overflow:hidden;background:#fff;color:var(--ink);padding:clamp(30px,4.2vw,64px)}
.catalog-book-page.book-page--cover{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f8fafb}
.book-cover-page__copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,4.2vw,64px);color:var(--navy)}
.book-cover-page__copy .eyebrow{margin-bottom:16px;color:var(--blue)}
.book-cover-page__copy h2{margin:clamp(56px,8vw,110px) 0 26px;font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.065em}
.book-cover-page__copy h2 em,.catalog-book-page.book-page--contents-intro h2 em,.book-closing-page__copy h2 em{font-style:normal;color:var(--blue)}
.book-cover-page__copy .book-page__lead{max-width:420px}
.book-cover-page__copy .book-cover__facts{margin-top:auto}
.book-cover-page__art{display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(22px,3vw,44px);background:#d7e5eb;overflow:hidden}
.catalog-book-page.book-page--contents-intro{display:flex;flex-direction:column;justify-content:center;background:#f8fafb}
.catalog-book-page.book-page--contents-intro .eyebrow{color:var(--blue)}
.catalog-book-page.book-page--contents-intro h2{margin:26px 0 28px;font-size:clamp(36px,4.5vw,65px);line-height:.96;letter-spacing:-.055em}
.catalog-book-page.book-page--contents-intro>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:17px;line-height:1.6}
.catalog-book-page.book-page--contents-list{padding-top:clamp(36px,5vw,68px);overflow:auto}
.catalog-book-page.book-page--contents-list .book-index-group{margin-top:8px}
.catalog-book-page.book-page--chapter-intro{display:flex;flex-direction:column;padding:clamp(20px,3.2vw,44px);background:#f4f7f8}
.catalog-book-page.book-page--chapter-intro .book-chapter__visual{flex:0 0 46%;height:46%;min-height:0}
.catalog-book-page.book-page--chapter-intro .book-chapter__visual img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.catalog-book-page.book-page--chapter-intro .book-chapter__meta{flex:1;min-height:0;overflow:auto;padding-top:clamp(18px,2.5vw,30px)}
.catalog-book-page.book-page--chapter-gallery{display:flex;flex-direction:column;padding:clamp(26px,3.8vw,56px)}
.catalog-book-page.book-page--chapter-gallery .book-page__section-label{margin-bottom:20px}
.catalog-book-page.book-page--chapter-gallery .book-page__note{margin-top:auto;margin-bottom:0}
.catalog-book-page.book-page--closing{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--navy);color:#fff}
.book-closing-page__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4.2vw,64px);background:var(--navy)}
.book-closing-page__copy .eyebrow{color:#a8d9e9}
.book-closing-page__copy h2{margin:28px 0;font-size:clamp(38px,5vw,72px);line-height:.94;letter-spacing:-.06em}
.book-closing-page__copy>p:not(.eyebrow){max-width:440px;margin:0 0 30px;color:#d5e2ed;font-size:17px;line-height:1.6}
.book-closing-page__art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:clamp(30px,4.2vw,64px);background:linear-gradient(145deg,#12355d,#001845 68%)}
.book-closing-page__art:before{content:'';position:absolute;width:460px;height:460px;right:-140px;top:-100px;border:1px solid rgba(168,217,233,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(168,217,233,.08),0 0 0 70px rgba(168,217,233,.05)}
.catalog-book .book-page__lead{margin:0;color:var(--muted);font-size:clamp(16px,1.9vw,20px);line-height:1.55}
.catalog-book .book-page__note{max-width:410px;color:#71808e;font-size:13px;line-height:1.6}
.catalog-book .book-kicker,.catalog-book .book-page__section-label,.catalog-book .book-chapter__number{margin:0;color:#60758a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.catalog-book .book-gallery{overflow:auto;min-height:0;align-content:start}.catalog-book .book-gallery__item img{aspect-ratio:4/3}
@media(min-width:761px){
  /* StPageFlip writes display:block inline on hard pages. Keep the cover and closing spread
     as two columns so the book geometry is also the editorial geometry. */
  .catalog-book .stf__item.book-page--cover,
  .catalog-book .stf__item.book-page--closing{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .catalog-book .stf__item.book-page--cover{grid-template-columns:1.1fr .9fr}
  .catalog-book .stf__item.book-page--cover{padding:0}
  .catalog-book .stf__item.book-page--closing{padding:0}
  .catalog-book .stf__item.book-page--cover>*,
  .catalog-book .stf__item.book-page--closing>*{min-width:0;min-height:0;overflow:hidden}
  .catalog-book .book-cover-page__copy{padding:32px 34px}
  .catalog-book .book-cover-page__copy h2{margin:38px 0 18px;font-size:clamp(40px,4vw,58px);line-height:.94;letter-spacing:-.07em}
  .catalog-book .book-cover-page__copy .book-page__lead{font-size:15px;line-height:1.42}
  .catalog-book .book-cover-page__copy .book-cover__facts{gap:12px;margin-bottom:20px;font-size:10px}
  .catalog-book .book-cover-page__copy .book-cover__facts strong{font-size:20px}
  .catalog-book .book-closing-page__copy{padding:32px 34px}
  .catalog-book .book-closing-page__copy h2{margin:20px 0;font-size:clamp(34px,4vw,54px)}
  .catalog-book .book-closing-page__copy>p:not(.eyebrow){font-size:15px;line-height:1.45;margin-bottom:22px}
  .catalog-book .stf__block:before{content:'';position:absolute;z-index:30;left:50%;top:0;width:22px;height:100%;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(0,24,69,.16),rgba(255,255,255,.58) 32%,rgba(0,24,69,.10) 52%,rgba(255,255,255,.22) 76%,rgba(0,24,69,.12));opacity:.42;mix-blend-mode:multiply}
  .catalog-book .stf__item.--left.catalog-book-page{box-shadow:inset -24px 0 32px -30px rgba(0,24,69,.48),inset 0 0 0 1px rgba(0,24,69,.07);background-image:linear-gradient(90deg,rgba(0,24,69,.025),transparent 13%,transparent 86%,rgba(0,24,69,.06));border-radius:3px 0 0 3px}
  .catalog-book .stf__item.--right.catalog-book-page{box-shadow:inset 24px 0 32px -30px rgba(0,24,69,.48),inset 0 0 0 1px rgba(0,24,69,.07);background-image:linear-gradient(90deg,rgba(0,24,69,.06),transparent 14%,transparent 87%,rgba(0,24,69,.025));border-radius:0 3px 3px 0}
  .catalog-book .stf__item.--hard:after{content:'';position:absolute;z-index:25;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,24,69,.10),inset 0 -16px 24px -24px rgba(0,24,69,.72)}
  .catalog-book .stf__item.--left.--hard:after{box-shadow:inset 0 0 0 1px rgba(0,24,69,.10),inset -18px 0 28px -27px rgba(0,24,69,.58),inset 0 -16px 24px -24px rgba(0,24,69,.72)}
  .catalog-book .stf__item.--right.--hard:after{box-shadow:inset 0 0 0 1px rgba(0,24,69,.10),inset 18px 0 28px -27px rgba(0,24,69,.58),inset 0 -16px 24px -24px rgba(0,24,69,.72)}
}
@media(max-width:760px){.media-feature__inner{grid-template-columns:1fr;gap:24px}.media-feature__caption{font-size:22px}.catalog-book{height:min(730px,calc(100vh - 170px));min-height:560px}.catalog-book-page{padding:26px 22px}.catalog-book-page.book-page--cover{display:block;overflow:auto}.book-cover-page__copy{min-height:440px;padding:28px 22px}.book-cover-page__copy h2{margin-top:64px;font-size:clamp(52px,15vw,82px)}.book-cover-page__art{min-height:330px}.catalog-book-page.book-page--contents-intro{min-height:420px}.catalog-book-page.book-page--chapter-intro{display:block;overflow:auto}.catalog-book-page.book-page--chapter-intro .book-chapter__visual{min-height:300px;height:300px}.catalog-book-page.book-page--chapter-intro .book-chapter__meta{overflow:visible}.catalog-book-page.book-page--chapter-gallery{overflow:auto;min-height:520px}.catalog-book-page.book-page--closing{display:block;overflow:auto}.book-closing-page__copy{min-height:430px;padding:28px 22px}.book-closing-page__art{min-height:300px;padding:28px 22px}}
@media(max-width:760px){.catalog-book .stf__wrapper{height:100%;filter:drop-shadow(0 18px 26px rgba(0,24,69,.18))}.catalog-book .stf__item.--hard:after{content:'';position:absolute;z-index:25;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,24,69,.08),inset 0 -14px 22px -24px rgba(0,24,69,.52)}}
@media(max-width:1024px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.process-grid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px}.process-grid__body{padding:20px 20px 22px}.process-grid__body h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.catalog-book .stf__wrapper{filter:none}}