.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.ph-house{--ph-bg: #1E1915;--ph-ink: #F2EFEA;--ph-red: #C8322B;--ph-dur-slow: 1.2s;--ph-dur-base: .8s;--ph-dur-fast: .6s;--ph-ease: cubic-bezier(.4, 0, .2, 1);--ph-header-h: 0px;font-family:Archivo,Helvetica Neue,sans-serif;background:var(--ph-bg);color:var(--ph-ink);overflow-x:clip}.ph-house *,.ph-house *:before,.ph-house *:after{box-sizing:border-box;margin:0}.ph-house img,.ph-house video{display:block;max-width:100%}.ph-house a{color:inherit;text-decoration:none}.ph-house ::selection{background:var(--ph-red);color:var(--ph-ink)}.ph-house .ph-kicker{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--ph-red) 88%,#fff 12%)}.ph-house .ph-display{font-weight:900;letter-spacing:-.02em;line-height:.95;text-transform:uppercase}.ph-house .ph-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ph-house .ph-label{position:absolute;top:calc(var(--ph-header-h, 0px) + 22px);left:6vw;z-index:6}.ph-house .ph-scene{position:relative}.ph-house .ph-scene__pin{position:sticky;top:var(--ph-header-h, 0px);height:calc(100vh - var(--ph-header-h, 0px));height:calc(100dvh - var(--ph-header-h, 0px));overflow:hidden}.ph-house .ph-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;font-weight:600;letter-spacing:.04em;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:transform var(--ph-dur-fast) var(--ph-ease),background-color var(--ph-dur-fast) var(--ph-ease)}.ph-house .ph-btn:focus-visible{outline:2px solid var(--ph-red);outline-offset:3px}.ph-house .ph-btn--solid{background:var(--ph-red);color:var(--ph-ink)}.ph-house .ph-btn--solid:hover{transform:translateY(-2px)}.ph-house .ph-btn--ghost{background:transparent;color:var(--ph-ink);border-color:color-mix(in srgb,var(--ph-ink) 40%,transparent)}.ph-house .ph-btn--ghost:hover{border-color:var(--ph-ink)}.ph-progress{position:fixed;top:0;right:0;width:2px;height:100vh;z-index:8;pointer-events:none;transform:scaleY(0);transform-origin:top center;background:linear-gradient(180deg,transparent,var(--ph-red, #C8322B) 30%,var(--ph-red, #C8322B) 70%,transparent);opacity:.85}.ph-atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--layer-section-background, -2) - 1);pointer-events:none;background-color:#1e1915}.ph-house.ph-atmos-on{background-color:transparent}.ph-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.ph-house.ph-leaving{transition:opacity .34s ease;opacity:0}.ph-house.ph-static .ph-scene{height:auto!important}.ph-house.ph-static .ph-scene__pin{position:relative;height:auto;min-height:calc(100dvh - var(--ph-header-h, 0px))}.ph-hero{height:220vh}.ph-hero .ph-scene__pin{display:flex;align-items:center;justify-content:center}.ph-hero__content{position:relative;z-index:3;display:grid;place-items:center;text-align:center;gap:22px;padding:0 6vw}.ph-hero__word,.ph-hero__result{grid-area:1 / 1;font-size:clamp(2.5rem,12vw,8rem);line-height:.92;white-space:nowrap}.ph-hero__sub{grid-area:2 / 1;max-width:30ch;font-size:clamp(15px,1.5vw,19px);line-height:1.55;color:color-mix(in srgb,var(--ph-ink) 82%,transparent)}.ph-hero__seam{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);z-index:1;background:linear-gradient(180deg,#ffe7de00,#ffd6c4e6 20%,#ffe9df,#ffd6c4e6 80%,#ffe7de00);box-shadow:0 0 60px 12px #ffdcc859,0 0 160px 60px #ffd2b426}.ph-hero__glow{position:absolute;top:0;bottom:0;left:50%;width:min(52vw,640px);transform:translate(-50%);z-index:1;opacity:.85;background:radial-gradient(ellipse 50% 62% at 50% 50%,#ffe0cd38,#ffe0cd12 44%,#ffe0cd00 72%);mix-blend-mode:screen}.ph-hero__word{display:none}@media(max-width:820px){.ph-hero{height:200vh}}.ph-house .ph-ph-svg{width:100%;height:100%;object-fit:cover}.ph-outward{height:200vh}.ph-outward .ph-scene__pin{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:0 6vw}.ph-outward__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 80% at 0% 50%,#ffe0cd29,#ffe0cd00 60%)}.ph-outward__img{position:relative;z-index:1;aspect-ratio:4/5;max-width:440px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ph-ink) 16%,transparent)}.ph-outward__img img,.ph-outward__img svg{width:100%;height:100%;object-fit:cover}.ph-outward__beats{position:relative;z-index:2;display:flex;flex-direction:column;gap:26px}.ph-outward__beat{font-size:clamp(24px,3.4vw,52px);font-weight:900;line-height:1.02;letter-spacing:-.02em}@media(max-width:820px){.ph-outward{height:auto}.ph-outward .ph-scene__pin{position:relative;height:auto;min-height:auto;grid-template-columns:1fr;padding:96px 6vw;gap:30px}.ph-outward__img{max-width:min(74vw,360px)}.ph-outward__beats{max-width:none}}.ph-inward{height:210vh}.ph-inward .ph-scene__pin{display:grid;place-items:center;padding:0 6vw}.ph-inward__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 80% at 100% 50%,#ffe0cd29,#ffe0cd00 60%)}.ph-inward__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.28}.ph-inward__img img,.ph-inward__img svg{width:100%;height:100%;object-fit:cover}.ph-inward__copy{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5vh}.ph-inward__intro{max-width:26ch}.ph-inward__intro{font-size:clamp(16px,1.7vw,22px);color:color-mix(in srgb,var(--ph-ink) 76%,transparent)}.ph-inward__peak{display:flex;flex-direction:column;gap:4px;font-size:clamp(2.2rem,9vw,6rem);line-height:.98}.ph-inward__peak span:last-child{position:relative;color:#fff}.ph-inward__rule{position:absolute;left:0;right:0;bottom:-.12em;height:3px;transform:scaleX(0);transform-origin:left center;background:var(--ph-red);display:block}@media(max-width:820px){.ph-inward{height:190vh}}.ph-hands .ph-scene__pin{display:grid;place-items:center;padding:0 6vw}.ph-hands__inner{display:flex;flex-direction:column;align-items:center;gap:5vh;max-width:1100px;text-align:center}.ph-hands__intro{font-size:clamp(18px,2.2vw,30px);font-weight:600;max-width:26ch}.ph-hands__cards{display:grid;grid-template-columns:1fr 1fr;gap:4vw;width:100%}.ph-founder{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left;padding:22px}.ph-founder--flip{align-items:flex-end;text-align:right}.ph-founder__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(60% 70% at 0% 30%,#ffe0cd24,#ffe0cd00 60%)}.ph-founder--flip .ph-founder__light{background:radial-gradient(60% 70% at 100% 30%,#ffe0cd24,#ffe0cd00 60%)}.ph-founder__portrait{position:relative;z-index:1;width:min(30vw,340px);aspect-ratio:4/5;overflow:hidden;border:1px solid color-mix(in srgb,var(--ph-ink) 16%,transparent)}.ph-founder__portrait img,.ph-founder__portrait svg{width:100%;height:100%;object-fit:cover}.ph-founder__copy{position:relative;z-index:2}.ph-founder__name{font-family:Archivo;font-weight:900;text-transform:none;font-size:clamp(26px,3vw,44px);line-height:.95}.ph-founder__line{margin-top:10px;font-size:clamp(15px,1.3vw,19px);line-height:1.5;color:color-mix(in srgb,var(--ph-ink) 84%,transparent);max-width:34ch}.ph-hands__manifesto{font-size:clamp(20px,2.6vw,40px);font-weight:900;line-height:1.08;letter-spacing:-.01em}.ph-hands__manifesto .ph-no{font-style:normal;color:var(--ph-red)}@media(max-width:820px){.ph-hands .ph-scene__pin{position:relative;height:auto;min-height:auto;padding:90px 6vw}.ph-hands__cards{grid-template-columns:1fr;gap:40px}.ph-founder,.ph-founder--flip{align-items:flex-start;text-align:left}.ph-founder--flip .ph-founder__light{background:radial-gradient(60% 70% at 0% 30%,#ffe0cd24,#ffe0cd00 60%)}}.ph-philosophy{position:relative}.ph-philosophy__flow{display:flex;flex-direction:column}.ph-philo__word{min-height:82vh;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 6vw}.ph-philo__word h2{font-size:clamp(3rem,13vw,9rem);line-height:.9}.ph-philo__word .ph-dot{color:var(--ph-red);font-style:normal}.ph-philo__line{font-size:clamp(16px,1.6vw,22px);line-height:1.5;color:color-mix(in srgb,var(--ph-ink) 78%,transparent);max-width:40ch}.ph-philo__closer{min-height:92vh;display:flex;align-items:center;padding:0 6vw;font-size:clamp(24px,4.2vw,64px);font-weight:900;line-height:1.05;letter-spacing:-.02em;max-width:22ch}@media(max-width:820px){.ph-philo__word{min-height:70vh}.ph-philo__closer{min-height:80vh}}.ph-curtain{background:var(--ph-red)}.ph-curtain .ph-scene__pin{display:grid;place-items:center;padding:0 6vw}.ph-curtain__line{color:var(--ph-ink);text-align:center;font-size:clamp(2.4rem,9vw,6.5rem);line-height:.95}.ph-house.ph-atmos-on .ph-curtain{background:var(--ph-red)}.ph-collection .ph-scene__pin{display:grid;place-items:center;padding:0 4vw}.ph-doors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;max-width:1300px;height:74vh}.ph-door{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--ph-ink) 12%,transparent)}.ph-door__mood{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden}.ph-door__mood img,.ph-door__mood svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ph-door__seep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--ph-dur-base) var(--ph-ease);background:radial-gradient(120% 80% at 50% 100%,var(--door-light),transparent 70%);mix-blend-mode:screen}.ph-door:hover .ph-door__seep,.ph-door:focus-within .ph-door__seep{opacity:.55}.ph-door__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(16px,1.5vw,24px);text-align:left}.ph-door__pill{align-self:flex-start;padding:6px 14px;border:1px solid var(--ph-red);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ph-red)}.ph-door__char{font-size:clamp(13px,1vw,16px);line-height:1.45;color:color-mix(in srgb,var(--ph-ink) 82%,transparent)}.ph-door__notes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ph-ink) 60%,transparent)}.ph-door__notes li{position:relative}.ph-door__notes li+li:before{content:"\b7";position:absolute;left:-10px;opacity:.6}.ph-door__buy{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%}.ph-door__price{font-size:16px;font-weight:600;letter-spacing:.02em}.ph-door__price small{font-weight:400;color:color-mix(in srgb,var(--ph-ink) 58%,transparent)}.ph-door__form{width:100%;margin:0}.ph-door__add{width:100%;justify-content:center;padding:13px 20px}.ph-door__add[disabled]{opacity:.5;cursor:not-allowed;transform:none}.ph-door__add.is-loading{pointer-events:none;opacity:.85}@media(max-width:820px){.ph-collection .ph-scene__pin{position:relative;height:auto;min-height:auto;padding:90px 0 60px}.ph-doors{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;height:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw;-webkit-overflow-scrolling:touch}.ph-door{scroll-snap-align:center;min-height:66vh}}.ph-your-door{display:grid;place-items:center;min-height:calc(100dvh - var(--ph-header-h, 0px))}.ph-your-door__inner{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;padding:120px 6vw;max-width:760px}.ph-your-door__headline{font-size:clamp(2rem,6vw,4.4rem);line-height:.98}.ph-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.ph-cta--discovery{font-size:17px}.ph-cta__price{padding-left:14px;margin-left:4px;border-left:1px solid color-mix(in srgb,var(--ph-ink) 40%,transparent);font-weight:400}.ph-cta__sub{font-size:14px;color:color-mix(in srgb,var(--ph-ink) 72%,transparent)}.ph-letters{margin-top:8px}.ph-letters__line{font-size:clamp(15px,1.4vw,18px);margin-bottom:12px}.ph-letters__row{display:flex;gap:8px}.ph-letters__input{min-width:240px;padding:14px 16px;background:transparent;border:1px solid color-mix(in srgb,var(--ph-ink) 30%,transparent);color:var(--ph-ink);border-radius:2px}.ph-letters__input::placeholder{color:color-mix(in srgb,var(--ph-ink) 45%,transparent)}.ph-letters__input:focus-visible{outline:2px solid var(--ph-red);outline-offset:2px}.ph-principles{margin-top:18px;font-size:12px;letter-spacing:.04em;color:color-mix(in srgb,var(--ph-ink) 60%,transparent)}@media(max-width:820px){.ph-letters__row{flex-direction:column}.ph-letters__input{min-width:0;width:100%}}.ph-house.ph-static [data-reveal]{opacity:1!important;transform:none!important}.ph-house.ph-static .ph-hero__content{position:relative}.ph-house.ph-static .ph-outward__beat,.ph-house.ph-static .ph-inward__intro{opacity:1!important;transform:none!important}.ph-house.ph-static .ph-inward__peak span{opacity:1!important}.ph-house.ph-static .ph-inward__rule{transform:scaleX(1)}.ph-house.ph-static .ph-inward__img{opacity:.28}.ph-house.ph-static .ph-founder__light{opacity:0!important}.ph-house.ph-static .ph-doors{height:auto}.ph-house.ph-static .ph-door{min-height:56vh}
/*# sourceMappingURL=/cdn/shop/t/16/assets/portelier-the-house.css.map */