.ff-demo{--demo-brass:#9d8052;--demo-rule:#0b162424;--demo-sheet:#faf7f0;color:var(--ff-night);background:var(--ff-pearl);min-height:100dvh}.ff-demo button,.ff-demo a,.ff-demo audio,.ff-demo video{-webkit-tap-highlight-color:transparent}.ff-demo button{font:inherit;cursor:pointer}.ff-demo a{color:inherit}.ff-demo :focus-visible{outline:2px solid var(--ff-rasp-deep);outline-offset:5px}.ff-demo__nav{min-height:5rem;padding:1.1rem var(--ff-gutter);background:var(--ff-night);color:var(--ff-pearl);justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.ff-demo__nav-actions{align-items:center;gap:2rem;display:flex}.ff-demo__back{border-bottom:1px solid var(--ff-line-dark);padding-bottom:.15rem;font-size:.78rem;text-decoration:none}.ff-demo__nav :focus-visible,.ff-demo__footer :focus-visible{outline-color:var(--ff-rasp-text)}.ff-demo__hero{background:var(--ff-night);color:var(--ff-pearl);isolation:isolate;position:relative;overflow:hidden}.ff-demo__hero-landscape{object-fit:cover;object-position:center 55%;opacity:.42;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.ff-demo__hero:after{content:"";background:linear-gradient(90deg, var(--ff-night) 4%, #0b1624c2 53%, #0b162429);z-index:-1;position:absolute;inset:0}.ff-demo__hero-inner{width:min(100%,100rem);padding:4.4rem var(--ff-gutter) 4.5rem;grid-template-columns:11.5rem minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.ff-demo__book-jacket{aspect-ratio:3/4;background:var(--ff-night);border:1px solid #f2ede459;position:relative;box-shadow:-5px 3px #f2ede426,0 18px 36px #0003}.ff-demo__book-jacket img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.ff-demo__book-mark{font:.65rem var(--ff-mono);background:var(--ff-night);color:var(--ff-pearl);padding:.35rem .5rem;position:absolute;bottom:.8rem;left:.8rem}.ff-demo__eyebrow{text-transform:uppercase;letter-spacing:.16em;font:.66rem/1.7 var(--ff-mono);color:var(--ff-ink-muted);margin:0 0 1.1rem}.ff-demo__hero .ff-demo__eyebrow{color:#d3bd99}.ff-demo__hero h1{font-family:var(--ff-display);letter-spacing:-.045em;margin:0;font-size:clamp(2.9rem,5.2vw,5.2rem);font-weight:400;line-height:1.04}.ff-demo__hero h1 em{font-weight:400;display:block}.ff-demo__subtitle{color:#d6d3ce;max-width:34rem;margin:1.6rem 0 1.7rem;font-size:.95rem;line-height:1.8}.ff-demo__genre{color:#b9b9b5;margin:0;font-size:.68rem}.ff-demo__notice{padding:1.15rem var(--ff-gutter);background:var(--ff-pearl-2);border-bottom:1px solid var(--demo-rule);justify-content:center;align-items:center;gap:1.5rem;display:flex}.ff-demo__badge{white-space:nowrap;align-items:center;gap:.5rem;font-size:.71rem;font-weight:600;display:inline-flex}.ff-demo__badge>span{color:var(--ff-rasp-deep);font-size:1rem}.ff-demo__notice p{color:var(--ff-ink-muted);max-width:50rem;margin:0;font-size:.72rem}.ff-demo__workspace{padding:4.5rem var(--ff-gutter) 6rem;grid-template-columns:12.8rem minmax(0,1fr);gap:clamp(2.5rem,5vw,5.5rem);max-width:100rem;margin:0 auto;scroll-margin-top:1rem;display:grid}.ff-demo__sidebar{align-self:start;min-width:0;position:sticky;top:2rem}.ff-demo__sidebar-title{font-family:var(--ff-display);max-width:10rem;margin:0 0 1.6rem;font-size:1.15rem;line-height:1.35}.ff-demo__tabs{border-top:1px solid var(--demo-rule);flex-direction:column;display:flex}.ff-demo__tabs>button{text-align:left;border:0;border-bottom:1px solid var(--demo-rule);width:100%;color:var(--ff-ink-muted);background:0 0;align-items:center;gap:.8rem;padding:1rem .35rem;font-size:.76rem;transition:color .18s,background .18s;display:flex}.ff-demo__tabs>button:hover,.ff-demo__tabs>button[aria-selected=true]{color:var(--ff-night);background:#ffffff52}.ff-demo__tabs>button[aria-selected=true]{box-shadow:-2px 0 0 var(--ff-rasp-deep);font-weight:600}.ff-demo__tab-number{font:.58rem var(--ff-mono);color:var(--ff-ink-muted)}.ff-demo__tab-active{color:var(--ff-rasp-deep);margin-left:auto}.ff-demo__sidebar-case{color:var(--ff-ink-muted);margin-top:2.2rem;font-size:.69rem;line-height:1.7;text-decoration:none;display:inline-block}.ff-demo__sidebar-case:hover{text-decoration:underline}.ff-demo__panel{min-width:0}.ff-demo__section-head{max-width:44rem;margin-bottom:2.5rem}.ff-demo__section-head h2{font:400 clamp(2rem, 3.6vw, 3.3rem)/1.12 var(--ff-display);letter-spacing:-.03em;margin:0 0 1rem}.ff-demo__section-head>p:last-child{max-width:41rem;color:var(--ff-ink-muted);margin:0;font-size:.91rem;line-height:1.85}.ff-demo__feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.ff-demo__feature{text-align:left;color:var(--ff-night);background:0 0;border:0;min-width:0;padding:0}.ff-demo__feature-image{aspect-ratio:4/4.3;background:var(--ff-deck);display:block;position:relative;overflow:hidden}.ff-demo__feature-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.ff-demo__feature:nth-child(2) img{object-position:center 28%}.ff-demo__feature:hover img{transform:scale(1.025)}.ff-demo__feature-index{background:var(--ff-pearl);color:var(--ff-night);font:.61rem var(--ff-mono);padding:.22rem .4rem;position:absolute;top:.8rem;left:.8rem}.ff-demo__feature-title{font-family:var(--ff-display);justify-content:space-between;gap:.5rem;margin:1.1rem 0 .6rem;font-size:clamp(1.16rem,1.65vw,1.5rem);line-height:1.25;display:flex}.ff-demo__feature-title>span{font:1rem var(--ff-sans);color:var(--ff-rasp-deep)}.ff-demo__feature-description{color:var(--ff-ink-muted);font-size:.75rem;line-height:1.7;display:block}.ff-demo__direction{border-top:1px solid var(--demo-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;margin-top:4rem;padding-top:2.4rem;display:grid}.ff-demo__direction h3,.ff-demo__archive h3{font:400 1.9rem/1.15 var(--ff-display);letter-spacing:-.02em;margin:0 0 1rem}.ff-demo__direction-intro,.ff-demo__archive p{color:var(--ff-ink-muted);font-size:.79rem;line-height:1.8}.ff-demo__decisions>div+div{margin-top:1.4rem}.ff-demo__decisions h4{margin:0 0 .35rem;font-size:.78rem;font-weight:600}.ff-demo__decisions p{color:var(--ff-ink-muted);margin:0;font-size:.76rem;line-height:1.75}.ff-demo__archive{background:var(--ff-pearl-2);grid-template-columns:1fr 1fr;gap:1rem 2.5rem;margin-top:3rem;padding:2rem;display:grid}.ff-demo__archive h3{font-size:1.7rem}.ff-demo__archive p{margin:0}.ff-demo__archive-links{align-self:center}.ff-demo__archive-links a{border-bottom:1px solid var(--demo-rule);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.76rem;text-decoration:none;display:flex}.ff-demo__archive-links a:hover{color:var(--ff-rasp-deep)}.ff-demo__archive .ff-demo__archive-notice{grid-column:1/-1;max-width:43rem;font-size:.65rem}.ff-demo__asset-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ff-demo__asset-selector{text-align:left;border:1px solid var(--demo-rule);color:var(--ff-night);background:0 0;flex-direction:column;gap:.5rem;padding:1.1rem 1.3rem;display:flex}.ff-demo__asset-selector[aria-pressed=true]{background:var(--demo-sheet);border-color:var(--ff-rasp-deep)}.ff-demo__asset-kind{font:.58rem var(--ff-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ff-ink-muted)}.ff-demo__asset-selector>span:nth-child(2){font:1.2rem var(--ff-display)}.ff-demo__asset-action{color:var(--ff-rasp-deep);justify-content:space-between;width:100%;margin-top:.4rem;font-size:.64rem;display:flex}.ff-demo__inspector{background:var(--demo-sheet);border:1px solid var(--demo-rule);padding:clamp(1.4rem,3.7vw,3.5rem)}.ff-demo__asset-header{max-width:39rem;margin-bottom:2.2rem}.ff-demo__asset-header h3{font:400 clamp(1.7rem, 3vw, 2.7rem)/1.13 var(--ff-display);letter-spacing:-.025em;margin:0 0 .8rem}.ff-demo__asset-header>p:last-child{color:var(--ff-ink-muted);margin:0;font-size:.83rem;line-height:1.8}.ff-demo__image{background:var(--ff-night);margin-bottom:2.5rem}.ff-demo__image img{width:100%;height:auto;display:block}.ff-demo__image--mara{float:right;width:40%;margin:0 0 1.5rem 2.4rem}.ff-demo__image--website{aspect-ratio:16/7;overflow:hidden}.ff-demo__image--website img{object-fit:cover;height:100%}.ff-demo__text-section{margin-bottom:1.5rem}.ff-demo__text-section h4{margin:0 0 .5rem;font-size:.8rem;font-weight:600}.ff-demo__text-section p{color:var(--ff-ink-muted);margin:0;font-size:.83rem;line-height:1.9}.ff-demo__text-label{font:.64rem var(--ff-mono);color:var(--ff-ink-muted);border-bottom:1px solid var(--demo-rule);margin-bottom:2rem;padding-bottom:1.3rem}.ff-demo__asset-body{max-width:45rem}.ff-demo__inspector--canon .ff-demo__text-section p{font-family:var(--ff-display);color:var(--ff-night);font-size:1.2rem;line-height:1.7}.ff-demo__inspector--canon .ff-demo__text-section{margin-bottom:2rem}.ff-demo__notes{clear:both;background:var(--ff-pearl-2);margin-top:2.5rem;padding:1.8rem}.ff-demo__notes-heading h4{font:400 1.5rem var(--ff-display);margin:0 0 .5rem}.ff-demo__notes-heading p{color:var(--ff-ink-muted);margin:0;font-size:.65rem}.ff-demo__notes-grid{grid-template-columns:1fr 1fr;gap:1.8rem;margin-top:1.6rem;display:grid}.ff-demo__notes-grid span{font:.63rem var(--ff-mono);text-transform:uppercase;letter-spacing:.03em}.ff-demo__notes-grid p{color:var(--ff-ink-muted);margin:.7rem 0 0;font-size:.76rem;line-height:1.8}.ff-demo__notes-grid>div:last-child{border-left:2px solid var(--demo-brass);padding-left:1.4rem}.ff-demo__asset-footer{clear:both;border-top:1px solid var(--demo-rule);justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.ff-demo__source{text-align:left;color:var(--ff-night);background:0 0;border:0;max-width:20rem;padding:0;font-size:.7rem!important}.ff-demo__source>span:first-child{font:.57rem var(--ff-mono);text-transform:uppercase;color:var(--ff-ink-muted);margin-bottom:.4rem;display:block}.ff-demo__download-links{flex-direction:column;gap:.8rem;display:flex}.ff-demo__download-links a{border-bottom:1px solid var(--demo-rule);padding-bottom:.2rem;font-size:.71rem;text-decoration:none}.ff-demo__download-links a:hover{color:var(--ff-rasp-deep)}.ff-demo__download-links .ff-demo__solid-link{background:var(--ff-night);color:var(--ff-pearl);border:0;padding:.8rem 1rem}.ff-demo__download-links .ff-demo__solid-link:hover{background:var(--ff-deck);color:var(--ff-pearl)}.ff-demo__asset-disclosure{color:var(--ff-ink-muted);max-width:44rem;margin:1.4rem 0 0;font-size:.6rem;line-height:1.8}.ff-demo__audio-study{isolation:isolate;background:var(--ff-night);color:var(--ff-pearl);margin-bottom:2.5rem;padding:3rem 2rem;position:relative;overflow:hidden}.ff-demo__audio-study>img{z-index:-1;object-fit:cover;opacity:.18;width:100%;height:100%;position:absolute;inset:0}.ff-demo__audio-content{text-align:center;max-width:28rem;margin:0 auto}.ff-demo__audio-seal{color:#d3bd99;width:4.5rem;height:4.5rem;font:2rem var(--ff-display);border:1px solid #a88c60;border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid}.ff-demo__audio-content .ff-demo__eyebrow{color:#d3bd99;font-size:.56rem}.ff-demo__audio-content audio{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-width:0;height:3rem;margin:1rem auto;display:block}.ff-demo__audio-content>p:last-child{color:#c7c5c1;margin:1rem 0 0;font-size:.69rem;line-height:1.8}.ff-demo__film{margin:0 0 2.5rem}.ff-demo__film video{aspect-ratio:16/9;background:var(--ff-night);width:100%;display:block}.ff-demo__film figcaption{color:var(--ff-ink-muted);margin-top:.8rem;font-size:.69rem;line-height:1.7}.ff-demo__invitation{background:var(--ff-pearl-2);padding:4.5rem var(--ff-gutter);border-top:1px solid var(--demo-rule);justify-content:space-between;align-items:center;gap:3rem;display:flex}.ff-demo__invitation>div{max-width:43rem}.ff-demo__invitation h2{font:400 clamp(2rem, 3.6vw, 3.4rem)/1.12 var(--ff-display);letter-spacing:-.025em;margin:0 0 1rem}.ff-demo__invitation p:last-child{color:var(--ff-ink-muted);max-width:35rem;margin:0;font-size:.87rem;line-height:1.8}.ff-demo__cta{background:var(--ff-rasp-deep);flex-shrink:0;justify-content:space-between;align-items:center;gap:3rem;padding:1.1rem 1.5rem;font-size:.81rem;text-decoration:none;display:inline-flex;color:var(--ff-pearl)!important}.ff-demo__cta:hover{background:var(--ff-night)}.ff-demo__cta svg{width:1.1rem;height:1.1rem}.ff-demo__footer{padding:2.5rem var(--ff-gutter);color:var(--ff-pearl);background:var(--ff-night);justify-content:space-between;align-items:center;gap:2rem;display:flex}.ff-demo__footer>a:last-child{border-bottom:1px solid var(--ff-line-dark);font-size:.72rem;text-decoration:none}@media (width>=1500px){.ff-demo__invitation{padding-left:max(var(--ff-gutter), calc((100vw - 90rem) / 2));padding-right:max(var(--ff-gutter), calc((100vw - 90rem) / 2))}}@media (width<=1050px){.ff-demo__workspace{grid-template-columns:10.5rem minmax(0,1fr);gap:2.5rem}.ff-demo__feature-grid{gap:.8rem}.ff-demo__direction{grid-template-columns:1fr;gap:1.5rem}.ff-demo__decisions{grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.ff-demo__decisions>div+div{margin-top:0}.ff-demo__archive{grid-template-columns:1fr;padding:1.5rem}.ff-demo__asset-footer{flex-direction:column;align-items:flex-start}.ff-demo__image--mara{float:none;width:min(100%,23rem);margin:0 auto 2rem}}@media (width<=780px){.ff-demo__hero-inner{grid-template-columns:8.5rem minmax(0,1fr);gap:2rem;padding-top:3rem;padding-bottom:3rem}.ff-demo__hero h1{font-size:clamp(2.3rem,6vw,3.7rem)}.ff-demo__hero .ff-demo__eyebrow{font-size:.56rem}.ff-demo__subtitle{margin-top:1rem;margin-bottom:1rem;font-size:.82rem}.ff-demo__genre{font-size:.6rem}.ff-demo__notice{padding-top:1rem;padding-bottom:1rem;display:block}.ff-demo__notice p{margin-top:.3rem}.ff-demo__workspace{padding-top:2rem;padding-bottom:3.5rem;display:block}.ff-demo__sidebar{margin-bottom:2.5rem;position:static}.ff-demo__sidebar-title{max-width:none;margin-bottom:1rem;font-size:1rem}.ff-demo__tabs{border-top:0;flex-flow:wrap;gap:.5rem}.ff-demo__tabs>button{border:1px solid var(--demo-rule);flex:0 auto;gap:.45rem;width:auto;padding:.55rem .75rem;font-size:.7rem}.ff-demo__tabs>button[aria-selected=true]{box-shadow:none;border-color:var(--ff-rasp-deep)}.ff-demo__tab-active,.ff-demo__sidebar-case{display:none}.ff-demo__section-head{margin-bottom:2rem}.ff-demo__section-head h2{font-size:2.3rem}.ff-demo__invitation{flex-direction:column;align-items:flex-start;gap:2rem;padding-top:3rem;padding-bottom:3rem}.ff-demo__footer{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media (width<=520px){.ff-demo__nav{gap:.5rem;padding-top:1.1rem;padding-bottom:1.1rem}.ff-demo__nav .ff-wordmark__name{font-size:1.04rem}.ff-demo__nav .ff-wordmark svg{width:1.5rem;height:1.5rem}.ff-demo__nav .ff-wordmark{gap:.4rem}.ff-demo__back{display:none}.ff-demo__nav .ff-lang{gap:0}.ff-demo__nav .ff-lang__option{padding-left:.4rem;padding-right:.4rem}.ff-demo__hero-inner{grid-template-columns:1fr;gap:1.6rem;padding-top:2.8rem;padding-bottom:3.2rem}.ff-demo__book-jacket{display:none}.ff-demo__hero:after{background:linear-gradient(90deg,#0b1624db,#0b162475)}.ff-demo__hero h1{max-width:19rem;font-size:3.1rem}.ff-demo__hero .ff-demo__eyebrow{font-size:.6rem}.ff-demo__subtitle{max-width:22rem}.ff-demo__section-head h2{font-size:2.05rem}.ff-demo__section-head>p:last-child{font-size:.84rem}.ff-demo__feature-grid{grid-template-columns:1fr;gap:1.5rem}.ff-demo__feature{grid-template-columns:6.5rem minmax(0,1fr);column-gap:1.1rem;display:grid}.ff-demo__feature-image{aspect-ratio:3/4;grid-row:1/3}.ff-demo__feature-title{align-self:end;margin-top:.45rem;font-size:1.35rem}.ff-demo__feature-description{font-size:.73rem}.ff-demo__feature-index{font-size:.52rem;top:.4rem;left:.4rem}.ff-demo__direction{margin-top:2.8rem;padding-top:2rem}.ff-demo__decisions{grid-template-columns:1fr;gap:1.2rem}.ff-demo__archive{margin-top:2.2rem;padding:1.3rem}.ff-demo__asset-selectors{gap:.65rem}.ff-demo__asset-selector{padding:.9rem}.ff-demo__asset-selector>span:nth-child(2){font-size:1.03rem}.ff-demo__asset-kind{font-size:.51rem;line-height:1.5}.ff-demo__asset-action{font-size:.59rem}.ff-demo__inspector{padding:1.3rem}.ff-demo__asset-header h3{font-size:1.9rem}.ff-demo__notes{padding:1.2rem}.ff-demo__notes-grid{grid-template-columns:1fr;gap:1.3rem}.ff-demo__notes-grid>div:last-child{padding-left:1rem}.ff-demo__audio-study{padding:2rem .8rem}.ff-demo__audio-content audio{height:2.8rem}.ff-demo__audio-content>p:last-child{font-size:.66rem}.ff-demo__text-section p{font-size:.79rem}.ff-demo__inspector--canon .ff-demo__text-section p{font-size:1.14rem}}@media (prefers-reduced-motion:reduce){.ff-demo__feature-image img,.ff-demo__tabs>button{transition:none}}
