.casephon-palmer-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;width:100vw;height:100svh;min-height:100vh;overflow:hidden;color:#111;background:#fff;font-family:TWK Lausanne,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;opacity:1;visibility:visible;transition:opacity .52s ease,visibility .52s ease}body.casephon-intro-locked{overflow:hidden}.casephon-palmer-intro.is-entered{opacity:0;visibility:hidden;pointer-events:none}.casephon-palmer-intro.is-loading:before,.casephon-palmer-intro.is-loading:after{content:"";position:fixed;z-index:80}.casephon-palmer-intro.is-loading:before{top:0;right:0;bottom:0;left:0;background:#fff}.casephon-palmer-intro.is-loading:after{top:50%;left:50%;width:100px;height:1px;margin-left:-50px;background:#111;animation:casephon-palmer-loader 1.5s ease-in-out infinite alternate forwards}@keyframes casephon-palmer-loader{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}.casephon-palmer-frame{position:fixed;top:1.5rem;left:1.5rem;z-index:45;display:grid;gap:.35rem;pointer-events:none}.casephon-palmer-frame__brand,.casephon-palmer-frame__line{margin:0;letter-spacing:0;line-height:1}.casephon-palmer-frame__brand{font-size:.95rem;font-weight:800}.casephon-palmer-frame__line{font-size:.78rem;font-weight:500;line-height:1.2;opacity:.72}.casephon-palmer-container{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform}.casephon-palmer-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:#000;opacity:0;transition:opacity .45s ease-in-out}.casephon-palmer-grid{position:absolute;display:flex;width:max-content;height:max-content;gap:5vw}.casephon-palmer-grid.--is-intro .casephon-palmer-product>div{will-change:transform,opacity}.casephon-palmer-container.--is-loaded .casephon-palmer-grid{cursor:grab;transition:transform .45s cubic-bezier(.33,1,.68,1)}.casephon-palmer-column{display:flex;flex-direction:column;gap:5vw}.casephon-palmer-column:nth-child(2n){margin-top:10vw}.casephon-palmer-product{position:relative;width:18.5vw;aspect-ratio:1 / 1}.casephon-palmer-product>div{position:relative;z-index:1;width:18.5vw;aspect-ratio:1 / 1;backface-visibility:hidden}.casephon-palmer-product img{position:absolute;width:100%;height:100%;object-fit:contain;transform:scale(1.08);filter:drop-shadow(2.6vw 3vw 1.65vw rgba(0,0,0,.2)) drop-shadow(.45vw .7vw .45vw rgba(0,0,0,.12));will-change:transform;transition:transform .3s ease-in-out}.casephon-palmer-product>div:hover{transform:scale(1.05)}.casephon-palmer-details{position:fixed;top:0;right:0;z-index:25;width:50vw;height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(24px,3vw,46px);padding:clamp(38px,4.6vw,72px) clamp(34px,4.2vw,64px);background:#f7f7f7;transform:translate3d(50vw,0,0)}.casephon-palmer-title{position:relative;display:grid;align-self:start}.casephon-palmer-title p{grid-area:1 / -1;margin:0 0 1vw;overflow:hidden;max-width:100%;overflow-wrap:anywhere;font-size:clamp(1.9rem,2.7vw,3.25rem);letter-spacing:0;line-height:1.08}.casephon-palmer-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.5vw,34px)}.casephon-palmer-texts{position:relative;display:grid;justify-self:start;width:min(100%,28rem);height:100%;min-height:110px}.casephon-palmer-texts [data-text]{grid-area:1 / -1;display:grid;align-content:start;gap:14px;margin:0;letter-spacing:0;pointer-events:none}.casephon-palmer-texts [data-text].is-active{pointer-events:auto}.casephon-palmer-price{display:block;color:#111;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.55rem,2.25vw,2.7rem);font-style:italic;font-weight:500;letter-spacing:-.03em;line-height:1}.casephon-palmer-detail-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:40px;padding:0 16px;-webkit-appearance:none;appearance:none;border:1px solid rgba(17,17,17,.38);border-radius:999px;background:#ffffff9e;color:#111;cursor:pointer;font-size:11px;font-weight:950;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 0 0 1px #1111110a;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.casephon-palmer-detail-link:hover{color:#111;border-color:#11111194;background:#ffffffd1;box-shadow:inset 0 0 0 1px #11111114;text-decoration:none}.casephon-palmer-thumb{position:relative;z-index:30;justify-self:center;align-self:center;width:min(30vw,440px);aspect-ratio:1 / 1;will-change:transform}.casephon-palmer-thumb div,.casephon-palmer-thumb img{position:absolute;z-index:1;width:100%;height:100%;object-fit:contain}.casephon-palmer-thumb img{filter:drop-shadow(2.6vw 3vw 1.65vw rgba(0,0,0,.2)) drop-shadow(.45vw .7vw .45vw rgba(0,0,0,.12))}.casephon-palmer-cross{position:fixed;z-index:35;width:3vw;height:3vw;pointer-events:none;transform:scale(0)}.casephon-palmer-cross svg{width:3vw;height:3vw}.casephon-palmer-container.--is-details-showing{cursor:pointer}.casephon-palmer-container.--is-details-showing .casephon-palmer-grid{pointer-events:none}.casephon-palmer-line,.casephon-palmer-char{transform:translate3d(0,100%,0)}.casephon-palmer-enter{position:fixed;left:clamp(24px,4vw,56px);bottom:max(30px,calc(env(safe-area-inset-bottom) + 24px));z-index:50;display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:48px;padding:0 24px;border:1px solid rgba(10,10,10,.16);border-radius:999px;background:#ffffffd1;color:#111;box-shadow:0 20px 60px #00000029,inset 0 0 0 1px #fffc;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:12px;font-weight:800;letter-spacing:0;line-height:1;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.casephon-palmer-enter:hover{color:#111;text-decoration:none;transform:translateY(-2px);background:#fffffff5;box-shadow:0 24px 70px #0003,inset 0 0 0 1px #ffffffeb}.casephon-palmer-enter:focus-visible{outline:2px solid #111;outline-offset:4px}@media(max-width:700px){.casephon-palmer-product,.casephon-palmer-product>div{width:34vw}.casephon-palmer-grid,.casephon-palmer-column{gap:6vw}.casephon-palmer-column:nth-child(2n){margin-top:12vw}.casephon-palmer-details{width:90vw;gap:7vw;padding:9vw 7vw;transform:translate3d(90vw,0,0)}.casephon-palmer-title{margin-bottom:0}.casephon-palmer-title p{font-size:2rem}.casephon-palmer-thumb{width:min(100%,390px)}.casephon-palmer-texts{justify-self:stretch}.casephon-palmer-price{font-size:2rem}.casephon-palmer-cross,.casephon-palmer-cross svg{width:9vw;height:9vw}.casephon-palmer-enter{min-width:176px;min-height:46px;left:18px;bottom:max(20px,calc(env(safe-area-inset-bottom) + 16px));font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/casephon-palmer-intro.css.map */