html[data-hero='frame'] [data-hero-variant='frame'],html:not([data-hero]) [data-hero-variant='frame']{display:block}
.hero-folio{position:relative;isolation:isolate;width:100%;max-width:none;height:100svh;min-height:840px;max-height:1080px;padding:0;margin:0;overflow:hidden;background:var(--ink)}
.folio-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.folio-space{position:absolute;inset:0;perspective:160vw;perspective-origin:54% 40%;--cut-top:70%;--cut-bottom:57%;--hinge-x:70%;--hinge-y:0px;--axis-x:-.19;--axis-y:1;--turn:72deg;--shade:.055;--paper-light:.12}
.folio-beyond{position:absolute;inset:0;background:var(--ink)}
.folio-ma{position:absolute;right:4.5%;top:57%;font:clamp(90px,10.6vw,174px)/1 var(--serif);letter-spacing:-.055em;color:var(--ground);white-space:nowrap}
.folio-ma>span{color:var(--lime)}
.folio-fixed,.folio-turn,.folio-leaf{position:absolute;inset:0}
.folio-fixed{z-index:2;background:#f6f5f0;clip-path:polygon(0 0,calc(var(--cut-top) + 1px) 0,calc(var(--cut-bottom) + 1px) 100%,0 100%)}
.folio-turn{z-index:3;transform-origin:var(--hinge-x) var(--hinge-y);transform:rotate3d(var(--axis-x),var(--axis-y),0,var(--turn));will-change:transform;backface-visibility:hidden}
.folio-leaf{right:calc(-1 * var(--paper-bleed,0px));bottom:calc(-1 * var(--paper-bleed,0px));background:#f6f5f0;clip-path:var(--paper-contour,polygon(calc(var(--cut-top) - 1px) 0,100% 0,100% 100%,calc(var(--cut-bottom) - 1px) 100%))}
.folio-words{position:absolute;inset:0;width:var(--paper-width,100%);height:var(--paper-height,100%);color:#1d1b18;font:clamp(100px,15vw,242px)/.95 var(--serif);letter-spacing:-.045em;user-select:none}
.folio-private{position:absolute;left:6%;top:18%}
.folio-capital{position:absolute;left:25%;top:39%;white-space:nowrap}
.folio-light{position:absolute;inset:0;opacity:var(--paper-light);background:linear-gradient(100deg,transparent 55%,#74675e 100%);pointer-events:none}
.folio-fibres{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.folio-shade{position:absolute;inset:0;background:linear-gradient(100deg,transparent 48%,#1d1b18 68%,transparent 100%);opacity:var(--shade);pointer-events:none}
.folio-copy{position:absolute;z-index:4;left:7%;bottom:8.5%;max-width:395px;font:16px/1.65 var(--sans);color:#1d1b18}
.folio-copy p+p{margin-top:9px}
/* The next cream sheet overlaps the dark reveal instead of ending at a box. */
.folio-next-sheet{position:absolute;z-index:3;left:0;bottom:-1px;width:100%;height:106px;pointer-events:none}
.folio-next-sheet-paper{fill:var(--ground)}
.folio-next-sheet-rim{fill:none;stroke:var(--ground);stroke-width:1.5;opacity:.8}
.folio-next-sheet-fibres{fill:none;stroke:var(--ground);stroke-width:.7;opacity:.7}
html[data-hero='frame'] .relationships{padding-top:65px}
.hero-js .folio-space:not([data-ready='false']){--turn:0deg;--shade:0;--paper-light:0}
.hero-folio.folio-flat .folio-space{--turn:0deg;--shade:0;--paper-light:0}
@media(min-width:1800px){.folio-capital{left:28%}.folio-ma{right:5.5%}}
@media(max-width:1050px) and (min-width:701px){.hero-folio{min-height:850px}.folio-words{font-size:15vw}.folio-private{top:23%}.folio-capital{left:25%;top:40%}.folio-copy{max-width:340px;font-size:15px}.folio-ma{top:60%;right:3.5%;font-size:11vw}}
@media(max-width:700px){
 .hero-folio{height:100svh;min-height:820px;max-height:1000px}
 .folio-space{perspective:160vh;perspective-origin:50% 35%;--cut-top:66%;--cut-bottom:59%;--hinge-x:0px;--hinge-y:66%;--axis-x:1;--axis-y:-.15;--turn:-74deg}
 .folio-fixed{clip-path:polygon(0 0,100% 0,100% calc(var(--cut-bottom) + 1px),0 calc(var(--cut-top) + 1px))}
 .folio-leaf{clip-path:var(--paper-contour,polygon(0 calc(var(--cut-top) - 1px),100% calc(var(--cut-bottom) - 1px),100% 100%,0 100%))}
 .folio-words{font-size:25vw;letter-spacing:-.045em}
 .folio-private{top:18%;left:6%}.folio-capital{top:31%;left:16%}
 .folio-ma{top:auto;bottom:6.5%;right:9%;font-size:32vw}
 .folio-copy{left:8%;top:46%;bottom:auto;max-width:81%;font-size:14px;line-height:1.6}
 .folio-shade{background:linear-gradient(175deg,transparent 55%,#1d1b18 70%,transparent 100%)}
 .folio-light{background:linear-gradient(175deg,transparent 55%,#74675e 100%)}
 .folio-next-sheet{height:42px}
 html[data-hero='frame'] .relationships{padding-top:48px}
}
@media(max-width:360px){.hero-folio{min-height:780px}.folio-copy{font-size:13px;max-width:82%}.folio-ma{bottom:10%}.folio-private{top:18%}.folio-capital{top:30%}}
@media(prefers-reduced-motion:reduce){.hero-js .folio-space:not([data-ready='false']){--turn:72deg;--shade:.055;--paper-light:.12}.folio-turn{will-change:auto}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.hero-js .folio-space:not([data-ready='false']){--turn:-74deg}}