/* Marks use the same shallow relief profile as the material drawings. */
body.fd-forma{--fd-ink:#282b26;--fd-bronze:#826746;--fd-paper:#f6f4ee;--fd-edge:#b8ada0}
.fd-forma svg.fd-sign{display:inline-block;vertical-align:middle;flex:none;width:22px;height:22px;color:inherit;fill:none;pointer-events:none}
.fd-forma .fd-label{display:flex;align-items:center;gap:10px}
.fd-forma .fd-label>.fd-sign{width:32px;height:32px;color:var(--fd-bronze)}
body.fd-forma :is(.fr-cinema-eyebrow,.fr-journal-heading .fr-eyebrow,.fr-page-hero .eyebrow,.kids-hero-copy .eyebrow,.wrap.content>.kicker){font:600 clamp(10px,.8vw,12px)/1.5 var(--fr-sans);text-transform:uppercase;letter-spacing:.15em}
.fd-forma .fr-cinema-eyebrow>.fd-sign{color:inherit}
body.fd-forma .fr-hero-caption{display:inline-flex;align-items:center;gap:9px;background:var(--fd-paper)!important;color:var(--fd-ink)!important;border-left:3px solid var(--fd-bronze);padding:8px 13px;font:550 11px/1.35 var(--fr-sans);letter-spacing:.035em}
body.fd-forma .fr-hero-caption svg.fd-sign{color:var(--fd-ink)!important;width:24px;height:24px}
body.fd-forma .fr-card-index.fd-material-mark,.fd-forma .fd-photo-mark{display:grid;place-items:center;position:absolute;z-index:2;inset:14px 14px auto auto;width:45px;height:45px;padding:5px;box-sizing:border-box;color:var(--fd-ink);background:var(--fd-paper);border:1px solid #c1b7a7;border-radius:0;clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%);pointer-events:none}
.fd-forma .fd-material-mark svg,.fd-forma .fd-photo-mark svg{width:31px;height:31px}
body.fd-forma .fr-collection-card .cardbody>small,.fd-forma .category-caption small{font-weight:600;letter-spacing:.13em}
body.fd-forma .fr-search-toggle{border:1px solid #bdb6a9!important;background:var(--fd-paper)!important}
body.fd-forma .fr-search-toggle .fd-sign,.fd-forma .fr-menu-toggle .fd-sign{width:24px;height:24px}
body.fd-forma .fr-menu-toggle[aria-expanded=true] .fd-sign{transform:rotate(90deg)}
body.fd-forma :is(.btn,.kids-hero-copy .button,.fd-choice-primary,.fr-nav-contact,.fr-cinema-cta,.fd-home-choice,.fd-measure-actions button,.kids-spotlight-cta){border-radius:0!important;font-weight:550;letter-spacing:.035em;box-sizing:border-box;min-height:44px}
body.fd-forma :is(.btn:not(.outline),.fd-choice-primary,.fr-nav .fr-nav-contact,.fd-measure-actions button:first-child:enabled){background:var(--fd-ink)!important;border-color:var(--fd-ink)!important;color:white!important;box-shadow:inset 3px 0 #bca481!important}
body.fd-forma .fr-cinema .fr-cinema-cta{background:var(--fd-paper)!important;color:var(--fd-ink)!important;border:1px solid var(--fd-paper)!important;box-shadow:inset 3px 0 #ae9474!important}
body.fd-forma .fr-cinema .fd-home-choice{background:#222622bd;color:white!important;border:1px solid #ffffffe0}
body.fd-forma :is(.btn.outline,.fd-sample-nav a,.fd-measure-actions button:not(:first-child)){border:1px solid #9d998f}
.fd-forma :is(.fr-cinema-cta,.fd-home-choice,.fr-nav-contact,.btn,.fd-sample-nav a,.kids-hero-copy .button,.fd-measure-actions button){gap:8px}
.fd-forma .fd-sample-nav a .fd-sign,.fd-forma .fd-measure-actions button .fd-sign{width:18px;height:18px}
.fd-forma .fd-measure-actions button{display:inline-flex;align-items:center;justify-content:center}
.fd-forma .fd-tool-arrow{display:grid;place-items:center}
.fd-forma .fd-tool-arrow svg{width:26px;height:26px}
.fd-forma .fr-footer-invite{border-left:2px solid var(--fd-bronze);padding-inline-start:clamp(14px,2vw,30px)}
.fd-forma .fr-footer-invite>.fd-sign{width:34px;height:34px}
.fd-forma .fr-mobile-actions .fd-sign{width:18px;height:18px}
.fd-forma :is(.fr-header,.fr-footer,.fr-cinema,.fd-measure-actions,.fd-sample-nav) :is(button,a):focus-visible{outline:3px solid #926e42!important;outline-offset:3px}
.fd-forma .fr-footer-bottom{border-top:1px solid var(--fd-edge)}
@media (min-width:761px){.fd-forma .fr-footer-lead{position:relative}.fd-forma .fr-footer-lead::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(to right,var(--fd-bronze) 0 42px,transparent 42px 46px,var(--fd-edge) 46px 90px,transparent 90px);pointer-events:none}}
@media (max-width:600px){body.fd-forma .fr-card-index.fd-material-mark,.fd-forma .fd-photo-mark{width:36px;height:36px;inset:9px 9px auto auto}.fd-forma .fd-material-mark svg,.fd-forma .fd-photo-mark svg{width:25px;height:25px}.fd-forma .fr-cinema-eyebrow .fd-sign{width:24px;height:24px}.fd-forma .fd-label{gap:7px}.fd-forma .fr-mobile-actions a{gap:4px}}
@media (prefers-reduced-motion:no-preference){
 @keyframes fd-mark-in{from{transform:translateX(-6px);opacity:.45}to{transform:translateX(0);opacity:1}}
 .fd-forma .fd-label>.fd-sign{animation:fd-mark-in .45s ease-out both}
 .fd-forma :is(.btn,.fr-nav-contact,.fr-footer-invite,.fr-cinema-cta,.fd-home-choice,.fd-tool-link,.fr-menu-toggle,.category-card,.fr-collection-card) svg.fd-sign{transition:transform .22s ease-out}
 @media(hover:hover){.fd-forma :is(.btn,.fr-cinema-cta,.fd-home-choice,.fr-footer-invite,.fd-tool-link,.fr-nav-contact):hover svg.fd-sign{transform:translate(2px,-2px)}
 .fd-forma :is(.category-card,.fr-collection-card):hover :is(.fd-material-mark,.fd-photo-mark) svg{transform:translateY(-2px) rotate(-5deg)}}
 @supports(animation-timeline:view()){.fd-forma :is(.fr-collection-card,.category-card) .fd-sign{animation:fd-mark-in linear both;animation-timeline:view();animation-range:entry 0% entry 90%}}
}
@media print{.fd-forma .fd-sign,.fd-forma .fd-photo-mark{display:none!important}}
body.fd-forma .fr-hero-caption svg.fd-sign use{color:var(--fd-ink)!important}
@media screen and (prefers-reduced-motion:no-preference){
 @keyframes fd-title-settle{from{transform:translateY(7px)}to{transform:translateY(0)}}
 .fd-forma :is(.fr-page-hero,.fr-journal-heading,.kids-hero-copy,.wrap.content) h1{animation:fd-title-settle .48s cubic-bezier(.2,.65,.3,1) both}
}

/* Falra Dekor. Shared material, photography and reading styles. */
@media screen {
  body.fd-forma {
    --linen-paper: #f6f3ec;
    --linen-ink: #232a25;
    --linen-muted: #555e54;
    --linen-line: #d6d1c5;
    --linen-serif: Georgia, "Times New Roman", serif;
  }

  body.fd-forma .fr-header {
    background: #fffdfa;
    border-bottom: 1px solid var(--linen-line);
  }
  body.fd-forma .fr-footer {
    background: var(--linen-paper) !important;
    border-top: 1px solid var(--linen-line);
  }
  body.fd-forma .fr-footer-invite em {
    font: italic 1.12em/1 var(--linen-serif) !important;
    text-transform: none;
    letter-spacing: -.035em;
  }

  body.fd-forma .fr-cinema {
    --panel: #252e29;
    --photo-start: 47%;
    --inset: clamp(32px, 5vw, 92px);
    display: grid;
    grid-template: "copy photo" minmax(0, 1fr) "bar bar" auto / var(--photo-start) minmax(0, 1fr);
    align-items: stretch;
    justify-items: stretch;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: clamp(515px, 46vw, 720px);
    text-align: left;
    background: var(--panel);
    color: #fffaf0;
  }
  body.fd-forma .fr-cinema:after { display: none; }
  body.fd-forma .fr-cinema-scenes {
    position: relative;
    grid-area: photo;
    isolation: isolate;
    overflow: hidden;
    z-index: 0;
    width: auto;
    height: auto;
    background: #514c40;
  }
  body.fd-forma .fr-cinema-scene img {filter: none; object-position: 50% 51%;}
  body.fd-forma .fr-cinema-scene:nth-child(2) img {object-position: 50% 55%;}
  body.fd-forma .fr-cinema-scene:nth-child(3) img {object-position: 50% 57%;}
  .fd-scene-caption {
    position: absolute;
    left: clamp(16px, 2vw, 32px);
    bottom: clamp(16px, 2vw, 32px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 13px;
    background: #f9f6ee;
    color: #292e28;
    font: 550 12px/1.35 var(--fr-sans);
    letter-spacing: .02em;
    pointer-events: none;
  }
  .fd-scene-caption::before {content: ""; width: 22px; height: 1px; background: #8e7250;}
  body.fd-forma .fr-cinema-content {
    grid-area: copy;
    position: relative;
    align-self: center;
    width: 100%;
    box-sizing: border-box;
    padding: clamp(48px, 6vw, 96px) clamp(24px, 3.1vw, 56px) clamp(48px, 6vw, 96px) var(--inset);
    z-index: 1;
  }
  .fd-fold-lines {
    grid-area: copy;
    align-self: end;
    justify-self: end;
    width: 35%;
    height: auto;
    max-height: 70%;
    pointer-events: none;
    color: #465047;
  }
  body.fd-forma .fr-cinema-eyebrow {
    justify-content: flex-start;
    margin: 0 0 clamp(20px, 2.1vw, 34px);
    font-size: 10px;
    letter-spacing: .18em;
    color: #e3d9c4 !important;
  }
  body.fd-forma .fr-cinema #fr-cinema-title {
    font: 400 clamp(43px, 4.9vw, 86px)/1.04 var(--fr-sans) !important;
    letter-spacing: -.062em !important;
    text-transform: none;
    color: #fffaf2;
    -webkit-text-stroke: 0;
    margin: 0;
  }
  body.fd-forma .fr-cinema #fr-cinema-title span:last-child {
    font-synthesis: style;
    font: italic 1.26em/.98 var(--linen-serif);
    letter-spacing: -.055em;
    color: #e7d7b9;
  }
  body.fd-forma .fr-cinema-subtitle {
    margin: clamp(18px, 1.8vw, 30px) 0 24px;
    color: #f0ebe2 !important;
    font: 400 clamp(16px, 1.3vw, 22px)/1.5 var(--fr-sans);
    text-transform: none;
    letter-spacing: 0;
  }
  body.fd-forma .fr-cinema .fd-home-paths {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 9px;}
  body.fd-forma .fr-cinema :is(.fr-cinema-cta, .fd-home-choice) {
    padding: 11px 15px;
    gap: 10px;
    font: 550 13px/1.35 var(--fr-sans);
    letter-spacing: 0;
    min-height: 46px;
    text-transform: none;
    box-shadow: none !important;
  }
  body.fd-forma .fr-cinema .fr-cinema-cta {background: #f7f3e9 !important; border-color: #f7f3e9 !important;}
  body.fd-forma .fr-cinema .fd-home-choice {background: var(--panel); border: 1px solid #a2a89b;}
  body.fd-forma .fr-cinema-bottom {
    grid-area: bar;
    position: static;
    display: grid;
    grid-template-columns: var(--photo-start) minmax(0, 1fr);
    gap: 0;
    align-items: center;
    padding: 0;
    background: #202721;
    border-top: 1px solid #546052;
  }
  body.fd-forma .fr-cinema-scroll {
    margin: 0 12px 0 var(--inset);
    width: fit-content;
    max-width: none;
    gap: 10px;
    font: 550 12px/1.4 var(--fr-sans);
    letter-spacing: .012em;
    text-transform: none;
    min-height: 46px;
  }
  body.fd-forma .fr-cinema-scroll>span {color: #dfcca9; font-size: 20px;}
  body.fd-forma .fr-cinema-controls {
    gap: 8px;
    padding: 7px clamp(14px, 2.3vw, 35px);
    justify-content: space-between;
  }
  body.fd-forma .fr-cinema-dots {gap: clamp(4px, 1.2vw, 19px);}
  body.fd-forma .fr-cinema-dots button {
    display: inline-flex; align-items: center; justify-content: center;
    gap: 7px; min-height: 44px; padding: 3px;
    opacity: 1; color: #cad0c5; letter-spacing: .01em;
    font: 500 12px/1.2 var(--fr-sans);
  }
  body.fd-forma .fr-cinema-dots button[aria-pressed=true] {color: #fff9ec;}
  body.fd-forma .fr-cinema-dots button::before {
    content: ""; width: 14px; height: 14px; box-sizing: border-box;
    border: 1px solid #ffffff50; background: repeating-linear-gradient(96deg,#976447 0 2px,#744b35 2px 4px,#a57850 4px 7px);
  }
  body.fd-forma .fr-cinema-dots button:nth-child(2)::before {background: linear-gradient(120deg,#77825a,#53663e 50%,#88936d);}
  body.fd-forma .fr-cinema-dots button:nth-child(3)::before {background: repeating-linear-gradient(90deg,#d8cbb7 0 4px,#b8a58d 4px 5px);}
  body.fd-forma .fr-cinema-dots button::after {left: 3px; right: 3px; bottom: 3px; transform: scaleX(0); transform-origin: left;}
  body.fd-forma .fr-cinema-dots button[aria-pressed=true]::after {transform: scaleX(1);}
  body.fd-forma .fr-cinema-pause {min-width: 44px; min-height: 44px; border: 1px solid #909b8e; border-radius: 50%; margin: 0;}
  body.fd-forma .fr-cinema-pause:disabled {opacity: .55;}
  body.fd-forma .fr-cinema :is(a, button):focus-visible {outline: 2px solid #f7e5bd !important; outline-offset: 2px;}

  body.fd-forma .fr-page-hero {gap: 0; position: relative; background: var(--linen-paper) !important;}
  body.fd-forma .fr-page-hero > .wrap {box-sizing: border-box; padding: clamp(28px, 3.6vw, 64px);}
  body.fd-forma :is(.fr-page-hero, .fr-journal-heading, .article .wrap.content, .kids-hero-copy, .fd-choice) h1 {
    font-family: var(--linen-serif) !important;
    font-weight: 400 !important; line-height: 1.09 !important;
    letter-spacing: -.04em !important;
    text-transform: none; overflow-wrap: break-word; text-wrap: pretty;
    font-size: clamp(34px, 3.7vw, 60px) !important;
  }
  body.fd-forma :is(.fr-journal-heading, .kids-hero-copy) h1 em {font: italic 1em/1.05 var(--linen-serif) !important; letter-spacing: inherit !important;}
  body.fd-forma .fr-page-hero .eyebrow {color: #565a4e;}
  body.fd-forma .fr-page-hero p {color: #444b43; line-height: 1.68;}
  body.fd-forma .fr-page-hero .actions {gap: 9px;}
  body.fd-forma .fr-page-hero .fr-hero-caption {right: 14px; bottom: 14px;}
  body.fd-forma .fr-collection-card .cardbody,
  body.fd-forma .category-card .category-caption {background: #faf8f2;}
  body.fd-forma .category-card .category-caption b,
  body.fd-forma .fr-collection-card .cardbody h3 {
    font-family: var(--linen-serif) !important;
    font-size: clamp(22px, 2vw, 32px) !important;
    line-height: 1.14; font-weight: 400; letter-spacing: -.035em !important; text-transform: none;
  }
  body.fd-forma :is(.section-heading, .section-head, .fr-home-copy) h2,
  body.fd-forma .article :is(.article-body, .wrap.content) h2 {
    font-family: var(--linen-serif) !important;
    text-transform: none; line-height: 1.15; letter-spacing: -.03em !important;
  }
  body.fd-forma .section-heading h2 em {font: italic 1em/1.1 var(--linen-serif) !important;}
  body.fd-forma .article .wrap.content>.lede {line-height: 1.58; color: #454c44;}
  body.fd-forma .article .article-hero figcaption {
    text-align: left; border-bottom: 1px solid var(--linen-line); padding: 9px 0 12px; margin: 0;
  }
  body.fd-forma .article .article-meta {color: var(--linen-muted); gap: 12px;}
  body.fd-forma .fr-journal-hero {background: var(--linen-paper);}
}

@media screen and (max-width: 820px) {
  body.fd-forma .fr-cinema {
    grid-template: "photo" auto "copy" auto "bar" auto / minmax(0,1fr);
    min-height: 0; --inset: clamp(20px, 5vw, 38px);
  }
  body.fd-forma .fr-cinema-scenes {height: clamp(204px, 44vw, 340px);}
  body.fd-forma .fr-cinema-scene img {object-position: 50% 55%;}
  body.fd-forma .fr-cinema-content {padding: 24px var(--inset) 27px;}
  body.fd-forma .fr-cinema-eyebrow {margin: 0 0 14px; font-size: 9px;}
  body.fd-forma .fr-cinema #fr-cinema-title {font-size: clamp(42px, 7vw, 59px) !important;}
  body.fd-forma .fr-cinema-subtitle {margin: 14px 0 17px;}
  .fd-fold-lines {width: 26%; max-height: 85%;}
}
@media screen and (max-width: 600px) {
  body.fd-forma .fr-cinema-dots {gap: 2px;}
  body.fd-forma .fr-cinema-dots button {font-size: 11px; gap: 4px; padding: 2px 5px;}
  body.fd-forma .fr-cinema-dots button::before {width: 9px; height: 9px;}
  body.fd-forma .fr-cinema :is(.fr-cinema-cta, .fd-home-choice) {font-size: 12px; gap: 6px; padding: 10px 12px;}
  body.fd-forma .fr-cinema :is(.fr-cinema-cta, .fd-home-choice) svg {width: 17px; height: 17px;}
  body.fd-forma .fr-page-hero > .wrap {padding: 25px 19px;}
  body.fd-forma .fr-page-hero {gap: 0;}
  body.fd-forma .fr-page-hero > img {height: clamp(218px,65vw,330px);}
  body.fd-forma .fr-page-hero .fr-hero-caption {right: 10px; bottom: 10px;}
}
@media screen and (max-width: 820px) {
  body.fd-forma .fr-cinema {
    grid-template-areas: "photo" "copy" "explore" "bar";
    grid-template-rows: repeat(4, auto);
  }
  body.fd-forma .fr-cinema .fr-cinema-content {padding-bottom: 0;}
  body.fd-forma .fr-cinema .fd-home-paths {flex-direction: row; align-items: stretch;}
  body.fd-forma .fr-cinema .fd-home-choice {text-decoration: none;}
  body.fd-forma .fr-cinema-bottom {display: contents;}
  body.fd-forma .fr-cinema-scroll {
    position: static; grid-area: explore; justify-self: start;
    margin: 4px var(--inset) 10px; min-height: 44px; z-index: 1;
    color: #e8e8dc !important; background: transparent;
    font-size: 12px; gap: 9px;
  }
  body.fd-forma .fr-cinema-controls {
    grid-area: bar; border-top: 1px solid #546052; background: #202721;
    padding: 4px var(--inset); justify-content: space-between;
  }
  body.fd-forma .fr-cinema-dots {gap: clamp(4px, 2vw, 16px);}
  .fd-fold-lines {grid-area: 2 / 1 / 4 / 2;}
}
@media screen and (prefers-reduced-motion: no-preference) and (hover: hover) {
  body.fd-forma .fr-cinema .fd-home-choice:hover {background: #424d43;}
  body.fd-forma .fr-cinema .fr-cinema-cta:hover {background: white !important;}
  body.fd-forma .fr-collection-card:hover .cardbody,
  body.fd-forma .category-card:hover .category-caption {background: #f2eee4;}
}
@media (forced-colors: active) {
  body.fd-forma .fr-cinema #fr-cinema-title, body.fd-forma .fr-cinema #fr-cinema-title span {color: CanvasText;}
  body.fd-forma .fr-cinema-dots button[aria-pressed=true] {outline: 1px solid ButtonText;}
}

/* Related collections and guides */
@media screen {
  body.fd-forma .fr-discover {
    background: #f3f0e7 !important; border-block-start: 1px solid #d6cebf;
    padding-block: clamp(38px,5vw,80px);
  }
  body.fd-forma .fr-discover-head h2,
  body.fd-forma .fr-discover-copy h3 {
    font-family: var(--linen-serif) !important; font-weight: 400 !important;
    letter-spacing: -.038em !important; line-height: 1.09; text-transform: none;
  }
  body.fd-forma .fr-discover-head h2 {font-size: clamp(31px,3.1vw,48px) !important;}
  body.fd-forma .fr-discover-head h2 em {font: italic 1em/1.1 var(--linen-serif) !important;}
  body.fd-forma .fr-discover-card {border: 0 !important; background: transparent !important;}
  body.fd-forma .fr-discover-image {aspect-ratio: 1.65;}
  body.fd-forma .fr-discover-copy {padding: 17px 44px 17px 0; border-bottom: 1px solid #c9c6b7;}
  body.fd-forma .fr-discover-copy h3 {font-size: clamp(21px,1.8vw,29px) !important; margin: 6px 0 0;}
  body.fd-forma .fr-discover-copy>svg {right: 4px; bottom: 18px; color: #425542;}
  body.fd-forma .fr-discover-copy small {color: #515d4d; letter-spacing: .07em;}
}
@media screen and (max-width: 640px) {
  body.fd-forma .fr-discover-grid {grid-template-columns: 1fr; gap: 12px;}
  body.fd-forma .fr-discover-card {display: grid; grid-template-columns: 31% minmax(0,1fr); align-items: stretch;}
  body.fd-forma .fr-discover-image {position: relative; min-height: 106px; height: 100%; aspect-ratio: auto;}
  body.fd-forma .fr-discover-image>img {position: absolute; inset: 0;}
  body.fd-forma .fr-discover-copy {align-content: center; padding: 11px 26px 11px 14px;}
  body.fd-forma .fr-discover-copy h3 {font-size: 20px !important;}
}
@media screen and (max-width: 360px) {
  body.fd-forma .fr-header .fr-header-inner {width: calc(100% - 20px); gap: 5px;}
  body.fd-forma .fr-header .fr-header-tools {gap: 4px;}
  body.fd-forma .fr-footer-invite {min-width: 0; gap: 6px;}
  body.fd-forma .fr-footer-invite>span {min-width: 0;}
  body.fd-forma .fr-footer-invite>.fd-sign {flex: none; width: 24px; height: 24px;}
}