.site-header{transition:transform 320ms cubic-bezier(.22,.61,.36,1),background .25s,color .25s,box-shadow .25s;will-change:transform}.site-header.header-hidden{transform:translateY(-101%)}.site-header:focus-within,.site-header.menu-open{transform:translateY(0)}
.instagram-link{display:inline-flex!important;align-items:center;justify-content:center;width:44px;min-height:44px!important;padding:10px!important}.instagram-link svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}.footer-motion{min-width:110px;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;text-align:left;font-size:12px}.footer-bottom{align-items:center}
.how-section .how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6%;align-items:center}.how-intro .demo-lead{margin-bottom:27px}.demo-captions{position:relative;min-height:150px;margin-top:30px}.demo-chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s;pointer-events:none}.demo-chapter.is-current{opacity:1;visibility:visible}.demo-chapter h3{font:400 32px/1.15 var(--serif);margin:8px 0 14px}.demo-chapter p{font-size:14px;line-height:1.65;max-width:380px;color:#e4e8dc}.demo-number{font-size:11px;letter-spacing:.12em;color:#d5dfc8}.product-demo{height:510px;min-width:0;position:relative;overflow:hidden}.product-demo>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.demo-poster{width:100%;height:100%;object-fit:contain;padding:30px 0}.product-demo[data-status=ready]>.demo-poster{visibility:hidden}.motion-off .demo-captions,.demo-fallback .demo-captions{min-height:0}.motion-off .demo-chapter,.demo-fallback .demo-chapter{position:static;opacity:1;visibility:visible;margin-bottom:24px}.motion-off .demo-chapter h3,.demo-fallback .demo-chapter h3{font-size:25px}.motion-off .demo-chapter p,.demo-fallback .demo-chapter p{font-size:13px}
.journey-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;padding:0;overflow:hidden;background:#d7c9b3;color:#fff;overscroll-behavior:none}.journey-dialog::backdrop{background:#d7c9b3}.journey-scroll{position:absolute;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-y}.journey-scroll::-webkit-scrollbar{display:none}.journey-stage{position:sticky;top:0;height:100%;width:100%;overflow:hidden;background:#d7c9b3;pointer-events:none}.journey-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;pointer-events:none;opacity:0}.journey-wall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.journey-close{position:absolute;z-index:5;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:48px;height:48px;border-radius:50%;background:#17271fe6;color:#fffdf7;display:grid;place-items:center;border:1px solid #fff8}.journey-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.journey-hint{position:absolute;z-index:3;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 22px;background:#17271fe8;border:1px solid #fff6;border-radius:40px;color:#fffdf7;font-size:12px;text-align:center;white-space:nowrap;pointer-events:none}.journey-hint:after{content:'↓';display:inline-block;margin-left:14px}.journey-status{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 64px);padding:14px 22px;border-radius:6px;background:#17271ff0;color:#fffdf7;font-size:14px;text-align:center;pointer-events:none}.journey-track{height:5400vh;pointer-events:none}.journey-dialog .visually-hidden{pointer-events:none}
@media(max-width:767px){.how-section .how-grid{display:flex;flex-direction:column;gap:22px}.product-demo{order:-1;height:350px;width:100%}.how-intro{width:100%}.demo-captions{min-height:163px;margin-top:26px}.demo-chapter h3{font-size:29px}.demo-chapter p{font-size:14px}.how-intro .button{white-space:normal}.footer-motion{font-size:11px}.journey-close{width:44px;height:44px;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));}.journey-hint{font-size:11px;max-width:calc(100% - 36px);white-space:normal}}
@media(prefers-reduced-motion:reduce){.site-header,.demo-chapter{transition:none!important}.journey-image{transition:none}}
.motion-off .site-header,.motion-off .demo-chapter{transition:none!important}


/* Original ceramic portal; the actual shop stays beneath construction. */
.journey-dialog{border-radius:0;box-shadow:none}
.journey-dialog::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.journey-dialog.is-building,.journey-dialog.is-building .journey-stage{background:transparent}
.journey-dialog.is-building .journey-image{visibility:hidden}
.journey-immediate{position:absolute;inset:0;perspective:1800px;pointer-events:none;overflow:hidden;transform-style:preserve-3d}
.entrance-tile{display:block;position:absolute;left:50%;top:50%;translate:-50% -50%;transform-style:preserve-3d;will-change:transform}
.entrance-tile:before{content:'';position:absolute;inset:0;background:#ada38e url('assets/ceramic/first-paint.webp');background-size:1000% 1000%;background-position:var(--paint-u) var(--paint-v);filter:brightness(var(--paint-shade));backface-visibility:hidden}
.entrance-tile:after{content:'';position:absolute;inset:0;background:#b0a28a;transform:rotateY(180deg) translateZ(8px);backface-visibility:hidden}
.entrance-tile b{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.entrance-tile b:before,.entrance-tile b:after{content:'';position:absolute;top:0;width:8px;height:100%;background:linear-gradient(90deg,#8c7f68,#c3b69d);transform-origin:left center;transform:rotateY(90deg)}
.entrance-tile b:before{left:0}.entrance-tile b:after{left:100%}

.product-demo{background:#f1eeeb}.product-demo .demo-poster{padding:0}