[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_15":78,"_11":12,"_16":17,"_18":19,"_192":193,"_194":195,"_38":23,"_26":27,"_20":196,"_197":198,"_28":199,"_200":144,"_201":31,"_202":76,"_203":-5,"_204":-5},"revision",{"_15":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":80,"_88":-5,"_32":89,"_90":91,"_92":93,"_94":95,"_96":97,"_98":99,"_100":101,"_102":103,"_104":105},"slug","immersive-aster-vale-loom-passage","template",{"_15":12,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39},"id","name","Aster & Vale Loom Passage","description","Fixed-viewport luxury bag campaign with a rail prologue, chapter reveal, interactive archive, material carousel, local ambience, and portrait recomposition.","industries",[75],"category","interactive","useCase","immersive_product_storytelling","mood","editorial","tags",[69,70,71,72,73,74],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/af1d52fc3a1777c2e101c587f994a0715a565368a167a8004dc234c53bca581f.webp","islands_used",[],"props_used",{},"theme",{"_46":47,"_48":49},"section",{"_15":12,"_40":41,"_42":43,"_44":45},"html","

\n\n

\n \n ASTER & VALETHE LOOM PASSAGE\n \n \n

\n\n

\n $\"\"$ \n

$\"\"$

\n $\"\"$ \n

\n\n

\n $\"\"$ \n

\n\n

\n THE\n

LOOM
PASSAGE

\n BEGINS\n

Three stops. One clasp bag shaped by a travelling archive.

\n \n

\n\n

A journey, three stops.
Follow the Portico bag
from field to loom.

\n \n

\n\n

\n \n

\n\n

\n CHAPTER 01\n

THE ARCHIVE
OF WEAVES

\n \n

\n\n

\n \n \n

\n\n

\n \n

\n\n

\n $\"Portico$ \n

01 / 04

Portico Brocade

Raised diamond weave with a dry hand and warm mineral sheen.

\n\n

\n $\"Valley$ \n

02 / 04

Valley Jacquard

Soft olive waves inspired by field terraces seen from the rail.

\n\n

\n $\"Fresco$ \n

03 / 04

Fresco Stripe

Clay-red diagonals with a narrow parchment pin line.

\n\n

\n $\"Night$ \n

04 / 04

Night Mosaic

Deep geometric blocks woven for structure and low light.

\n\n \n \n

\n\n \n\n \n\n

The rails carry field color toward the loom house.

\n \n

\n \n \n \n

