.hero{grid-template-columns:1fr 1.05fr;gap:55px;padding:65px 0 68px}.hero-art{margin:0;position:relative;min-width:0;overflow:hidden;border-radius:15px;background:#071c26;aspect-ratio:.96;box-shadow:0 22px 55px #102b3619}.hero-art picture,.hero-art img{display:block;width:100%;height:100%}.hero-art img{object-fit:cover;object-position:center;transform:scale(1.025)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04151f55 0%,transparent 30%,transparent 60%,#04151fee 100%);pointer-events:none}.art-topline{position:absolute;top:27px;left:27px;right:27px;display:flex;justify-content:space-between;gap:15px;z-index:1;color:#e3f7f1;font:9px/1.5 monospace;letter-spacing:1.4px}.hero-art figcaption{position:absolute;bottom:70px;left:30px;right:25px;z-index:1;color:white}.hero-art figcaption>span{display:block;font:600 clamp(23px,2.2vw,32px)/1.2 var(--display);letter-spacing:-1px}.hero-art figcaption small{display:block;font-size:12px;color:#bdd4d9;margin-top:10px}.art-signal{position:absolute;bottom:27px;left:30px;right:30px;z-index:1;color:#a8e9dc;display:flex;gap:10px;align-items:center;font:9px/1.5 monospace;letter-spacing:.7px}.art-signal i{height:5px;width:5px;background:#a8e9dc;border-radius:50%}.hero-art.is-visible img{animation:sculpture-settle 1.8s cubic-bezier(.2,.7,.2,1) both}.hero-art.is-visible figcaption{animation:copy-settle 1s .15s both}.demo-section{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.demo-copy h2{font-size:clamp(34px,3.6vw,48px)}.demo-copy>p:not(.eyebrow):not(.demo-disclaimer){max-width:440px;margin-top:26px;color:var(--muted);font-size:16px}.demo-note{display:flex;gap:20px;align-items:stretch;margin:30px 0}.demo-note p{font-family:var(--display);font-size:19px;line-height:1.7;letter-spacing:-.4px}.demo-note strong{font-weight:700;color:var(--teal)}.demo-rule{width:2px;background:var(--teal)}.replay-motion{border:0;border-bottom:1px solid #a1babc;padding:9px 0;background:transparent;color:#087779;font-size:13px;font-weight:700;cursor:pointer}.replay-motion span{margin-left:20px;font-size:18px}.demo-disclaimer{font-size:11px;color:var(--muted);margin-top:15px;max-width:350px}.demo-section .workflow{box-shadow:none}.flow-step{position:relative;padding-left:0}.flow-step:before{content:'';position:absolute;left:-14px;top:19px;bottom:19px;width:2px;background:#a8e9dc;transform:scaleY(0);transform-origin:top}.workflow.flow-playing .flow-step:nth-of-type(3):before{animation:step-trace 1.2s .3s both}.workflow.flow-playing .flow-step:nth-of-type(4):before{animation:step-trace 1.2s 1.4s both}.workflow.flow-playing .flow-step:nth-of-type(5):before{animation:step-trace 1.2s 2.5s both}.workflow.flow-playing .flow-step .num{animation:node-signal 1s both}.workflow.flow-playing .flow-step:nth-of-type(3) .num{animation-delay:.3s}.workflow.flow-playing .flow-step:nth-of-type(4) .num{animation-delay:1.4s}.workflow.flow-playing .flow-step:nth-of-type(5) .num{animation-delay:2.5s}.island-story{position:relative;min-height:530px;overflow:hidden;background:#102b36;color:#fff}.island-story picture,.island-story img{position:absolute;inset:0;width:100%;height:100%;display:block}.island-story img{object-fit:cover;object-position:center}.island-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e2af2 0%,#071e2acd 33%,#071e2a22 70%,#071e2a11)}.island-story-content{position:relative;z-index:1;max-width:1320px;padding:82px 48px 88px;margin:auto}.island-story .eyebrow{color:#b9ebdf}.island-story h2{color:white;font-size:clamp(36px,4vw,56px);max-width:600px}.island-story-content>p:not(.eyebrow){font-size:16px;color:#d8e7eb;line-height:1.9;margin:25px 0 30px}.scene-caption{position:absolute;bottom:15px;right:25px;z-index:1;color:#fff;font-size:10px;text-shadow:0 1px 5px #000;background:#102b36a3;padding:3px 8px;border-radius:3px}.process{border-top:1px solid #32505e}.workflow .message{transition:background-color .2s}.hero h1{font-size:clamp(52px,5.6vw,79px)}
@keyframes sculpture-settle{from{transform:scale(1.09);filter:brightness(.8)}to{transform:scale(1.025);filter:brightness(1)}}@keyframes copy-settle{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes step-trace{0%{transform:scaleY(0);opacity:.3}50%,100%{transform:scaleY(1);opacity:1}}@keyframes node-signal{0%{box-shadow:0 0 0 0 #a8e9dc00;background:#143b46}40%{box-shadow:0 0 0 7px #a8e9dc16;background:#28645f}100%{box-shadow:0 0 0 0 #a8e9dc00;background:#143b46}}
@media(max-width:1050px){.hero{gap:30px}.hero-art{aspect-ratio:.85}.demo-section{gap:35px}.hero h1{font-size:59px}.art-topline{font-size:8px;left:22px;right:22px}.hero-art figcaption{left:22px}.art-signal{left:22px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:48px 0;gap:30px}.hero h1{font-size:clamp(48px,11vw,72px)}.hero-art{aspect-ratio:1.04;width:100%;max-width:540px}.art-topline{top:22px;font-size:8px}.hero-art figcaption{bottom:62px}.hero-art figcaption>span{font-size:26px}.art-signal{bottom:23px;font-size:8px}.hero-art figcaption small{font-size:11px}.demo-section{grid-template-columns:1fr;gap:30px}.demo-copy h2{font-size:37px}.demo-note{margin:24px 0}.demo-note p{font-size:17px}.island-story{min-height:545px}.island-story:after{background:linear-gradient(90deg,#071e2ae8,#071e2a88)}.island-story img{object-position:60% center}.island-story-content{padding:65px 22px 80px}.island-story h2{font-size:40px}.island-story-content>p:not(.eyebrow){font-size:15px}.scene-caption{right:15px;font-size:9px}.island-story .button{font-size:13px}.demo-section .workflow{padding:25px}.hero .lead{margin-bottom:26px}.hero .fine{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.hero-art.is-visible img,.hero-art.is-visible figcaption,.workflow.flow-playing .flow-step:before,.workflow.flow-playing .flow-step .num{animation:none!important}.hero-art img{transform:none}.workflow .message{transition:none}}
@media(max-width:390px){.hero{padding-top:36px}.hero h1{font-size:42px}.hero .lead{font-size:16px}.art-topline{letter-spacing:1px}}