/* Philia presents its projects first, then follows their roots. */
.house-cover{padding-block:54px 0}.house-intro{display:grid;grid-template-columns:1.55fr 1fr;gap:8%;align-items:end;margin-bottom:43px}.house-intro .eyebrow{margin-bottom:22px}.house-intro h1{font-size:clamp(42px,4.9vw,70px);line-height:1.1;letter-spacing:-.055em}.house-intro-copy{padding-bottom:5px}.house-intro-copy>p{font-size:14px;line-height:1.85;max-width:375px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;font-weight:500;border-bottom:1px solid var(--line);padding-block:10px;margin-top:15px}.text-link>span{font-size:21px;line-height:1;color:#ad623e}.text-link:hover{border-color:var(--olive)}
.project-ledger{display:grid;grid-template-columns:1.55fr 1fr;gap:38px;align-items:start}.project-current{position:relative;min-height:438px;background:var(--olive);color:var(--ivory);overflow:hidden;padding:30px;isolation:isolate}.current-copy{position:relative;z-index:2;width:58%;min-height:378px;display:flex;flex-direction:column;align-items:flex-start}.project-stage{font-size:8px;letter-spacing:.1em;line-height:1.7;display:flex;align-items:center;gap:10px;max-width:275px;color:#d8dbce;margin-bottom:34px}.project-stage>span{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--orange)}.current-copy .demere-logo{width:125px;padding:12px 16px;max-height:none}.current-slogan{font-family:var(--heading);font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin-top:25px;max-width:310px}.current-copy .solid-link{margin-top:auto;font-size:10px;gap:20px;padding:13px 17px;white-space:nowrap}.cover-products{position:absolute;right:0;top:20px;bottom:0;width:47%;isolation:isolate}.cover-bottle{position:absolute;width:auto;max-width:none;filter:drop-shadow(10px 15px 9px #12201166);transform:rotate(var(--bottle-angle));transform-origin:50% 85%}.cover-bottle-clasic{--bottle-angle:-12deg;height:285px;left:4%;bottom:68px}.cover-bottle-mango{--bottle-angle:11deg;height:320px;right:11%;bottom:54px}.cover-orbit{position:absolute;inset:70px -60px 70px -35px;border:1px solid #f7f1e828;border-radius:50%;transform:rotate(-28deg);z-index:-1}.cover-product-caption{position:absolute;bottom:23px;left:5px;right:24px;text-align:center;font-size:6px;letter-spacing:.09em;color:#d4d8ca;line-height:1.7}
.project-future>h2{font-family:var(--body);font-size:9px;font-weight:500;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:17px;margin:0}.next-project{padding-block:24px 20px;border-bottom:1px solid var(--line)}.next-project-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.next-project h3{font-size:31px;letter-spacing:-.04em;line-height:1.2}.next-project-heading>span{font:400 28px/1 var(--heading);color:#ad623e;transition:transform .3s}.next-project:hover .next-project-heading>span{transform:translate(3px,-3px)}.next-project .status{font-size:8px;letter-spacing:.08em;margin-block:11px 12px}.next-project>p{font-size:13px;line-height:1.8;max-width:360px}.project-detail{margin-top:14px}.project-detail summary{font-size:10px;list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;width:max-content}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary>span{font:400 20px/1 var(--heading);color:#ad623e;transition:transform .25s}.project-detail[open] summary>span{transform:rotate(45deg)}.project-detail p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:15px;max-width:365px}.story-turn{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px 34px}.story-turn>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.story-turn>a{display:flex;align-items:center;gap:25px;font-family:var(--heading);font-size:18px;font-weight:600;letter-spacing:-.025em}.story-turn>a>span{font-family:var(--body);font-size:23px;color:#ad623e;transition:transform .25s}.story-turn>a:hover>span{transform:translateY(4px)}
.opening{min-height:670px}.opening-center{min-height:440px}.opening h2{font-size:clamp(48px,8.4vw,116px);line-height:1.03;letter-spacing:-.055em}.opening h2 span{color:var(--orange)}
.reveal{opacity:1;transform:none}.motion-enabled .reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.3,1)}.motion-enabled .reveal:not(.is-revealed){opacity:0;transform:translateY(25px)}
@keyframes cover-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes bottle-arrive{from{opacity:0;transform:translateY(45px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(var(--bottle-angle))}}
@keyframes thread-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:no-preference){.house-intro{animation:cover-arrive .8s both}.project-current{animation:cover-arrive .9s .12s both}.project-future{animation:cover-arrive .9s .26s both}.cover-bottle-clasic{animation:bottle-arrive 1.2s .25s both}.cover-bottle-mango{animation:bottle-arrive 1.35s .4s both}.opening.is-onstage .thread{stroke-dasharray:1;animation:thread-draw 2.8s cubic-bezier(.25,.4,.4,1) both}.opening.is-onstage .thread-orange{animation-delay:.25s}.name-definition.is-onstage path{stroke-dasharray:1;animation:thread-draw 2.1s ease both}.name-definition.is-onstage path:last-child{animation-delay:.2s}}
@media(max-width:1120px){.house-cover{padding-top:45px}.house-intro{gap:7%}.house-intro h1{font-size:51px}.project-ledger{gap:25px}.project-current{padding:26px;min-height:435px}.current-copy{min-height:383px;width:60%}.project-stage{font-size:7px;max-width:205px}.current-slogan{font-size:23px;max-width:265px}.cover-bottle-clasic{height:235px;left:1%;bottom:90px}.cover-bottle-mango{height:265px;right:9%;bottom:76px}.cover-products{width:45%}.next-project h3{font-size:28px}.next-project .status{font-size:7px}.next-project>p{font-size:12px}}
@media(max-width:1000px){.house-intro{grid-template-columns:1.2fr 1fr}.house-intro h1{font-size:46px}.house-intro-copy>p{font-size:13px}.project-ledger{grid-template-columns:1fr;gap:30px}.project-current{min-height:380px;padding:30px}.current-copy{min-height:320px;width:55%}.project-stage{font-size:8px;max-width:none;margin-bottom:25px}.current-slogan{font-size:26px;max-width:310px;margin-top:20px}.cover-products{width:46%;top:0}.cover-bottle-clasic{height:270px;left:8%;bottom:50px}.cover-bottle-mango{height:300px;right:13%;bottom:40px}.cover-product-caption{bottom:12px;font-size:6px}.project-future{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.project-future>h2{grid-column:1/-1}.next-project{padding-top:23px}.next-project h3{font-size:30px}.next-project>p{font-size:13px}.story-turn{padding-block:28px 32px}.story-turn>a{font-size:16px}.opening{min-height:620px}.opening-center{min-height:400px}}
@media(max-width:600px){.house-cover{padding-top:33px}.house-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.house-intro .eyebrow{font-size:7px;margin-bottom:18px}.house-intro h1{font-size:clamp(35px,9.5vw,52px);line-height:1.12}.house-intro-copy>p{font-size:14px;max-width:440px}.text-link{margin-top:9px;font-size:11px;padding-bottom:7px}.project-ledger{gap:25px}.project-current{padding:23px;min-height:380px}.current-copy{width:58%;min-height:334px}.project-stage{font-size:6px;letter-spacing:.06em;gap:7px;max-width:190px;margin-bottom:27px;white-space:nowrap}.project-stage>span{width:4px;height:4px}.current-copy .demere-logo{width:94px;padding:10px 13px}.current-slogan{font-size:21px;line-height:1.45;margin-top:24px;max-width:180px}.current-copy .solid-link{font-size:9px;gap:13px;padding:12px 13px}.cover-products{width:48%;top:70px;bottom:38px}.cover-bottle-clasic{height:190px;left:3%;bottom:36px}.cover-bottle-mango{height:220px;right:14%;bottom:24px}.cover-orbit{inset:25px -45px 40px -30px}.cover-product-caption{display:none}.project-future{grid-template-columns:1fr;column-gap:0}.project-future>h2{font-size:8px;padding-bottom:15px}.next-project{padding-block:24px}.next-project h3{font-size:30px}.next-project .status{font-size:8px}.next-project>p{font-size:14px;max-width:420px}.project-detail summary{font-size:11px}.project-detail p{font-size:13px;max-width:none}.story-turn{display:block;padding-block:25px 30px}.story-turn>span{font-size:7px;display:block;margin-bottom:9px}.story-turn>a{font-size:17px;justify-content:space-between;gap:14px}.opening{min-height:570px}.opening-center{min-height:350px}.opening h2{font-size:clamp(42px,10.7vw,64px);line-height:1.08}.opening-title{padding-block:48px}}
@media(max-width:360px){.house-intro h1{font-size:31px}.project-current{padding:20px;min-height:365px}.current-copy{min-height:325px;width:59%}.project-stage{font-size:5.5px;gap:6px}.current-slogan{font-size:19px;max-width:156px}.current-copy .demere-logo{width:83px;padding:9px 12px}.current-copy .solid-link{font-size:8px;gap:9px;padding:12px}.cover-bottle-clasic{height:165px;left:0;bottom:40px}.cover-bottle-mango{height:190px;right:13%;bottom:30px}.opening h2{font-size:36px}.opening-center{min-height:325px}.story-turn>a{font-size:15px}}
@media(max-width:600px){.current-copy{width:49%}.current-slogan{font-size:20px;max-width:100%}.cover-products{width:43%;right:7px;top:88px;bottom:48px}.cover-bottle-clasic{height:165px;left:2%;bottom:36px}.cover-bottle-mango{height:195px;right:13%;bottom:24px}}
@media(max-width:360px){.current-copy{width:52%}.current-slogan{font-size:18px}.cover-products{right:5px;top:94px;bottom:52px}.cover-bottle-clasic{height:140px;left:0;bottom:35px}.cover-bottle-mango{height:165px;right:12%;bottom:24px}}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal:not(.is-revealed){opacity:1;transform:none}.house-intro,.project-current,.project-future,.cover-bottle,.thread,.name-definition path{animation:none!important}}