/* The framing and rhythm of a film, carried through the company story. */
.creative-home{--ease-out:cubic-bezier(.2,.75,.2,1)}
.reading-line{position:fixed;top:0;left:0;height:3px;width:100%;z-index:40;background:var(--blue);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
.creative-home .hero{position:relative;overflow:clip;background-image:radial-gradient(#68726328 .7px,transparent .7px);background-size:18px 18px}
.creative-home .hero:before{content:"+";position:absolute;top:22px;left:49.9%;font:22px Arial;color:#9ba391;pointer-events:none}
.creative-home .hero-copy{position:relative}
.creative-home .hero-copy:before{content:"";position:absolute;inset:-15px 12% 5px -12px;background:radial-gradient(ellipse,#f3f3eefc 40%,#f3f3ee00 72%);pointer-events:none}
.creative-home .hero-copy>*{position:relative}
.creative-home .corporate-catch .headline-mask,.creative-home .corporate-catch .hero-heading-top{overflow:hidden;display:block;padding-bottom:.06em;margin-bottom:-.06em}
.creative-home .corporate-catch .word-rise{display:block}
.creative-home .corporate-catch>.blue-text{width:max-content;max-width:100%;padding-right:.28em}
.motion-ready .corporate-catch .word-rise{animation:word-rise 1.1s var(--ease-out) both}
.motion-ready .corporate-catch>span:nth-child(2) .word-rise{animation-delay:.12s}
.motion-ready .corporate-catch>span:nth-child(3) .word-rise{animation-delay:.25s}
.motion-ready .hero-intro,.motion-ready .hero-description,.motion-ready .hero-copy>.text-link{animation:soft-rise .9s var(--ease-out) .35s both}
.motion-ready .company-canvas{animation:frame-open 1.3s var(--ease-out) .15s both}
.creative-home .canvas-film{isolation:isolate}
.creative-home .canvas-film>img{transform:scale(1.035) translate(var(--frame-x,0px),var(--frame-y,0px));transition:transform 1.2s var(--ease-out);will-change:transform}
.creative-home .canvas-film:hover>img{transform:scale(1.07) translate(var(--frame-x,0px),var(--frame-y,0px))}
.film-viewfinder{position:absolute;inset:0;z-index:2;color:#fff;pointer-events:none;font:600 10px var(--display);letter-spacing:.1em}
.film-rec{position:absolute;left:23px;top:22px;display:flex;gap:7px;align-items:center;text-shadow:0 1px 8px #000}
.film-rec i{width:5px;height:5px;background:#ff684f;border-radius:50%;animation:record-pulse 2.4s infinite}
.film-time{position:absolute;right:23px;top:22px;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000}
.frame-corner{width:15px;height:15px;position:absolute;border-color:#ffffffe0;border-style:solid}
.corner-tl{left:12px;top:12px;border-width:1px 0 0 1px}.corner-tr{right:12px;top:12px;border-width:1px 1px 0 0}.corner-bl{left:12px;bottom:12px;border-width:0 0 1px 1px}.corner-br{right:12px;bottom:12px;border-width:0 1px 1px 0}
.frame-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:27px Arial;color:#ffffff80}
.creative-home .canvas-label,.creative-home .canvas-play{z-index:3}
.creative-home .canvas-product-shell,.creative-home .canvas-community{transition:transform .65s var(--ease-out),box-shadow .65s}
.creative-home .canvas-product-shell:hover{transform:translateY(-5px);box-shadow:0 12px 30px #17291b20}
.creative-home .canvas-community:hover{transform:translateY(4px)}
.crossing-band{padding:22px 0 28px;background:var(--ink);color:var(--paper);overflow:hidden;position:relative}
.crossing-band-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 3.2% 17px;color:#d6d9cf}
.crossing-band-meta>.mono{font-size:10px}
.motion-toggle{display:flex;align-items:center;gap:8px;font-size:10px;padding:7px 0;color:inherit;white-space:nowrap}
.motion-toggle>span{width:22px;height:22px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;font-size:8px}
.crossing-track{display:flex;width:max-content;animation:crossing-drift 32s linear infinite}
.crossing-track>span{flex-shrink:0;display:flex;align-items:center;font-size:clamp(60px,8.3vw,140px);font-weight:800;letter-spacing:-.055em;line-height:1.3;gap:.38em;padding-right:.38em}
.crossing-track em{font-style:normal;color:transparent;-webkit-text-stroke:1px #dce0d3}
.crossing-track i{font:normal .65em Arial;color:#7092ff}
.creative-home .section-kicker{position:relative}
.creative-home .section-kicker:before{content:"";height:5px;width:5px;border:1px solid currentColor;position:absolute;top:-3px;left:-2px;background:var(--paper)}
.creative-home .projects .section-kicker:before{background:#fff}
.creative-home .projects{position:relative;overflow:clip}
.creative-home .projects .section-title{position:relative;z-index:1}
.creative-home .project-image img{transition:transform .9s var(--ease-out),filter .8s}
.creative-home .project-card:hover .project-image img{transform:scale(1.075)}
.creative-home .project-card:hover .project-open{transform:rotate(45deg)}
.creative-home .project-image:after{content:"VIEW PROJECT";position:absolute;left:18px;bottom:18px;color:white;background:#171b18d9;padding:8px 12px;font:600 10px var(--display);letter-spacing:.1em;opacity:0;transform:translateY(10px);transition:.3s}
.creative-home .project-card:hover .project-image:after,.creative-home .project-card:focus-visible .project-image:after{opacity:1;transform:none}
.motion-ready [data-reveal]{transition:opacity .9s var(--ease-out),transform 1s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal]:not(.in-view){opacity:0;transform:translateY(30px)}
.motion-ready .project-card[data-reveal]:not(.in-view) .project-image{clip-path:inset(0 0 18% 0)}
.creative-home .project-image{transition:clip-path 1.2s var(--ease-out)}
.creative-home .products{background-color:#e9eee6;background-image:linear-gradient(#8e9d8720 1px,transparent 1px),linear-gradient(90deg,#8e9d8720 1px,transparent 1px);background-size:80px 80px}
.creative-home .software-card{transition:transform .6s var(--ease-out)}
.creative-home .software-card:hover{transform:translateY(-7px)}
.creative-home .software-art{transition:box-shadow .6s}
.creative-home .software-card:hover .software-art{box-shadow:0 20px 35px #182c1620}
.business-stage{margin-top:38px;max-width:390px}
.service-mobile-image{display:none}
.business-stage-image{position:relative;aspect-ratio:1.65;overflow:hidden;background:#252c24}
.business-stage-image>img{height:100%;object-fit:cover;transition:opacity .25s,transform 1s var(--ease-out)}
.business-stage-image.is-changing>img{opacity:.1;transform:scale(1.05)}
.business-stage-image:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff66;pointer-events:none}
.stage-cross{position:absolute;left:20px;top:15px;color:white;font:24px Arial}
.business-stage-caption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;color:var(--muted)}
.business-stage-caption .mono{font-size:9px;line-height:1.5}
.business-stage-caption .mono:last-child{text-align:right;max-width:95px}
.creative-home .service-list details{transition:background .3s,padding .4s}
.creative-home .service-list details[open]{background:#e8ebdf;padding:0 18px}
.creative-home .service-list details[open] .service-body{animation:soft-rise .45s var(--ease-out)}
.creative-home .about-landscape img{height:116%;position:absolute;top:-8%;transform:translateY(var(--landscape-y,0px)) scale(1.02)}
.creative-home .landscape-word{mix-blend-mode:screen}
.creative-home .field-strip img{transition:filter .7s,transform .9s var(--ease-out);filter:saturate(.75)}
.creative-home .field-strip figure:hover img{filter:saturate(1.15);transform:translateY(-8px)}
.creative-home .contact{position:relative;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:70px 70px}
.creative-home .contact>*{position:relative}
.creative-home .contact-orb{position:relative}
.creative-home .contact-orb:before{content:"";position:absolute;inset:-13px;border:1px dashed #ffffff70;border-radius:50%;animation:orbit 35s linear infinite;pointer-events:none}
.creative-home .contact-orb:hover:before{inset:-20px;transition:inset .4s}
.creative-home+.footer .footer-emblem{transition:transform .7s var(--ease-out)}
.creative-home+.footer .footer-signature>a:hover .footer-emblem{transform:rotate(-5deg) scale(1.025)}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused [data-reveal]{opacity:1!important;transform:none!important}
.motion-paused .canvas-film>img{transform:none!important}
.motion-paused .corporate-catch .word-rise,.motion-paused .company-canvas,.motion-paused .hero-intro,.motion-paused .hero-description,.motion-paused .hero-copy>.text-link{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
.motion-paused .project-card .project-image{clip-path:none!important}
@keyframes word-rise{from{transform:translateY(110%) rotate(3deg)}to{transform:none}}
@keyframes soft-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes frame-open{from{opacity:0;clip-path:inset(4% 0 96% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes crossing-drift{to{transform:translateX(-50%)}}
@keyframes record-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .creative-home .hero:before{display:none}
 .creative-home .corporate-catch>span:nth-child(2),.creative-home .corporate-catch>span:nth-child(3){display:block}
 .creative-home .corporate-catch>span:nth-child(3):before{display:none}
 .creative-home .hero-copy:before{inset:-15px -8px 0}
 .film-rec{left:20px;top:20px;font-size:8px}.film-time{right:20px;top:20px;font-size:8px}
 .frame-corner{width:11px;height:11px}.corner-tl{top:10px;left:10px}.corner-tr{top:10px;right:10px}.corner-bl{bottom:10px;left:10px}.corner-br{bottom:10px;right:10px}
 .frame-cross{font-size:22px}.creative-home .canvas-label{left:20px;bottom:18px}.creative-home .canvas-play{right:20px;bottom:18px}
 .crossing-band{padding:17px 0 22px}.crossing-band-meta{padding:0 6% 12px;gap:12px}.crossing-band-meta>.mono{font-size:8px;line-height:1.5;max-width:170px}.motion-toggle{font-size:9px}
 .crossing-track>span{font-size:62px;gap:.3em;padding-right:.3em}
 .business-stage{display:none}
 .service-mobile-image{display:block;aspect-ratio:1.85;height:auto;object-fit:cover;margin-bottom:18px}.creative-home .service-list details[open]{padding:0 10px}
 .creative-home .project-image:after{display:none}
 .creative-home .contact-orb:before{inset:-8px}
 .motion-ready [data-reveal]:not(.in-view){transform:translateY(20px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .motion-ready *,.motion-ready *:before,.motion-ready *:after{animation:none!important;transition:none!important}
 .motion-ready [data-reveal]{opacity:1!important;transform:none!important}
 .motion-ready .project-card .project-image{clip-path:none!important}
 .creative-home .canvas-film>img,.creative-home .about-landscape img{transform:none!important}
}