[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/templates.kits.$id_.preview",{"_7":8,"_9":10,"_11":12,"_13":14},"entry",{"_16":80,"_118":102,"_18":103,"_20":104,"_119":120,"_121":122,"_105":106,"_107":108,"_22":111,"_28":29,"_30":112,"_109":110,"_113":82,"_123":124,"_125":33,"_126":78,"_127":-5},"kit",{"_16":102,"_18":103,"_20":104,"_105":106,"_107":108,"_109":110,"_22":111,"_28":29,"_30":112,"_113":82,"_32":33},"revision",{"_16":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98},"templates",[15],{"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41},"id","immersive-aster-vale-loom-passage","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",[77],"category","interactive","useCase","immersive_product_storytelling","mood","editorial","tags",[71,72,73,74,75,76],"thumbnail","https://pcx-assets.trylexsis.com/template-catalog/media/af1d52fc3a1777c2e101c587f994a0715a565368a167a8004dc234c53bca581f.webp","islands_used",[],"props_used",{},"theme",{"_48":49,"_50":51},"section",{"_16":17,"_42":43,"_44":45,"_46":47},"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",{"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70},"fonts",{"_52":53,"_54":53},"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","1ec1058a-cf50-4c5b-ba92-381d69c71cc7","kit_id","f05cb5a6-c927-4ce9-9bb0-74942bfade6e","version",1,"template_revision_ids",[101],"artifact_key","template-catalog/kits/f05cb5a6-c927-4ce9-9bb0-74942bfade6e/revisions/1/kit.json","manifest_key","template-catalog/kits/f05cb5a6-c927-4ce9-9bb0-74942bfade6e/revisions/1/manifest.json","artifact_sha256","65c5e9bb1a181f3461630b49e19770b9f92e81440a4a58e0d9093d00fed02d5f","validation_status","valid","validation_report",{"_92":99,"_4":100},"created_at","2026-08-23T07:42:12.814706+00:00","published_at","2026-08-23T07:42:12.911477+00:00",true,[],"7a012c8c-be06-469c-b3ff-fb10a61f9c91","campaign-fashion-aster-vale-loom-passage","Aster & Vale Loom Passage Campaign","Immersive fixed-viewport clasp-bag journey from a moving rail cabin into a fictional textile archive.","page_type","landing","archetype","educational_landing","conversion_mechanisms",[114,115,116,117],[77],[71,72,73,76],"section_count","storytelling","product_discovery","self_selection","reassurance","slug","visibility","global","status","published","thumbnail_key","template-catalog/media/af1d52fc3a1777c2e101c587f994a0715a565368a167a8004dc234c53bca581f.webp","thumbnail_url","current_revision_id","workspace_id"]

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