@font-face{font-family:Manuscrito;src:url(assets/LaBelleAurore.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
.signature{font:400 clamp(24px,2.6vw,37px)/1.15 Manuscrito,cursive;letter-spacing:0;rotate:-8deg;filter:drop-shadow(0 1px 3px #17342088);text-align:center}
.signature span{display:block}
.signature span+span{padding-left:28px}
.hero-signature{right:4.8vw;bottom:5vh;padding-right:28px}
.pen-leaf{width:38px;height:61px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.hero-signature .pen-leaf{position:absolute;right:-14px;top:-9px;rotate:24deg;width:27px;height:43px}
.end-signature{position:relative;right:auto;bottom:auto;width:max-content;max-width:100%;margin:12px 0 8px auto;display:flex;align-items:center;gap:16px;filter:none;color:#efdaad}
.funding{padding-bottom:24px}
.brands{margin-top:8px}
.more-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0 16px;font:16px Georgia,serif}
.company-footer{border-top:1px solid #e6ce982f;padding-top:24px;margin-top:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:12px 45px;align-items:center}
.company-footer .brands{grid-row:span 2;align-items:flex-start;gap:12px;margin:0}
.company-footer .brands>div{background:transparent;padding:8px 10px;background:#fbf7ea}
.company-footer .brands .xorg{width:85px;height:85px}
.company-data{font:13px/1.8 Body,Arial,sans-serif;color:#e2e8d9}
.company-data p{margin:0 0 12px}
.company-data a{text-decoration:none}
.socials{display:flex;flex-wrap:wrap;gap:20px}
.socials a{font:14px Body,Arial,sans-serif;text-decoration:underline}
.company-footer .origin{grid-column:1/-1;text-align:left;margin-top:12px;opacity:.8}
/* Motion enhances the same five blocks; it adds no scroll distance or pinned panels. */
.motion-on .reveal{opacity:var(--reveal-opacity,1);transform:translate3d(0,var(--reveal-y,0px),0);will-change:transform,opacity}
.motion-on .art{clip-path:inset(var(--crop,0%) var(--crop,0%) round var(--round,0px));transform:translate3d(0,var(--art-y,0px),0);will-change:clip-path,transform}
.motion-on .art .media{transform:scale(var(--art-scale,1));will-change:transform}
.motion-on .hero>.media,.motion-on .discovery>.media{transform:translateY(var(--scene-y,0px)) scale(var(--scene-scale,1.02))}
.motion-on .discovery{clip-path:inset(0 var(--scene-crop,0%) round var(--scene-round,0px));will-change:clip-path}
.motion-on .signature span{clip-path:inset(0 var(--ink-hide,0%) 0 0);padding-top:5px;margin-top:-5px}
.motion-on .pen-leaf path{stroke-dasharray:1;stroke-dashoffset:var(--pen-offset,0)}
.phases{position:relative;border-top:0;padding-top:1px}
.phases:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:#cfb578;transform-origin:left;transform:scaleX(var(--line-progress,1))}
.reduced .reveal,.reduced .art{opacity:1!important;transform:none!important;clip-path:none!important}
.reduced .signature span,.reduced .discovery{clip-path:none!important}
.reduced .pen-leaf path{stroke-dashoffset:0!important}
.reduced .phases:before{transform:none!important}
@media(max-width:760px){
 header{background:linear-gradient(#102b2499,#102b2440)}
 html{scroll-padding-top:105px}
 .hero-copy{bottom:16vh}
 .hero-signature{display:block;right:9vw;bottom:4vh;font-size:25px}
 .end-signature{display:flex;margin:32px 0 24px auto;font-size:28px}
 .pen-leaf{width:30px;height:48px}
 .phases:before{display:none}
 .company-footer{grid-template-columns:1fr;gap:26px}
 .company-footer .brands{grid-row:auto}
 .more-links{font-size:15px}
 .motion-on .art{clip-path:inset(var(--crop,0%) var(--crop,0%) round var(--round,0px))}
}
@media(prefers-reduced-motion:reduce){.reveal,.art{will-change:auto}.media{will-change:auto}}