.frame-container{aspect-ratio:16/9;overflow:hidden}.frame-container,.frame-content{position:relative;width:100%;height:100%}.frame-content{z-index:1}.ink-wash-frame{background:linear-gradient(135deg,var(--frame-primary-color,#f5f5dc) 0,rgba(245,245,220,.8) 100%)}.ink-wash-frame svg{position:absolute;pointer-events:none}.ink-wash-frame .ink-gradient{opacity:.6;mix-blend-mode:multiply}.scroll-frame{background:linear-gradient(to bottom,var(--frame-primary-color,#2c2416) 0,rgba(44,36,22,.95) 10%,rgba(44,36,22,.95) 90%,var(--frame-primary-color,#2c2416) 100%)}.scroll-frame .scroll-border{position:absolute;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--frame-accent-color,#8b7355),var(--frame-primary-color,#2c2416),var(--frame-accent-color,#8b7355))}.scroll-frame .scroll-border-top{top:0}.scroll-frame .scroll-border-bottom{bottom:0}.palindrome-frame{background-color:var(--frame-primary-color,#1a1a1a)}.palindrome-frame .corner-decoration{position:absolute;width:80px;height:80px;border-color:var(--frame-accent-color,#ffffff);border-style:solid;opacity:.8}.palindrome-frame .corner-top-left{top:0;left:0;border-width:2px 0 0 2px}.palindrome-frame .corner-top-right{top:0;right:0;border-width:2px 2px 0 0}.palindrome-frame .corner-bottom-left{bottom:0;left:0;border-width:0 0 2px 2px}.palindrome-frame .corner-bottom-right{bottom:0;right:0;border-width:0 2px 2px 0}.photo-frame{background:linear-gradient(135deg,var(--frame-primary-color,#8b6f47) 0,rgba(139,111,71,.9) 100%);padding:24px}.photo-frame .mat-inner{background:var(--frame-accent-color,#f5f5dc);padding:16px;box-shadow:inset 0 0 20px rgba(0,0,0,.2)}.photo-frame .ornate-border{border:4px solid rgba(139,111,71,.6);border-radius:2px}.modern-art-frame{background-color:var(--frame-primary-color,#ffffff)}.modern-art-frame .accent-line{position:absolute;background-color:var(--frame-accent-color,#000000);opacity:.8}.modern-art-frame .accent-line-top{top:0;left:10%;width:80%;height:3px}.modern-art-frame .accent-line-bottom{bottom:0;left:10%;width:80%;height:3px}.modern-art-frame .accent-line-left{top:10%;left:0;width:3px;height:80%}.modern-art-frame .accent-line-right{top:10%;right:0;width:3px;height:80%}.modern-art-frame .color-block{position:absolute;width:60px;height:60px;opacity:.3;transition:opacity var(--frame-animation-duration,.4s) ease}.modern-art-frame .color-block-1{top:24px;left:24px;background:var(--frame-accent-color,#000000)}.modern-art-frame .color-block-2{bottom:24px;right:24px;background:var(--frame-primary-color,#ffffff);filter:invert(1)}@media (prefers-reduced-motion:reduce){.frame-container *{animation-duration:.01ms!important;transition-duration:.01ms!important}.modern-art-frame .color-block{transition:none}}@media (prefers-color-scheme:dark){.photo-frame .mat-inner{background:#2a2a2a}.modern-art-frame{background-color:#1a1a1a}}.layout-container{position:relative;width:100%;height:100%;display:grid;gap:var(--layout-gutter-size,24px)}.layout-cell{position:relative;overflow:hidden;background-color:transparent}.layout-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-grid .layout-grid__cell{min-width:960px;min-height:540px}.layout-hero-sidebar{grid-template-columns:1344px 576px;grid-template-rows:1fr}.layout-hero-sidebar .layout-hero-sidebar__hero{grid-column:1;min-height:1080px}.layout-hero-sidebar .layout-hero-sidebar__sidebar{grid-column:2;display:flex;flex-direction:column;gap:var(--layout-gutter-size,24px)}.layout-hero-sidebar .layout-hero-sidebar__sidebar-cell{flex:1;min-height:0}.layout-zara-editorial{grid-template-columns:1152px 768px;grid-template-rows:1fr;position:relative}.layout-zara-editorial .layout-zara-editorial__primary{grid-column:1;min-height:1080px;transform:translateY(-40px)}.layout-zara-editorial .layout-zara-editorial__secondary{grid-column:2;min-height:1080px;transform:translateY(40px)}.layout-zara-editorial .layout-zara-editorial__primary:before{content:"";position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.05))}.layout-dji-centered{grid-template-columns:320px 1280px 320px;grid-template-rows:1fr;align-items:center}.layout-dji-centered .layout-dji-centered__hero{grid-column:2;min-height:1080px;z-index:2}.layout-dji-centered .layout-dji-centered__left-accent{grid-column:1;max-height:540px;align-self:center;z-index:1}.layout-dji-centered .layout-dji-centered__right-accent{grid-column:3;max-height:540px;align-self:center;z-index:1}.layout-dji-centered .layout-dji-centered__left-accent,.layout-dji-centered .layout-dji-centered__right-accent{opacity:.7;filter:blur(1px)}.layout-apple-minimal{grid-template-columns:160px 1600px 160px;grid-template-rows:160px 1fr 160px}.layout-apple-minimal .layout-apple-minimal__hero{grid-column:2;grid-row:2;min-height:760px}.layout-apple-minimal .layout-apple-minimal__accent{opacity:.5;display:flex;align-items:center;justify-content:center}.layout-apple-minimal .layout-apple-minimal__accent-1{grid-column:1;grid-row:1}.layout-apple-minimal .layout-apple-minimal__accent-2{grid-column:3;grid-row:3}@media (max-width:1920px){.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-hero-sidebar{grid-template-columns:70fr 30fr}.layout-zara-editorial{grid-template-columns:60fr 40fr}.layout-dji-centered{grid-template-columns:1fr 4fr 1fr}.layout-apple-minimal{grid-template-columns:10fr 80fr 10fr}}@media (max-width:1440px){.layout-grid{gap:16px}.layout-apple-minimal,.layout-dji-centered,.layout-hero-sidebar,.layout-zara-editorial{gap:16px}}@media (max-width:1024px){.layout-grid,.layout-hero-sidebar,.layout-zara-editorial{grid-template-columns:1fr;grid-template-rows:auto}.layout-dji-centered{grid-template-columns:1fr}.layout-dji-centered .layout-dji-centered__left-accent,.layout-dji-centered .layout-dji-centered__right-accent{display:none}.layout-apple-minimal{grid-template-columns:1fr;grid-template-rows:auto}.layout-apple-minimal .layout-apple-minimal__accent{display:none}}.layout-cell--align-top{align-items:flex-start}.layout-cell--align-center{align-items:center;justify-content:center}.layout-cell--align-bottom{align-items:flex-end}@media (prefers-color-scheme:dark){.layout-zara-editorial .layout-zara-editorial__primary:before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.05))}}@media print{.layout-container{gap:0;page-break-inside:avoid}}.parallax-section{position:relative;width:100%;height:100vh;overflow:hidden;will-change:transform}.parallax-section--disabled{overflow:visible}.parallax-section__content{position:relative;width:100%;height:100%;z-index:1}.parallax-layer{position:absolute;inset:0;width:100%;height:100%;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.parallax-layer--background{z-index:0;transform:translate3d(0,var(--parallax-background-offset,0),0);transition:transform var(--parallax-easing-duration,.15s) var(--parallax-easing,ease-out)}.parallax-layer--midground{z-index:1;transform:translate3d(0,var(--parallax-midground-offset,0),0);transition:transform var(--parallax-easing-duration,.15s) var(--parallax-easing,linear)}.parallax-layer--foreground{z-index:2;transform:translate3d(0,var(--parallax-foreground-offset,0),0);transition:transform var(--parallax-easing-duration,.15s) var(--parallax-easing,ease-in)}.parallax-section--out-of-view .parallax-layer{transition:none}@media (min-width:1024px){.parallax-layer{transform:translateZ(0);transform-style:preserve-3d}}@media (max-width:1023px){.parallax-section{overflow:visible}.parallax-layer{position:relative;transform:none!important;transition:none!important}}@media (prefers-reduced-motion:reduce){.parallax-section{overflow:visible}.parallax-layer{position:relative;transform:none!important;transition:none!important;will-change:auto}.parallax-layer--background,.parallax-layer--foreground,.parallax-layer--midground{z-index:auto}}:root{--parallax-easing-background:cubic-bezier(0.33,1,0.68,1);--parallax-easing-midground:linear;--parallax-easing-foreground:cubic-bezier(0.32,0,0.67,0)}.parallax-section--debug{outline:2px dashed red}.parallax-section--debug .parallax-layer--background{outline:2px solid blue;outline-offset:-2px}.parallax-section--debug .parallax-layer--midground{outline:2px solid green;outline-offset:-4px}.parallax-section--debug .parallax-layer--foreground{outline:2px solid orange;outline-offset:-6px}.parallax-section__progress-indicator{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#000,#666);z-index:9999;pointer-events:none;transform:scaleX(var(--scroll-progress,0));transform-origin:left;transition:transform .1s linear}.parallax-layer--fade-on-scroll{opacity:calc(1 - (var(--scroll-progress, 0) * .5))}.parallax-layer--fade-in-on-scroll{opacity:var(--scroll-progress,0)}@media print{.parallax-section{height:auto;overflow:visible;page-break-inside:avoid}.parallax-layer{position:relative;transform:none!important;page-break-inside:avoid}}.scroll-snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;height:100vh;width:100%;-webkit-overflow-scrolling:touch}.scroll-snap-container::-webkit-scrollbar{width:0;display:none}.scroll-snap-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-snap-section{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;width:100%;position:relative}.scroll-snap-section--no-stop{scroll-snap-stop:normal}.scroll-snap-container--horizontal{scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;display:flex;flex-direction:row;width:100vw}.scroll-snap-container--horizontal .scroll-snap-section{width:100vw;height:100vh;flex-shrink:0}.scroll-snap-container--proximity{scroll-snap-type:y proximity}.scroll-snap-container--proximity.scroll-snap-container--horizontal{scroll-snap-type:x proximity}.scroll-snap-section--align-start{scroll-snap-align:start}.scroll-snap-section--align-center{scroll-snap-align:center}.scroll-snap-section--align-end{scroll-snap-align:end}.scroll-indicator{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:none}.scroll-indicator__dot{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.4);transition:all .3s ease;pointer-events:auto;cursor:pointer}.scroll-indicator__dot--active{background-color:rgba(255,255,255,1);transform:scale(1.5)}@media (prefers-color-scheme:dark){.scroll-indicator__dot{background-color:rgba(0,0,0,.4)}.scroll-indicator__dot--active{background-color:rgba(0,0,0,1)}}.scroll-down-arrow{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;animation:scroll-bounce 2s infinite;opacity:.8;transition:opacity .3s ease}.scroll-down-arrow:hover{opacity:1}.scroll-down-arrow__icon{width:24px;height:24px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg)}.scroll-down-arrow__text{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500}@keyframes scroll-bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.scroll-snap-container--scrolled .scroll-down-arrow{opacity:0;pointer-events:none}@media (max-width:1023px){.scroll-snap-container{scroll-snap-type:none}.scroll-indicator{display:none}}@supports (-webkit-touch-callout:none){.scroll-snap-container{-webkit-overflow-scrolling:touch;scroll-padding-top:env(safe-area-inset-top)}.scroll-snap-section{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.scroll-snap-container{scroll-behavior:auto;scroll-snap-type:none}.scroll-down-arrow{animation:none}.scroll-indicator__dot{transition:none}}@media print{.scroll-snap-container{overflow:visible;height:auto;scroll-snap-type:none}.scroll-snap-section{height:auto;page-break-inside:avoid;page-break-after:always}.scroll-down-arrow,.scroll-indicator{display:none}}.scroll-snap-container{transform:translateZ(0);will-change:scroll-position}.scroll-snap-section{contain:layout style paint}:root{--frame-primary-color:#1a1a1a;--frame-accent-color:#ffffff;--frame-animation-duration:400ms;--layout-gutter-size:24px;--parallax-background-offset:0px;--parallax-midground-offset:0px;--parallax-foreground-offset:0px;--parallax-easing:ease-out;--parallax-easing-duration:150ms;--scroll-progress:0}.story-template-section{box-sizing:border-box;margin:0;padding:0}.story-template-section *,.story-template-section :after,.story-template-section :before{box-sizing:inherit}.story-template-section{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--frame-primary-color:#ffffff;--frame-accent-color:#000000}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scroll{overflow:hidden}.collection-section-wrapper{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;scroll-snap-align:start;overflow:hidden}.collection-section-wrapper .section-bg{position:absolute;inset:0;z-index:-1;will-change:transform;pointer-events:none}.collection-section-wrapper .collection-header{position:relative;z-index:2;will-change:transform;flex-shrink:0;padding:2rem 2rem 1rem}.collection-section-wrapper .collection-content{position:relative;z-index:1;will-change:transform;flex:1;width:100%;padding:0 2rem 2rem}.collection-gallery .muuri-grid{position:relative;width:100%;height:100%}.collection-gallery .muuri-item{display:block;position:absolute;z-index:1;padding:6px;box-sizing:border-box}.collection-gallery .muuri-item-content{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease}.collection-gallery .muuri-item-content:hover{box-shadow:0 8px 32px rgba(139,92,246,.25)}.collection-gallery .muuri-item-content img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.collection-gallery .muuri-item-content:hover img{transform:scale(1.05)}.gsap-parallax-ready .collection-content,.gsap-parallax-ready .collection-header,.gsap-parallax-ready .section-bg{transform:translateZ(0)}.collection-section-enter{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.collection-section-enter.active{opacity:1;transform:translateY(0)}.collection-gallery-page{width:100%;min-height:100vh;overflow-y:auto;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch}.collection-gallery-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.collection-section-wrapper .collection-content{max-height:calc(100vh - 180px);aspect-ratio:16/9}@media (min-width:1920px){.collection-section-wrapper .collection-header{padding:3rem 4rem 1.5rem}.collection-section-wrapper .collection-content{padding:0 4rem 3rem}.collection-gallery .muuri-item{padding:8px}}@media (max-width:1024px){.collection-section-wrapper .collection-header{padding:1.5rem 1.5rem .75rem}.collection-section-wrapper .collection-content{padding:0 1.5rem 1.5rem;aspect-ratio:auto;max-height:none}.collection-gallery .muuri-item{padding:4px}.collection-gallery .muuri-item-content{border-radius:8px}}@media (max-width:768px){.collection-section-wrapper{min-height:auto;scroll-snap-align:none}.collection-section-wrapper .collection-header{padding:1rem}.collection-section-wrapper .collection-content{padding:0 1rem 1rem}.collection-gallery .muuri-item{padding:3px}.collection-gallery .muuri-item-content{border-radius:6px}}.collection-gallery.theme-dark .collection-gallery-header{background:rgba(10,10,15,.85);border-bottom:1px solid rgba(255,255,255,.06)}.collection-gallery.theme-dark .muuri-item-content{background:rgba(24,24,32,.9)}.collection-gallery.theme-light .collection-gallery-header{background:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.06)}.collection-gallery.theme-light .muuri-item-content{background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.08)}.collection-gallery.theme-light .muuri-item-content:hover{box-shadow:0 8px 32px rgba(139,92,246,.15)}@media (prefers-reduced-motion:reduce){.collection-gallery .muuri-item-content,.collection-gallery .muuri-item-content img,.collection-section-enter{transition:none!important}.gsap-parallax-ready .collection-content,.gsap-parallax-ready .collection-header,.gsap-parallax-ready .section-bg{will-change:auto!important;transform:none!important}}.collection-gallery .muuri-item-content:focus-visible{outline:3px solid #8B5CF6;outline-offset:2px}.showcase-card{transition:transform .3s ease,box-shadow .3s ease}.showcase-card:hover{box-shadow:0 8px 32px rgba(139,92,246,.25)}.showcase-card img{transition:transform .4s ease}.showcase-card:hover img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.showcase-card,.showcase-card img{transition:none!important}}.story-template-page{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.story-template-page[data-snap=true]{scroll-snap-type:y mandatory}.story-template-section{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;width:100%;position:relative;overflow:hidden}.story-template-section[data-active=true]{z-index:1}.story-template-section[data-active=false]{z-index:0}.story-template-section .section-content{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.story-template-section[data-active=true] .section-content{opacity:1;transform:translateY(0)}.story-template-section[data-active=true] .section-content>:first-child{transition-delay:0s}.story-template-section[data-active=true] .section-content>:nth-child(2){transition-delay:.1s}.story-template-section[data-active=true] .section-content>:nth-child(3){transition-delay:.2s}.story-template-section[data-active=true] .section-content>:nth-child(4){transition-delay:.3s}.story-template-section[data-active=true] .section-content>:nth-child(5){transition-delay:.4s}.frame-wrapper{transition:opacity .4s ease-in-out}.story-template-section[data-active=false] .frame-wrapper{opacity:.8}.story-template-section[data-active=true] .frame-wrapper{opacity:1}.story-template-page.theme-light{--st-bg:#ffffff;--st-text:#1a1a1a;--st-accent:#0066cc}.story-template-page.theme-dark{--st-bg:#1a1a1a;--st-text:#f5f5f5;--st-accent:#66b3ff}.story-template-page.theme-neutral{--st-bg:#f5f5f5;--st-text:#333333;--st-accent:#0066cc}.story-template-page{background-color:var(--st-bg);color:var(--st-text)}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--st-accent,#0066cc);z-index:100;transition:width .1s linear;will-change:width}.section-nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:50}.section-nav-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.section-nav-dot[data-active=true]{background:var(--st-accent,#0066cc);border-color:var(--st-accent,#0066cc);transform:scale(1.3)}.section-nav-dot:hover{background:rgba(255,255,255,.6)}@media (prefers-reduced-motion:reduce){.story-template-page{scroll-behavior:auto;scroll-snap-type:none}.story-template-section .section-content{opacity:1;transform:none;transition:none}.frame-wrapper,.scroll-progress-bar,.section-nav-dot{transition:none}.parallax-layer{transform:none!important;will-change:auto!important}}.story-template-skeleton{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--st-bg,#f5f5f5)}.skeleton-section{height:100vh;width:100%;position:relative;overflow:hidden}.skeleton-frame{position:absolute;inset:0;border:2px solid rgba(128,128,128,.15);border-radius:4px}.skeleton-content{position:absolute;inset:40px;display:grid;gap:16px}.skeleton-block{background:linear-gradient(90deg,rgba(128,128,128,.1) 25%,rgba(128,128,128,.2) 50%,rgba(128,128,128,.1) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none;background:rgba(128,128,128,.15)}}.media-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:rgba(128,128,128,.05);border:1px dashed rgba(128,128,128,.2);border-radius:4px;padding:24px;text-align:center}.media-fallback-icon{width:48px;height:48px;opacity:.3;margin-bottom:12px}.media-fallback-text{font-size:14px;color:var(--st-text,#666);opacity:.6}@media (max-width:1280px){.section-nav-dots{right:16px;gap:8px}.section-nav-dot{width:8px;height:8px}}