/* SAWDA / IN MOTION — a cinematic system, with a quiet place for the work. */
/* Page entrances preserve native navigation and work when browser transitions are disabled. */
main{animation:page-arrive .6s cubic-bezier(.22,1,.36,1) both}

@keyframes page-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.reading-progress{height:1px;background:transparent;position:fixed;left:0;right:0;top:83px;z-index:52;pointer-events:none}
.reading-progress i{display:block;height:1px;background:var(--red);transform:scaleX(var(--reading-progress,0));transform-origin:0 50%}
.desktop-nav{gap:29px;margin-left:30px}.hero h1 i{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.067em;font-size:1.05em}.hero{height:calc(100svh - 84px);min-height:690px;max-height:960px}.hero-copy{padding-top:clamp(80px,9vh,140px)}.hero-copy h1{font-size:clamp(70px,7.3vw,116px)}.hero-coordinate{top:42px}.hero-copy .hero-audience{letter-spacing:.04em}.hero-bottom{background:#f5f2eabe}.thesis{padding-top:98px;padding-bottom:85px}.thesis h2{font-size:clamp(42px,5.4vw,82px);line-height:1.07}.thesis-bottom{margin-top:55px}.section-heading h2{font-size:clamp(42px,4.6vw,72px)}
/* Real WebGL canvases are layered over original vector fallback compositions. */
.world-experience{position:relative;isolation:isolate;background:#252d2b;color:#f5f2ea;overflow:clip}.world-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.world-art canvas,.world-poster{position:absolute;inset:0;width:100%;height:100%;display:block}.world-poster{object-fit:cover;opacity:1;transition:opacity .8s}.world-art canvas{opacity:0;transition:opacity 1s ease}.world-experience[data-world-status=ready] canvas,.world-art canvas[data-world-status=ready]{opacity:1}.world-experience[data-world-status=ready] .world-poster,.world-art:has(canvas[data-world-status=ready]) .world-poster{opacity:0}.world-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#202725bf,transparent 65%),linear-gradient(0deg,#202725cc,transparent 25%,transparent 80%,#20272550)}.world-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:4;font-size:9px;letter-spacing:.1em;color:#bdbdae}.world-live{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.13em}.world-live>i{width:5px;height:5px;display:block;border-radius:50%;background:#b60d32;box-shadow:0 0 0 4px #b60d3215}.world-controls button{display:flex;align-items:center;gap:15px;font-size:10px;color:#dedbcf;padding:11px 14px;border:1px solid #a7a59245;background:#252d2b44;backdrop-filter:blur(12px);border-radius:2px;min-height:40px}.world-controls button:hover{background:#e4ddc718}.pause-glyph{font-size:13px;letter-spacing:-.1em}.world-number{font-size:8px;letter-spacing:.19em;color:#b6b7a5}
/* Three directed camera beats move through the same physical trade world. */
.voyage-world{height:240svh;min-height:1500px;overflow:visible}.world-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;z-index:0}.world-topline{position:absolute;left:var(--gutter);right:var(--gutter);top:116px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:8px;letter-spacing:.19em;color:#aeb4a8;z-index:4}.world-word{display:flex;align-items:center;gap:17px;color:#e1ded0;font-size:10px;letter-spacing:.15em}.world-word svg{width:16px;height:16px}.world-narrative{position:relative;z-index:2;width:calc(100% - var(--gutter)*2);max-width:1440px;margin:-100svh auto 0;pointer-events:none}.world-beat{height:80svh;min-height:500px;display:flex;flex-direction:column;justify-content:center;max-width:580px;padding-top:70px;padding-bottom:40px}.world-beat .eyebrow{color:#bbc0b2;font-size:9px;letter-spacing:.18em;margin-bottom:28px}.world-beat h2{font-size:clamp(52px,5.8vw,88px);line-height:1.025;letter-spacing:-.055em;text-wrap:balance;color:#f5f2ea}.world-beat h2 i{font-family:Georgia,serif;font-weight:400;color:#beb8a2;letter-spacing:-.062em}.world-beat>p{font-size:13px;line-height:1.85;color:#c0c3b7;margin-top:30px;max-width:380px}.world-link{display:flex;gap:22px;align-items:center;margin-top:30px;font-size:11px;color:#f5f2ea;pointer-events:auto;align-self:flex-start}.world-link svg{width:19px;height:19px}.world-readout{position:absolute;right:var(--gutter);bottom:110px;width:250px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:8px;letter-spacing:.1em;color:#b5bcae;z-index:4}.world-readout>span:last-of-type{letter-spacing:0;font-size:8px}.world-readout>div{width:100%;height:1px;background:#a7a59233}.world-readout i{display:block;height:1px;background:#b60d32;transform:scaleX(0);transform-origin:0 50%}
/* Contextual spatial openings throughout the platform, audience and company pages. */
.route-opening{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(35px,5vw,80px);padding-block:50px 60px;align-items:center;min-height:700px;border-bottom:1px solid var(--line)}.route-opening .inner-hero{padding:20px 0;border:0;width:100%;margin:0;min-width:0}.route-opening .inner-hero h1{font-size:clamp(48px,4.75vw,73px);line-height:1.055;letter-spacing:-.057em}.route-opening .inner-hero-bottom{flex-direction:column;align-items:flex-start;gap:29px;margin-top:32px}.route-opening .inner-hero-bottom p{font-size:14px;max-width:470px}.route-opening .eyebrow{font-size:9px;letter-spacing:.15em}.route-opening .back-link{margin-bottom:32px}.route-world{height:560px;width:100%;border-radius:3px 65px 3px 3px;overflow:hidden}.route-world .world-controls{left:24px;right:24px;bottom:22px;gap:12px}.route-world .world-live{font-size:6px;letter-spacing:.08em;gap:8px}.route-world .world-controls button{font-size:8px;gap:12px;padding:9px 10px;min-height:34px}.route-world .world-vignette{background:linear-gradient(0deg,#202725ed,transparent 47%)}.route-world-caption{position:absolute;left:30px;right:30px;bottom:91px;z-index:3;pointer-events:none}.route-world-caption>p{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin-top:16px}.route-world-caption>span:last-child{font-size:8px;color:#acb2a6;margin-top:12px;display:block}.route-world[data-world-mode=network] .world-art{top:-30px;bottom:10px}.route-world[data-world-mode=nukleus] .world-art{top:-40px;bottom:0}.route-world[data-world-mode=desk] .world-art{top:-15px;bottom:0}
/* Product screens remain authentic images, with a measured spatial entrance. */
.dashboard-frame{transform:perspective(1500px) rotateX(var(--screen-angle,0deg)) translateY(var(--screen-lift,0px));transform-origin:50% 60%;will-change:transform;border-radius:7px;overflow:hidden;box-shadow:0 45px 85px -50px #4c402b60}.platform-section{background:#e8e2d5}.platform-section .wrap{max-width:1320px}.editorial{column-gap:100px}.editorial-intro h2{font-size:clamp(31px,3.25vw,50px);line-height:1.2}.editorial-sections article{padding:38px 0}.solution-doors{column-gap:50px}.solution-doors>a{padding:30px 0;position:relative}.solution-doors>a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}.solution-doors>a:hover::after{transform:scaleX(1)}.solution-doors h3{font-size:33px}.solution-doors .text-link svg{transition:transform .5s var(--ease)}.solution-doors>a:hover .text-link svg{transform:translateX(7px)}.audience-row h3{transition:transform .6s var(--ease)}.audience-row:hover h3{transform:translateX(8px)}.audience-row:hover{padding-left:0}.nukleus-layout{min-height:610px}.orbit-ring{animation:orbit-perspective 26s linear infinite}.ring-two{animation-duration:31s;animation-direction:reverse}.ring-three{animation-duration:38s}.nukleus-orbit{contain:layout style}.orbit-dot{animation:quiet-pulse 5s ease-in-out infinite}.nukleus-teaser[data-motion-quiet] *{animation-play-state:paused}.closing{position:relative}.closing-thread>span{animation:quiet-pulse 5s ease-in-out infinite}.closing-top h2>span{font-family:Georgia,serif;font-style:italic;letter-spacing:-.048em}.demo-copy h1>span{font-family:Georgia,serif;font-style:italic}.demo-form{border-radius:4px 28px 4px 4px;box-shadow:0 30px 65px -50px #4c402b40}.demo-copy{position:sticky;top:140px}.workflow-folio{transition:box-shadow .5s;box-shadow:5px 6px 0 #e1dbce,0 24px 45px -30px #56442945}.ai-demo-window{border-radius:3px 25px 3px 3px}.experience-reveal{opacity:0;transform:translate3d(0,25px,0);transition:opacity .95s var(--ease),transform .95s var(--ease);transition-delay:var(--reveal-delay,0ms)}.experience-reveal.is-present{opacity:1;transform:none}
@keyframes orbit-perspective{0%{rotate:0deg}100%{rotate:360deg}}
@keyframes quiet-pulse{0%,100%{box-shadow:0 0 0 4px #b60d3200}50%{box-shadow:0 0 0 10px #b60d3213}}
@media(min-width:901px){#trade-journey.motion-ready:not(.motion-static) .journey-step{min-height:63svh}.inner-hero:not(.route-opening .inner-hero) h1{animation:title-arrive .95s var(--ease) both}.route-opening .inner-hero h1{animation:title-arrive .95s var(--ease) both}.route-opening .inner-hero .eyebrow{animation:title-arrive .85s var(--ease) both}.route-world{animation:art-arrive 1.3s var(--ease) both}}
@keyframes title-arrive{from{opacity:0;transform:translateY(23px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes art-arrive{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.desktop-nav{gap:22px;margin-left:0}.hero-copy h1{font-size:85px}.route-opening{gap:35px;min-height:650px}.route-opening .inner-hero h1{font-size:55px}.route-world{height:500px}.route-world-caption{left:24px;right:24px}.route-world-caption>p{font-size:24px}.editorial{gap:55px}.world-beat{max-width:470px}.world-beat h2{font-size:68px}.world-readout{width:230px}}
@media(max-width:900px){.reading-progress{top:73px}.hero{height:740px;min-height:740px}.hero-copy h1{font-size:75px}.route-opening{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-block:50px;min-height:0}.route-opening .inner-hero h1{font-size:64px;max-width:780px}.route-opening .inner-hero-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}.route-opening .inner-hero-bottom p{max-width:520px}.route-world{height:490px;border-radius:3px 50px 3px 3px}.route-world .world-controls{left:30px;right:30px}.route-world .world-live{font-size:8px}.route-world .world-controls button{font-size:10px;padding:11px 14px}.route-world-caption>p{font-size:30px}.route-world-caption>span:last-child{display:none}.world-beat{max-width:430px}.world-beat h2{font-size:58px}.world-beat>p{font-size:12px;max-width:300px}.world-vignette{background:linear-gradient(90deg,#202725da,transparent 85%),linear-gradient(0deg,#202725e0,transparent 25%)}.world-topline>span{display:none}.world-readout{bottom:100px;width:200px}.world-controls{bottom:28px}.voyage-world{height:240svh;min-height:1500px}.demo-copy{position:static}.editorial{gap:45px}.solution-doors h3{font-size:29px}}
@media(max-width:700px){.hero{height:auto;min-height:880px;max-height:none;padding-bottom:355px}.hero-copy{padding-top:48px}.hero-copy h1{font-size:67px;line-height:1.005}.hero-copy h1 i{font-size:1.02em;letter-spacing:-.065em}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-image{height:430px;bottom:40px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:10px}.thesis{padding-block:65px}.thesis h2{font-size:41px;line-height:1.09}.thesis-bottom{margin-top:30px}.section-heading h2{font-size:42px}.world-sticky{min-height:640px}.world-topline{top:107px}.world-word{font-size:9px;gap:12px}.voyage-world{height:285svh;min-height:1900px}.world-beat{height:95svh;min-height:630px;padding-top:0;padding-bottom:240px;max-width:100%}.world-beat h2{font-size:52px;line-height:1.04;max-width:340px}.world-beat .eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:21px}.world-beat>p{font-size:11px;line-height:1.75;margin-top:22px;max-width:285px}.world-link{margin-top:20px;font-size:10px}.world-readout{left:var(--gutter);right:var(--gutter);bottom:115px;width:auto}.world-controls{left:24px;right:24px;bottom:28px;gap:12px}.world-live{font-size:6px;letter-spacing:.1em;gap:8px}.world-controls button{font-size:9px;padding:10px 12px}.world-vignette{background:linear-gradient(180deg,#202725cc,transparent 72%),linear-gradient(0deg,#202725e8,transparent 30%)}.route-opening{padding-block:43px;gap:30px}.route-opening .inner-hero{padding:0}.route-opening .inner-hero h1{font-size:47px;line-height:1.09;max-width:100%}.route-opening .inner-hero-bottom{flex-direction:column;align-items:flex-start;gap:26px;margin-top:26px}.route-opening .inner-hero-bottom p{font-size:13px}.route-opening .eyebrow{font-size:8px}.route-opening .back-link{margin-bottom:25px}.route-world{height:420px;border-radius:3px 38px 3px 3px;margin-inline:-6px;width:calc(100% + 12px)}.route-world .world-controls{left:20px;right:20px;bottom:20px}.route-world .world-live{font-size:6px}.route-world .world-controls button{font-size:8px;padding:9px 11px}.route-world-caption{left:23px;right:23px;bottom:86px}.route-world-caption>p{font-size:27px}.route-world .world-number{font-size:7px}.editorial-intro h2{font-size:34px}.editorial-sections article{padding-block:28px}.solution-doors h3{font-size:32px}.dashboard-frame{transform:none!important}.nukleus-layout{min-height:0}.demo-copy h1{font-size:64px}.closing-top h2{font-size:43px}}
@media(max-width:380px){.hero-copy h1{font-size:59px}.hero-copy h1 i{font-size:1em}.hero-actions .text-link{font-size:9px}.world-beat h2{font-size:44px}.route-opening .inner-hero h1{font-size:42px}.world-controls{left:20px;right:20px}.world-live{font-size:5px}.route-world .world-live{font-size:5px}.route-world-caption>p{font-size:23px}}
@media(prefers-reduced-motion:reduce){.experience-reveal{opacity:1;transform:none}.dashboard-frame{transform:none;will-change:auto}.voyage-world{height:auto;min-height:0;overflow:hidden}.world-sticky{position:relative;height:520px;min-height:520px}.world-narrative{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-block:50px;pointer-events:auto}.world-beat{height:auto;min-height:0;padding:0}.world-beat h2{font-size:35px}.world-beat .eyebrow{font-size:7px}.world-beat>p{font-size:12px}.world-topline{top:35px}.world-readout{display:none}.world-vignette{background:linear-gradient(0deg,#202725bd,transparent 40%)}.world-controls button{display:none}.orbit-ring,.orbit-dot,.closing-thread>span{animation:none}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.world-sticky{height:340px;min-height:340px}.world-narrative{grid-template-columns:1fr;gap:45px;padding-block:40px}.world-beat h2{font-size:39px}.world-topline{top:25px}}
@media print{.world-art,.route-world,.world-controls,.world-topline,.world-readout,.reading-progress{display:none}.voyage-world{height:auto;min-height:0;background:white;color:black}.world-sticky{display:none}.world-narrative{margin:0;display:block}.world-beat{height:auto;min-height:0;padding-block:20px}.world-beat h2,.world-beat>p{color:black}.route-opening{display:block;min-height:0}.experience-reveal{opacity:1;transform:none}}
.voyage-world .world-topline{justify-content:flex-end}.voyage-world .world-word{display:none}.closing[data-motion-quiet] *{animation-play-state:paused}
.voyage-world .world-controls{justify-content:flex-end}.voyage-world .world-live{display:none}
@media(max-width:700px){.voyage-world .world-art canvas{transform:translateY(110px);mask-image:linear-gradient(180deg,transparent,#000 18%)}} @media(prefers-reduced-motion:reduce){main{animation:none}.voyage-world .world-art canvas{transform:none;mask-image:none}}
@media(max-width:700px){.voyage-world .world-vignette{background:linear-gradient(180deg,#202725c7 0%,#202725b8 48%,#20272505 74%),linear-gradient(0deg,#202725cf,transparent 25%)}.voyage-world .world-beat>p{color:#dedfd3}}
@media(max-width:900px) and (max-height:600px){.voyage-world{height:auto;min-height:0;overflow:hidden}.world-sticky{position:relative;height:420px;min-height:0}.world-narrative{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:40px}.world-beat{height:auto;min-height:0;padding:0}.world-beat h2{font-size:32px}.world-beat .eyebrow{font-size:7px}.world-beat>p{font-size:11px}.world-readout{display:none}.voyage-world .world-art canvas{transform:none;mask-image:none}.world-vignette{background:linear-gradient(0deg,#202725bd,transparent 45%)}} @media(max-width:700px) and (max-height:600px){.world-narrative{grid-template-columns:1fr}}
