/* White Sheep — one connected editorial narrative. */
:root{--bg:#0b0b0b;--white:#f4f1ea;--muted:#aaa9a6;--orange:#ff7a00;--line:#ffffff20}body{background:var(--bg);color:var(--white)}body,button,input,textarea{font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1320px,88%)}main{position:relative;isolation:isolate}h1,h2,h3{text-wrap:balance}.accent{color:var(--orange)}.brand{font-size:28px;line-height:.78;letter-spacing:-1.8px;font-weight:750}.brand span{font-weight:750;color:inherit}.nav{height:102px;border-bottom:0}.navlinks{gap:34px}.navcta{font-size:14px}.hero{height:auto;min-height:850px;min-height:min(940px,100svh);overflow:hidden;background:#090909;position:relative;isolation:isolate}.cinema-backdrop{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;object-position:center;z-index:-3;transform:translateY(var(--hero-y,0px));will-change:transform}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080808d9 0%,#0808088a 36%,transparent 68%),linear-gradient(0deg,#090909,transparent 25%);pointer-events:none}.hero-layout{display:block;padding:70px 0 90px;position:relative;min-height:620px}.hero-content{max-width:720px;position:relative;z-index:2}.hero-content>.eyebrow{border:0;background:none;padding:0;letter-spacing:1.6px;font-size:12px;max-width:540px;border-radius:0}.hero h1{font-size:clamp(68px,7.9vw,116px);font-weight:600;letter-spacing:-.067em;line-height:.98;margin:27px 0}.hero p{max-width:440px;font-size:18px;color:#c9c8c5;line-height:1.5}.hero .actions{gap:14px;margin-top:32px}.hero .textlink{border:none;border-bottom:1px solid #ffffff50;border-radius:0;padding:8px 0;font-size:14px}.hero .button{background:var(--orange);font-size:14px;padding:18px 25px}.hero-bottom{position:relative;z-index:2;padding:24px 0;font-size:12px;letter-spacing:1.5px}.hero-system{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-note{position:absolute;right:0;top:46%;padding:26px 28px;width:240px;background:#101010b8;backdrop-filter:blur(14px);border:1px solid #ffffff35;border-left-color:#ff7a00b0;border-radius:22px;transform:translateY(var(--card-y,0px));box-shadow:0 24px 60px #0004;pointer-events:auto}.floating-note p{font-size:25px;line-height:1.2;letter-spacing:-.8px;color:var(--white);margin:18px 0 28px}.floating-note .eyebrow{font-size:12px;letter-spacing:.6px}.floating-note a{display:flex;justify-content:space-between;font-size:14px;color:#d0cfca}.floating-note a span{color:var(--orange);transition:transform .25s}.floating-note a:hover span{transform:translate(3px,-3px)}.orbit-word{position:absolute;font:12px monospace;letter-spacing:2px;color:#d9d6cf;padding:9px 0;border-top:1px solid #ffffff50}.word-one{left:58%;top:9%}.word-two{right:5%;top:19%}.word-three{left:60%;bottom:13%}.coordinate{position:absolute;right:0;bottom:0;font:12px/1.8 monospace;letter-spacing:1px;color:#aaa}.hero-orbit{position:absolute;width:64%;height:95%;top:0;right:-7%;z-index:-1;overflow:visible;pointer-events:none}.hero-orbit ellipse{stroke:#ff7a0088;stroke-width:1;fill:none}.hero-orbit circle{fill:var(--orange)}.section{padding:110px 0;position:relative}.section-label{font-size:12px;letter-spacing:2px}h2{font-weight:500;font-size:clamp(42px,4.7vw,72px);letter-spacing:-.055em;line-height:1.02}.narrative-spine{position:absolute;right:3%;top:0;bottom:0;width:1px;background:#ffffff12;z-index:-1;pointer-events:none}.narrative-spine i{display:block;width:1px;height:100%;transform:scaleY(var(--page-progress,0));transform-origin:top;background:var(--orange)}.connection-section{background:#0b0b0b}.connection-section .split{grid-template-columns:1.1fr 1fr;gap:100px}.provocation{font-size:20px;padding:20px 0}.closing{font-size:16px}.connection-map{position:relative;height:440px;margin:65px auto 10px;max-width:1100px;--connection:1}.connection-map svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.map-paths path{fill:none;stroke:#ff7a0099;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1000;stroke-dashoffset:calc(1000 * (1 - var(--connection)))}.map-node{position:absolute;padding:14px 22px;border:1px solid #ffffff2d;background:#121212;border-radius:100px;font:13px monospace;letter-spacing:1px;transform:translate(-50%,-50%) translate(calc(var(--dx,0px) * (1 - var(--connection))),calc(var(--dy,0px) * (1 - var(--connection))));transition:border-color .3s,color .3s}.map-node:hover{border-color:var(--orange);color:var(--orange)}.n1{left:16%;top:15.5%;--dx:-20px;--dy:-30px}.n2{left:10%;top:49%;--dx:-30px}.n3{left:21%;top:82%;--dx:20px;--dy:25px}.n4{left:81%;top:15.5%;--dx:15px;--dy:-25px}.n5{left:90%;top:49%;--dx:20px}.n6{left:80%;top:82%;--dx:-10px;--dy:20px}.map-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:186px;height:186px;border:1px solid #ff7a0080;background:#101010;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:39px;font-weight:700;line-height:.82;letter-spacing:-2px;box-shadow:0 0 0 15px #ffffff02,0 0 0 40px #ffffff02}.map-core small{font:10px monospace;letter-spacing:1px;margin-top:20px;color:var(--orange)}.map-growth{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);background:#0b0b0b;padding:8px 15px;color:var(--orange);font:13px monospace;letter-spacing:2px}.map-legend{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:24px;font:12px monospace;color:var(--muted)}.map-legend strong{font-weight:400;color:var(--orange)}
.method-section{background:#f0ede6;color:#151515;border:0}.method-section .section-label{color:#65635e}.method-section .intro{color:#65635e}.method-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-top:60px}.method-visual{position:sticky;top:35px;height:570px;border-radius:24px;overflow:hidden;background:#111}.method-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .5s}.method-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000b)}.method-visual>div{position:absolute;bottom:40px;left:35px;right:30px;color:var(--white);z-index:1}.method-visual .eyebrow{font-size:12px;color:#ccc}.method-visual p{font-size:40px;line-height:1.08;letter-spacing:-1.5px;margin-top:15px}.method-counter{position:absolute;top:25px;left:30px;color:var(--white);font:14px monospace;z-index:1}.method-sequence{position:relative}.method-sequence:before{content:'';position:absolute;left:21px;top:25px;bottom:120px;width:1px;background:#c8c3b9}.method-chapter{display:grid;grid-template-columns:44px 1fr;gap:26px;padding:30px 0 65px;min-height:245px;position:relative}.chapter-number{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #bbb6ae;border-radius:50%;font:13px monospace;background:#f0ede6;transition:background .3s,color .3s,border-color .3s;z-index:1}.method-chapter h3{font-size:34px;font-weight:500;letter-spacing:-1.5px;line-height:1.2}.method-chapter h4{font-size:17px;font-weight:500;margin:18px 0 8px}.method-chapter p{font-size:16px;color:#65635e;max-width:330px}.method-chapter.active .chapter-number{background:var(--orange);color:#111;border-color:var(--orange)}.method-chapter.active h3{color:#a94e00}.method-cycle{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #cec8be;padding-top:30px;margin-top:15px;font:12px/1.7 monospace;color:#59554f}.method-cycle span{position:relative}.method-cycle span:not(:first-child):before{content:'→';position:absolute;left:-17px;color:#9c4a00}.method-cycle b{font-weight:400;color:#9c4a00;flex-basis:100%;margin-top:8px}.method-section .loop{color:#67635d}.comparison{border:0;background:transparent;gap:8%;border-radius:0;margin-top:45px}.comparison>div,.comparison .ours{background:none;padding:24px 0;border-top:1px solid #ffffff30}.comparison .ours{border-top-color:var(--orange)}.comparison ul{display:grid;grid-template-columns:1fr 1fr;font-size:18px;gap:4px 15px}.comparison h3{margin-bottom:18px}.system-grid{grid-template-columns:1.25fr 1fr;gap:34px;margin-top:65px;align-items:start}.system-card{position:relative;border:0;background:#151515;isolation:isolate;min-height:470px;border-radius:24px;overflow:hidden}.system-card:nth-child(2){margin-top:100px;min-height:520px}.system-card:nth-child(3){margin-top:-95px;min-height:510px}.system-card:nth-child(4){min-height:425px}.system-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;z-index:-2;filter:grayscale(1);transition:transform .6s,filter .6s}.system-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#000d 100%);z-index:-1}.system-card:hover .system-image{transform:scale(1.035);filter:grayscale(.65)}.system-body{padding:34px;position:absolute;inset:auto 0 0}.system-card h3{font:12px monospace;letter-spacing:2px;color:#ffc18a}.system-card h4{font-size:42px;line-height:1.04;letter-spacing:-1.8px;margin:22px 0 16px}.system-card p{font-size:16px;color:#ccc;max-width:380px}.flow{margin-top:65px}.flow-labels i:after{animation:none}.technology{background:#111213;overflow:hidden}.technology:before{content:'';position:absolute;width:1px;height:100px;background:var(--orange);left:50%;top:0}.tech-head{align-items:start}.tech-head .intro{max-width:360px;margin-top:0}.console{margin:70px 0 40px;padding:30px;border-radius:24px;transform:perspective(1400px) rotateX(3deg) rotateY(-3deg);transform-origin:center;box-shadow:0 40px 90px #0008;background:#0a0b0d}.concept-label{font-size:12px;letter-spacing:1px;margin-bottom:26px}.overview{margin-bottom:28px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kpi-grid>div{border:1px solid #ffffff16;border-radius:14px;padding:22px;background:#141517}.kpi-grid span{font-size:14px;color:#aaa}.kpi-grid strong{display:block;font-size:35px;line-height:1.3;font-weight:500;letter-spacing:-1px;margin:8px 0}.kpi-grid small{font-size:12px;color:#aaa}.chart-layout{display:grid;grid-template-columns:3fr 1fr;gap:28px;margin:30px 0}.chart-caption,.chart-months{display:flex;justify-content:space-between;font-size:12px;color:#aaa}.growth-chart svg{width:100%;height:auto;display:block;margin:20px 0 10px;overflow:visible}.chart-grid path{fill:none;stroke:#ffffff10;stroke-width:1}.chart-line{stroke:var(--orange);stroke-width:3;fill:none;stroke-dasharray:1000;stroke-dashoffset:calc(1000 * (1 - var(--chart-progress,1)))}.channels{font-size:14px;border-left:1px solid var(--line);padding-left:25px}.channels>span{color:#aaa}.channels>div{margin-top:22px}.channels b{float:right;font-weight:400;color:#aaa}.channels i{display:block;height:3px;background:#282828;margin-top:9px;position:relative}.channels i:after{content:'';display:block;width:var(--value);height:3px;background:var(--orange)}.console-top{padding-top:25px;border-top:1px solid var(--line)}.tech-caption{gap:60px}.life-section{min-height:730px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.life-section>img{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;object-position:center;z-index:-2;transform:translateY(var(--life-y,0px))}.life-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08080822,#080808bb 65%),linear-gradient(0deg,#080808bb,transparent 35%);z-index:-1}.life-content{padding:110px 0 100px;padding-left:48%}.life-content h2{font-size:clamp(50px,5vw,76px);margin:28px 0}.life-content h2 span{color:var(--orange)}.life-content p{max-width:430px;color:#d0cdc6;line-height:1.6;margin-bottom:35px}.life-content .eyebrow{font-size:12px;color:#d0cdc6}.life-content .textlink{display:inline-block;font-size:14px}.life-caption{display:flex;justify-content:space-between;font:12px monospace;letter-spacing:1px;padding-bottom:30px;color:#ddd}.reasoning-grid{gap:35px}.reasoning{border:0;border-top:1px solid #ffffff30;border-radius:0;background:none;padding:30px 0}.reasoning h3{font-size:30px}.manifesto{padding:120px 0}.manifesto h2{font-size:clamp(44px,6.2vw,88px)}.manifesto-image{filter:grayscale(1);opacity:.35}.contact{border-radius:0;position:relative;text-align:center;background:#f0ede6;padding:125px 0 100px}.contact:before{content:'';position:absolute;top:0;left:50%;width:1px;height:65px;background:var(--orange)}.contact .section-label{justify-content:center}.contact h2{max-width:1100px;margin:auto;font-size:clamp(42px,5.5vw,80px)}.contact h2 span{color:#8a847c}.contact .intro{margin:28px auto 0}.contact .button{font-size:16px;padding:20px 32px}.contact-channels{justify-content:center}.contact .section-label:before{display:none}.footer{font-size:12px}.footer .brand{font-size:25px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-layout{padding-top:100px}.hero{min-height:940px}}
@media(max-width:1000px){.hero h1{font-size:84px}.hero-content{max-width:590px}.hero-layout{min-height:670px}.floating-note{width:205px;top:57%;padding:22px;right:-2%}.floating-note p{font-size:23px}.word-one{left:72%}.word-three{display:none}.hero .actions{max-width:460px}.connection-section .split{gap:45px}.method-story{gap:5%}.method-visual{height:510px}.method-visual p{font-size:32px}.system-card h4{font-size:36px}.life-content{padding-left:40%}.navlinks{gap:20px}.tech-head{gap:30px}.tech-head .intro{max-width:320px}.reasoning-grid{grid-template-columns:1fr}.reasoning-detail{display:grid;grid-template-columns:1fr 2fr;gap:15px}.reasoning-detail h4{margin:0}.reasoning .reflex{margin-bottom:24px}.console{transform:none}}
@media(max-width:700px){.hero{min-height:910px}.nav{height:90px}.navlinks{top:90px}.hero-layout{padding:50px 0 220px;min-height:750px}.hero h1{font-size:clamp(54px,12.6vw,84px);max-width:610px}.hero-content>.eyebrow{font-size:11px;letter-spacing:1px;max-width:330px}.hero p{font-size:16px;max-width:330px}.hero-content{max-width:100%}.hero .actions{max-width:340px;align-items:start;flex-direction:column}.hero .actions .button{font-size:14px}.cinema-backdrop{object-position:62% center;opacity:.7}.hero:after{background:linear-gradient(90deg,#080808b0,#08080822),linear-gradient(0deg,#090909,transparent 40%,#09090955)}.floating-note{top:auto;bottom:28px;right:0;width:220px;padding:18px 20px;backdrop-filter:blur(8px)}.floating-note p{font-size:21px;margin:12px 0 20px}.floating-note .eyebrow{font-size:10px}.coordinate{bottom:45px;left:0;right:auto;max-width:85px;font-size:10px}.orbit-word{display:none}.hero-orbit{width:110%;right:-35%;top:12%;height:85%}.hero-bottom{font-size:11px}.hero-bottom span:last-child{display:none}.hero .navlinks.open{background:#101010;z-index:10}.section{padding:78px 0}h2{font-size:clamp(38px,9vw,57px)}.section-label{font-size:11px;letter-spacing:1.3px}.connection-section .split{grid-template-columns:1fr;gap:38px}.provocation{font-size:18px;padding:16px 0}.connection-map{height:340px;margin-top:55px}.map-node{font-size:10px;padding:10px 12px;letter-spacing:.3px}.n1{left:18%}.n2{left:12%}.n3{left:21%}.n4{left:80%}.n5{left:87%}.n6{left:79%}.map-core{width:115px;height:115px;font-size:29px;box-shadow:0 0 0 8px #ffffff02,0 0 0 22px #ffffff02}.map-core small{font-size:7px;letter-spacing:.5px;margin-top:12px}.map-growth{font-size:11px}.map-legend{font-size:10px;gap:10px;line-height:1.6}.method-story{grid-template-columns:1fr;margin-top:35px}.method-visual{position:relative;top:0;height:320px;margin-bottom:25px;border-radius:20px}.method-visual>div{bottom:25px;left:25px}.method-visual p{font-size:32px}.method-chapter{min-height:200px;padding:25px 0 40px;gap:20px}.method-chapter h3{font-size:29px}.method-chapter p{max-width:none}.method-cycle{font-size:10px}.comparison{gap:25px}.comparison ul{grid-template-columns:1fr;font-size:16px}.comparison h3{font-size:11px;letter-spacing:.7px}.system-grid{grid-template-columns:1fr;gap:22px;margin-top:40px}.system-card,.system-card:nth-child(2),.system-card:nth-child(3),.system-card:nth-child(4){min-height:430px;margin:0}.system-card:nth-child(even){margin-left:20px;min-height:390px}.system-card:nth-child(odd){margin-right:20px}.system-body{padding:25px}.system-card h4{font-size:35px}.system-card h3{font-size:11px}.system-card p{font-size:16px}.flow{margin-top:40px}.flow-labels span{font-size:12px}.technology:before{height:40px}.tech-head{display:block}.tech-head .intro{margin-top:25px;max-width:none}.console{padding:18px;border-radius:18px;margin-top:40px}.concept-label{font-size:10px;line-height:1.5}.kpi-grid{gap:7px}.kpi-grid>div{padding:12px 9px;border-radius:10px}.kpi-grid strong{font-size:23px;letter-spacing:-.7px}.kpi-grid span{font-size:12px}.kpi-grid small{display:none}.chart-layout{grid-template-columns:1fr;gap:20px}.chart-caption,.chart-months{font-size:10px}.channels{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;font-size:12px}.channels>span{grid-column:1/-1}.channels>div{margin-top:0}.console-title{font-size:12px}.console-top{gap:20px}.console-tabs{flex-wrap:wrap;border-radius:16px}.console-tabs .tab{font-size:12px;padding:9px 10px}.pipeline{grid-template-columns:1fr 1fr}.lane{min-height:130px}.lane h4{font-size:12px}.lead{font-size:12px}.lead small{font-size:11px}.tech-caption{gap:30px}.life-section{min-height:750px;justify-content:flex-start}.life-section>img{object-position:35% center}.life-section:after{background:linear-gradient(0deg,#08080888,transparent 50%),linear-gradient(90deg,#080808aa,#08080833)}.life-content{padding:70px 0 240px}.life-content h2{font-size:58px}.life-content p{max-width:315px;font-size:16px}.life-content .textlink{font-size:12px}.life-caption{font-size:10px;gap:25px;margin-top:auto}.reasoning-detail{display:block}.reasoning-detail h4{margin-top:22px}.reasoning-detail p{margin-top:8px}.manifesto{padding:85px 0}.contact{padding:90px 0 70px}.contact:before{height:40px}.contact h2{font-size:clamp(38px,9vw,56px)}.contact .button{font-size:14px;padding:18px 23px}.contact-channels{flex-direction:column}.narrative-spine{right:2%}.footer{gap:25px}.footer .brand{width:auto}.footer>span{max-width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema-backdrop,.floating-note,.life-section>img,.console,.system-card:hover,.system-card:hover .system-image{transform:none!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}.map-paths path{stroke-dashoffset:0}.map-node{transform:translate(-50%,-50%)}.chart-line{stroke-dashoffset:0}}
@media(min-width:601px) and (max-width:700px){.menu{display:block;background:transparent;border:1px solid #555;color:var(--white);padding:8px 16px;font-size:14px}.navlinks{display:none;position:absolute;top:90px;left:0;right:0;padding:24px 6%;background:#111;z-index:10;border-bottom:1px solid var(--line)}.navlinks.open{display:flex;flex-direction:column;align-items:stretch}}
@media(hover:none){.system-card:hover{transform:none}.system-card:hover .system-image{transform:none}}