@font-face{font-family:Milling;src:url('../01-hero/assets/milling-duplex.woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fff;color:#303432;font-family:Milling,Arial,sans-serif}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #7c9bad;outline-offset:4px}.lab-nav{height:76px;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7e8982}.brand{font-size:23px;color:#303432}.variants{display:flex;gap:7px}.variants a{padding:8px 12px;border-radius:12px;background:#f4f5f3}.variants a[aria-current=page]{background:#36463c;color:white}.share{max-width:1300px;margin:auto;min-height:580px;height:76svh;max-height:800px;display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:30px;padding:35px 4%}.copy{max-width:440px}.eyebrow{font:10px Arial;letter-spacing:2.2px;color:#8a958d}.copy h1{font-weight:400;font-size:clamp(34px,3.7vw,51px);line-height:1.09;letter-spacing:-1.7px;margin:20px 0}.copy p{font-size:16px;line-height:1.65;color:#8a928d;max-width:370px}.cta{display:inline-flex;align-items:center;gap:35px;background:#38483e;color:white;border:0;border-radius:100px;padding:15px 22px;margin-top:16px;font-size:13px}.cta:hover{background:#506357}.visual{min-width:0}.network{position:relative;height:390px;width:100%;max-width:580px;margin:auto;isolation:isolate}.story{position:absolute;width:240px;height:277px;left:50%;top:57px;transform:translateX(-50%);padding:9px;background:#fff;border:1px solid #e6eae5;border-radius:24px;box-shadow:0 20px 42px -22px #354c453d,0 2px 5px #354c4507;z-index:2}.story img{width:100%;height:184px;object-fit:cover;border-radius:17px;display:block}.story-meta{padding:13px 9px}.story-meta small{font:8px Arial;letter-spacing:1.4px;color:#91a095}.story-meta h2{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:6px 0}.node{position:absolute;display:flex;align-items:center;gap:8px;z-index:3;background:#ffffffed;border-radius:30px;padding:5px 9px 5px 5px;box-shadow:0 4px 18px #354c4505}.avatar{width:33px;height:33px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#dfd8ca,#f1ebe1);font:11px Arial;color:#7a7064}.node:nth-of-type(3) .avatar{background:linear-gradient(145deg,#d8e0e5,#edf2f6);color:#667b8b}.node:nth-of-type(4) .avatar{background:linear-gradient(145deg,#e4d9dc,#f8eded);color:#947a81}.node strong{display:block;font-size:11px;font-weight:400}.node small{display:block;font:8px Arial;color:#98a398;margin-top:4px}.n0{top:26px;left:1%}.n1{top:85px;right:0}.n2{top:294px;left:0}.fragment{position:absolute;z-index:4;padding:9px 11px;background:#f8faf7;border:1px solid #e7ece5;border-radius:10px;font-size:10px;color:#718272;box-shadow:0 5px 12px #35533806;pointer-events:none}.f0{left:6%;top:148px;rotate:-5deg}.f1{right:0;top:238px;rotate:4deg}.f2{left:13%;top:355px;rotate:-3deg}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}.wire{fill:none;stroke:#dfe7df;stroke-width:1}.signal{fill:none;stroke:#a8c2b4;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 993;filter:drop-shadow(0 0 3px #c9ded8)}.privacy{text-align:center;margin-top:3px}.segments{display:inline-flex;position:relative;gap:3px;padding:4px;border-radius:40px;background:linear-gradient(#eff1f0,#f5f6f5);box-shadow:inset 0 1px 3px #44594a09;border:1px solid #e9ece8}.segments button{border:1px solid transparent;border-radius:30px;background:none;color:#89938c;font-size:12px;padding:10px 17px;min-width:78px}.segments button[aria-checked=true]{background:linear-gradient(#fff,#fafcfa);border-color:#e5eae4;color:#35473a;box-shadow:0 2px 5px #354c4515,inset 0 1px 0 white}.privacy p{font-size:11px;color:#7e8b82;margin:13px 0 0}.privacy output{display:block;font-size:10px;color:#a0aaa3;min-height:28px;margin-top:7px;max-width:320px;margin-inline:auto;line-height:1.5}.boundary{padding:30px 4% 110px;display:flex;justify-content:center;gap:30px;font-size:11px;color:#929c96}.review{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:10px;align-items:center;background:#fffffff0;padding:10px 14px;border:1px solid #e5e9e3;border-radius:16px;font:10px Arial;color:#929b94;box-shadow:0 3px 20px #30463308}.review button{border:0;border-radius:9px;background:#eff2ed;padding:8px 11px;color:#617165}.review input[type=range]{width:110px;accent-color:#81958a}.review label{white-space:nowrap}.mobile-cta{display:none}.note{text-align:center;font:9px Arial;color:#acb2ad;margin:12px}dialog{border:1px solid #e5e9e3;border-radius:24px;padding:28px;max-width:390px;width:calc(100% - 32px);color:#354339;box-shadow:0 25px 90px #233b2920}dialog::backdrop{background:#2d40342b;backdrop-filter:blur(4px)}dialog h2{font-weight:400}dialog p{line-height:1.7;font-size:14px;color:#859287}dialog button{border:0;border-radius:25px;background:#eaf0e8;padding:12px 20px;color:#506450}
/* Four distinct spatial relationships, with shared copy and controls. */
[data-variant=b] .story{width:290px;height:226px;top:51px;border-radius:18px}[data-variant=b] .story img{height:144px;border-radius:12px}[data-variant=b] .n0{top:302px;left:0}[data-variant=b] .n1{top:302px;left:36%;right:auto}[data-variant=b] .n2{top:302px;left:auto;right:0}[data-variant=b] .f0{top:19px;left:11%}[data-variant=b] .f1{top:208px;right:0}[data-variant=b] .f2{top:215px;left:0}
[data-variant=c] .story{left:31%;top:67px;rotate:-3deg;width:230px}[data-variant=c] .n0{left:auto;right:0;top:68px}[data-variant=c] .n1{top:174px}[data-variant=c] .n2{left:auto;right:0;top:280px}[data-variant=c] .f0{left:24%;top:28px}[data-variant=c] .f1{right:16%;top:239px}[data-variant=c] .f2{left:4%;top:351px}
[data-variant=d] .story{width:250px;height:290px;top:38px;background:#fafbf8;border-radius:9px;padding:11px;rotate:3deg}[data-variant=d] .story img{height:197px;border-radius:3px}[data-variant=d] .n0{top:45px;left:0}[data-variant=d] .n1{top:273px;right:0}[data-variant=d] .n2{top:310px;left:0}[data-variant=d] .f0{top:175px;left:0}[data-variant=d] .f1{top:28px;right:0}[data-variant=d] .f2{top:363px;left:41%}
@media(max-width:900px){.share{gap:12px;padding-inline:24px}.copy h1{font-size:36px}.node small{display:none}.story{width:205px}.node{gap:4px;padding-right:5px}.fragment{font-size:9px;padding:7px}.avatar{width:27px;height:27px}}
@media(max-width:650px){.lab-nav{height:68px;padding:20px}.share{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;gap:6px;padding:36px 20px 20px;align-items:stretch}.copy{max-width:400px}.copy h1{font-size:37px;letter-spacing:-1.1px;margin:16px 0}.copy p{font-size:14px;line-height:1.65}.desktop-cta{display:none}.mobile-cta{display:inline-flex;align-self:center;margin-top:12px}.visual{width:100%;max-width:440px;align-self:center}.network{height:360px;margin-top:10px}.story{width:190px;height:258px;top:48px}.story img{height:168px}.story-meta h2{font-size:19px}.node{padding:3px;gap:4px}.node strong{font-size:9px}.avatar{width:24px;height:24px;font-size:8px}.n0{left:0;top:13px}.n1{right:0;top:26px}.n2{left:0;top:311px}.fragment{font-size:8px;padding:7px}.f0{left:0;top:118px}.f1{right:0;top:261px;max-width:113px}.f2{top:330px;left:38%}.connections{opacity:.5}.privacy output{font-size:10px}.boundary{padding-bottom:85px;gap:20px}.review{gap:7px;width:max-content;max-width:calc(100% - 16px);padding:8px}.review input[type=range]{width:68px}.review button{padding:8px}.review label{font-size:9px}[data-variant=b] .story{width:230px}[data-variant=b] .n1{left:34%}[data-variant=b] .f0{top:12px}[data-variant=c] .story{width:180px;left:34%}[data-variant=c] .f1{right:0;top:242px}[data-variant=c] .f2{top:338px}[data-variant=d] .story{width:194px;height:268px;top:52px}[data-variant=d] .story img{height:175px}[data-variant=d] .n0{top:18px}[data-variant=d] .f1{top:30px;font-size:7px}[data-variant=d] .f2{top:337px}.story-meta{padding:12px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:650px){.story-meta small{font-size:6px;letter-spacing:1px;white-space:nowrap}.story-meta h2{font-size:18px;letter-spacing:-.8px;white-space:nowrap}.f1{top:331px;right:0;max-width:160px}.f2{display:none}[data-variant=c] .f1{top:330px}[data-variant=d] .f1{top:338px}.privacy{margin-top:14px}}
@media(max-width:360px){.copy h1{font-size:32px}}

/* A: full-bleed memory portrait, inspired by the supplied photo card. */
[data-variant=a] .portrait-story{height:312px;top:37px;padding:0;overflow:hidden;border:3px solid #fff;border-radius:21px;background:#dce5dc;box-shadow:0 0 0 1px #dfe5df,0 16px 32px -15px #25362955,0 3px 8px #25362912}
[data-variant=a] .portrait-story img{width:100%;height:100%;border-radius:0;object-position:48% center}
.portrait-haze{position:absolute;inset:35% 0 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(transparent,#000 72%);-webkit-mask-image:linear-gradient(transparent,#000 72%);pointer-events:none}
.portrait-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#242a1720 58%,#25291b99 100%);pointer-events:none}
[data-variant=a] .portrait-story .story-meta{position:absolute;left:23px;right:18px;bottom:20px;padding:0;z-index:2;color:#fff;text-shadow:0 1px 5px #18271625}
[data-variant=a] .portrait-story h2{font-family:'Apple Chancery','Snell Roundhand','Segoe Script',cursive;font-size:43px;font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 11px}
[data-variant=a] .portrait-story small{font:9px Arial,sans-serif;letter-spacing:1.6px;color:#fffffff0;white-space:nowrap}
[data-variant=a] .portrait-story .story-meta p{font:10px Arial,sans-serif;letter-spacing:1px;margin:9px 0 0;color:#ffffffe6}
@media(max-width:650px){[data-variant=a] .portrait-story{height:267px;top:42px;border-radius:18px}[data-variant=a] .portrait-story .story-meta{left:17px;bottom:16px}[data-variant=a] .portrait-story h2{font-size:36px;margin-bottom:8px}[data-variant=a] .portrait-story small{font-size:8px;letter-spacing:1.3px}[data-variant=a] .portrait-story .story-meta p{font-size:9px}}