@font-face{font-family:Archivo;src:url('./archivo.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Plex;src:url('./plex-mono.ttf') format('truetype');font-display:swap}
/* Retvest's angular R, printer's rules and blue ink define this family. */
.notebook,.journal,.studio{--paper:#f4f5ef;--ink:#1d2728;--muted:#65716c;--line:#cbd1c8;--wash:#e8ece1;--panel:#fbfcf6;--accent:#2346ca;--inverse:#f9faf4;--radius:0}
.notebook h1,.journal h1,.studio h1,.notebook h2,.journal h2,.studio h2{font-family:Archivo,Arial,sans-serif}
.notebook .header .wrap,.journal .header .wrap,.studio .header .wrap{min-height:87px}
.notebook .brand,.journal .brand,.studio .brand{font-family:Archivo,Arial,sans-serif;font-size:31px;letter-spacing:-1.7px;font-weight:650}
.notebook .brand svg,.journal .brand svg,.studio .brand svg{color:var(--accent)}
.notebook .nav,.journal .nav,.studio .nav{gap:29px;font-size:12px}
.notebook .nav-download,.journal .nav-download,.studio .nav-download{border-color:var(--line)}
.notebook .eyebrow,.journal .eyebrow,.studio .eyebrow,.notebook .index,.journal .index,.studio .index{font-family:Plex,monospace;font-size:9px;font-weight:400;letter-spacing:.04em}
.notebook .button,.journal .button,.studio .button{background:var(--accent);border-color:var(--accent);padding:14px 20px}
.notebook .button.secondary,.journal .button.secondary,.studio .button.secondary{background:transparent;border-color:var(--line)}
.notebook .draft-bar,.journal .draft-bar,.studio .draft-bar{background:#18399e;color:#f9faf5;font-family:Plex,monospace;font-size:9px}
.notebook .section-heading h2,.journal .section-heading h2,.studio .section-heading h2{font-size:43px;letter-spacing:-1.8px;font-weight:550}
.notebook .product-row .product-name,.journal .product-row .product-name,.studio .product-row .product-name{font-family:Archivo,sans-serif;font-size:31px;font-weight:550;letter-spacing:-1px}
.notebook .statement h2,.journal .statement h2,.studio .statement h2{font-family:Archivo,sans-serif;font-size:52px;letter-spacing:-2.2px;font-weight:500}
.notebook .page-intro h1,.journal .page-intro h1,.studio .page-intro h1{font-family:Archivo,sans-serif;font-weight:550;font-size:66px;letter-spacing:-2.7px}
.notebook .policy-page h1,.journal .policy-page h1,.studio .policy-page h1{font-family:Archivo,sans-serif;font-size:59px;letter-spacing:-2px;font-weight:500}
.notebook .bottom-cta,.journal .bottom-cta,.studio .bottom-cta{background:#e3e9d7;border-top:3px solid var(--accent)}
.notebook .bottom-cta h2,.journal .bottom-cta h2,.studio .bottom-cta h2{font-family:Archivo,sans-serif;font-size:39px;letter-spacing:-1.5px}
.notebook .footer-word,.journal .footer-word,.studio .footer-word{font-family:Archivo,sans-serif;letter-spacing:-.07em;color:var(--accent);opacity:.13}
.index-kicker,.margin-mast,.folio-titlebar{font-family:Plex,monospace;font-size:9px;line-height:1.7;letter-spacing:.035em;display:flex;justify-content:space-between;gap:25px;padding:24px 0;color:var(--muted)}
.index-main{display:grid;grid-template-columns:1.65fr 1fr;gap:60px;align-items:center;padding:16px 0 47px}
.index-copy h1{font-family:Archivo,sans-serif;font-size:clamp(65px,5.3vw,85px);font-weight:600;letter-spacing:-4.5px;line-height:1.04;margin:0 0 40px}
.index-copy h1>span{color:var(--accent)}
.index-description{display:grid;grid-template-columns:120px 1fr;gap:25px}
.index-description>.index{padding-top:4px;color:var(--accent)}
.index-description>p{font-size:18px;line-height:1.6;color:var(--muted)}
.index-copy .actions{margin-top:29px}.index-copy>.fine{margin-top:15px;font-size:11px}
.index-cover{display:flex;flex-direction:column;justify-content:space-between;background:var(--accent);color:#f4f7e9;min-height:420px;padding:23px 26px;position:relative;overflow:hidden;box-shadow:7px 7px 0 #dce2cf}
.index-cover:after{content:'';position:absolute;width:1px;top:0;bottom:0;left:14px;background:#fff3}
.cover-meta{display:flex;justify-content:space-between;font-family:Plex,monospace;font-size:9px;letter-spacing:.03em}
.cover-mark{width:240px;height:235px;align-self:center;margin:12px 0 3px}.cover-mark svg{height:100%;width:100%;fill:currentColor}
.cover-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #ffffff55;padding-top:17px}
.cover-title{display:block;font-family:Archivo,sans-serif;font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1}.cover-subtitle{display:block;font-size:10px;opacity:.75;margin-top:9px}.cover-arrow{font-size:34px;font-weight:300;line-height:1}
.index-bottom{display:grid;grid-template-columns:100px 1fr 1fr 1fr auto;gap:28px;align-items:center;padding:24px 0 28px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:35px}
.index-bottom-number{font-family:Archivo,sans-serif;font-size:40px;font-weight:600;letter-spacing:-2px;color:var(--accent)}
.index-bottom>div>span{font-family:Plex,monospace;font-size:8px;color:var(--muted)}.index-bottom>div>p{font-family:Archivo,sans-serif;font-size:16px;margin-top:7px}.index-bottom>a{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:6px}
.notebook .folio{border-top:0;padding-top:0}
.journal{--paper:#f8f8f1;--accent:#2346ca;--ink:#202b2f}.journal .header{border-bottom:0}
.margin-mast{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:11px 0;font-size:9px}.margin-mast>span:first-child{font-weight:600;color:var(--ink)}
.margin-spread{display:grid;grid-template-columns:70px 1.65fr 1fr;gap:36px;padding:44px 0 53px}
.margin-rail{display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line);padding-right:18px;position:relative}
.margin-index{font-family:Archivo,sans-serif;font-size:38px;font-weight:550;letter-spacing:-1px;color:var(--accent);line-height:1}.margin-rail>p{font-family:Plex,monospace;font-size:9px;margin-top:11px}
.rail-word{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:2px;top:150px;font-family:Plex,monospace;font-size:8px;letter-spacing:.06em;color:var(--muted)}.margin-rail>a{font-size:24px;position:absolute;bottom:0;left:6px}
.margin-copy>.eyebrow{font-size:9px;margin-bottom:22px}.margin-copy h1{font-family:Archivo,sans-serif;font-size:clamp(60px,5.1vw,82px);letter-spacing:-4.2px;font-weight:550;line-height:1.035}.margin-copy h1>span{color:var(--accent);position:relative;display:inline-block}
.margin-copy h1>span:after{content:'';height:7px;background:#d3e568;position:absolute;bottom:3px;left:0;right:0;z-index:-1}
.margin-copy .intro{margin-top:30px;max-width:395px;font-size:16px}.margin-copy .actions{gap:21px;margin-top:26px}.margin-copy>.fine{font-family:Plex,monospace;font-size:8px;margin-top:20px}
.margin-index-card{border-left:1px solid var(--line);padding-left:29px}
.margin-brand{background:#e6ebdd;color:var(--accent);display:flex;align-items:center;gap:28px;padding:27px 21px;margin-bottom:30px;min-height:140px}.margin-brand svg{width:87px;height:94px;fill:currentColor;flex-shrink:0}.margin-brand>span{font-family:Plex,monospace;font-size:9px;line-height:1.8;letter-spacing:.01em}
.margin-contents>.eyebrow{margin-bottom:17px;color:var(--muted);font-size:8px}.margin-contents>a{display:grid;grid-template-columns:20px 1fr 20px;gap:13px;border-top:1px solid var(--line);padding:19px 0;align-items:center}
.margin-contents>a>span{font-family:Plex,monospace;font-size:9px;color:var(--accent)}.margin-contents strong{font-family:Archivo,sans-serif;font-size:16px;font-weight:500;letter-spacing:-.4px}.margin-contents b{font-size:18px;font-weight:400}
.margin-note{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:22px}.margin-note>span{font-size:34px;color:var(--accent)}.margin-note>p{font-family:Plex,monospace;font-size:9px;color:var(--muted);line-height:1.7}
.journal .section-heading h2{max-width:720px}.journal .product-list{border-top:2px solid var(--ink)}
/* Folio: restrained surfaces and typography for a business audience. */
.studio {
  --paper: #f6f8fb;
  --accent: #1c49c7;
  --ink: #14243b;
  --muted: #5e6d80;
  --line: #cbd4e1;
  --wash: #e7edf5;
  --panel: #ffffff;
  --inverse: #f6f8fb;
  font-family: Archivo, Arial, sans-serif;
}
.studio .header { border-bottom: 0; }
.studio .draft-bar { background: var(--ink); }
.studio .brand { font-weight: 700; }
.studio .nav-download { border-color: var(--ink); }
.studio h1, .studio h2 { font-stretch: 90%; }
.studio .sheet h3 { font-family: Archivo, Arial, sans-serif; }
.studio .button { background: var(--ink); border-color: var(--ink); }
.studio .button:hover { background: var(--accent); border-color: var(--accent); }
.studio .button.secondary { background: transparent; border-color: var(--line); }
.studio .bottom-cta { background: var(--wash); border-top: 3px solid var(--ink); }
.studio .product-row .index { color: var(--accent); }
.studio .footer-word { opacity: .12; }
.folio-titlebar {
  border-top: 2px solid var(--ink);
  padding: 17px 0;
  color: var(--muted);
}
/* One restrained motion surface, with a readable, stationary content column. */
.folio-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr 1.17fr;
  gap: 55px;
  align-items: center;
  min-height: 690px;
  margin: 8px -38px 46px;
  padding: 60px 48px;
  overflow: hidden;
  background: #101d30;
  color: #f4f7fc;
}
.folio-motion { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.folio-motion video { width: 100%; height: 100%; object-fit: cover; display: block; }
.folio-film-spacer { min-width: 0; }
.folio-copy { min-width: 0; }
.folio-copy > .eyebrow { display: flex; align-items: center; gap: 13px; color: #b7c9df; }
.folio-catalogue { padding: 4px 6px; border: 1px solid #607792; color: #d5e5f7; font-size: 10px; }
.folio-copy h1 {
  font-family: Archivo, sans-serif;
  font-size: clamp(58px, 4.6vw, 72px);
  font-weight: 550;
  font-stretch: 94%;
  letter-spacing: -2.5px;
  line-height: 1.055;
  margin: 23px 0 27px;
}
.folio-copy h1 > span { color: #b9cee8; }
.folio-copy .intro { font-size: 16px; max-width: 385px; color: #bbc9da; }
.folio-copy .actions { margin-top: 28px; gap: 23px; }
.studio .folio-copy .button { background: #edf2f8; border-color: #edf2f8; color: #172c47; }
.studio .folio-copy .button:hover { background: #ffffff; border-color: #ffffff; }
.folio-copy .text-link { border-color: #607792; color: #edf2f8; font-size: 12px; gap: 16px; }
.folio-availability {
  margin-top: 32px;
  padding-top: 19px;
  border-top: 1px solid #44576f;
  display: flex;
  gap: 26px;
  align-items: start;
}
.folio-availability > span { font-family: Plex, monospace; font-size: 8px; padding-top: 3px; color: #b9c9dc; }
.folio-availability > p { font-size: 12px; line-height: 1.7; }
.folio-availability small { font-size: 10px; color: #b9c9dc; }
.motion-toggle {
  position: absolute;
  bottom: 19px;
  left: 26px;
  border: 1px solid #607792;
  background: #14243be6;
  color: #d5e0ee;
  font-family: Plex, monospace;
  font-size: 9px;
  padding: 8px 11px;
  letter-spacing: .01em;
}
.motion-toggle:hover { background: #243c5b; }
.motion-toggle[hidden] { display: none; }
.studio .folio-stage :focus-visible { outline-color: #c9dcf4; }
@media(max-width:1100px){
.index-main{gap:35px;grid-template-columns:1.5fr 1fr}.index-copy h1{font-size:70px;letter-spacing:-3.5px}.index-cover{min-height:390px}.cover-mark{height:215px;width:215px}.index-description{grid-template-columns:90px 1fr;gap:20px}.index-description>p{font-size:16px}.index-bottom{gap:20px;grid-template-columns:70px 1fr 1fr 1fr}.index-bottom>a{display:none}
.margin-spread{grid-template-columns:45px 1.6fr 1fr;gap:24px}.margin-copy h1{font-size:66px;letter-spacing:-3.5px}.margin-index-card{padding-left:23px}.margin-brand{gap:17px;padding:22px 16px}.margin-brand svg{width:65px;height:72px}.margin-brand>span{font-size:8px}.margin-contents strong{font-size:14px}.margin-copy .text-link,.folio-copy .text-link{font-size:12px;gap:14px}
.folio-stage{gap:32px;min-height:660px;margin-left:-20px;margin-right:-20px;padding:44px 30px}.folio-copy h1{font-size:60px;letter-spacing:-2.2px}.folio-copy .intro{font-size:15px}.folio-copy .actions{gap:15px}
}
@media(max-width:800px){
.index-kicker,.margin-mast,.folio-titlebar{font-size:8px;gap:20px}.index-main{grid-template-columns:1fr;gap:38px}.index-copy h1{font-size:76px;max-width:670px}.index-description{grid-template-columns:120px 1fr}.index-cover{max-width:540px;width:100%;min-height:440px;margin:auto}.cover-mark{width:260px;height:260px}.index-bottom{grid-template-columns:60px 1fr 1fr 1fr;gap:19px}.index-bottom>div>p{font-size:14px}
.margin-mast>span:nth-child(2){display:none}.margin-spread{grid-template-columns:50px 1fr;gap:28px;padding-top:35px}.margin-copy h1{font-size:78px}.margin-copy .intro{max-width:500px}.margin-index-card{grid-column:2;display:grid;grid-template-columns:.8fr 1fr;gap:25px;padding-left:0;border:0}.margin-brand{flex-direction:column;align-items:flex-start;margin:0;padding:24px}.margin-brand svg{width:90px;height:96px}.margin-brand>span{font-size:10px}.margin-note{grid-column:1/3}
.folio-stage{grid-template-columns:1fr;gap:0;padding:365px 32px 44px;margin:5px -12px 30px}.folio-film-spacer{display:none}.folio-motion{height:380px;overflow:hidden}.folio-motion video{width:200%;max-width:none;object-fit:cover}.folio-copy{grid-row:auto}.folio-copy h1{font-size:62px}.folio-copy .intro{max-width:480px}.motion-toggle{top:325px;bottom:auto;left:24px}.folio-copy .actions{gap:23px}.notebook .page-intro h1,.journal .page-intro h1,.studio .page-intro h1{font-size:54px}
}
@media(max-width:480px){
.notebook .brand,.journal .brand,.studio .brand{font-size:28px}.index-kicker>span:last-child,.folio-titlebar>span:last-child{display:none}.index-main{padding-top:8px}.index-copy h1{font-size:55px;letter-spacing:-3px;margin-bottom:28px}.index-description{grid-template-columns:1fr;gap:12px}.index-description>p{font-size:16px}.index-copy .actions{gap:20px}.index-copy .text-link{font-size:12px;gap:15px}.index-cover{min-height:400px;padding:23px}.cover-mark{width:230px;height:225px}.index-bottom{grid-template-columns:1fr;gap:19px}.index-bottom-number{display:none}.index-bottom>div{display:flex;gap:20px;align-items:center}.index-bottom>div>span{min-width:110px}.index-bottom>div>p{margin:0}
.margin-spread{grid-template-columns:1fr}.margin-rail{display:none}.margin-copy h1{font-size:62px;letter-spacing:-3.5px}.margin-copy .intro{font-size:15px}.margin-copy .actions{gap:20px}.margin-copy>.fine{font-size:8px}.margin-index-card{grid-column:1;gap:20px;grid-template-columns:.75fr 1fr}.margin-brand{padding:20px 15px;gap:15px}.margin-brand svg{width:76px;height:82px}.margin-brand>span{font-size:8px}.margin-contents strong{font-size:12px;letter-spacing:-.4px}.margin-contents>a{grid-template-columns:15px 1fr 12px;gap:7px;padding:17px 0}.margin-contents>.eyebrow{font-size:7px}
.folio-copy h1{font-size:48px;letter-spacing:-1.7px}.folio-stage{padding:320px 22px 35px}.folio-motion{height:330px}.motion-toggle{top:280px;left:20px}.folio-copy .intro{font-size:15px}.folio-copy .actions{gap:18px}.folio-copy>.eyebrow{font-size:8px}.folio-availability{gap:22px}
.notebook .section-heading h2,.journal .section-heading h2,.studio .section-heading h2{font-size:34px}.notebook .page-intro h1,.journal .page-intro h1,.studio .page-intro h1{font-size:43px;letter-spacing:-1.8px}.notebook .policy-page h1,.journal .policy-page h1,.studio .policy-page h1{font-size:42px}.notebook .product-row .product-name,.journal .product-row .product-name,.studio .product-row .product-name{font-size:25px}.notebook .statement h2,.journal .statement h2,.studio .statement h2{font-size:41px}.notebook .bottom-cta h2,.journal .bottom-cta h2,.studio .bottom-cta h2{font-size:34px}
}