/* Native scrolling: the illustration stays beside the story; page navigation remains native. */
.arigo-landing .stage{overflow:visible}@supports(overflow:clip){.arigo-landing .stage{overflow:clip}}
.arigo-landing .aura-story{--story-progress:0;position:relative;padding:90px 6% 0;background:#111c19;color:#f8f5ed;isolation:isolate;border-top:1px solid #ffffff1c;scroll-margin-top:0}
.story-heading,.story-layout,.story-finale{max-width:1350px;margin-inline:auto}.story-eyebrow{font:500 11px/1.5 'Instrument Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffac86}.story-heading h2{font:500 clamp(44px,5.8vw,84px)/1.04 Phudu,sans-serif;letter-spacing:-.025em;text-transform:uppercase;max-width:950px;margin:24px 0}.story-heading-bottom{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.story-heading-bottom p{max-width:500px;font-size:15px;line-height:1.8;margin:0;color:#b4c2b9}.story-heading-bottom>a{font-size:12px;color:#f5eee2;display:inline-flex;align-items:center;gap:24px;min-height:44px;flex-shrink:0;text-decoration:none;border-bottom:1px solid #ffffff40}.story-heading-bottom>a:hover{color:#ffad87}.story-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;margin-top:70px;align-items:start}.story-visual{grid-column:2;grid-row:1;min-width:0;align-self:start}.story-chapters{grid-column:1;grid-row:1;min-width:0}.story-chapter-nav{display:flex;border-bottom:1px solid #ffffff24;position:relative;gap:14px;margin-bottom:16px}.story-chapter-nav:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ff956c;transform:scaleX(var(--story-progress));transform-origin:left}.story-chapter-nav a{flex:1;display:flex;align-items:center;gap:9px;min-height:48px;font-size:10px;line-height:1.3;text-decoration:none;color:#a3b1a8;padding:5px 0;transition:color .3s}.story-chapter-nav a>span:first-child{font:500 18px Phudu,sans-serif;color:#d1d9d2}.story-chapter-nav a[aria-current="step"],.story-chapter-nav a[aria-current="step"]>span:first-child{color:#ffac86}.story-scene{position:relative;min-height:480px;aspect-ratio:1.08;overflow:hidden;isolation:isolate;border:1px solid #ffffff19;background:radial-gradient(ellipse at 40% 55%,#b3654229,transparent 70%),#17231e;border-radius:24px}.story-glow{position:absolute;inset:15%;background:#e89a5e25;filter:blur(40px);border-radius:50%;transition:transform .8s,background .8s}.story-orbit{position:absolute;width:110%;aspect-ratio:1;border:1px solid #cfad8120;top:0;left:-5%;border-radius:50%;transform:rotate(-25deg) scaleY(.8);pointer-events:none}.story-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#f29461;top:18%;left:10%;box-shadow:0 0 30px #ff90696b}.story-browser{position:absolute;top:50%;left:7%;width:86%;background:#fff9ed;border:1px solid #e7c9a650;box-shadow:0 22px 60px #0003;border-radius:13px;overflow:hidden;color:#55382c;transform:translateY(-50%) rotate(-2deg) scale(var(--story-scale,1));transition:transform .7s cubic-bezier(.2,.7,.3,1),background .6s,border-color .6s,box-shadow .6s}.story-browser-chrome{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fffcf5;border-bottom:1px solid #55382c15;font-size:9px;max-height:48px;transition:max-height .6s,padding .6s,opacity .5s}.story-dots{display:flex;gap:4px}.story-dots i{height:4px;width:4px;border-radius:50%;background:#d3bdae}.story-address{display:flex;align-items:center;gap:5px;color:#7b6b5b;font-size:8px}.story-address svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.3}.story-shop-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;max-height:68px;transition:max-height .6s,padding .6s,opacity .5s}.story-shop-header>strong{font:600 clamp(15px,1.6vw,23px)/1.2 Georgia,serif;color:#b85237}.story-brand-mark{font-size:22px}.story-shop-header>span{font-size:12px;color:#a67a60}.story-shop-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4px;background:#f3d9bc;max-height:220px;padding:20px;overflow:hidden;transition:max-height .7s,padding .6s,opacity .5s}.story-shop-hero>div:first-child{position:relative;z-index:1}.story-shop-hero small{font-size:8px;line-height:1.4;display:block;margin-bottom:12px;letter-spacing:.015em}.story-shop-hero strong{display:block;font:500 clamp(21px,2.3vw,32px)/1.04 Georgia,serif;letter-spacing:-.04em}.story-shop-hero>div>span{font-size:8px;line-height:1.5;display:block;margin-top:12px;max-width:180px}.story-hero-art{background:#f7e7cf;border-radius:50%;aspect-ratio:1;transform:rotate(-12deg);display:grid;place-items:center}.story-hero-art svg{width:118%;height:auto;max-width:none}.story-collection-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;padding:14px 16px 0;max-height:44px;transition:max-height .6s,padding .6s,opacity .5s}.story-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:14px 14px 18px;position:relative}.story-product{min-width:0;transition:transform .7s cubic-bezier(.2,.7,.3,1),background .6s,box-shadow .6s;border-radius:7px}.story-product-art{border-radius:6px;background:#f0d6ad;aspect-ratio:1.12;overflow:hidden;display:grid;place-items:center}.story-product-art svg{width:100%;height:100%;display:block}.cookie-art{background:#e8c2a6}.bread-art{background:#e9d6b5}.story-product>strong{display:block;font-size:9px;line-height:1.4;font-weight:500;padding:8px 0 3px}.story-product>span{display:block;font-size:8px;color:#927e67}.story-demo-note{font-size:10px;line-height:1.6;color:#a8b8ac;margin:12px 0 0}.story-source{position:absolute;top:14%;left:50%;width:90%;transform:translate(-50%,0);display:flex;gap:8px;justify-content:center;transition:opacity .5s,transform .7s;opacity:0}.story-source span{font-size:10px;color:#eac6a9;padding:6px 12px;border:1px solid #b5947850;border-radius:20px;white-space:nowrap}.story-style{position:absolute;bottom:7%;left:50%;width:205px;padding:16px 20px;background:#efe8d8;box-shadow:0 15px 40px #0003;color:#383d2e;border-radius:12px;transform:translate(-50%,30px) rotate(5deg);opacity:0;transition:opacity .45s,transform .7s;pointer-events:none}.story-style small{font-size:9px}.story-style>div{display:flex;gap:9px;margin:12px 0}.story-style i{width:27px;height:27px;border-radius:50%;background:#b85237}.story-style i:nth-child(2){background:#f3d9bc}.story-style i:nth-child(3){background:#563c2e}.story-style i:nth-child(4){background:#c3ccaf}.story-style strong{font:28px Georgia,serif}.story-style strong span{font-size:22px;font-style:italic;margin-left:18px}.story-live{position:absolute;bottom:7%;left:8%;right:8%;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px #0003;border:1px solid #d7e5bd50;background:#e3eccd;color:#253b26;border-radius:12px;opacity:1;transform:translateY(0) rotate(1deg);transition:opacity .5s,transform .7s}.story-live-check{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;background:#395b36;color:#eef9d8;border-radius:50%;font-size:16px}.story-live>div{flex:1}.story-live strong{display:block;font-size:11px;line-height:1.5}.story-live>div>span{display:block;font-size:9px;color:#516747;margin-top:3px}.story-scene-label{position:absolute;left:20px;bottom:16px;color:#c6b39e;letter-spacing:.14em;font-size:8px}.story-step{padding:40px 0;border-bottom:1px solid #ffffff20;scroll-margin-top:80px}.story-step-label{display:flex;align-items:center;gap:18px;font-size:11px;color:#d1dace;letter-spacing:.06em}.story-step-label>span{font-size:10px;color:#ffac86;white-space:nowrap}.story-step h3{font:500 clamp(30px,3.5vw,49px)/1.08 Phudu,sans-serif;text-transform:uppercase;margin:22px 0;color:#f7f3e9;max-width:520px}.story-step p{font-size:14px;line-height:1.9;color:#b2c1b5;max-width:420px;margin:0}.story-step-detail{display:flex;align-items:center;gap:12px;font-size:11px;color:#e7c6aa;line-height:1.6;margin-top:24px}.story-step-detail>span{font-size:19px}.story-finale{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff25;padding:36px 0 44px;margin-top:36px}.story-finale p{font-size:12px;line-height:1.7;color:#b2c1b5;margin:12px 0 0;max-width:400px}.story-finale>div:last-child{display:flex;align-items:center;gap:24px;flex-shrink:0}.story-build{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;border-radius:30px;background:#ff9564;color:#17251c!important;text-decoration:none;padding:12px 22px;font-size:13px;font-weight:600}.story-build:hover{background:#ffad88}.story-build>span{font-size:23px}.story-import{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:12px;text-decoration:none;color:#f5eee2}.story-import:hover{text-decoration:underline}
/* Chapter states share the same illustration, rather than loading four separate scenes. */
.aura-story[data-chapter="0"] .story-browser,.aura-story[data-chapter="1"] .story-browser{background:transparent;border-color:transparent;box-shadow:none;overflow:visible;transform:translateY(-50%)}
.aura-story[data-chapter="0"] .story-browser-chrome,.aura-story[data-chapter="1"] .story-browser-chrome,.aura-story[data-chapter="0"] .story-shop-header,.aura-story[data-chapter="0"] .story-shop-hero,.aura-story[data-chapter="1"] .story-shop-hero,.aura-story[data-chapter="0"] .story-collection-title,.aura-story[data-chapter="1"] .story-collection-title{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border:0;overflow:hidden}
.aura-story[data-chapter="0"] .story-product,.aura-story[data-chapter="1"] .story-product{background:#fff9ed;padding:8px;box-shadow:0 20px 35px #0003}.aura-story[data-chapter="0"] .story-product:nth-child(1){transform:translateY(22px) rotate(-10deg)}.aura-story[data-chapter="0"] .story-product:nth-child(2){transform:translateY(-12px) rotate(2deg)}.aura-story[data-chapter="0"] .story-product:nth-child(3){transform:translateY(35px) rotate(10deg)}.aura-story[data-chapter="0"] .story-source{opacity:1;transform:translate(-50%,0)}.aura-story[data-chapter="1"] .story-shop-header{padding-bottom:30px}.aura-story[data-chapter="1"] .story-shop-header>strong{font-size:30px;color:#f3d9bc}.aura-story[data-chapter="1"] .story-shop-header>span{opacity:0}.aura-story[data-chapter="1"] .story-style{opacity:1;transform:translate(-50%,0) rotate(4deg)}.aura-story:not([data-chapter="3"]) .story-live{opacity:0;transform:translateY(25px) rotate(-3deg)}.aura-story[data-chapter="3"] .story-browser{transform:translateY(-50%) rotate(0) scale(calc(var(--story-scale,1) * .93))}.aura-story[data-chapter="3"] .story-glow{background:#adcb6633;transform:scale(1.2)}
.aura-story.is-enhanced .story-visual{position:sticky;top:24px}.aura-story.is-enhanced .story-step{min-height:62svh;display:flex;flex-direction:column;justify-content:center;border-bottom:0;opacity:.38;transition:opacity .4s}.aura-story.is-enhanced .story-step.is-current{opacity:1}.aura-story.is-enhanced .story-step:first-child{padding-top:20px}.aura-story.is-enhanced .story-step:last-child{padding-bottom:20px}.aura-story.is-enhanced .story-step:focus-within,.aura-story.is-enhanced .story-step:target{opacity:1}
@media(min-width:1600px){.arigo-landing .aura-story{padding-inline:max(6%,calc((100vw - 1408px)/2))}}
@media(min-width:901px) and (max-height:760px){.story-scene{min-height:370px;max-height:60svh;aspect-ratio:auto}.story-browser{width:76%;left:12%}.story-shop-hero{padding:12px 18px;max-height:150px}.story-hero-art{max-width:115px;justify-self:center;width:100%}.story-shop-hero strong{font-size:24px}.story-product-art{max-height:100px}.story-shop-header{padding:10px 16px}.story-live{bottom:7%;padding:11px}.story-style{bottom:4%;padding:10px 16px}.story-style>div{margin:8px 0}}
@media(max-width:900px){.arigo-landing .aura-story{padding-top:54px}.story-heading h2{font-size:clamp(38px,7vw,62px)}.story-heading-bottom{align-items:flex-start;gap:18px;flex-direction:column}.story-heading-bottom p{font-size:13px;max-width:560px}.story-layout{display:flex;flex-direction:column;gap:0;margin-top:30px}.story-visual{width:100%;max-width:620px;margin-inline:auto}.story-chapters{width:100%}.story-chapter-nav{margin-bottom:10px;gap:15px}.story-chapter-nav a{justify-content:center;min-height:44px}.story-nav-label{font-size:10px}.story-scene{min-height:0;aspect-ratio:auto;height:360px;border-radius:16px}.story-browser{width:67%;left:16.5%;max-width:420px}.story-shop-header{padding:9px 14px}.story-shop-header>strong{font-size:18px}.story-shop-hero{padding:12px 16px;max-height:150px}.story-shop-hero strong{font-size:23px;max-width:200px}.story-shop-hero small{margin-bottom:7px}.story-shop-hero>div>span{margin-top:7px}.story-hero-art{max-width:112px;width:100%;justify-self:center}.story-products{padding:10px;gap:7px}.story-product-art{max-height:90px}.story-product>strong{font-size:8px;padding-top:5px}.story-product>span{font-size:7px}.story-collection-title{padding-top:9px;font-size:9px}.story-style{width:180px;padding:10px 16px;bottom:4%}.story-style i{width:22px;height:22px}.story-style>div{margin:8px 0}.story-style strong{font-size:24px}.story-live{left:12%;right:12%;bottom:6%;padding:11px}.story-live strong{font-size:10px}.story-demo-note{font-size:9px;margin-top:8px}.story-step h3{font-size:34px;max-width:550px}.story-step p{font-size:13px;max-width:540px}.story-step{padding:30px 0}.aura-story.is-enhanced .story-visual{top:0;z-index:2;background:#111c19;padding:8px 0 14px}.aura-story.is-enhanced .story-step{min-height:55svh;scroll-margin-top:425px;padding:35px 0;opacity:.48}.story-finale{align-items:flex-start;margin-top:12px;flex-direction:column;gap:22px}.story-finale>div:last-child{flex-wrap:wrap}.aura-story[data-chapter="1"] .story-shop-header>strong{font-size:27px}.aura-story[data-chapter="0"] .story-source{top:10%}}
@media(max-width:480px){.story-nav-label{display:none}.story-chapter-nav{gap:10px}.story-scene{height:290px}.story-browser{width:85%;left:7.5%}.story-shop-hero{max-height:120px;padding:10px 13px;grid-template-columns:1.25fr .8fr}.story-shop-hero strong{font-size:21px}.story-shop-hero small,.story-shop-hero>div>span{font-size:7px}.story-hero-art{max-width:100px}.story-browser-chrome{padding:7px 10px}.story-shop-header{padding:8px 13px}.story-shop-header>strong{font-size:17px}.story-brand-mark{font-size:17px}.story-products{padding:9px;gap:6px}.story-product-art{max-height:73px}.story-product>strong{font-size:7px}.story-product>span{font-size:7px}.story-collection-title{font-size:8px;padding:8px 10px 0}.story-live{padding:10px;left:5%;right:5%;bottom:5%}.story-live-check{height:26px;width:26px;font-size:14px}.story-live strong{font-size:9px}.story-live>div>span{font-size:8px}.story-style{bottom:3%;width:160px}.story-style>strong{font-size:22px}.story-style>strong>span{font-size:18px}.story-scene-label{bottom:9px;left:12px;font-size:7px}.story-source{gap:5px}.story-source span{padding:4px 7px;font-size:8px}.story-step-label{font-size:10px;gap:14px}.story-step h3{font-size:30px;margin:18px 0}.story-step-detail{margin-top:18px;font-size:10px}.aura-story.is-enhanced .story-step{scroll-margin-top:365px;min-height:52svh}.story-build{font-size:12px}.story-import{font-size:11px}.story-finale>div:last-child{gap:18px}}
@media(max-height:600px) and (max-width:900px){.aura-story.is-enhanced .story-visual{position:relative;top:auto}.aura-story.is-enhanced .story-step{min-height:0;opacity:1;scroll-margin-top:24px;padding:30px 0}}
@media(prefers-reduced-motion:reduce){html:has(.arigo-landing){scroll-behavior:auto}.aura-story *,.aura-story *:before,.aura-story *:after{transition:none!important;animation:none!important}.aura-story .story-visual{position:static!important}.aura-story .story-step{min-height:0!important;opacity:1!important;padding:30px 0!important}.story-orbit{display:none}}

@media(min-width:901px) and (max-height:760px){.aura-story{--story-scale:.82}}
@media(max-width:480px){.aura-story{--story-scale:.84}}
/* Ella’s Macaron: real photography and the shop’s own logo. */
.story-browser{background:#fff8fb;color:#5e3547;border-color:#edc5d680}.story-browser-chrome{background:#fffafc;border-bottom-color:#a0476815}.story-address{color:#967287}.story-shop-header>strong{line-height:0}.story-shop-logo{display:block;width:clamp(110px,12vw,160px);max-width:100%;height:auto;max-height:34px;object-fit:contain}.story-shop-hero{background:#f6dce6}.story-shop-hero strong{color:#633046}.story-shop-hero small,.story-shop-hero>div>span{color:#855b70}.story-hero-art{background:#f7e4ec;border-radius:50%;overflow:hidden;transform:rotate(-7deg);border:3px solid #fff8fc}.story-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.story-product-art{background:#f8e7ee}.story-product-art img{display:block;width:100%;height:100%;object-fit:cover}.story-product>strong{min-height:2.8em}.story-product>span{color:#9b7084}.story-style{background:#fff1f6;color:#704357}.story-style i{background:#ad486a}.story-style i:nth-child(2){background:#f6dce6}.story-style i:nth-child(3){background:#583543}.story-style i:nth-child(4){background:#bdcda2}.story-demo-note a{color:#e2bdca;text-underline-offset:3px;margin-left:5px}.aura-story[data-chapter="0"] .story-product,.aura-story[data-chapter="1"] .story-product{background:#fff7fb}.aura-story[data-chapter="1"] .story-shop-header{justify-content:center}.aura-story[data-chapter="1"] .story-shop-header>span{display:none}.aura-story[data-chapter="1"] .story-shop-header>strong{background:#fff5f9;padding:10px 22px;border-radius:12px;box-shadow:0 10px 30px #0002;line-height:0}.aura-story[data-chapter="1"] .story-shop-logo{width:190px;max-height:55px}
@media(max-width:900px){.story-shop-logo{width:130px;max-height:34px}.aura-story[data-chapter="1"] .story-shop-logo{width:165px;max-height:42px}}
@media(max-width:480px){.story-shop-logo{width:115px;max-height:30px}.story-shop-header{padding-block:7px}.story-demo-note{line-height:1.8}.aura-story[data-chapter="1"] .story-shop-header>strong{padding:6px 16px}.aura-story[data-chapter="1"] .story-shop-logo{width:145px;max-height:37px}}