/* SYNILO — many inputs, one clear picture. The logo's geometry drives the system. */
.hero-brand{width:55%;top:24%;left:7%}.hero-brand p{margin-top:24px;font-size:clamp(22px,2.5vw,38px)}
.northern-art>img{object-position:63% center}.northern-art:after{background:linear-gradient(90deg,#0c141950,transparent 70%),linear-gradient(180deg,#10171955,transparent 45%,#10171955)}
.field-contours{right:0;top:0;width:100%;height:100%;transform:translateX(calc(var(--hero-progress,0)*20px));stroke-width:.7;opacity:.13;animation:fieldLines 35s linear infinite}
.hero-field-caption{text-align:left;right:7%;bottom:15%}
.living-field{background:linear-gradient(120deg,#eaece6,#e7e4eb 58%,#ede4dc)}
.ambient-confluence{position:absolute;inset:-10%;width:120%;height:120%;fill:none;stroke-linecap:round;filter:blur(22px);opacity:.78;transform:translateX(calc(var(--field-progress,0)*22px));animation:confluenceBreathe 16s ease-in-out infinite alternate}
.ambient-confluence path{stroke-width:98}.flow-sleep{stroke:#b7d4cc}.flow-activity{stroke:#c5c0e8}.flow-context{stroke:#f3c9b8}
.field-story-copy{max-width:51%;margin:0;top:27%}.field-story-copy h2{font-size:clamp(36px,4.3vw,67px);margin:30px 0}.field-story-copy>p{max-width:330px;font-size:13px}.field-story-key{max-width:340px;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;margin-top:36px}.field-story-key>span+span:before{content:'→';margin-right:22px;color:#566267}
.shared-field-lines{width:51%;height:66%;right:0;top:18%;opacity:1;transform:translateY(calc(35px - var(--field-progress,0)*65px));overflow:visible}
.shared-field-lines path{opacity:1!important;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-guides path{stroke:#24343b55;stroke-width:1.25}.flow-pulses path{stroke:#293a40;stroke-width:2;stroke-dasharray:7 93;stroke-dashoffset:100;animation:signalConverge 5.6s cubic-bezier(.3,.05,.5,1) infinite}
.flow-sources{stroke:#f0f0e8;stroke-width:1.5}.flow-sources circle:nth-child(1){fill:#7eaaa5}.flow-sources circle:nth-child(2){fill:#a198c7}.flow-sources circle:nth-child(3){fill:#dbac94}
.clarity-point{fill:#23353c;stroke:none;animation:clarityResolve 5.6s ease-in-out infinite}.flow-labels{fill:#38474d;stroke:none;font:9px Inter,Arial,sans-serif;letter-spacing:1.3px}
.symbol-board .symbol-paths{stroke-width:7;stroke-linecap:round}.symbol-board .mark-construction{transform:none;width:84%}.construction-dot{fill:#243235}
.word-board>.syn-word{width:78%;margin-top:105px;margin-bottom:45px}.letter-detail{gap:25px;margin:0 auto 40px}.letter-detail>svg{width:100px;fill:none;stroke:#68777d;stroke-width:7;stroke-linecap:butt;stroke-linejoin:round}.letter-detail p{font-size:10px}.word-board figcaption{font-size:7px}
.screen-logo .syn-word{width:89px}.summary-confluence{position:absolute;right:13px;top:12px;width:25px;height:20px;opacity:.65}
.colour-note>p{max-width:400px}.swatch p{font-size:10px}.colour-grid{position:relative}.colour-grid:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#8eada8,#aaa2ca,#ddaf9a,#e5e6df)}
.motion-converge{position:absolute;left:15%;top:19%;width:70%;height:60%;fill:none;stroke-linecap:round;overflow:visible}.motion-converge .flow-guides path{stroke:#d9e3e040;stroke-width:3}.motion-converge .flow-pulses path{stroke-width:4}.motion-converge .flow-sleep{stroke:#b7d4cc}.motion-converge .flow-activity{stroke:#c5c0e8}.motion-converge .flow-context{stroke:#f3c9b8}
.poster-grain{background-image:url('assets/confluence-field.webp');opacity:.25}.poster-field-mark{right:-5%;bottom:5%;width:68%;opacity:.2;transform:translateX(calc(var(--reel,0)*25px))}
.panel-top .syn-word{width:118px}.field-poster .panel-art>p{font-size:clamp(40px,4.2vw,62px);margin-top:38px}.paper-word .syn-word{width:105px}.stationery-envelope .syn-word{width:108px}.onboarding-top .syn-word{width:96px}.member-pass>.syn-word{width:107px}
.sheet-confluence{width:100%;height:90px;margin-top:18px;fill:none;stroke:#6b7c8150;stroke-width:2}.sheet-confluence path{stroke:inherit}.stationery-card>img{width:80px}
.membership-orbit{width:115%;height:100%;aspect-ratio:auto;right:-15%;top:0;border:0;border-radius:0;filter:none;transform:none;opacity:.3}.membership-orbit svg{width:100%;height:100%;fill:none;stroke-width:16;filter:blur(3px)}
.onboarding-field .ambient-confluence{filter:blur(10px)}.onboarding-field .ambient-confluence path{stroke-width:65}.pass-field>img{opacity:.8}
.poster-blue .syn-word,.human-poster-copy .syn-word{width:137px}.signal-story>.syn-word,.insight-story>.syn-word{width:105px}.brand-ticket>.syn-word{width:118px}
.product-experience:before,.brand-objects:before{content:'';position:absolute;inset:0;background:url('assets/confluence-pattern.svg') center/100% auto no-repeat;pointer-events:none;z-index:-1}.brand-objects{position:relative;isolation:isolate}
.outro{isolation:isolate;overflow:hidden}.outro:before{content:'';position:absolute;inset:0;background:url('assets/confluence-pattern.svg') center/130% 100% no-repeat;z-index:-1;transform:translateX(-5%)}
@keyframes signalConverge{0%,12%{stroke-dashoffset:100;opacity:0}18%{opacity:1}76%{stroke-dashoffset:0;opacity:1}83%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes clarityResolve{0%,63%,100%{opacity:.45}76%,85%{opacity:1}}
@keyframes confluenceBreathe{from{opacity:.6;filter:blur(23px)}to{opacity:.9;filter:blur(32px)}}
@media(min-width:1600px){.hero-brand{width:52%;top:24%}.field-story-copy{top:29%}}
@media(max-width:1100px){.hero-brand{width:62%;top:25%}.field-story-copy{max-width:53%}.field-story-copy h2{font-size:43px}.field-story-copy>p{font-size:12px}.field-story-key{font-size:7px}.field-story-key>span+span:before{margin-right:12px}.word-board>.syn-word{margin-top:90px;margin-bottom:32px}.letter-detail{gap:17px}.letter-detail>svg{width:80px}.letter-detail p{font-size:8px}.word-board figcaption{font-size:6px}.onboarding-top .syn-word{width:83px}.member-pass>.syn-word{width:97px}}
@media(max-width:720px){.hero-brand{left:8%;width:84%;top:23%}.hero-brand p{font-size:27px;margin-top:25px}.northern-art>img{object-position:68% center;transform:translateY(calc(var(--hero-progress,0)*-35px)) scale(calc(1.06 + var(--hero-progress,0)*.16))}.northern-art:after{background:linear-gradient(180deg,#10171966,#10171940 45%,#10171970)}.hero-field-caption{right:8%;bottom:16%;font-size:6px}.field-contours{right:0;top:20%;width:100%;height:80%;opacity:.1}.field-story-copy{top:16%;max-width:none;width:100%}.field-story-copy h2{font-size:clamp(37px,9.5vw,55px);margin:25px 0 20px}.field-story-copy>p{max-width:300px;font-size:12px}.field-story-key{margin-top:25px;font-size:7px;max-width:300px}.field-story-key>span+span:before{margin-right:15px}.shared-field-lines{right:2%;top:54%;width:96%;height:43%;opacity:1;transform:translateY(calc(15px - var(--field-progress,0)*30px))}.flow-labels{font-size:11px;letter-spacing:1.4px}.flow-guides path{stroke-width:1.5}.flow-pulses path{stroke-width:2.5}.word-board>.syn-word{width:83%;margin-top:85px;margin-bottom:35px}.letter-detail{margin-bottom:30px;gap:18px}.letter-detail>svg{width:82px}.letter-detail p{font-size:8px}.word-board figcaption{font-size:5.5px}.symbol-board figcaption{font-size:5.5px}.panel-top .syn-word{width:109px}.field-poster .panel-art>p{font-size:44px;margin-top:45px}.poster-field-mark{right:-5%;bottom:9%;width:80%}.paper-word .syn-word{width:94px}.stationery-envelope .syn-word{width:93px}.onboarding-top .syn-word{width:92px}.member-pass>.syn-word{width:100px}.stationery-card>img{width:65px}.sheet-confluence{height:80px;margin-top:16px}.poster-blue .syn-word,.human-poster-copy .syn-word{width:114px}.signal-story>.syn-word{width:90px}.insight-story>.syn-word{width:85px}.brand-ticket>.syn-word{width:99px}.outro-brand{width:100%;margin:45px 0}.spatial-image>img{object-position:20% center}.motion-converge{width:57%;left:21.5%;top:15%;height:67%}}
@media(max-width:370px){.hero-brand{top:24%;width:85%;left:7.5%}.hero-brand p{font-size:25px}.field-story-copy{top:15%}.field-story-copy h2{font-size:35px}.field-story-copy>p{font-size:11px}.field-story-key{font-size:6px;gap:8px}.field-story-key>span+span:before{margin-right:12px}.shared-field-lines{top:52%;height:43%}.field-poster .panel-art>p{font-size:39px}.panel-top .syn-word{width:98px}.panel-top>span{font-size:4px}.letter-detail>svg{width:66px}.letter-detail p{font-size:7px}.word-board figcaption,.symbol-board figcaption{font-size:5px}.onboarding-top .syn-word{width:83px}.member-pass>.syn-word{width:92px}.word-board>.syn-word{margin-top:84px}}
.motion-off .shared-field-lines,.motion-off .field-contours{transform:none}.motion-off .flow-pulses{display:none}.motion-off .clarity-point{opacity:1}
@media(prefers-reduced-motion:reduce){.shared-field-lines,.field-contours{transform:none!important}.flow-pulses{display:none}.clarity-point{opacity:1}.ambient-confluence{animation:none}}
.field-story-art{transform:none}.shared-field-lines{right:3%;width:48%}.poster-field-mark{right:3%;width:62%;transform:translateY(calc(var(--reel,0)*-15px))}
@media(max-width:720px){.shared-field-lines{right:5%;width:90%}.poster-field-mark{right:3%;width:80%}}