:root{--ink:#202a31;--muted:#657079;--paper:#f5f3ee;--red:#d55748;--line:#dcdedb;--night:#141c24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif;line-height:1.85;word-break:keep-all}a{color:inherit;text-underline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1240px,88%);margin:auto}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}.intro-header{background:#111;color:#f6f3ec;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 6%;position:sticky;top:0;z-index:20;min-height:106px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;line-height:1}.brand img{width:42px;height:52px;object-fit:contain}.brand>span{font-size:34px;font-weight:800;letter-spacing:-1px}.brand b{color:#ff6258}.brand small{display:block;font-size:10px;letter-spacing:4px;font-weight:400;margin-top:10px}.intro-header nav{display:flex;gap:30px;align-items:center}.intro-header nav a{font-size:12px;font-weight:700;letter-spacing:1px;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}.intro-header nav a[aria-current],.intro-header nav a:hover{border-color:#ff6258}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 28px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.05em}h1 span,h2 span,.saros h3 span{color:var(--red)}h2{font-size:clamp(30px,3.2vw,46px);font-weight:750;margin-bottom:30px}p{margin-bottom:22px;font-size:16px}.hero{color:#f3f1eb;background:var(--night);padding:64px 0 0;overflow:hidden}.hero .eyebrow{color:#b6c3ce}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.hero-brand{font-size:15px;letter-spacing:6px;margin-bottom:25px}.hero-brand sup{font-size:10px;letter-spacing:0;margin-left:4px}h1{font-size:clamp(40px,4.5vw,68px);margin-bottom:30px}.hero .lead{color:#c2c9ce;font-size:18px;line-height:1.9}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:#f5f3ee;color:var(--ink);padding:15px 23px;font-size:14px;font-weight:700;text-decoration:none;margin-top:16px;border-radius:3px}.button:hover{background:#e6e2d9}.button.dark{background:var(--ink);color:#fff}.hero-bottom{display:flex;justify-content:space-between;margin-top:55px;padding:22px 0;border-top:1px solid #39434b;font-size:12px;color:#afbbc5}.hero-bottom a{text-decoration:none}.orbit{height:460px;position:relative;background:radial-gradient(ellipse at center,#2a3948 0,transparent 65%)}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #4b5a66;border-radius:50%;width:290px;height:290px;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-22deg)}.orbit:after{width:410px;height:160px;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-center{position:absolute;top:35%;left:50%;transform:translateX(-50%);font-size:29px;letter-spacing:4px;text-align:center;z-index:1}.orbit-center small{display:block;font-size:11px;letter-spacing:1px;color:#bac4cc;margin-top:10px}.star{position:absolute;font-size:12px;z-index:2;background:var(--night);padding:4px 10px;border:1px solid #465461;border-radius:20px}.star:before{content:'•';color:#ed8574;margin-right:8px}.s1{top:10%;left:42%}.s2{top:24%;right:3%}.s3{top:62%;right:5%}.s4{top:71%;left:42%}.s5{top:57%;left:5%}.s6{top:24%;left:6%}.orbit>p{position:absolute;bottom:0;width:100%;text-align:center;color:#aab9c6;font-size:12px}.story{padding:110px 0 90px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split>div>p{color:var(--muted)}.walking{display:grid;grid-template-columns:1fr 2.1fr;gap:40px;border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.walking>span{font-size:12px;letter-spacing:3px;font-weight:700}.walking p{font-size:15px;color:var(--muted);margin:0}.universe{padding:90px 0;background:var(--paper)}.relation{margin-top:35px;border:1px solid #d2d5d2;background:#fff;padding:32px}.relation-title{text-align:center;margin-bottom:28px}.relation-title>span{font-weight:700;letter-spacing:4px;font-size:23px}.relation-title p{font-size:13px;color:var(--muted);margin:8px 0}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nodes a{padding:18px 12px;border:1px solid var(--line);text-align:center;text-decoration:none;border-top:3px solid var(--red)}.nodes a:hover{background:var(--paper)}.nodes span{display:block;font-size:16px;font-weight:700;letter-spacing:1px}.nodes small{font-size:12px;color:var(--muted)}.diagram-note{font-size:11px;color:var(--muted);text-align:center;margin:20px 0 0}.field{padding-top:95px}.section-title{margin-bottom:60px}.section-title>p:last-child{color:var(--muted)}.role{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding:70px 0;border-top:1px solid var(--line);scroll-margin-top:125px}.role:nth-of-type(even) .role-copy{order:2}.role:nth-of-type(even) figure{order:1}.role .eyebrow{color:var(--red);margin-bottom:14px}.name{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:23px}.name h3,.name h2{font-size:28px;letter-spacing:2px;margin:0}.name>span{font-size:12px;color:var(--muted)}.role h4{font-size:28px;margin:0 0 25px}.role p{font-size:15px;color:var(--muted)}.role .problem{color:var(--ink);font-weight:700}.role .benefit{color:var(--ink);border-left:3px solid var(--red);padding-left:15px;margin:28px 0}.role details{border-top:1px solid var(--line);padding-top:15px}.role summary{font-size:13px;cursor:pointer}.role details p{font-size:13px;margin:15px 0 0}figure{margin:0;min-width:0}figure img{width:100%;aspect-ratio:3/2;object-fit:cover;background:#eeeae0;border-radius:3px}figcaption{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-top:10px}figcaption>span{font-size:11px;color:var(--ink)}.message{background:#f2f4f5;padding:20px;border-radius:4px;margin:22px 0}.message>span{font-size:10px;letter-spacing:2px;font-weight:700}.message p{font-size:15px;color:var(--ink);margin:10px 0 0}.saros{background:#f0f3f5;padding:95px 0}.saros h3{font-size:32px;margin-bottom:26px}.saros .name{margin-bottom:26px}.saros .split{align-items:center}.text-link{font-size:14px;font-weight:700}.journey{list-style:none;margin:65px 0 0;padding:30px 0 0;border-top:1px solid #ccd4d9;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.journey span{font-size:10px;letter-spacing:2px;color:var(--muted);display:block}.journey strong{font-size:18px;display:block;margin:12px 0}.journey p{font-size:12px;margin:0;color:var(--muted)}.closing{padding:110px 0;text-align:center}.closing>p{color:var(--muted)}.closing .small{font-size:12px;margin-top:28px}.references{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}.references summary{cursor:pointer}.references p{font-size:12px;margin:20px 0}.references li{margin-bottom:6px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:35px 0;font-size:12px}.footer a{text-decoration:none;font-weight:700;letter-spacing:1px}
@media(max-width:1000px){.intro-header nav{gap:17px}.split{gap:38px}.role{gap:35px}.orbit{height:420px}.orbit:after{width:330px}.s2,.s3{right:0}.s5,.s6{left:0}.hero-layout{gap:0}}
@media(max-width:760px){html{scroll-padding-top:160px}.intro-header{padding:16px 6%;gap:18px;flex-wrap:wrap}.brand>span{font-size:28px}.brand img{width:34px;height:42px}.brand small{font-size:8px;margin-top:8px}.intro-header nav{width:100%;justify-content:space-between;gap:8px}.intro-header nav a{font-size:10px;letter-spacing:.3px}.hero{padding-top:40px}.hero-layout,.split,.role{grid-template-columns:1fr}.hero-layout{gap:22px}h1{font-size:43px}.hero .lead{font-size:16px}.orbit{height:350px;width:min(390px,100%);margin:auto}.orbit:before{width:220px;height:220px}.orbit:after{width:300px;height:130px}.orbit-center{font-size:24px}.hero-bottom{margin-top:25px;font-size:10px}.story,.universe,.saros{padding:65px 0}.split{gap:25px}.walking{grid-template-columns:1fr;gap:12px}.nodes{grid-template-columns:repeat(2,1fr)}.relation{padding:24px 14px}.nodes a{padding:15px 5px}.nodes span{font-size:14px}.nodes small{font-size:11px}.field{padding-top:65px}.role{padding:45px 0;gap:25px}.role:nth-of-type(even) .role-copy,.role:nth-of-type(even) figure{order:initial}.role h4{font-size:27px}.role .name{margin-bottom:20px}.role p{font-size:15px}.journey{grid-template-columns:1fr;margin-top:35px;gap:25px}.journey li+li{border-top:1px solid #d7dde1;padding-top:22px}.closing{padding:65px 0}.footer{font-size:10px}.saros h3{font-size:29px}figcaption{font-size:9px}.section-title{margin-bottom:35px}.button{font-size:13px}.orbit>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.relation-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.relation-paths p{font-size:12px;margin:0}.relation-paths strong{display:block;font-size:12px;margin-bottom:6px;letter-spacing:.4px}.relation-paths span{color:var(--muted)}@media(max-width:760px){.relation-paths{grid-template-columns:1fr;gap:15px}}

/* Progress sequence and the founding story */
.split .story-key{color:var(--ink);font-size:21px;font-weight:700}.walking h3{font-size:24px;margin:0 0 18px}.walking .viator-dream{color:var(--ink);font-weight:700;font-size:20px;margin-top:22px}.shared-flow{background:var(--paper);border-left:4px solid var(--red);padding:40px;margin-bottom:60px}.shared-flow h3{font-size:32px;max-width:850px}.shared-flow>p{max-width:900px;color:var(--muted)}.shared-flow .eyebrow{color:var(--red)}.shared-announcement{background:var(--night);color:#fff;padding:25px 28px;margin-top:28px;border-radius:4px}.shared-announcement>span{font-size:12px;letter-spacing:.7px;color:#c2c9ce}.shared-announcement p{font-size:24px;font-weight:700;margin:12px 0 0}.flow-roles{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 22px}.flow-roles li{font-size:12px;font-weight:700;letter-spacing:.5px;background:#fff;border:1px solid var(--line);padding:8px 13px}.shared-flow .flow-caption{font-size:14px;margin:0}.role-examples .message{margin:12px 0}.role-examples{margin-top:24px}.message>span{letter-spacing:1px;overflow-wrap:anywhere}@media(max-width:760px){.shared-flow{padding:25px 20px;margin-bottom:35px}.shared-flow h3{font-size:27px}.shared-announcement{padding:20px}.shared-announcement p{font-size:20px}.walking h3{font-size:22px}.walking .viator-dream{font-size:18px}.flow-roles li{font-size:11px;padding:6px 10px}}

/* Preparation to field connection */
.system-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;margin:30px 0;padding:0}.system-flow li{position:relative;background:#fff;border-top:3px solid var(--red);padding:22px 18px}.system-flow li+li:before{content:'→';position:absolute;left:-23px;top:24px;color:var(--muted)}.system-flow strong{display:block;font-size:22px;letter-spacing:1px}.system-flow span{display:block;font-size:15px;font-weight:700;margin:8px 0}.system-flow p{font-size:13px;color:var(--muted);margin:0}@media(max-width:760px){.system-flow{grid-template-columns:1fr;gap:26px}.system-flow li+li:before{content:'↓';left:calc(50% - 5px);top:-29px}.system-flow li{padding:18px}}

/* SIDERA founding philosophy: spacing within the A Viator section only. */
.walking p+p{margin-top:18px}.walking .viator-dream{margin-top:26px}
