/* SYNILO / The shared field. Northern clarity, living colour. */
:root{--blue:#4f5969;--ink:#172023;--chalk:#f1f1eb;--ice:#d2d7e2;--mineral:#b7d4cc;--iris:#c5c0e8;--dawn:#f3c9b8;--line:#17202325;--mono:Inter,Arial,sans-serif;--opal:linear-gradient(125deg,#d8e8df 0%,#d5e1ea 27%,#d2cbe8 58%,#efd0c1 84%,#f4e5cd 100%)}
body{background:#f1f1eb;color:var(--ink);font-weight:400}h2{font-weight:410;letter-spacing:-.048em}h2 span{color:#647078}.copy{font-weight:370;line-height:1.75}.label,.chapter,.board-label,.micro{font-size:9px;letter-spacing:.09em;line-height:1.6}.chapter{padding-bottom:22px;margin-bottom:52px}.chapter span{font-weight:450}.agency-header{background:#101719b8;backdrop-filter:blur(18px);border-color:#ffffff16}.agency-header nav{font-size:9px;letter-spacing:.03em}.nav-label{opacity:.85}.agency-header button{width:38px;height:38px}.syn-word{height:auto}.reading-line{background:#d5d8e7}.strategy-points span{font-size:9px;letter-spacing:.06em}.strategy-points p{font-weight:400;line-height:1.5}.strategy{background:#f1f1eb}.section{padding-top:clamp(86px,8.4vw,150px);padding-bottom:clamp(86px,8.4vw,150px)}
/* Immersive material. Native scrolling reveals its depth. */
.brand-opening{height:180svh;background:#101719}.hero-stage{height:100svh;min-height:650px}.northern-art{position:absolute;inset:0;overflow:hidden}.northern-art>img{width:100%;height:100%;object-fit:cover;object-position:58% center;transform:translateY(calc(var(--hero-progress,0)*-55px)) scale(calc(1.06 + var(--hero-progress,0)*.28));will-change:transform}.northern-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d15194a,transparent 75%),linear-gradient(0deg,#10171995,transparent 35%,transparent 75%,#10171950)}.hero-haze{position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 75%,#b7d4cc38,transparent 42%),radial-gradient(ellipse at 65% 25%,#e8c2df22,transparent 40%);mix-blend-mode:screen;animation:northernBreath 16s ease-in-out infinite alternate;pointer-events:none}.field-contours{position:absolute;right:-18%;top:0;width:90%;height:100%;fill:none;stroke:#e5e6dd55;stroke-width:.65;opacity:.22;transform:rotate(calc(-16deg + var(--hero-progress,0)*30deg));stroke-dasharray:180 15 2 15;animation:fieldLines 50s linear infinite}.hero-top{top:111px;font:9px/1.65 var(--mono);letter-spacing:.1em;color:#d6d8d4}.hero-brand{left:7%;right:auto;top:27%;width:43%;text-align:left;transform:translateY(calc(var(--hero-progress,0)*-90px)) scale(calc(1 - var(--hero-progress,0)*.04));transform-origin:top left;opacity:calc(1 - var(--hero-progress,0)*.2)}.hero-brand h1{width:100%}.hero-brand p{font-size:clamp(22px,2.6vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:380;margin-top:33px;text-shadow:0 2px 25px #10171944}.hero-brand p span{color:#d8dedc}.hero-field-caption{position:absolute;right:6%;bottom:21%;font:8px var(--mono);letter-spacing:.11em;color:#f3f1ed;text-align:right;transform:translateY(calc(var(--hero-progress,0)*80px))}.hero-field-caption>p{font-size:12px;line-height:1.5;letter-spacing:0;margin-top:14px;font-weight:370}.hero-bottom{font:8px/1.5 var(--mono);letter-spacing:.08em;color:#d4dad6;bottom:32px}.hero-bottom a{gap:20px}
/* The brand's living colour system. */
.living-field{position:absolute;inset:0;overflow:hidden;background:#e9e8e0;isolation:isolate}.living-field>i{position:absolute;display:block;width:85%;height:85%;border-radius:43% 57% 66% 34% / 52% 37% 63% 48%;filter:blur(38px);opacity:.9;will-change:transform;animation:fieldFloat 19s ease-in-out infinite alternate}.living-field>i:nth-child(1){background:#b7d4cc;left:-22%;top:7%;animation-delay:-6s}.living-field>i:nth-child(2){background:#c5c0e8;right:-29%;top:-10%;animation-duration:23s}.living-field>i:nth-child(3){background:#f3c9b8;left:22%;bottom:-39%;animation-duration:27s;animation-delay:-13s}.living-field>i:nth-child(4){background:#e7edf1;right:8%;top:25%;width:44%;height:44%;filter:blur(45px);opacity:.8;animation-duration:17s;animation-delay:-9s}
.field-story{height:165svh;position:relative;background:#e4e7e4}.field-story-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.field-story-art{position:absolute;inset:0;transform:scale(calc(1.03 + var(--field-progress,0)*.16));will-change:transform}.field-story-art .living-field{inset:-10%}.shared-field-lines{position:absolute;right:-2%;top:12%;width:58%;height:80%;fill:none;stroke:#3441477d;stroke-width:1.2;transform:rotate(calc(-18deg + var(--field-progress,0)*32deg)) scale(calc(.7 + var(--field-progress,0)*.45));will-change:transform}.shared-field-lines path:nth-child(2){opacity:.65}.shared-field-lines path:nth-child(3){opacity:.35}.field-story-copy{position:relative;top:26%;z-index:2;max-width:70%;transform:translateY(calc(var(--field-progress,0)*-65px))}.field-story-copy>.label{color:#4c575c;font-size:9px}.field-story-copy h2{font-size:clamp(44px,5.4vw,84px);line-height:1.02;margin:35px 0;font-weight:400;letter-spacing:-.055em}.field-story-copy>p{font-size:14px;line-height:1.65;font-weight:380;max-width:380px}.field-story-key{display:flex;gap:24px;margin-top:55px;font-size:7px;letter-spacing:.06em;border-top:1px solid #17202330;padding-top:18px;max-width:460px}.objects{background:#111719}.objects figcaption h2 span{color:#d6dcd9}.objects figcaption h2{font-weight:380;font-size:clamp(36px,5vw,76px)}.objects figcaption .label{font-size:8px}.objects figcaption p{font-family:Inter;font-size:10px;letter-spacing:.01em;opacity:.8}.objects figure>img{height:130%;top:-15%}.object-foot{font:9px/1.6 var(--mono);color:#c5ccca}.object-foot>span{letter-spacing:.06em}.object-foot p{color:#afb8b5}
/* The synchronisation sequence now grows into a shared field. */
.sync-sequence{background:#111719}.sync-stage:before{content:'';position:absolute;inset:10% 5%;background:radial-gradient(ellipse at 30% 40%,#9ebdb519,transparent 42%),radial-gradient(ellipse at 70% 60%,#c4b6dc15,transparent 42%);pointer-events:none;transform:scale(calc(1 + var(--gather,0)*.5))}.sync-title h2 span{color:#c2cfcd}.sync-title .label{color:#aeb9b8}.source-node{background:#192022ed;border-color:#95aaa235;border-radius:9px;padding:17px;width:180px}.source-node .icon{color:#e5e5db}.source-node span{font:8px Inter;letter-spacing:.07em}.source-node small{font:7px/1.6 Inter;color:#bcc4c1}.source-ring{border-top:1px solid #b7d4cc}.source-watch{border-top:1px solid #c5c0e8}.source-phone{border-top:1px solid #f3c9b8}.source-camera{border-top:1px solid #d7e3ed}.connector-map{stroke:#b9cbc438}.connector-pulse{stroke:#d4e2dc}.sync-core img{filter:none}.sync-core span{font:9px Inter;letter-spacing:.22em}.sync-result{background:var(--opal);color:var(--ink);border:1px solid #ffffff80;border-radius:18px;box-shadow:0 20px 70px #0002}.sync-result .label{font-size:8px;letter-spacing:.08em}.sync-result h3{font-weight:430;letter-spacing:-.04em}.sync-result>p{color:#3f4b50}.sync-result>div{font:9px Inter;border-color:#17202330;gap:25px}.sync-result small{font:8px/1.6 Inter;color:#535e65}.sync-steps span{font:8px Inter;color:#d6dedb;letter-spacing:.06em}.sync-steps p{font-size:12px;color:#c5ceca}.sync-steps>div.active{border-color:#c7dbd2}.sync-progress i{background:linear-gradient(90deg,#b7d4cc,#c5c0e8,#f3c9b8)}
/* Interfaces remain precise while brand colour softens the surroundings. */
.product-experience{background:radial-gradient(ellipse at 15% 38%,#b7d4cc60,transparent 50%),radial-gradient(ellipse at 78% 60%,#c5c0e85e,transparent 50%),linear-gradient(125deg,#eeeee7,#f0e7df);position:relative;isolation:isolate}.app-showcase{padding-top:70px;padding-bottom:140px;gap:6%;perspective:1200px}.phone-wrap{transform:translateY(var(--phone-y,0px)) rotate(var(--phone-rotation,0deg)) rotateY(var(--phone-tilt,0deg))}.phone-today{--phone-rotation:-7deg;--phone-tilt:7deg}.phone-sources{--phone-rotation:1deg;--phone-tilt:-3deg;margin-top:145px}.phone-meaning{--phone-rotation:7deg;--phone-tilt:-6deg;margin-top:30px}.device{background:#273033;border-color:#bfc5c4;box-shadow:0 35px 65px -15px #29343c32,inset 0 0 0 1px #f5f7f580}.device-screen,.app-ui,.app-nav{background:#f4f4ee}.app-ui{color:#172023}.screen-logo{padding-bottom:12px}.screen-logo .syn-word{width:66px;filter:brightness(0);height:auto}.micro{font:6.5px Inter;letter-spacing:.08em;color:#687377}.app-summary{background:var(--opal);color:#172023;border:1px solid #fff7;border-radius:9px}.app-summary .micro{color:#4b565e}.app-summary p{color:#46535a}.app-summary h4{font-weight:470}.summary-dot{background:#435b60}.app-rule{border-color:#1720232b;font:7px Inter;color:#4b5c61}.app-metric>.icon{color:#667c80}.app-metric small{font:7px/1.6 Inter;color:#6f787f}.sleep-bars i{background:#c8d8d3}.sleep-bars>span:last-child i{background:#506768}.app-caption{font:7px/1.6 Inter;color:#677477}.app-nav span:first-child,.phone-sources .app-nav span:nth-child(2),.phone-meaning .app-nav span:last-child{color:#435c5e}.source-list .icon{color:#566d70}.source-state{background:#dce7e2;color:#445d59;font:6px Inter;letter-spacing:.03em}.source-explainer{background:#e5e6e3}.meaning-card{background:#e3dfed}.meaning-card>.icon{color:#68617f}.compare i{background:#77748a}.compare>div:last-child i{background:#c5c0d6}.why-list span{font:7px Inter;letter-spacing:.05em}.phone-wrap figcaption{font:8px Inter;letter-spacing:.05em;color:#667378}.app-floating-label{font:8px/1.7 Inter;letter-spacing:.08em;color:#617078}.experience-caption{font:9px/1.6 Inter;letter-spacing:.03em}.experience-caption p{color:#657279}.source-explainer p{line-height:1.55}
/* Voice, identity and colour shown as one calm system. */
.translation{background:linear-gradient(115deg,#e9e7ef,#d5dce1 42%,#e5d9d1);color:#172023}.translation-top{border-color:#1720232a}.translation-top .label{font-size:9px}.raw-readout .label,.human-readout .label{color:#647079;font-size:8px}.raw-line{font:11px/1.5 Inter;border-color:#17202325;color:#627179;padding:13px 0}.raw-line b{color:#172023;font-weight:450}.translation-arrow{color:#647078}.human-readout p{font-weight:410;font-size:clamp(26px,3vw,45px)}.human-readout p span{color:#5c6771}.voice-rules>div{border-color:#17202335}.voice-rules span{font:8px Inter;color:#59666b;letter-spacing:.08em}.voice-rules p{color:#263438;font-size:12px}.identity{background:#192124;color:#f1f1eb}.identity h2 span{color:#c4ceca}.identity .copy{color:#b9c3bf}.identity-grid{gap:22px}.identity-grid figure{min-height:460px}.symbol-board{background:var(--opal);color:#172023}.symbol-board .symbol-paths{stroke:#243235;stroke-width:9}.symbol-board .guides{stroke:#33454526}.symbol-board .mark-construction{width:82%;transform:rotate(var(--mark-turn,0deg))}.symbol-board .board-label,.symbol-board figcaption{color:#48595d}.board-label{font:9px Inter;letter-spacing:.08em}.identity-grid figcaption{font:8px Inter;letter-spacing:.05em;line-height:1.6}.word-board{background:#e9eae3;color:#172023}.word-board>.syn-word{filter:brightness(0);width:65%;margin:80px auto 15px}.letter-detail{margin:5px auto 30px;gap:25px}.letter-detail>span{font-size:45px;color:#697879;font-weight:350}.letter-detail p{font:10px/1.7 Inter;color:#55676c}.word-board figcaption{color:#58686c}.icon-family>div{background:#252d30}.icon-mono img{width:78px}.icon-mini span{font:6px/1.7 Inter;color:#c3ceca}.icon-note .label{font-size:8px;color:#d3dcd7}.icon-note p{color:#aebcb7}.type-colour{background:#f1f1eb}.type-headline p{font-weight:390;letter-spacing:-.055em;font-size:clamp(48px,6vw,90px)}.type-headline p span{color:#7c8488}.type-sample{font-weight:350}.type-description .copy{font-size:14px}.type-description>.label{font-size:8px;color:#5f6c70}.colour-grid{min-height:230px;gap:5px}.swatch>span{font:8px Inter;letter-spacing:.07em}.swatch b{font:16px Inter;font-weight:400;letter-spacing:-.03em}.swatch p{font-size:11px;color:#4b585e}.swatch.electric{background:#b7d4cc;color:#172023}.swatch.ink{background:#c5c0e8;color:#172023}.swatch.chalk{background:#f3c9b8;color:#172023}.swatch.ice{background:#e5e6df;color:#172023}.colour-note{padding-top:25px;display:flex;justify-content:space-between;gap:40px}.colour-note>.label{font-size:8px;color:#5a696e}.colour-note p{font-size:11px;color:#617075;line-height:1.6;max-width:370px}
.motion-system{background:#192124}.motion-system h2 span{color:#c4ceca}.motion-system .copy{color:#b8c4bf}.motion-cell{height:320px}.motion-cell>span,.motion-cell>p{font:9px Inter;color:#bdccc5;letter-spacing:.04em}.line-stack i:nth-child(1){background:#b7d4cc}.line-stack i:nth-child(2){background:#c5c0e8}.line-stack i:nth-child(3){background:#f3c9b8}.line-stack i:nth-child(4){background:#dbe3e4}.motion-clear{background:var(--opal)}.motion-clear .clear-point img{filter:brightness(0)}.motion-clear>span,.motion-clear>p{color:#415259}.clear-point{left:27%;right:27%}
/* Scroll-through branding atelier. All panels are visible without a click. */
.brand-reel{height:300svh;background:#dfdfd8;--reel:0;position:relative}.reel-sticky{position:sticky;top:0;height:100svh;min-height:740px;display:flex;flex-direction:column;overflow:hidden}.reel-heading{padding-top:95px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:end;gap:40px;flex-shrink:0}.reel-heading .label{font-size:8px;letter-spacing:.09em;color:#687477}.reel-heading h2{font-size:clamp(28px,3vw,43px);margin-top:18px}.reel-heading>p{font-size:12px;line-height:1.7;color:#627176;font-weight:370;max-width:320px;padding-bottom:4px}.reel-window{position:relative;flex:1;min-height:400px;overflow:hidden}.reel-track{height:100%;display:flex;width:max-content;gap:28px;padding:0 var(--pad);transform:translateX(var(--reel-x,0px));will-change:transform}.reel-panel{width:clamp(380px,43vw,640px);height:100%;display:flex;flex-direction:column;flex-shrink:0;perspective:1200px}.panel-art{position:relative;flex:1;min-height:340px;overflow:hidden;background:#cfd6d2}.panel-caption{display:flex;align-items:start;justify-content:space-between;padding-top:17px;gap:35px;min-height:54px}.panel-caption>span{font-size:8px;letter-spacing:.07em;white-space:nowrap}.panel-caption>p{font-size:10px;line-height:1.5;max-width:190px;color:#657176}.reel-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:7px;letter-spacing:.08em;padding-top:19px;padding-bottom:27px}.reel-meter{height:1px;flex:1;max-width:370px;background:#17202325}.reel-meter i{display:block;height:100%;width:100%;background:#394b50;transform:scaleX(var(--reel,0));transform-origin:left}.field-poster .panel-art{padding:30px;isolation:isolate}.field-poster .living-field{z-index:-1}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:25px;position:relative;z-index:1}.panel-top .syn-word{width:102px;filter:brightness(0)}.panel-top>span{font-size:7px;letter-spacing:.05em;line-height:1.5;color:#52666a;text-align:right}.field-poster .panel-art>p{font-size:clamp(42px,4.5vw,70px);font-weight:410;line-height:1;letter-spacing:-.055em;margin-top:35px;position:relative;z-index:2}.poster-field-mark{position:absolute;right:-15%;bottom:-10%;width:70%;opacity:.33;transform:rotate(calc(-17deg + var(--reel,0)*25deg))}.poster-field-mark img{width:100%;filter:brightness(0)}.field-poster .panel-art>small{position:absolute;bottom:28px;left:30px;font:7px Inter;letter-spacing:.08em;z-index:2}.poster-grain{position:absolute;inset:0;opacity:.1;background-image:url('assets/northern-field.webp');background-size:cover;mix-blend-mode:soft-light;pointer-events:none}
.stationery-panel .panel-art{background:#c6ccc8}.stationery-sheet{position:absolute;left:11%;top:8%;width:60%;height:85%;background:#f5f4ee;padding:30px;box-shadow:0 18px 25px #27343629;transform:translateY(calc(var(--reel,0)*-35px)) rotate(-10deg)}.paper-word .syn-word{width:88px;filter:brightness(0)}.stationery-sheet>p{font-size:27px;font-weight:400;letter-spacing:-.04em;line-height:1.1;margin-top:40px}.sheet-rules{margin-top:30px}.sheet-rules i{display:block;height:1px;width:100%;background:#17202325;margin-top:8px}.sheet-rules i:last-child{width:65%}.paper-footer{position:absolute;bottom:25px;left:30px;font-size:6px;letter-spacing:.09em;line-height:1.6;color:#6b797c}.stationery-card{position:absolute;right:4%;top:32%;width:41%;height:27%;background:linear-gradient(130deg,#c5c0e8,#e6dcd6,#b7d4cc);padding:18px;transform:translateY(calc(var(--reel,0)*30px)) rotate(12deg);box-shadow:0 18px 25px #27343626;display:flex;align-items:center;justify-content:center}.stationery-card>img{width:70px;filter:brightness(0)}.stationery-card>span{position:absolute;bottom:12px;left:16px;font-size:4px;letter-spacing:.1em}.stationery-envelope{position:absolute;bottom:6%;right:6%;width:57%;height:30%;background:#2c383d;padding:22px;transform:translateY(calc(var(--reel,0)*-18px)) rotate(6deg);box-shadow:0 15px 30px #2734363d}.stationery-envelope .syn-word{width:90px}.stationery-envelope>span{display:block;font-size:6px;color:#cbd7d1;letter-spacing:.1em;margin-top:16px}
.onboarding-panel .panel-art{background:#d3cfdf;display:grid;place-items:center}.onboarding-screen{width:68%;height:94%;background:#f3f3ed;border:1px solid #fff;border-radius:18px;box-shadow:0 20px 45px #2a294a24;padding:26px;position:relative;transform:translateY(calc(18px - var(--reel,0)*30px)) rotate(-3deg);overflow:hidden}.onboarding-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.onboarding-top .syn-word{width:73px;filter:brightness(0)}.onboarding-top>span{font-size:5px;letter-spacing:.07em;color:#586b70}.onboarding-field{position:relative;height:31%;min-height:95px;margin:20px -26px 19px;overflow:hidden;display:grid;place-items:center}.onboarding-field>.living-field{inset:-25%}.onboarding-field>img{width:83px;filter:brightness(0);position:relative;z-index:1}.onboarding-screen h3{font-size:28px;font-weight:430;line-height:1.05;letter-spacing:-.04em}.onboarding-screen>p{font-size:9px;line-height:1.6;color:#67777a;margin:11px 0}.connection-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.connection-pills>span{padding:5px 8px;border:1px solid #b0bdb5;border-radius:20px;font-size:6px;color:#516268}.onboarding-bottom{position:absolute;bottom:20px;left:26px;right:26px;border-top:1px solid #17202325;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:.04em}.onboarding-bottom b{font-size:17px;font-weight:400}
.membership-panel .panel-art{background:#1c292d;isolation:isolate}.membership-orbit{width:95%;aspect-ratio:1;position:absolute;right:-30%;top:-15%;border:35px solid #d6d5e377;border-radius:50%;filter:blur(17px);transform:rotate(30deg) scaleY(.6);opacity:.4}.member-pass{position:absolute;left:15%;top:10%;width:54%;height:80%;background:var(--opal);border-radius:16px;padding:27px;transform:rotate(-10deg) translateY(calc(var(--reel,0)*-20px));box-shadow:0 35px 45px #0004}.member-pass>.syn-word{width:85px;filter:brightness(0)}.pass-field{position:absolute;right:15px;left:15px;top:25%;height:30%;display:grid;place-items:center}.pass-field>img{width:100px;filter:brightness(0);opacity:.65}.member-pass>p{font-size:27px;line-height:1.1;letter-spacing:-.04em;font-weight:410;position:absolute;bottom:63px;left:27px;right:20px}.member-pass>span{font-size:5px;letter-spacing:.08em;position:absolute;bottom:27px;left:27px}.phone-widget{position:absolute;bottom:8%;right:5%;width:61%;padding:24px;background:#edf0e8f2;backdrop-filter:blur(20px);border:1px solid #fff7;border-radius:20px;transform:rotate(5deg) translateY(calc(var(--reel,0)*30px));box-shadow:0 20px 50px #10171930}.phone-widget>span{font-size:6px;letter-spacing:.08em;color:#5c6f71}.phone-widget>p{font-size:22px;line-height:1.08;letter-spacing:-.04em;margin:13px 0}.phone-widget>small{font-size:7px;color:#627476}
/* Campaign and real-space applications. */
.campaign{background:#f1f1eb}.poster-blue{background:radial-gradient(ellipse at 75% 30%,#c5c0e8 0%,transparent 63%),radial-gradient(ellipse at 13% 70%,#b7d4cc 0%,transparent 58%),linear-gradient(140deg,#ece7de,#f3c9b8);color:#172023}.poster-blue .syn-word{filter:brightness(0);width:115px}.poster-blue>div>span{font:7px/1.6 Inter;letter-spacing:.04em;color:#4e6269}.poster-blue>p{font-weight:410}.poster-blue>p>span{color:#616f75}.poster-lines{stroke:#4e686d;opacity:.35}.human-poster-copy .syn-word{width:105px}.human-poster-copy p{font-weight:430}.campaign-wall figcaption{font:8px Inter;letter-spacing:.05em;color:#6c797d}.social-system{gap:22px}.signal-story{background:#1c292d}.signal-story b{color:#d4ded7}.signal-story>.syn-word{width:85px}.mini-bars i{background:#b7d4cc}.mini-bars i:nth-child(2n){background:#c5c0e8}.mini-bars i:nth-child(3n){background:#f3c9b8}.insight-story{background:linear-gradient(150deg,#d6d6e9,#e6d8d1);color:#172023}.insight-story>.syn-word{width:82px}.story-progress i:first-child{background:#5d7274}.story-transform{color:#69777e}.symbol-story{background:radial-gradient(ellipse at 100% 0%,#c5c0e8,transparent 67%),linear-gradient(125deg,#b7d4cc,#f3c9b8);color:#172023}.symbol-story>img{filter:brightness(0);opacity:.9}.symbol-story>small{color:#566a70}.social-card>span,.social-card>small{font-family:Inter;letter-spacing:.05em}.campaign-caption{font:9px/1.6 Inter}.campaign-caption p{color:#68797d}.spatial-brand{background:#dedfd6;overflow:hidden}.spatial-image{height:88svh;min-height:600px;max-height:1050px;position:relative;overflow:hidden}.spatial-image>img{width:100%;height:130%;position:absolute;top:-15%;object-fit:cover;object-position:48% 50%;transform:translateY(var(--depth-y,0px));will-change:transform}.spatial-caption{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;padding-top:50px;padding-bottom:65px;align-items:center}.spatial-caption h2{font-size:clamp(28px,3vw,43px);margin-top:24px}.spatial-caption>.label{font-size:8px}.spatial-caption>p{font-size:13px;line-height:1.7;color:#5c7073;max-width:380px}.brand-objects{background:radial-gradient(ellipse at 70% 45%,#c5c0e884,transparent 60%),linear-gradient(120deg,#e3e6df,#e8dcd2)}.desktop-widget{background:#f4f4eee8;backdrop-filter:blur(15px);transform:translateY(var(--widget-y,0px)) rotate(-9deg) rotateY(7deg)}.desktop-widget>div>span{font:8px Inter;letter-spacing:.04em}.desktop-widget>span{font:6px Inter;color:#6a7c80}.desktop-widget p{color:#5b6e73}.brand-ticket{background:var(--opal);color:#172023;transform:translateY(calc(var(--widget-y,0px)*-1.4)) rotate(10deg)}.brand-ticket>.syn-word{filter:brightness(0);width:95px}.brand-ticket>span{color:#4e666c;font:7px/1.5 Inter;letter-spacing:.04em}.ticket-code{background:repeating-linear-gradient(90deg,#334c50 0 1px,transparent 1px 3px,#334c50 3px 5px,transparent 5px 8px)}.watch-screen{background:linear-gradient(135deg,#d5e3dc,#d5d0e5,#eddbd3);color:#172023}.watch-screen>img{filter:brightness(0)}.watch-screen small{color:#5f7379;font:6px Inter}.watch-strap{background:linear-gradient(90deg,#454e4c,#707975 45%,#4f5955)}.trust-strip{font:9px/1.6 Inter;letter-spacing:.06em}.outro{position:relative;background:radial-gradient(ellipse at 15% 20%,#b7d4cc,transparent 60%),radial-gradient(ellipse at 85% 70%,#f3c9b8,transparent 55%),linear-gradient(120deg,#e7e7df,#c5c0e8);color:#172023}.outro-brand{width:70%;margin:50px 0 70px}.outro-brand>.syn-word{filter:brightness(0)}.outro-grid h2 span{color:#596a71}.disclosure{color:#52676b;border-color:#17202330;font:9px/1.75 Inter;max-width:880px}.outro-grid p{font-size:14px;line-height:1.7}.footer{background:#111b1e}.footer .label{color:#afc0b8}.contact-link>span{color:#c5d1c9}.footer>div{font:9px Inter;letter-spacing:.04em}.contact-link{font-weight:380}
@keyframes northernBreath{from{transform:translate(-2%,1%) scale(.95)}to{transform:translate(5%,-4%) scale(1.12)}}@keyframes fieldFloat{0%{transform:translate(-3%,3%) rotate(-13deg) scale(.9)}100%{transform:translate(7%,-7%) rotate(17deg) scale(1.12)}}@keyframes fieldLines{to{stroke-dashoffset:-2000}}
@media(min-width:1600px){.hero-brand{left:8%;width:38%;top:25%}.reel-panel{width:600px}.field-story-copy{top:29%}}
@media(max-width:1100px){.hero-brand{width:48%;top:30%}.reel-panel{width:470px}.panel-top .syn-word{width:90px}.field-poster .panel-art>p{font-size:50px}.stationery-sheet{padding:24px}.stationery-sheet>p{font-size:23px}.onboarding-screen{width:76%;padding:23px}.onboarding-screen>h3{font-size:25px}.onboarding-field{margin:18px -23px}.onboarding-bottom{left:23px;right:23px}.identity-grid figure{min-height:390px}.word-board>.syn-word{margin-top:85px}.letter-detail>span{font-size:40px}.letter-detail p{font-size:9px}.spatial-image{height:75svh}.field-story-copy{max-width:78%}.field-story-key{font-size:6px;gap:18px}}
@media(max-width:720px){:root{--pad:24px}.section{padding-top:76px;padding-bottom:76px}.chapter{margin-bottom:35px;font-size:8px}.label,.board-label{font-size:8px}.hero-stage{min-height:610px}.brand-opening{height:165svh}.northern-art>img{object-position:65% 50%;transform:translateY(calc(var(--hero-progress,0)*-40px)) scale(calc(1.08 + var(--hero-progress,0)*.16))}.northern-art:after{background:linear-gradient(180deg,#0c161c00 10%,#0c161c88 68%,#0c161ca1),linear-gradient(90deg,#0c161c26,transparent)}.hero-top{top:95px;font-size:7px;letter-spacing:.08em}.hero-top>span:first-child{max-width:100px;line-height:1.7}.hero-brand{left:8%;width:76%;top:31%;transform:translateY(calc(var(--hero-progress,0)*-70px))}.hero-brand p{font-size:28px;margin-top:27px;line-height:1.16}.hero-field-caption{right:8%;bottom:19%;font-size:6px;letter-spacing:.06em}.hero-field-caption>p{font-size:10px;margin-top:11px}.hero-bottom{font-size:6px;letter-spacing:.06em;bottom:26px}.hero-bottom>span{max-width:125px}.hero-bottom a{max-width:110px}.field-contours{width:160%;right:-80%;top:13%;height:75%;opacity:.2}.field-story{height:160svh}.field-story-stage{min-height:660px}.field-story-copy{top:18%;max-width:none}.field-story-copy h2{font-size:clamp(39px,9.6vw,60px);margin:29px 0 25px}.field-story-copy>p{font-size:12px;line-height:1.7;max-width:285px}.field-story-copy>p br{display:none}.field-story-copy>.label{font-size:7px}.shared-field-lines{right:-30%;top:43%;width:125%;height:57%;stroke-width:1;opacity:.5}.field-story-key{margin-top:33px;gap:12px;font-size:5px;letter-spacing:.06em}.living-field>i{filter:blur(24px)}.living-field>i:nth-child(4){filter:blur(30px)}.objects figure{min-height:620px}.objects figcaption h2{font-size:41px}.source-node{width:125px;padding:12px;border-radius:7px}.source-node span{font-size:5px}.source-node small{font-size:6px}.source-node b{font-size:15px}.sync-title h2{font-size:32px}.sync-title .label{font-size:8px}.sync-result h3{font-size:29px}.sync-result>div{font-size:8px}.sync-result small{font-size:7px}.sync-steps p{font-size:9px}.sync-steps span{font-size:6px}.app-showcase{padding:50px 0 50px;gap:30px 18px;perspective:1100px}.phone-today{--phone-rotation:-5deg;--phone-tilt:0deg}.phone-sources{--phone-rotation:4deg;--phone-tilt:0deg;margin-top:80px}.phone-meaning{--phone-rotation:-4deg;--phone-tilt:0deg;margin-top:20px}.phone-wrap figcaption{font-size:6px}.app-floating-label{font-size:6px;right:0;letter-spacing:.04em}.experience-caption{font-size:8px}.translation-top .label{font-size:7px}.raw-line{font-size:11px}.human-readout p{font-size:29px}.voice-rules span{font-size:7px}.identity-grid figure{min-height:350px}.word-board>.syn-word{width:69%;margin-top:77px}.letter-detail{margin:3px auto 21px;gap:20px}.letter-detail>span{font-size:38px}.letter-detail p{font-size:8px}.identity-grid figcaption{font-size:6px;letter-spacing:.04em}.icon-mono img{width:50px}.icon-mini span{font-size:5px}.type-headline p{font-size:clamp(47px,11vw,72px)}.colour-grid{min-height:360px;gap:5px}.swatch{min-height:180px}.swatch>span{font-size:7px}.swatch b{font-size:14px}.colour-note{display:block;padding-top:23px}.colour-note>.label{font-size:7px}.colour-note>p{font-size:11px;margin-top:12px}.motion-cell{height:245px}.motion-cell>span,.motion-cell>p{font-size:8px}.clear-point{left:calc(50% - 62px);right:auto}.brand-reel{height:auto;padding-bottom:55px}.reel-sticky{position:relative;height:auto;min-height:0;overflow:hidden}.reel-heading{padding-top:76px;padding-bottom:38px;display:block}.reel-heading .label{font-size:7px}.reel-heading h2{font-size:32px;margin-top:23px}.reel-heading>p{font-size:12px;margin-top:20px;max-width:300px}.reel-heading>p br{display:none}.reel-window{min-height:0;overflow:visible}.reel-track{display:grid;grid-template-columns:1fr;height:auto;width:auto;gap:44px;transform:none!important;padding:0 var(--pad)}.reel-panel{width:100%;height:auto;min-width:0}.panel-art{height:450px;min-height:0;flex:none}.panel-caption{min-height:0;gap:22px;padding-top:16px}.panel-caption>span{font-size:6px;max-width:120px;white-space:normal;line-height:1.6;flex:1}.panel-caption>p{font-size:9px;max-width:155px;flex:1;line-height:1.6}.field-poster .panel-art{padding:24px}.panel-top .syn-word{width:85px}.panel-top>span{font-size:5px}.field-poster .panel-art>p{font-size:53px;margin-top:42px}.field-poster .panel-art>small{left:24px;bottom:25px;font-size:5px}.poster-field-mark{right:-20%;bottom:-2%;width:93%}.stationery-sheet{left:7%;top:10%;width:70%;height:78%;padding:23px}.paper-word .syn-word{width:72px}.stationery-sheet>p{font-size:24px;margin-top:36px}.paper-footer{left:23px;bottom:20px;font-size:5px}.stationery-card{width:46%;height:25%;right:3%;top:36%;padding:14px}.stationery-card>img{width:60px}.stationery-card>span{font-size:3px;left:11px;bottom:10px}.stationery-envelope{width:62%;height:27%;bottom:7%;right:5%;padding:20px}.stationery-envelope .syn-word{width:70px}.stationery-envelope>span{font-size:5px;margin-top:12px}.onboarding-screen{width:84%;height:92%;padding:22px;transform:rotate(-3deg)}.onboarding-top .syn-word{width:70px}.onboarding-top>span{font-size:4px}.onboarding-field{height:28%;min-height:90px;margin:19px -22px 17px}.onboarding-field>img{width:73px}.onboarding-screen h3{font-size:28px}.onboarding-screen>p{font-size:8px}.connection-pills{gap:4px;margin-top:15px}.connection-pills>span{padding:5px 7px;font-size:5px}.onboarding-bottom{bottom:18px;left:22px;right:22px;font-size:5px;padding-top:12px}.member-pass{left:9%;top:9%;width:64%;height:78%;padding:24px}.member-pass>.syn-word{width:80px}.member-pass>p{font-size:26px;left:24px;bottom:57px}.member-pass>span{left:24px;font-size:4px;bottom:24px}.pass-field>img{width:95px}.phone-widget{width:68%;padding:20px;bottom:7%;right:4%;border-radius:15px}.phone-widget>span{font-size:5px}.phone-widget>p{font-size:21px}.phone-widget>small{font-size:6px}.reel-bottom{display:none}.poster-blue>div>span{font-size:5px}.poster-blue .syn-word{width:91px}.poster-blue>p{font-size:clamp(45px,11vw,74px);margin-top:37px}.human-poster-copy .syn-word{width:92px}.human-poster-copy p{font-size:clamp(32px,8.2vw,54px)}.social-system{gap:13px}.signal-story>.syn-word{width:75px}.insight-story>.syn-word{width:62px}.campaign-caption{font-size:8px}.spatial-image{height:72svh;min-height:520px;max-height:760px}.spatial-image>img{object-position:36% center;height:120%;top:-10%}.spatial-caption{grid-template-columns:1fr;gap:25px;padding-top:36px;padding-bottom:50px}.spatial-caption h2{font-size:32px;margin-top:20px}.spatial-caption .label{font-size:7px}.spatial-caption>p{font-size:12px;line-height:1.75;max-width:330px}.brand-ticket>.syn-word{width:75px}.brand-ticket>p{font-size:41px;margin-top:26px}.brand-ticket>span{font-size:6px}.desktop-widget>div>span{font-size:7px}.desktop-widget>span{font-size:5px}.trust-strip{font-size:7px}.outro-brand{width:88%;margin:40px 0 47px}.outro-grid h2{font-size:33px}.outro-grid p{font-size:13px}.disclosure{font-size:8px;line-height:1.7}.footer>div{font-size:7px}.contact-link{font-size:clamp(40px,9vw,66px)}}
@media(max-width:370px){:root{--pad:20px}.hero-top{font-size:6px}.hero-brand{width:79%;left:8%;top:32%}.hero-brand p{font-size:26px}.hero-field-caption{font-size:5px}.hero-bottom{font-size:5px}.field-story-copy h2{font-size:38px}.field-story-copy>p{font-size:11px}.field-story-copy>.label{font-size:6px}.field-story-key{font-size:4px;gap:9px}.source-node{width:110px;padding:10px}.source-node span{font-size:4.5px}.source-node small{font-size:5px}.source-node b{font-size:13px}.sync-result{padding:22px}.sync-result h3{font-size:26px}.sync-title h2{font-size:29px}.sync-steps span{font-size:5.5px}.sync-steps p{font-size:8px}.phone-wrap figcaption{font-size:5px}.app-showcase{gap:25px 13px}.letter-detail p{font-size:7px}.word-board>.syn-word{margin-top:85px}.panel-art{height:420px}.field-poster .panel-art{padding:21px}.panel-top .syn-word{width:75px}.field-poster .panel-art>p{font-size:46px;margin-top:42px}.field-poster .panel-art>small{left:21px;font-size:4.5px}.onboarding-screen{padding:19px;width:87%}.onboarding-field{margin-inline:-19px}.onboarding-screen h3{font-size:26px}.onboarding-screen>p{font-size:7.5px}.onboarding-bottom{left:19px;right:19px;font-size:4.5px}.connection-pills{margin-top:13px;gap:3px}.connection-pills>span{font-size:4.5px;padding:4px 6px}.panel-caption>p{font-size:8px}.stationery-sheet>p{font-size:21px}.member-pass>p{font-size:24px}.phone-widget>p{font-size:19px}.phone-widget{padding:18px}.outro-grid h2{font-size:30px}.spatial-image{object-position:center;min-height:490px}}
/* Pausing leaves every application and every explanation available. */
.motion-off .field-story{height:auto}.motion-off .field-story-stage{position:relative;height:720px}.motion-off .field-story-art,.motion-off .field-story-copy,.motion-off .shared-field-lines,.motion-off .northern-art>img,.motion-off .hero-field-caption,.motion-off .field-contours{transform:none}.motion-off .brand-reel{height:auto;padding-bottom:70px}.motion-off .reel-sticky{position:relative;height:auto;min-height:0}.motion-off .reel-window{overflow:visible}.motion-off .reel-track{width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important;gap:35px}.motion-off .reel-panel{width:100%;height:600px}.motion-off .reel-bottom{display:none}.motion-off .living-field>i{will-change:auto}.motion-off .phone-wrap{transform:rotate(var(--phone-rotation,0deg))}.motion-off .stationery-sheet,.motion-off .stationery-card,.motion-off .stationery-envelope,.motion-off .member-pass,.motion-off .phone-widget,.motion-off .onboarding-screen{transform:none}.motion-off .spatial-image>img{transform:none}.motion-off .reveal{opacity:1!important;translate:none!important}
@media(max-width:720px){.motion-off .reel-track{grid-template-columns:1fr}.motion-off .reel-panel{height:auto}.motion-off .field-story-stage{height:700px}}
@media(prefers-reduced-motion:reduce){.field-story{height:auto}.field-story-stage{position:relative;height:720px}.field-story-art,.field-story-copy,.shared-field-lines,.northern-art>img,.hero-field-caption,.field-contours{transform:none!important}.brand-reel{height:auto;padding-bottom:70px}.reel-sticky{position:relative;height:auto;min-height:0}.reel-window{overflow:visible}.reel-track{display:grid;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important;gap:35px}.reel-panel{width:100%;height:600px}.reel-bottom{display:none}.living-field>i{will-change:auto}.stationery-sheet,.stationery-card,.stationery-envelope,.member-pass,.phone-widget,.onboarding-screen,.spatial-image>img{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:720px){.reel-track{grid-template-columns:1fr}.reel-panel{height:auto}}
.northern-art:after{background:linear-gradient(90deg,#0d15194a,transparent 75%),linear-gradient(180deg,#10171960,transparent 28%,transparent 66%,#10171995)}
.member-pass>p{bottom:132px;font-size:25px}.pass-field{top:19%;height:23%}.member-pass>span{bottom:102px}
@media(max-width:720px){.northern-art:after{background:linear-gradient(180deg,#0c161c80 0%,#0c161c20 27%,#0c161c85 68%,#0c161ca1)}.member-pass>p{bottom:128px;font-size:24px}.member-pass>span{bottom:105px;font-size:4px}.pass-field{top:19%;height:22%}}
@media(max-width:370px){.member-pass>p{font-size:22px;bottom:125px}.member-pass>span{bottom:102px}}