.project-page{height:100vh;overflow:hidden;background:#eee9dd;color:#24101f}.project-page .noise{mix-blend-mode:multiply}.project-header{background:rgba(238,233,221,.82);color:#24101f;box-shadow:0 12px 35px rgba(40,20,28,.09)}.project-header .project-link{background:#24101f;color:#f7f1e6}.back-work{font-size:14px;font-weight:700;justify-self:center}.project-loader{position:fixed;inset:0;background:#bd9395;color:#632b38;z-index:300;display:grid;place-items:center;clip-path:inset(0);transition:clip-path 1.05s cubic-bezier(.76,0,.24,1)}.project-loader span{font-size:clamp(100px,20vw,350px);font-weight:600;letter-spacing:-.09em}.project-loader i{position:absolute;bottom:0;left:0;height:5px;background:#ff5879;width:0;animation:loadProject .9s forwards}.project-loader.done{clip-path:inset(0 0 100%)}@keyframes loadProject{to{width:100%}}.project-stage{height:100vh;overflow:hidden}.horizontal-track{height:100%;display:flex;width:max-content;will-change:transform}.panel{height:100vh;flex:none;padding:112px 2vw 24px}.project-intro{width:100vw;display:grid;grid-template-columns:1.15fr .85fr;gap:3vw}.intro-copy{display:flex;flex-direction:column;padding-top:35px}.intro-copy>p,.project-data span,.panel-statement>span,.panel-result>p{font:700 12px "DM Mono"}.intro-copy h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(105px,13vw,220px);font-weight:400;line-height:.72;letter-spacing:-.025em;margin:60px 0 40px}.project-data{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:auto;max-width:650px}.project-data div{border-top:1px solid rgba(36,16,31,.35);padding-top:10px}.project-data span,.project-data strong{display:block}.project-data strong{font-size:15px;margin-top:6px}.intro-art{background:#bd9395;display:grid;place-items:center;position:relative;overflow:hidden}.intro-art>span{font-size:clamp(80px,12vw,190px);font-weight:600;letter-spacing:-.09em;color:#632b38}.intro-art i{position:absolute;width:190px;height:190px;border-radius:50%;background:#ff5879;right:-35px;top:10%}.intro-art b{position:absolute;left:7%;bottom:7%;font:600 12px "DM Mono"}.project-panel{width:88vw;position:relative}.panel-statement{background:#24101f;color:#eee9dd;display:flex;flex-direction:column;justify-content:center}.panel-statement>p{font-size:17px;color:#bdaeb7}.panel-statement h2{font-size:clamp(62px,8.5vw,140px);letter-spacing:-.07em;line-height:.88;margin:40px 0}.panel-statement h2 em{font-style:normal;color:#ff5879}.panel-statement>span{position:absolute;bottom:30px}.panel-product{background:#d8a6a9;display:flex;align-items:center;justify-content:center;gap:45px}.bottle{width:230px;height:470px;border-radius:110px 110px 30px 30px;background:#efe7dc;box-shadow:0 35px 50px rgba(74,25,40,.2);padding:35px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg)}.bottle-two{height:370px;background:#672d3b;color:white;transform:rotate(7deg)}.bottle i{font-style:normal;font-size:65px;font-weight:600}.bottle span{font:700 12px "DM Mono"}.panel-product>p{position:absolute;left:3vw;bottom:30px;font-size:16px}.panel-type{width:105vw;background:#f1eade;overflow:hidden}.type-big{font-family:"Bebas Neue";font-size:38vw;line-height:.75;letter-spacing:-.03em;color:#672d3b}.type-note{font:700 13px "DM Mono";position:absolute;left:3vw;bottom:35px}.type-grid{position:absolute;right:3vw;bottom:30px;display:flex;gap:10px}.type-grid span{width:80px;height:80px;border:1px solid;display:grid;place-items:center;font-size:28px}.panel-digital{width:100vw;background:#724050;color:#eee9dd;display:flex;align-items:center;justify-content:center}.device{width:65vw;height:68vh;background:#eee9dd;color:#24101f;border-radius:18px;padding:25px;box-shadow:0 30px 70px rgba(20,0,8,.28);position:relative}.device-top{display:flex;justify-content:space-between;font:700 14px "DM Mono"}.device-word{font-family:"Bebas Neue";font-size:9vw;line-height:.75;margin-top:90px}.device-dot{position:absolute;width:110px;height:110px;border-radius:50%;background:#ff5879;right:10%;bottom:12%}.panel-digital>p{position:absolute;right:2vw;bottom:25px;width:280px;font-size:14px}.panel-result{width:85vw;background:#ff5879;display:flex;flex-direction:column;justify-content:center}.panel-result>strong{font-size:clamp(150px,20vw,330px);line-height:.72;letter-spacing:-.09em}.panel-result h2{font-size:38px;letter-spacing:-.04em}.panel-result>div{display:flex;gap:50px;margin-top:50px;font:700 12px "DM Mono"}.next-case{width:75vw;background:#d6c753;color:#24101f;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.next-case>span{font:700 12px "DM Mono"}.next-case h2{font-family:"Bebas Neue";font-size:clamp(100px,15vw,230px);line-height:.72;letter-spacing:-.02em;margin:70px 0}.next-case b{font-size:60px}.project-progress{position:fixed;left:2vw;right:2vw;bottom:17px;height:3px;background:rgba(36,16,31,.2);z-index:160}.project-progress i{display:block;height:100%;width:0;background:#24101f}.scroll-hint{position:fixed;right:2vw;bottom:28px;font:700 10px "DM Mono";z-index:160}.scroll-hint span{margin-left:12px}
@media(max-width:800px){.project-page{overflow:auto}.project-header{grid-template-columns:1fr auto}.back-work{justify-self:end}.project-header .project-link{display:none}.project-stage{height:auto;overflow-x:auto;scroll-snap-type:x mandatory}.horizontal-track{transform:none!important}.panel{min-width:100vw;scroll-snap-align:start;padding-top:95px}.project-intro{grid-template-columns:1fr}.intro-copy{padding-top:15px}.intro-copy h1{font-size:29vw;margin:45px 0 25px}.project-data{margin-top:0}.intro-art{min-height:55vh}.project-panel{width:100vw}.panel-statement h2{font-size:16vw}.panel-product{gap:15px}.bottle{width:42vw;height:55vh}.bottle-two{height:44vh}.panel-type{width:100vw}.type-big{font-size:48vw;margin-top:15vh}.device{width:88vw}.device-word{font-size:15vw}.panel-result>strong{font-size:37vw}.next-case{width:100vw}.project-progress,.scroll-hint{display:none}}@media(prefers-reduced-motion:reduce){.project-loader{display:none}.horizontal-track{transition:none}}