","css","#av-loom{--av-offset:52px;--av-cream:#f2e8cc;--av-olive:#343a18;--av-deep:#17200f;--av-clay:#9b6a5d;--av-wood:#6d462e;--av-paper:#ddc99b;height:calc(100svh - var(--av-offset));min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:var(--av-olive);color:var(--av-cream);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}\n#av-loom *{box-sizing:border-box}\n#av-loom button,#av-loom input{font:inherit}\n#av-loom button{color:inherit}\n#av-loom button:focus-visible,#av-loom input:focus-visible,#av-loom a:focus-visible{outline:3px solid #fff;outline-offset:3px}\n#av-loom .av-grain{position:absolute;inset:0;z-index:30;pointer-events:none;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/269678ef0ff866a533d9e2f6ee42463db38ab2066e3b56d6ff441f0367b830a8.webp') center/460px;mix-blend-mode:soft-light;opacity:.2}\n#av-loom .av-edge{position:absolute;left:-2%;width:104%;height:24px;z-index:35;pointer-events:none;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/500px;filter:contrast(1.35);opacity:.9}\n#av-loom .av-edge-top{top:-11px;clip-path:polygon(0 35%,4% 68%,9% 30%,16% 63%,25% 21%,33% 70%,42% 29%,49% 67%,58% 22%,66% 64%,74% 34%,82% 73%,91% 28%,100% 58%,100% 0,0 0)}\n#av-loom .av-edge-bottom{bottom:-10px;transform:rotate(180deg);clip-path:polygon(0 35%,4% 68%,9% 30%,16% 63%,25% 21%,33% 70%,42% 29%,49% 67%,58% 22%,66% 64%,74% 34%,82% 73%,91% 28%,100% 58%,100% 0,0 0)}\n#av-loom .av-brandbar{position:absolute;inset:0 0 auto;z-index:42;padding:24px 4vw;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}\n#av-loom .av-brand{display:flex;flex-direction:column;color:var(--av-cream);text-decoration:none;font-weight:800;font-size:22px;line-height:1;pointer-events:auto;text-shadow:0 2px 16px #000}\n#av-loom .av-brand small{font-size:10px;margin-top:7px;font-weight:700}\n#av-loom .av-wood{border:1px solid rgba(67,42,25,.65);background:linear-gradient(135deg,#d8b77e,#9d6f43);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 18px rgba(0,0,0,.25);border-radius:50%;display:grid;place-items:center;color:#2c2118;cursor:pointer}\n#av-loom .av-menu-button{width:72px;height:42px;border-radius:50%;font-size:18px;pointer-events:auto}\n#av-loom .av-train,#av-loom .av-archive{position:absolute;inset:0;overflow:hidden;transition:opacity .8s ease,transform 1.4s cubic-bezier(.2,.75,.2,1);transform-origin:center}\n#av-loom .av-train{background:#4c3022}\n#av-loom .av-train-shell,#av-loom .av-archive>img{position:absolute;inset:-3%;width:106%;height:106%;object-fit:cover}\n#av-loom .av-window{position:absolute;left:29.1%;top:19.8%;width:42.1%;height:34.1%;overflow:hidden;border-radius:42px;z-index:2;box-shadow:inset 0 0 28px #20180f}\n#av-loom .av-window img{height:100%;width:auto;max-width:none;animation:avTrainDrift 14s linear infinite}\n#av-loom .av-train-shell{z-index:1;pointer-events:none}\n#av-loom .av-train-bag{position:absolute;z-index:3;left:18%;bottom:17%;width:15%;aspect-ratio:1;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;transform:rotate(-4deg);filter:saturate(.8) contrast(1.05)}\n#av-loom .av-archive{opacity:0;transform:scale(1.12);background:#8f7057}\n#av-loom .av-archive-light{position:absolute;inset:0;background:radial-gradient(circle at 62% 45%,rgba(255,233,185,.18),transparent 42%),linear-gradient(90deg,rgba(34,20,12,.25),transparent 35%,rgba(34,20,12,.12));pointer-events:none}\n#av-loom .av-state{position:absolute;inset:0;z-index:20;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}\n#av-loom .av-state[aria-hidden=\"true\"]{opacity:0;visibility:hidden;pointer-events:none}\n#av-loom .av-entry{background:rgba(35,32,13,.12)}\n#av-loom .av-entry-card{width:420px;min-height:520px;padding:58px 45px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1e2b12;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/cover;clip-path:polygon(4% 0,95% 2%,100% 8%,97% 98%,7% 100%,0 92%,3% 7%);box-shadow:0 30px 70px rgba(0,0,0,.4);animation:avLoadShutters .9s both}\n#av-loom .av-entry-card h1{font-size:66px;line-height:.84;margin:14px 0 15px;font-weight:900}\n#av-loom .av-kicker{font-size:13px;font-weight:800}\n#av-loom .av-entry-card p{font-size:16px;line-height:1.35;max-width:280px;margin:24px 0}\n#av-loom .av-paper-button,#av-loom .av-dark-button{min-height:48px;border:0;border-radius:4px;padding:0 28px;font-weight:800;cursor:pointer}\n#av-loom .av-paper-button{background:#f7efd9;color:#1d2512;box-shadow:0 5px 0 rgba(53,50,27,.25)}\n#av-loom .av-intro{align-content:end;justify-items:center;padding:0 20px 48px}\n#av-loom .av-intro-copy{text-align:center;font-size:21px;line-height:1.32;text-shadow:0 3px 20px #000;margin:0 0 28px}\n#av-loom .av-intro-copy span{display:inline-block;animation:avIntroWords .6s both}\n#av-loom .av-intro-copy span:nth-child(2){animation-delay:.16s}\n#av-loom .av-intro-copy span:nth-child(4){animation-delay:.32s}\n#av-loom .av-intro-copy span:nth-child(6){animation-delay:.48s}\n#av-loom .av-skip,#av-loom .av-explore{border:0;background:transparent;text-transform:uppercase;font-weight:900;font-size:24px;cursor:pointer;text-shadow:0 3px 18px #000}\n#av-loom .av-skip b,#av-loom .av-explore b{font-size:34px;vertical-align:-2px}\n#av-loom .av-signup{background:var(--av-olive);padding:7vh 8vw}\n#av-loom .av-signup:before{content:\"\";position:absolute;inset:0;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/1986fa5a466e55f3b49afd37f3b8dd8c3acb9a81992940acb7694637699721dd.webp') center/270px;opacity:.08}\n#av-loom .av-signup-paper{position:relative;width:min(1050px,90vw);max-height:82vh;overflow:auto;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/cover;color:#243015;box-shadow:0 28px 80px rgba(0,0,0,.5);transform:rotate(.7deg);animation:avSignupTilt .6s both}\n#av-loom .av-pattern-band{height:42px;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/1986fa5a466e55f3b49afd37f3b8dd8c3acb9a81992940acb7694637699721dd.webp') center/260px;border-block:5px solid #27281a}\n#av-loom .av-signup-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;padding:52px 62px}\n#av-loom .av-signup h2{font-size:48px;line-height:.9;margin:11px 0 16px}\n#av-loom .av-signup p{line-height:1.4}\n#av-loom .av-signup label{display:grid;gap:6px;font-size:12px;font-weight:800;margin-top:16px}\n#av-loom .av-signup input{width:100%;height:46px;border:1px solid #6a6247;border-radius:4px;background:rgba(255,255,255,.2);padding:0 12px;color:#1c2511}\n#av-loom .av-signup-aside{display:flex;flex-direction:column;justify-content:center}\n#av-loom .av-check{grid-template-columns:20px 1fr!important;align-items:start;font-weight:600!important}\n#av-loom .av-check input{width:18px;height:18px}\n#av-loom .av-dark-button{background:#293015;color:#f2e8cc;margin-top:22px}\n#av-loom .av-text-button{border:0;background:transparent;color:#283115;font-size:20px;font-weight:900;text-transform:uppercase;margin-top:18px;cursor:pointer}\n#av-loom output{display:block;min-height:22px;font-size:13px;font-weight:700;margin-top:12px}\n#av-loom .av-chapter{padding:90px 5vw 60px;text-align:center}\n#av-loom .av-chapter-title{animation:avChapterReveal .9s both}\n#av-loom .av-chapter-title>span{font-size:19px;font-weight:800}\n#av-loom .av-chapter-title h2{font-size:92px;line-height:.86;margin:24px 0 28px;font-weight:900;text-shadow:0 8px 0 rgba(52,42,28,.65)}\n#av-loom .av-explore{font-size:22px}\n#av-loom .av-explore-state{place-items:stretch}\n#av-loom .av-hotspot{position:absolute;right:18%;top:49%;width:165px;height:165px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(47,54,27,.42);backdrop-filter:blur(3px);cursor:pointer;display:grid;place-items:center;color:#fff}\n#av-loom .av-hotspot span{width:34px;height:34px;border-radius:50%;background:#eadcb7;box-shadow:0 0 0 18px rgba(234,220,183,.18),0 0 0 36px rgba(234,220,183,.08);animation:avHotspot 1.8s ease-in-out infinite}\n#av-loom .av-hotspot b{position:absolute;top:calc(100% + 9px);font-size:11px;width:180px;text-shadow:0 2px 8px #000}\n#av-loom .av-info-tab{position:absolute;left:0;top:40%;width:44px;height:92px;border:0;border-radius:0 4px 4px 0;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/cover;color:#2d2b17;font-size:28px;font-weight:900;cursor:pointer}\n#av-loom .av-materials{background:rgba(43,32,22,.12);padding:90px 5vw 55px}\n#av-loom .av-materials .av-close{position:absolute;top:26px;right:4vw}\n#av-loom .av-close{width:46px;height:46px;border:0;background:#f2e8cc;color:#34281c;font-size:28px;line-height:1;cursor:pointer}\n#av-loom .av-material-stage{width:min(770px,72vw);min-height:470px;position:relative;display:grid;place-items:center;perspective:1000px}\n#av-loom .av-material-card{position:absolute;width:100%;display:grid;grid-template-columns:1.05fr .95fr;background:#51473a;color:#f2e8cc;border:12px solid #d9b07c;box-shadow:0 30px 80px rgba(0,0,0,.48);opacity:0;transform:rotateY(18deg) translateX(45px) scale(.93);transition:opacity .4s ease,transform .55s ease}\n#av-loom .av-material-card.is-active{opacity:1;transform:none;z-index:2}\n#av-loom .av-material-card img{width:100%;height:410px;object-fit:cover}\n#av-loom .av-material-card div{padding:52px 38px;display:flex;flex-direction:column;justify-content:center}\n#av-loom .av-material-card span{font-size:12px;font-weight:800}\n#av-loom .av-material-card h3{font-size:38px;line-height:.95;margin:14px 0}\n#av-loom .av-material-card p{font-size:15px;line-height:1.45}\n#av-loom .av-material-arrow{position:absolute;z-index:5;top:50%;width:52px;height:70px;border:0;background:#241e18;color:#f2e8cc;font-size:28px;cursor:pointer}\n#av-loom .av-prev{left:-68px}\n#av-loom .av-next{right:-68px}\n#av-loom .av-info-panel{position:absolute;z-index:55;inset:0 auto 0 0;width:min(620px,100%);padding:70px 70px 55px;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/cover;color:#263016;overflow:auto;transform:translateX(-103%);transition:transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:30px 0 80px rgba(0,0,0,.35)}\n#av-loom .av-info-panel[aria-hidden=\"false\"]{transform:none}\n#av-loom .av-info-panel .av-close{position:absolute;right:24px;top:24px;background:#293015;color:#f2e8cc}\n#av-loom .av-info-panel h2{font-size:50px;line-height:.9;margin:16px 0 24px}\n#av-loom .av-info-panel .av-lead{font-size:18px;line-height:1.45}\n#av-loom .av-info-panel img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:24px 0}\n#av-loom .av-info-panel h3{font-size:18px;margin:8px 0}\n#av-loom .av-info-panel p{line-height:1.5}\n#av-loom .av-menu{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:0;background:transparent;color:#f2e8cc;z-index:60}\n#av-loom .av-menu:not([open]){display:none}\n#av-loom .av-menu-scrim{position:absolute;inset:0;background:rgba(22,28,12,.86);backdrop-filter:blur(7px)}\n#av-loom .av-menu nav{position:absolute;inset:0;display:grid;place-items:center}\n#av-loom .av-chapter-card{position:absolute;width:330px;height:205px;padding:30px;text-align:left;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#f2e8cc;background:#754d41;box-shadow:0 26px 55px rgba(0,0,0,.42);cursor:pointer}\n#av-loom .av-chapter-card:nth-child(1){transform:translateY(-215px) rotate(2deg);background:#794f42;z-index:3}\n#av-loom .av-chapter-card:nth-child(2){transform:rotate(-1deg);background:#22280f;z-index:2}\n#av-loom .av-chapter-card:nth-child(3){transform:translateY(215px) rotate(2deg);background:#8f746c;z-index:1}\n#av-loom .av-chapter-card span,#av-loom .av-chapter-card small{display:block;font-size:11px;font-weight:800}\n#av-loom .av-chapter-card b{display:block;font-size:34px;line-height:.9;margin:22px 0}\n#av-loom .av-chapter-card:disabled{cursor:not-allowed;filter:saturate(.45)}\n#av-loom .av-menu>.av-close{position:absolute;right:4vw;top:26px}\n#av-loom .av-subtitle{position:absolute;z-index:43;right:4vw;bottom:68px;width:310px;min-height:66px;padding:18px 22px;background:url('https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp') center/cover;color:#282717;font-size:14px;line-height:1.35;box-shadow:0 15px 35px rgba(0,0,0,.25);transition:opacity .25s}\n#av-loom[data-av-subtitles=\"off\"] .av-subtitle{opacity:0;pointer-events:none}\n#av-loom .av-controls{position:absolute;z-index:44;bottom:20px;display:flex;gap:10px}\n#av-loom .av-controls-left{left:2vw}\n#av-loom .av-controls-right{right:3vw}\n#av-loom .av-controls .av-wood{width:46px;height:38px;border-radius:50%;font-size:12px;font-weight:900}\n#av-loom[data-av-state=\"chapter\"] .av-train,#av-loom[data-av-state=\"archive\"] .av-train,#av-loom[data-av-state=\"materials\"] .av-train{opacity:0;transform:scale(.92)}\n#av-loom[data-av-state=\"chapter\"] .av-archive,#av-loom[data-av-state=\"archive\"] .av-archive,#av-loom[data-av-state=\"materials\"] .av-archive{opacity:1}\n#av-loom[data-av-state=\"archive\"] .av-archive{transform:scale(1)}\n#av-loom[data-av-state=\"materials\"] .av-archive{transform:scale(1.48) translate(-15%,5%);filter:brightness(.68)}\n#av-loom[data-av-state=\"materials\"] .av-menu-button{opacity:0;pointer-events:none}\n#av-loom[data-av-state=\"signup\"] .av-brandbar{opacity:.35}\n@keyframes avLoadShutters{from{opacity:0;transform:translateY(-55px) rotate(-3deg)}to{opacity:1;transform:none}}\n@keyframes avTrainDrift{from{transform:translateX(0)}to{transform:translateX(-48%)}}\n@keyframes avIntroWords{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes avSignupTilt{from{opacity:0;transform:translateY(50px) rotate(-2deg)}to{opacity:1;transform:rotate(.7deg)}}\n@keyframes avChapterReveal{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}\n@keyframes avHotspot{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}\n@media (prefers-reduced-motion:reduce){#av-loom *,#av-loom *:before,#av-loom *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}\n@media (max-width:700px){\n #av-loom{min-height:580px}\n #av-loom .av-brandbar{padding:18px 18px}\n #av-loom .av-brand{font-size:15px}\n #av-loom .av-brand small{font-size:8px}\n #av-loom .av-menu-button{width:58px;height:36px}\n #av-loom .av-train-shell{inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center}\n #av-loom .av-window{left:8.5%;top:26%;width:83%;height:25%;border-radius:28px}\n #av-loom .av-train-bag{left:-4%;bottom:25%;width:32%}\n #av-loom .av-entry-card{width:82vw;min-height:510px;padding:50px 30px 36px}\n #av-loom .av-entry-card h1{font-size:48px}\n #av-loom .av-entry-card p{font-size:14px}\n #av-loom .av-intro{padding-bottom:72px}\n #av-loom .av-intro-copy{font-size:17px;max-width:310px}\n #av-loom .av-skip{font-size:22px}\n #av-loom .av-signup{padding:44px 16px}\n #av-loom .av-signup-paper{width:100%;max-height:calc(100svh - 115px)}\n #av-loom .av-signup-grid{grid-template-columns:1fr;gap:15px;padding:34px 27px}\n #av-loom .av-signup h2{font-size:38px}\n #av-loom .av-pattern-band{height:30px}\n #av-loom .av-archive>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center}\n #av-loom .av-chapter{padding:96px 18px 100px;align-items:center}\n #av-loom .av-chapter-title>span{font-size:13px}\n #av-loom .av-chapter-title h2{font-size:49px;line-height:.88;margin:18px 0 22px}\n #av-loom .av-hotspot{right:15%;top:43%;width:116px;height:116px}\n #av-loom .av-info-tab{top:37%;width:38px;height:75px}\n #av-loom .av-materials{padding:90px 16px 104px}\n #av-loom .av-material-stage{width:100%;min-height:520px}\n #av-loom .av-material-card{grid-template-columns:1fr;border-width:8px}\n #av-loom .av-material-card img{height:295px}\n #av-loom .av-material-card div{padding:24px 24px 30px}\n #av-loom .av-material-card h3{font-size:30px}\n #av-loom .av-material-arrow{top:auto;bottom:-58px;height:46px}\n #av-loom .av-prev{left:24%}\n #av-loom .av-next{right:24%}\n #av-loom .av-info-panel{padding:72px 28px 52px}\n #av-loom .av-info-panel h2{font-size:39px}\n #av-loom .av-menu nav{transform:scale(.78)}\n #av-loom .av-chapter-card{width:300px}\n #av-loom .av-chapter-card:nth-child(1){transform:translateY(-195px) rotate(2deg)}\n #av-loom .av-chapter-card:nth-child(3){transform:translateY(195px) rotate(2deg)}\n #av-loom .av-subtitle{right:10px;bottom:64px;width:190px;min-height:62px;padding:14px;font-size:12px}\n #av-loom .av-controls{bottom:16px}\n #av-loom .av-controls-left{left:12px}\n #av-loom .av-controls-right{right:12px}\n #av-loom .av-controls .av-wood{width:42px;height:36px}\n}","js","if (!section || section.dataset.avBound === \"true\") return;\nsection.dataset.avBound = \"true\";\nvar audio = section.querySelector(\"[data-av-audio]\");\nvar currentState = \"entry\";\nvar materialIndex = 0;\nvar introTimer = 0;\nvar captions = {\n entry: \"The rails carry field color toward the loom house.\",\n intro: \"Three stops connect landscape, weave, and clasp.\",\n signup: \"A paper note waits before the first chapter.\",\n chapter: \"Chapter one opens inside the Valdoro weave archive.\",\n archive: \"The material rack holds four original woven studies.\",\n materials: \"Each weave translates one part of the journey.\"\n};\nvar panels = Array.from(section.querySelectorAll(\"[data-av-panel]\"));\nvar materialCards = Array.from(section.querySelectorAll(\"[data-av-material]\"));\nvar caption = section.querySelector(\"[data-av-caption]\");\nvar menu = section.querySelector(\"[data-av-menu]\");\nvar info = section.querySelector(\"[data-av-info]\");\n\nfunction syncOffset() {\n section.style.setProperty(\"--av-offset\", Math.max(0, Math.round(section.getBoundingClientRect().top)) + \"px\");\n}\nfunction setState(next) {\n clearTimeout(introTimer);\n currentState = next;\n section.dataset.avState = next;\n section.dataset.avMotion = \"av-\" + next + \"-\" + Date.now();\n panels.forEach(function(panel) {\n var active = panel.dataset.avPanel === next;\n panel.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n caption.textContent = captions[next] || captions.archive;\n if (next === \"intro\") {\n introTimer = setTimeout(function() { setState(\"signup\"); }, 9000);\n }\n}\nfunction setMaterial(next) {\n materialIndex = (next + materialCards.length) % materialCards.length;\n materialCards.forEach(function(card, index) {\n var active = index === materialIndex;\n card.classList.toggle(\"is-active\", active);\n card.setAttribute(\"aria-hidden\", active ? \"false\" : \"true\");\n });\n section.dataset.avMaterialIndex = String(materialIndex);\n section.dataset.avMotion = \"av-material-\" + materialIndex + \"-\" + Date.now();\n caption.textContent = materialCards[materialIndex].querySelector(\"h3\").textContent + \" is now in view.\";\n}\nfunction startAudio() {\n audio.volume = 0.28;\n audio.play().then(function() {\n section.dataset.avSound = \"on\";\n section.querySelector(\"[data-av-sound]\").setAttribute(\"aria-pressed\", \"true\");\n section.querySelector(\"[data-av-sound]\").setAttribute(\"aria-label\", \"Disable ambient sound\");\n section.querySelector(\"[data-av-play]\").textContent = \"II\";\n section.querySelector(\"[data-av-play]\").setAttribute(\"aria-label\", \"Pause ambience\");\n }).catch(function() {\n section.dataset.avSound = \"off\";\n });\n}\nfunction pauseAudio() {\n audio.pause();\n section.dataset.avSound = \"off\";\n section.querySelector(\"[data-av-sound]\").setAttribute(\"aria-pressed\", \"false\");\n section.querySelector(\"[data-av-sound]\").setAttribute(\"aria-label\", \"Enable ambient sound\");\n section.querySelector(\"[data-av-play]\").textContent = \"\\u25b6\";\n section.querySelector(\"[data-av-play]\").setAttribute(\"aria-label\", \"Play ambience\");\n}\nfunction openMenu() {\n if (!menu.open) menu.showModal();\n section.querySelector(\"[data-av-menu-open]\").setAttribute(\"aria-expanded\", \"true\");\n}\nfunction closeMenu() {\n if (menu.open) menu.close();\n section.querySelector(\"[data-av-menu-open]\").setAttribute(\"aria-expanded\", \"false\");\n}\nfunction openInfo() {\n info.setAttribute(\"aria-hidden\", \"false\");\n}\nfunction closeInfo() {\n info.setAttribute(\"aria-hidden\", \"true\");\n}\n\nsection.querySelector(\"[data-av-start]\").addEventListener(\"click\", function() {\n startAudio();\n setState(\"intro\");\n});\nsection.querySelector(\"[data-av-intro-skip]\").addEventListener(\"click\", function() { setState(\"signup\"); });\nsection.querySelector(\"[data-av-signup-skip]\").addEventListener(\"click\", function() { setState(\"chapter\"); });\nsection.querySelector(\"[data-av-form]\").addEventListener(\"submit\", function(event) {\n event.preventDefault();\n section.querySelector(\"[data-av-form-status]\").textContent = \"Your preview note is ready.\";\n setTimeout(function() { setState(\"chapter\"); }, 900);\n});\nsection.querySelector(\"[data-av-explore]\").addEventListener(\"click\", function() { setState(\"archive\"); });\nsection.querySelector(\"[data-av-material-open]\").addEventListener(\"click\", function() { setState(\"materials\"); });\nsection.querySelector(\"[data-av-material-close]\").addEventListener(\"click\", function() { setState(\"archive\"); });\nsection.querySelector(\"[data-av-material-prev]\").addEventListener(\"click\", function() { setMaterial(materialIndex - 1); });\nsection.querySelector(\"[data-av-material-next]\").addEventListener(\"click\", function() { setMaterial(materialIndex + 1); });\nsection.querySelector(\"[data-av-menu-open]\").addEventListener(\"click\", openMenu);\nArray.from(section.querySelectorAll(\"[data-av-menu-close]\")).forEach(function(button) { button.addEventListener(\"click\", closeMenu); });\nsection.querySelector(\"[data-av-chapter-one]\").addEventListener(\"click\", function() { closeMenu(); setState(\"chapter\"); });\nsection.querySelector(\"[data-av-info-open]\").addEventListener(\"click\", openInfo);\nsection.querySelector(\"[data-av-info-close]\").addEventListener(\"click\", closeInfo);\nsection.querySelector(\"[data-av-reserve]\").addEventListener(\"click\", function() {\n section.querySelector(\"[data-av-reserve-status]\").textContent = \"Private viewing noted for this preview.\";\n});\nsection.querySelector(\"[data-av-sound]\").addEventListener(\"click\", function() {\n if (audio.paused) startAudio(); else pauseAudio();\n});\nsection.querySelector(\"[data-av-play]\").addEventListener(\"click\", function() {\n if (audio.paused) startAudio(); else pauseAudio();\n});\nsection.querySelector(\"[data-av-replay]\").addEventListener(\"click\", function() {\n audio.currentTime = 0;\n startAudio();\n section.dataset.avMotion = \"av-replay-\" + Date.now();\n});\nsection.querySelector(\"[data-av-subtitle]\").addEventListener(\"click\", function(event) {\n var next = section.dataset.avSubtitles === \"on\" ? \"off\" : \"on\";\n section.dataset.avSubtitles = next;\n event.currentTarget.setAttribute(\"aria-pressed\", next === \"on\" ? \"true\" : \"false\");\n event.currentTarget.setAttribute(\"aria-label\", next === \"on\" ? \"Disable subtitles\" : \"Enable subtitles\");\n});\nmenu.addEventListener(\"cancel\", function(event) { event.preventDefault(); closeMenu(); });\naudio.addEventListener(\"play\", function() { section.dataset.avAudioState = \"playing\"; });\naudio.addEventListener(\"pause\", function() { section.dataset.avAudioState = \"paused\"; });\nwindow.addEventListener(\"resize\", syncOffset);\nsyncOffset();\nsetMaterial(0);\nsetState(\"entry\");","palette",{"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68},"fonts",{"_50":51,"_52":51},"display","Arial","body","bg","#343a18","accent","#d9ad6f","text","#f2e8cc","surface","#9b6a5d","border","#2a211a","highlight","#c9b38d","secondary","#56372b","muted","#bdb092","fashion-accessories","campaign","immersive","chapter-navigation","original-media","aster-vale","fashion","7a012c8c-be06-469c-b3ff-fb10a61f9c91","template_id","4012692e-7045-4b3b-a100-8114681f0c18","version",1,"artifact_key","template-catalog/templates/4012692e-7045-4b3b-a100-8114681f0c18/revisions/1/template.json","manifest_key","template-catalog/templates/4012692e-7045-4b3b-a100-8114681f0c18/revisions/1/manifest.json","artifact_sha256","3209ae0c7a9582b3d34f3c2bfc3f6576e822f2c522730849bf14f51b2833cb51","schema_version","renderer_version",[],"themable",false,"has_js",true,"size_kb",34.74,"validation_status","valid","validation_report",{"_97":93,"_4":188,"_189":190,"_32":191},"media_manifest",[106,107,108,109,110,111,112,113,114,115,116,117],"created_at","2026-08-23T07:40:56.927178+00:00","published_at","2026-08-23T07:40:57.045691+00:00",{"_118":183,"_120":184,"_122":185,"_124":186,"_126":-5,"_127":128,"_129":187,"_131":132},{"_118":178,"_120":179,"_122":180,"_124":181,"_126":-5,"_127":128,"_129":182,"_131":132},{"_118":173,"_120":174,"_122":175,"_124":176,"_126":-5,"_127":128,"_129":177,"_131":132},{"_118":168,"_120":169,"_122":170,"_124":171,"_126":-5,"_127":128,"_129":172,"_131":132},{"_118":163,"_120":164,"_122":165,"_124":166,"_126":-5,"_127":128,"_129":167,"_131":132},{"_118":158,"_120":159,"_122":160,"_124":161,"_126":-5,"_127":128,"_129":162,"_131":132},{"_118":153,"_120":154,"_122":155,"_124":156,"_126":-5,"_127":128,"_129":157,"_131":132},{"_118":148,"_120":149,"_122":150,"_124":151,"_126":-5,"_127":128,"_129":152,"_131":132},{"_118":144,"_120":31,"_122":145,"_124":146,"_126":-5,"_127":128,"_129":147,"_131":132},{"_118":139,"_120":140,"_122":141,"_124":142,"_126":-5,"_127":128,"_129":143,"_131":132},{"_118":133,"_120":134,"_122":135,"_124":136,"_126":-5,"_127":128,"_129":137,"_131":138},{"_118":119,"_120":121,"_122":123,"_124":125,"_126":-5,"_127":128,"_129":130,"_131":132},"key","template-catalog/media/df6f1d73006ad7e9e9af5999ed34330a93bfd46cd96d579280f84fbcac71c1ed.webp","url","https://pcx-assets.trylexsis.com/template-catalog/media/df6f1d73006ad7e9e9af5999ed34330a93bfd46cd96d579280f84fbcac71c1ed.webp","sha256","df6f1d73006ad7e9e9af5999ed34330a93bfd46cd96d579280f84fbcac71c1ed","source","/templates/assets/aster-vale/loom-passage/av-archive-room.webp","alt_text","provenance","repository migration","size_bytes",107246,"content_type","image/webp","template-catalog/media/d4fc1d738bbcfe75fa4b68d83ebb8665c1076b920cca57152b92530a47e55dd2.wav","https://pcx-assets.trylexsis.com/template-catalog/media/d4fc1d738bbcfe75fa4b68d83ebb8665c1076b920cca57152b92530a47e55dd2.wav","d4fc1d738bbcfe75fa4b68d83ebb8665c1076b920cca57152b92530a47e55dd2","/templates/assets/aster-vale/loom-passage/av-rail-ambience.wav",529244,"audio/x-wav","template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp","https://pcx-assets.trylexsis.com/template-catalog/media/aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59.webp","aff01a2d3a2bbe0841ca55987592cb23ca636beae3fd6ffa304a0d61f96a9d59","/templates/assets/aster-vale/loom-passage/av-paper.webp",66866,"template-catalog/media/af1d52fc3a1777c2e101c587f994a0715a565368a167a8004dc234c53bca581f.webp","af1d52fc3a1777c2e101c587f994a0715a565368a167a8004dc234c53bca581f","/templates/thumbs/immersive-aster-vale-loom-passage.webp",40414,"template-catalog/media/9a2d94d0ab6d1384fc304784459d434e487840e77ef085fd0fa108e4be73cb00.webp","https://pcx-assets.trylexsis.com/template-catalog/media/9a2d94d0ab6d1384fc304784459d434e487840e77ef085fd0fa108e4be73cb00.webp","9a2d94d0ab6d1384fc304784459d434e487840e77ef085fd0fa108e4be73cb00","/templates/assets/aster-vale/loom-passage/av-material-02.webp",106376,"template-catalog/media/765432712e7f7c386db79d8c752290f4799049ce7a5cbb22721780699d4cff08.webp","https://pcx-assets.trylexsis.com/template-catalog/media/765432712e7f7c386db79d8c752290f4799049ce7a5cbb22721780699d4cff08.webp","765432712e7f7c386db79d8c752290f4799049ce7a5cbb22721780699d4cff08","/templates/assets/aster-vale/loom-passage/av-material-03.webp",225560,"template-catalog/media/6af6c1018dcec0f836dd8b1a5ee5cc45800718c48ca6676ce2ceb9343c085e9a.webp","https://pcx-assets.trylexsis.com/template-catalog/media/6af6c1018dcec0f836dd8b1a5ee5cc45800718c48ca6676ce2ceb9343c085e9a.webp","6af6c1018dcec0f836dd8b1a5ee5cc45800718c48ca6676ce2ceb9343c085e9a","/templates/assets/aster-vale/loom-passage/av-landscape-strip.webp",57724,"template-catalog/media/5c3102574abf6e2c58a1ead2e02e0a06a9ccac44fc8368b92d28843a580f10ec.webp","https://pcx-assets.trylexsis.com/template-catalog/media/5c3102574abf6e2c58a1ead2e02e0a06a9ccac44fc8368b92d28843a580f10ec.webp","5c3102574abf6e2c58a1ead2e02e0a06a9ccac44fc8368b92d28843a580f10ec","/templates/assets/aster-vale/loom-passage/av-portico-bag.webp",40692,"template-catalog/media/2e8588e9cd726d7e5266fbeba94d5d9470f4ac37b1b7f50adf9e30557c6c3dae.webp","https://pcx-assets.trylexsis.com/template-catalog/media/2e8588e9cd726d7e5266fbeba94d5d9470f4ac37b1b7f50adf9e30557c6c3dae.webp","2e8588e9cd726d7e5266fbeba94d5d9470f4ac37b1b7f50adf9e30557c6c3dae","/templates/assets/aster-vale/loom-passage/av-train-shell.webp",43330,"template-catalog/media/269678ef0ff866a533d9e2f6ee42463db38ab2066e3b56d6ff441f0367b830a8.webp","https://pcx-assets.trylexsis.com/template-catalog/media/269678ef0ff866a533d9e2f6ee42463db38ab2066e3b56d6ff441f0367b830a8.webp","269678ef0ff866a533d9e2f6ee42463db38ab2066e3b56d6ff441f0367b830a8","/templates/assets/aster-vale/loom-passage/av-grain.webp",17838,"template-catalog/media/1986fa5a466e55f3b49afd37f3b8dd8c3acb9a81992940acb7694637699721dd.webp","https://pcx-assets.trylexsis.com/template-catalog/media/1986fa5a466e55f3b49afd37f3b8dd8c3acb9a81992940acb7694637699721dd.webp","1986fa5a466e55f3b49afd37f3b8dd8c3acb9a81992940acb7694637699721dd","/templates/assets/aster-vale/loom-passage/av-material-04.webp",54858,"template-catalog/media/143df598f1bfac6033795032b890f774c1a83ac942259fec6b3dedf416001d17.webp","https://pcx-assets.trylexsis.com/template-catalog/media/143df598f1bfac6033795032b890f774c1a83ac942259fec6b3dedf416001d17.webp","143df598f1bfac6033795032b890f774c1a83ac942259fec6b3dedf416001d17","/templates/assets/aster-vale/loom-passage/av-material-01.webp",161338,[],"warnings",[],[],"visibility","global","status","published",[75],"page_types",[205],[69,70,71,72,73,74],"thumbnail_key","thumbnail_url","current_revision_id","workspace_id","created_by_user_id","landing"]

LOOMPASSAGE

Travel withAster & Vale

THE ARCHIVEOF WEAVES

Portico Brocade

Valley Jacquard

Fresco Stripe

Night Mosaic

LOOM
PASSAGE

Travel with
Aster & Vale

THE ARCHIVE
OF WEAVES