:root{--color-primary-purple: #8d93d9;--color-variable-light-purple: #c7c8ff;--color-variable-dark-purple: #8183b5;--color-variable-dark-purple2: #464d9a;--color-primary-white: #f9f7f2;--color-primary-black: #2e2b28;--color-primary-gray: #cdc6be;--color-header-bg: rgba(255, 255, 255, .75);--color-header-border: rgba(255, 255, 255, .8);--color-link-hover: #525ab0;--color-shadow-light: rgba(0, 0, 0, .06);--color-shadow-lighter: rgba(0, 0, 0, .04);--font-family-primary: "sofia-pro", "Sofia Pro", -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-primary-white);min-height:100vh}#root{min-height:100vh;background-color:var(--color-primary-white)}.cursor-glow{position:fixed;top:0;left:0;width:30px;height:30px;border-radius:50%;pointer-events:none;z-index:1999;opacity:0;transform:translate3d(var(--cursor-x, -9999px),var(--cursor-y, -9999px),0) translate(var(--cursor-glow-shift-x, -50%),var(--cursor-glow-shift-y, -50%));will-change:transform,opacity;transition:opacity .3s ease;background:radial-gradient(circle,#dedfff59 10%,#a5a6ff59 35%,#a1a2ef59 72%);filter:blur(8px)}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-glow{display:none}}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding:.75rem 2rem}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ffffff73,#ffffff40,#ffffff59);backdrop-filter:blur(40px) saturate(200%) contrast(110%);-webkit-backdrop-filter:blur(40px) saturate(200%) contrast(110%);border-radius:40px;padding:.5rem 2rem;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a,inset 0 1px #fffc,inset 0 -1px #fff3;border:1px solid rgba(255,255,255,.6)}.logo-container{display:flex;align-items:center;margin-left:2rem}.jisoo-logo{height:50px;width:auto;display:block}.nav-menu{display:flex;gap:5rem;align-items:center;margin-right:5rem}.nav-link{color:var(--color-primary-black);text-decoration:none;font-size:1rem;font-weight:500;font-family:var(--font-family-primary);transition:opacity .2s ease;text-transform:lowercase}.nav-link:hover{opacity:.7;color:var(--color-link-hover);transition:color .2s ease}@media(max-width:1024px){.header{padding:.75rem 1.5rem}.header-container{padding:.5rem 1.5rem}.logo-container{margin-left:1rem}.jisoo-logo{height:50px}.nav-menu{gap:3rem;margin-right:2rem}.nav-link{font-size:.95rem}}@media(max-width:768px){.header{padding:.35rem 1rem .75rem}.header-container{flex-direction:row;align-items:center;padding:0rem 1.5rem;border-radius:50px}.logo-container{margin-left:0;justify-content:center}.nav-menu{gap:2rem;margin-right:0;justify-content:right}.jisoo-logo{height:40px;width:40px;object-fit:contain}.nav-link{font-size:clamp(.87rem,2.6vw,.85rem);color:#605f5b;letter-spacing:-.02em}}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ffffff80,#c7c8ff73,#8d93d980);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;z-index:999;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 24px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #fff3}.scroll-to-top-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#fff9,#c7c8ff8c,#8d93d999)}.scroll-to-top-btn:active{transform:scale(.95)}.scroll-arrow-icon{width:20px;height:20px;color:var(--color-variable-dark-purple2);stroke:var(--color-variable-dark-purple2);stroke-width:2}.scroll-text{color:var(--color-variable-dark-purple2);font-family:var(--font-family-primary);font-size:.75rem;font-weight:500;text-transform:lowercase;line-height:1}@media(max-width:768px){.scroll-to-top-btn{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.scroll-arrow-icon{width:16px;height:16px}.scroll-text{font-size:.65rem}}.hero{min-height:100vh;background:var(--color-primary-white);display:grid;place-items:center;overflow:hidden;touch-action:pan-y;position:relative}.hero__inner{position:relative;width:100%;aspect-ratio:16 / 7;transition:aspect-ratio .3s ease;isolation:isolate}.hero__welcome{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:clamp(10px,1.4vw,18px);color:var(--color-primary-black);text-align:center;opacity:.85;z-index:50;white-space:nowrap}.hero__port-wrap,.hero__folio-wrap{position:absolute;inset:0;display:grid;place-items:center}.hero__port-wrap{z-index:30}.hero__folio-wrap{z-index:10}.hero__port-img{width:35%}.hero__folio-img{width:35%;transform:translateY(40%)}.hero__sticker-hint{position:absolute;top:78%;left:50%;transform:translate(-50%);font-size:clamp(9px,1.1vw,15px);color:#7b61ff;font-weight:500;text-align:center;z-index:50;white-space:nowrap}.hero__ribbon-wrap{position:absolute;inset:0;display:grid;place-items:center;z-index:20;pointer-events:none}.hero__ribbon-inner{position:relative;width:120%}.hero__ribbon-glow{width:100%;position:absolute;top:0;left:0;filter:brightness(1.2) sepia(1) hue-rotate(190deg) saturate(1.5) blur(15px);z-index:-1;mix-blend-mode:overlay;will-change:opacity,transform}.hero__ribbon-img{position:relative;width:100%;height:auto;display:block;margin-top:-5px}.hero-sticker{position:absolute;z-index:40;cursor:grab;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.15));touch-action:pan-y}.hero-sticker__inner{position:relative;width:100%;aspect-ratio:580 / 339}.hero-sticker__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.hero-sticker__cycle-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;transition:opacity .1s ease-in-out;pointer-events:none}.hero-sticker__cycle-img.is-active{opacity:1}.hero-sticker__cycle-img:not(.is-active){opacity:0}.hero-sticker__simple-img{width:100%;height:auto;pointer-events:none}.hero__scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:60;pointer-events:none;gap:10px}.hero__scroll-text{font-size:10px;letter-spacing:.25em;color:var(--color-primary-black);font-weight:700;text-transform:uppercase;opacity:.8}.hero__scroll-arrows{display:flex;flex-direction:column;gap:2px}.hero__scroll-arrow{width:10px;height:10px;border-right:2px solid var(--color-primary-black);border-bottom:2px solid var(--color-primary-black)}@media(max-width:768px){.hero{min-height:100dvh;place-items:start center;padding-top:70px}.hero__inner{aspect-ratio:1 / 1}.hero__welcome{top:10%;font-size:clamp(14px,4vw,18px)}.hero__port-img,.hero__folio-img{width:80%}.hero__sticker-hint{display:none}.hero__ribbon-inner{width:250%}.hero-sticker{width:clamp(78px,13.5vw,140px)}.hero__scroll{bottom:calc(env(safe-area-inset-bottom) + 100px)}}.breadcrumbs{display:flex;align-items:left;justify-content:left;padding:1.5rem 2rem 0;width:100%;max-width:1400px;margin:100px 0 0 4rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-separator{color:var(--color-primary-black);margin:0 .5rem;-webkit-user-select:none;user-select:none;pointer-events:none}.breadcrumb-link{color:var(--color-primary-black);text-decoration:none;font-family:var(--font-family-primary);font-size:.9rem;font-weight:400;text-transform:lowercase}.breadcrumb-link:hover{opacity:.7}.breadcrumb-text{color:var(--color-primary-black);font-family:var(--font-family-primary);font-size:1rem;font-weight:400;text-transform:lowercase}@media(max-width:1024px){.breadcrumbs{display:none}}.contact-icon-container{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.contact-icon{width:24px;height:24px;object-fit:contain;position:absolute;top:0;left:0}.contact-icon-default{display:block}.contact-icon-hover{display:none}.contact-btn{width:80px;height:80px;border-radius:50%;background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;position:relative}.contact-btn:hover{transform:scale(1.05);opacity:.9;background-color:var(--color-primary-purple)}.contact-btn:active{transform:scale(.95)}.contact-btn:hover .contact-icon-default{display:none}.contact-btn:hover .contact-icon-hover{display:block}.contact-btn-text{color:var(--color-primary-black);font-family:var(--font-family-primary);font-size:1em;font-weight:500;text-transform:lowercase;line-height:1}.contact-btn:hover .contact-btn-text{color:var(--color-primary-white)}@media(max-width:768px){.contact-icon-container,.contact-icon{width:20px;height:20px}.contact-btn{width:70px;height:70px}.contact-btn-text{font-size:.65rem}}.about-me-content{max-width:100%;margin:0 auto;padding:0rem 5rem 3rem;width:100%}.about-me-intro{display:flex;gap:4rem;align-items:flex-start;margin-bottom:4rem}.about-me-intro-left{display:flex;flex-direction:column;align-items:center;gap:2rem;flex:0 0 auto}.about-me-photo{width:20rem;height:auto;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:-3rem}.profile-image{width:100%;height:100%;object-fit:cover}.about-me-title{display:flex;flex-direction:column;gap:.5rem}.name-title{position:relative;display:inline-block;margin-bottom:-2rem}.name-text{position:relative;font-family:var(--font-family-primary);font-size:4rem;font-weight:500;color:var(--color-primary-black);margin:0;text-align:center;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 85%,transparent 85%);padding:0 8px;inline-size:fit-content;box-decoration-break:clone;-webkit-box-decoration-break:clone}.job-title{font-family:var(--font-family-primary);font-size:1.2rem;font-weight:400;color:var(--color-primary-black);margin:1.5rem 0 1rem;line-height:.1;text-transform:lowercase;text-align:center}.job-title-sub{font-family:var(--font-family-primary);font-size:1rem;font-weight:400;color:var(--color-primary-black);margin:0;line-height:.1;text-transform:lowercase;text-align:center}.about-me-intro-right{flex:1;display:flex;align-items:center;margin-top:4rem}.intro-text{font-family:var(--font-family-primary);font-size:2rem;font-weight:400;color:var(--color-primary-black);line-height:1}.intro-greeting-highlight{display:inline;padding:0 6px;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 88%,transparent 88%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.intro-text-body{font-family:var(--font-family-primary);font-size:1.3rem;font-weight:400;color:var(--color-primary-black);line-height:1;margin:0;text-align:left}.about-me-ilove{margin-top:6rem;margin-bottom:4rem}.ilove-content{display:flex;flex-direction:column;gap:2rem;max-width:1100px;width:100%;box-sizing:border-box;padding:0 2rem;margin:0 auto}.ilove-header{text-align:center;max-width:100%;width:100%;box-sizing:border-box}.ilove-title{position:relative;display:inline-block;font-family:var(--font-family-primary);font-size:2.5rem;font-weight:400;color:var(--color-primary-black);margin:0}.ilove-title-text{position:relative;z-index:1;display:inline-block;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 85%,transparent 85%);padding:0 8px;inline-size:fit-content;box-decoration-break:clone;-webkit-box-decoration-break:clone}.ilove-body{display:flex;gap:3rem;align-items:last baseline;justify-content:center;max-width:100%;width:100%;box-sizing:border-box}.ilove-left{flex:0 0 auto;min-width:0}.toast-photo{max-width:100%;width:300px;height:auto;border-radius:20px;overflow:hidden;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.toast-photo:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.ilove-right{flex:0 1 700px;min-width:0;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.ilove-list{font-family:var(--font-family-primary);font-size:1.3rem;font-weight:500;color:var(--color-primary-black);line-height:1.6;margin:0 0 2rem}.ilove-small-images{display:flex;gap:2rem;align-items:flex-end;max-width:100%;box-sizing:border-box}.coffee-photo{max-width:100%;width:13rem;height:13rem;object-fit:cover;border-radius:20px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.coffee-photo:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.baking-photo{max-width:100%;width:13rem;height:13rem;object-fit:cover;border-radius:20px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.baking-photo:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.packages-photo{max-width:100%;width:13rem;height:13rem;object-fit:cover;border-radius:20px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.packages-photo:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026}.about-me-skills{margin-top:6rem;margin-bottom:6rem;max-width:100%;width:100%;box-sizing:border-box}.skills-content{display:flex;flex-direction:column;gap:2rem;max-width:100%;width:100%;box-sizing:border-box;padding:0 6rem}.skills-header{text-align:center;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:2rem}.skills-title{position:relative;display:inline-block;font-family:var(--font-family-primary);font-size:2.5rem;font-weight:400;color:var(--color-primary-black);margin:0;text-transform:lowercase}.skills-title-text{position:relative;z-index:1;display:inline-block;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 85%,transparent 85%);padding:0 8px;inline-size:fit-content;box-decoration-break:clone;-webkit-box-decoration-break:clone}.skills-body{display:flex;flex-direction:column;gap:3rem;max-width:100%;width:100%;box-sizing:border-box}.hard-skills{display:flex;gap:4rem;align-items:flex-start}.hard-skills .skills-section-title,.soft-skills .skills-section-title{flex:0 0 auto;min-width:8rem;font-weight:600}.skills-list-container{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0;padding-top:.5rem}.soft-skills{display:flex;gap:4rem;align-items:flex-start}.skills-section-title{font-family:var(--font-family-primary);font-size:1.5rem;font-weight:500;color:var(--color-primary-black);margin:0;text-transform:lowercase;text-align:left}.skills-list{font-family:var(--font-family-primary);font-size:1.2rem;font-weight:400;color:var(--color-primary-black);line-height:1.8;margin:0;text-transform:lowercase;text-align:left;line-height:1.5}.about-me-contact{margin-top:6rem;margin-bottom:6rem;max-width:100%;width:100%;box-sizing:border-box}.contact-content{display:flex;flex-direction:column;gap:2rem;max-width:100%;width:100%;box-sizing:border-box;padding:0 6rem;align-items:center}.contact-header{text-align:center;max-width:100%;width:100%;box-sizing:border-box;margin-bottom:2rem}.contact-title{position:relative;display:inline-block;font-family:var(--font-family-primary);font-size:2.5rem;font-weight:400;color:var(--color-primary-black);margin:0;text-transform:lowercase}.contact-title-text{position:relative;z-index:1;display:inline-block;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 85%,transparent 85%);padding:0 8px;inline-size:fit-content;box-decoration-break:clone;-webkit-box-decoration-break:clone}.contact-buttons{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap}@media(max-width:1024px){.about-me-content{padding:0 3rem 3rem}.about-me-intro{gap:6rem}.about-me-photo{width:250px;height:250px}.intro-text{margin-top:-3rem}.ilove-body{flex-direction:column;gap:3rem;align-items:center;min-width:0}.ilove-left{display:flex;justify-content:center;width:100%;min-width:0}.toast-photo{width:15rem;max-width:100%;height:auto}.ilove-small-images{flex-direction:column;gap:2rem;align-items:center;min-width:0;width:100%}.coffee-photo,.baking-photo,.packages-photo{width:15rem;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover}.skills-content{padding:0 2rem}.skills-title{font-size:2.5rem}.hard-skills,.soft-skills{flex-direction:column;gap:1rem}.skills-section-title{font-size:1.5rem}.skills-list{font-size:1.2rem}.contact-content{padding:0 2rem}.contact-title{font-size:2.5rem}.contact-buttons{gap:1.5rem}}@media(max-width:768px){.about-me-content{padding:0 0rem 1.5rem}.about-me-intro{flex-direction:column;gap:0rem}.about-me-intro-left{width:100%;align-items:center}.about-me-intro-right{padding-left:0;padding-right:0}.about-me-photo{width:150px;height:200px}.name-text{font-size:3rem}.intro-text{font-size:1.7rem;margin:0;padding:0;line-height:1}.intro-text-body{display:block;font-size:1.1rem;margin:0;padding:0;max-width:100%;line-height:1.5}.ilove-content{padding-left:0;padding-right:0}.ilove-title{font-size:1.7rem}.ilove-list{font-size:1.1rem}.ilove-left{display:flex;justify-content:center;width:100%}.toast-photo{width:100%;max-width:20rem;height:auto}.ilove-right{width:100%;max-width:20rem}.ilove-small-images{flex-direction:column;align-items:center;width:100%;gap:1rem}.coffee-photo,.baking-photo,.packages-photo{width:100%;max-width:20rem;height:auto;aspect-ratio:2 / 1;object-fit:cover}.skills-content{padding-left:0;padding-right:0}.skills-title{font-size:1.7rem}.skills-section-title{font-size:1.3rem}.skills-list{font-size:1.1rem;line-height:1.8}.contact-content{padding-left:0;padding-right:0}.contact-buttons{width:100%;max-width:100%;gap:.5rem;justify-content:space-between;flex-wrap:nowrap}.contact-title{font-size:2rem}}.project-detail-content{max-width:1400px;margin:0 auto;padding:clamp(1.5rem,3vw,3rem);padding-top:calc(var(--nav-h) + clamp(1rem,2vw));width:100%;box-sizing:border-box}.breadcrumbs{margin-bottom:3rem}.project-detail-header{display:grid;grid-template-columns:1.1fr 1.3fr;gap:clamp(1.5rem,4vw,5rem);align-items:start;max-width:1100px;margin:0 auto 4rem;padding:0;width:100%;box-sizing:border-box;align-items:center}.project-detail-screen{width:100%;min-width:0;display:flex;justify-content:center}.project-detail-screen-image{width:100%;max-width:520px;height:auto;display:block}.project-detail-large-screen .project-detail-screen-image{max-width:clamp(400px,45vw,680px)}.project-detail-info{min-width:0;display:flex;flex-direction:column;justify-content:center}.project-detail-title{margin:0 0 2.2rem;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.05;font-weight:900;letter-spacing:-.02em;color:var(--color-primary-black)}.project-detail-list{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;color:var(--color-primary-black);max-width:650px;margin:0 auto}.project-detail-li{margin:6px 0}.title-highlight{display:inline;padding:0 8px;background:linear-gradient(to bottom,transparent 62%,var(--color-variable-light-purple) 62%,var(--color-variable-light-purple) 88%,transparent 88%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.project-detail-intro-block{margin-top:1.3rem}.project-detail-intro-title{margin:0 0 .6rem;font-size:1.45rem;font-weight:800;color:var(--color-variable-dark-purple2);letter-spacing:-.01em}.project-detail-intro-text{margin:0;font-size:1.15rem;line-height:1.65;color:var(--color-primary-black);max-width:48ch}.project-detail-preline{white-space:pre-line}.project-detail-header-links{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;width:100%;max-width:320px}.project-detail-header-link{font:inherit;display:flex;flex-direction:column;align-items:center;width:fit-content;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;color:inherit}.project-detail-header-link-icon{width:56px;height:56px;object-fit:contain;border-radius:50%}.project-detail-header-link-label{font-size:.9rem;color:var(--color-primary-black)}.project-detail-concept-p2{margin-top:1.5rem}.project-detail-section{margin-top:2rem}.project-detail-section h2{font-size:clamp(1.6rem,2.5vw,2.1rem);font-weight:600;max-width:1000px;margin:auto auto 2rem;padding:0 7px;inline-size:fit-content;background:linear-gradient(to bottom,transparent 60%,var(--color-variable-light-purple) 60%,var(--color-variable-light-purple) 85%,transparent 85%)}.project-detail-section p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.6;color:var(--color-primary-black);max-width:700px;margin:0 auto}.project-detail-body img,.project-detail-body video{max-width:100%;height:auto;display:block}.project-detail-body iframe{width:100%;border:0;display:block}.project-detail-mockup{display:flex;gap:2rem;justify-content:center;align-items:flex-start;margin:3rem auto;max-width:100%;flex-wrap:wrap}.project-detail-mockup img{flex:1;min-width:0;max-width:100%;height:auto}.project-detail-mockup-link{display:flex;justify-content:center;flex:0 0 auto;min-width:0;text-decoration:none;cursor:pointer}.project-detail-mockup-link:hover{opacity:.9}.project-detail-mockup-image-wrap{display:flex;justify-content:center;flex:0 1 auto;min-width:0}.project-detail-mockup-modal-trigger{background:none;border:none;padding:0;cursor:pointer;width:100%}.project-detail-embed-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.project-detail-embed-caption{font-size:.875rem;color:var(--color-primary-black);opacity:.75;text-align:center;max-width:90%}.project-detail-media-with-caption{display:flex;flex-direction:column;align-items:center;gap:0rem}.project-detail-media-with-caption .project-detail-mockup{margin-bottom:0}.project-detail-caption-wrap{width:100%;max-width:min(760px,90%);margin-inline:auto;text-align:center}.project-detail-concept-images{display:flex;gap:1rem;justify-content:center;align-items:center;margin:3rem auto;max-width:400px}.project-detail-logo-anatomy,.project-detail-logo-concept{width:100%;max-width:350px;height:auto;margin-block:1.5rem}.project-detail-logo-concept{border-radius:50px}@media(max-width:1024px){.project-detail-content{padding-top:calc(var(--nav-h) + 3rem)}.project-detail-header{grid-template-columns:1fr;margin-top:4rem}.project-detail-screen-image{max-width:420px}.project-detail-intro-text{max-width:60ch}.project-detail-logo-concept{margin-top:2rem}}@media(max-width:768px){.project-detail-content{padding-left:1.25rem;padding-right:1.25rem;padding-bottom:1.5rem;padding-top:calc(var(--nav-h) + .1rem)}.project-detail-header{margin-top:2rem}.project-detail-screen-image{max-width:280px!important;margin:0 auto!important}.project-detail-concept-images{flex-direction:column;align-items:center;max-width:100%}.project-detail-logo-concept{margin-top:1rem}.project-detail-mockup{gap:1rem}.project-detail-mockup-link,.project-detail-mockup-image-wrap{width:100%;flex:1 1 100%}.project-detail-container .project-detail-mockup img,.project-detail-container .project-detail-mockup .project-detail-mockup-image{width:100%!important;max-width:100%!important;height:auto}}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:60px}.video-modal-container{position:relative;width:100%;max-width:1000px;background:#000;border-radius:8px;box-shadow:0 20px 50px #00000080}.overlay-video-player{width:100%;display:block;border-radius:8px}.video-close-btn{position:absolute;top:-45px;right:-45px;background:none;border:none;color:#fff;font-size:40px;line-height:1;cursor:pointer;z-index:2100;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease;opacity:.8}.video-close-btn:hover{transform:scale(1.2);opacity:1}@media(max-width:1100px){.video-close-btn{top:-50px;right:0}}.carousel-wrapper{position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.overlay-image-player{max-width:100%;max-height:85vh;object-fit:contain;display:block}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0003;color:#fff;border:none;width:50px;height:50px;font-size:24px;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background .2s}.carousel-nav-btn:hover{background:#0009}.carousel-nav-btn.prev{left:20px}.carousel-nav-btn.next{right:20px}.carousel-indicator{position:absolute;bottom:20px;background:#00000080;color:#fff;padding:5px 15px;border-radius:20px;font-size:14px}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#747474d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:40px}.video-modal-container.modal-large{max-width:95vw;width:100%;background:transparent;box-shadow:none;display:flex;justify-content:center;align-items:center;overflow:visible}.flipbook-modal-wrapper{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.flipbook-modal-wrapper>div{margin:0 auto!important;max-height:100%!important;max-width:100%!important}.video-modal-container.modal-large .video-close-btn{top:-40px;right:0}.scaffold-key-features-video{width:100%;max-width:320px;height:auto;border-radius:12px;display:block;margin:0 auto}@media(max-width:768px){.scaffold-key-features-video{max-width:100%;margin-bottom:20px}}.projects-content{margin:0 auto;padding:0 0 1rem;width:100%;display:flex;flex-direction:column;align-items:center}.projects-container{position:relative;width:100%;max-width:1240px;margin:0 auto;background-color:transparent}.projects-tabs{position:relative;padding-bottom:1.5rem;z-index:10}.projects-tabs ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;justify-content:center}.projects-tabs li{font-family:var(--font-family-primary);font-size:1.3rem;font-weight:500;text-transform:lowercase;cursor:pointer;padding:12px 60px;position:relative;color:var(--color-primary-black);background-color:transparent;z-index:1;align-items:center}.projects-tabs li:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--color-variable-light-purple) 50%);background-size:80% 70%;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .35s ease;z-index:-1;pointer-events:none}.projects-tabs li:hover:before,.projects-tabs li.active:before{opacity:1}@media(max-width:1024px){.projects-content{padding:0 0 2rem}}@media(max-width:768px){.projects-content{padding:0 0 1.5rem}.projects-tabs ul{display:flex;justify-content:center;align-items:center;gap:.6rem;padding:2rem 0 0;flex-wrap:wrap}.projects-tabs li{font-size:1rem;padding:10px 16px;border-radius:999px}.projects-tabs li:first-child{padding:10px 16px}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;padding:2rem;width:100%;max-width:100%;margin-bottom:4rem;box-sizing:border-box}.project-card{background-color:transparent;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;color:inherit}.project-card-thumbLink{display:block;text-decoration:none;color:inherit;cursor:pointer}.project-card-image-wrap{width:100%;aspect-ratio:4 / 2;overflow:hidden;background-color:var(--color-primary-gray);border-radius:20px}.project-card-image{width:100%;height:100%;object-fit:cover;display:block}.project-card-text{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 0 0;text-align:left}.project-card-text,.project-card-title,.project-card-description{cursor:default}.project-card-title{font-family:var(--font-family-primary);font-size:1.35rem;font-weight:600;line-height:1.3;color:var(--color-primary-black);margin:0;text-transform:none}.project-card-description{font-family:var(--font-family-primary);font-size:.95rem;font-weight:400;color:var(--color-primary-black);margin:0;line-height:1.5;opacity:.85}@media(max-width:1024px){.projects-content{padding:3rem 0 2rem}.projects-grid{gap:1.5rem;margin-bottom:2rem}.project-card-title{font-size:1.2rem}.project-card-description{font-size:.9rem}}@media(max-width:768px){.projects-content{padding:0}.projects-grid{grid-template-columns:1fr;gap:4rem;margin-bottom:2rem;padding:0}.project-card-image-wrap{aspect-ratio:16 / 10}.project-card-text{padding-top:1rem}.project-card-title{font-size:1.15rem}.project-card-description{font-size:.9rem;line-height:1.6}}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:60px;overscroll-behavior:contain}.image-modal-container{position:relative;width:100%;height:100%;min-height:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-48px;right:0;background:none;border:none;color:#fff;font-size:42px;line-height:1;cursor:pointer;z-index:2100;width:44px;height:44px;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,opacity .2s ease;opacity:.9}.image-modal-close:hover{transform:scale(1.15);opacity:1}.image-modal-zoom-controls{position:absolute;top:-48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0006;padding:8px 16px;border-radius:24px;z-index:2100}.image-modal-zoom-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background .2s ease}.image-modal-zoom-btn:hover{background:#ffffff59}.image-modal-zoom-value{color:#fff;font-size:14px;min-width:48px;text-align:center}.image-modal-content{width:100%;height:100%;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:center;padding:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.image-modal-content-scrollable{align-items:flex-start;justify-content:flex-start}.image-modal-scroll-inner{flex-shrink:0;position:relative}.image-modal-image{max-width:calc(100vw - 160px);max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;transform-origin:center center;transition:transform .2s ease;cursor:pointer}.image-modal-image-scaled{max-width:none;max-height:none}@media(max-width:768px){.image-modal-overlay{padding:50px 20px 20px}.image-modal-image{max-width:calc(100vw - 80px);max-height:calc(100vh - 120px)}.image-modal-close{top:-42px;right:0;font-size:36px}.image-modal-zoom-controls{top:-42px;gap:8px;padding:6px 12px}.image-modal-zoom-btn{width:32px;height:32px;font-size:20px}.image-modal-zoom-value{font-size:12px;min-width:40px}}.upnext{width:100%;background-color:transparent;padding:clamp(2rem,4vw,2.8rem) 0;margin-top:10rem;margin-bottom:5rem}.upnext-inner{max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,3vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.upnext-left{font-family:var(--font-family-primary);font-size:1.2rem;font-weight:500;color:var(--color-primary-black);letter-spacing:.02em}.upnext-link{display:inline-flex;align-items:center;gap:1.25rem;color:var(--color-primary-black);text-decoration:none;font-family:var(--font-family-primary);font-size:1.4rem;font-weight:400;transition:opacity .2s ease;white-space:nowrap}.upnext-link:hover{opacity:.75}.upnext-arrow{font-size:1.8rem;line-height:1}@media(max-width:768px){.upnext-inner{flex-direction:column;align-items:flex-start}.upnext-link{white-space:normal}}.footer{background-color:var(--color-primary-white);border-top:1px solid var(--color-primary-gray);padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3rem);margin-top:4rem}.footer-inner{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.footer-left{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.footer-link{color:var(--color-primary-black);text-decoration:none;font-family:var(--font-family-primary);font-size:.95rem;font-weight:400;transition:opacity .2s ease}.footer-link:hover{opacity:.7}.footer-sep{color:var(--color-primary-gray);font-size:.9rem;margin:0 .35rem;-webkit-user-select:none;user-select:none}.footer-right{flex-shrink:0}.footer-copy{color:var(--color-primary-black);font-family:var(--font-family-primary);font-size:.9rem;font-weight:400}@media(max-width:768px){.footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}.footer-left,.footer-right{width:100%}}.project-detail-container .project-detail-section[data-section="User research"] .project-detail-mockup-image{max-width:min(1100px,95%)}.project-detail-container .project-detail-section[data-section="User research"]{margin-bottom:2.5rem}.project-detail-container .project-detail-section[data-section="User research"]+.project-detail-section .project-detail-mockup-image{max-width:min(1100px,95%)}.project-detail-container .project-detail-section[data-section="Findings & Direction"] .project-detail-mockup-image{max-width:min(1200px,96%);margin-bottom:0}.project-detail-container .project-detail-section[data-section="Design principles & Starting point"] .project-detail-mockup-image{max-width:min(1200px,96%)}.project-detail-container .scaffold-key-features-media{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:flex-start}.project-detail-container .scaffold-key-features-media img{flex:0 1 auto;width:auto;max-width:min(340px,38vw);height:auto}.project-detail-container .scaffold-key-features-media .scaffold-key-features-video{flex:0 0 100%;width:100%;max-width:clamp(700px,70vw,1000px);margin:.5rem auto 0;aspect-ratio:16 / 9}.project-detail-container .scaffold-marketing-images img{flex:0 1 auto;width:auto;max-width:min(400px,45vw);height:auto;border-radius:15px}.project-detail-container .scaffold-key-learnings-media{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:flex-start}.project-detail-container .scaffold-key-learnings-media img{flex:0 1 auto;width:auto;max-width:min(400px,45vw);height:auto;border-radius:15px}.project-detail-container .project-detail-section[data-section="Marketing materials"],.project-detail-container .project-detail-section[data-section="Marketing materials"] .project-detail-mockup,.project-detail-container .project-detail-section[data-section="Marketing materials"] .project-detail-mockup .project-detail-mockup-image{margin-bottom:0}.project-detail-container .project-detail-section[data-section="Marketing materials"]+.project-detail-section{margin-bottom:0}.project-detail-container .project-detail-section[data-section="Marketing materials"]+.project-detail-section .project-detail-mockup{margin-top:-1rem;margin-bottom:0}.project-detail-container .project-detail-section[data-section="Marketing materials"]+.project-detail-section .project-detail-mockup .project-detail-mockup-image{margin-top:0;margin-bottom:5rem}.project-detail-container .project-detail-section[data-section="Storyboard & Film production"]{margin-bottom:.5rem}.project-detail-container .project-detail-section[data-section="Storyboard & Film production"] .project-detail-mockup{margin-bottom:.25rem}.project-detail-container .project-detail-section[data-section="Storyboard & Film production"]+.project-detail-section .project-detail-mockup{margin-top:0}.project-detail-container .project-detail-section[data-section="Key learnings & reflections"]{margin-bottom:.75rem}.project-detail-container .project-detail-section[data-section="Key learnings & reflections"] .project-detail-mockup{margin-bottom:.25rem}.project-detail-container .project-detail-section[data-section="Key learnings & reflections"]+.project-detail-section{margin-bottom:2rem}@media(max-width:768px){.project-detail-screen-image{max-width:220px!important}.scaffold-detail-container .project-detail-list{padding-left:1rem}}.project-detail-screen-image{max-width:clamp(240px,30vw,300px)}.project-detail-mockup .project-detail-mockup-image{max-width:clamp(70%,70vw,760px);margin-top:clamp(2rem,4vw,4rem);margin-bottom:clamp(2rem,4vw,4rem)}.project-detail-container .project-detail-section{margin-bottom:clamp(8rem,10vw,10rem)}.project-detail-container .project-detail-section[data-section="User Research"] img{max-width:min(800px,85%)}.project-detail-container .montro-how-we-started-figma-embed{width:100%;max-width:1200px;height:auto;aspect-ratio:16 / 8;border-radius:8px}.project-detail-container .montro-key-features-images img{flex:0 1 auto;width:auto;max-width:min(340px,38vw);height:auto}.project-detail-container .montro-key-learnings-video{max-width:clamp(700px,70vw,1000px);margin:0 auto;aspect-ratio:16 / 9;display:block}.project-detail-container .project-detail-section[data-section="How we started"],.project-detail-container .project-detail-section#initial-concept{margin-bottom:5rem}.project-detail-container .project-detail-section[data-section="Promotional video"]{margin-top:6rem}.project-detail-container .project-detail-section[data-section="Brand Guidelines"] .project-detail-mockup .project-detail-mockup-image{margin-top:.5rem;margin-bottom:.5rem}.project-detail-container .project-detail-section#initial-concept .project-detail-mockup{margin-top:5rem;margin-bottom:5rem}.project-detail-container .project-detail-section#initial-concept .project-detail-mockup .project-detail-mockup-image{margin-top:.5rem;margin-bottom:4rem}@media(max-width:768px){.project-detail-screen-image{max-width:250px!important}.project-detail-container .project-detail-section[data-section="Key learnings & reflections"],.project-detail-container .project-detail-section[data-section="Promotional video"]{margin-bottom:4rem}}.project-detail-concept-image{width:30%;height:auto;margin:0 auto;padding-top:3rem;display:block}.flavour-carousel{position:relative;max-width:1100px;margin:2.5rem auto 1.5rem;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:.75rem}.flavour-carousel-viewport{position:relative;height:auto;min-height:0;overflow-x:hidden;overflow-y:visible}.flavour-carousel-item{position:absolute;inset:0;margin:0 auto;width:100%;max-width:760px;padding:0 0 1.5rem;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translate(0) scale(.9);transition:transform .42s ease,opacity .42s ease;pointer-events:none;text-align:center}.flavour-carousel-item.is-active{position:relative;inset:auto;opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:3}.flavour-carousel-item.is-prev{opacity:.3;transform:translate(-78%) scale(.92);z-index:2;pointer-events:auto}.flavour-carousel-item.is-next{opacity:.3;transform:translate(78%) scale(.92);z-index:2;pointer-events:auto}.flavour-carousel-item.is-hidden{opacity:0;transform:translate(0) scale(.9);z-index:1}.flavour-carousel-label img{width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:16px}.flavour-carousel-design{margin:1.1rem auto 0;max-width:640px}.flavour-carousel-design img{width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:18px}.flavour-carousel-cans{margin:1.6rem auto .8rem;max-width:520px}.flavour-carousel-cans img{width:100%;height:auto;max-height:420px;object-fit:contain}.flavour-carousel-title{margin:1rem 0 .75rem;font-size:1.3rem;font-weight:800;color:var(--color-primary-black)}.flavour-carousel-text{margin:0 auto;max-width:70ch;font-size:1.05rem;line-height:1.6;color:var(--color-primary-black)}.flavour-carousel-item.is-prev .flavour-carousel-title,.flavour-carousel-item.is-prev .flavour-carousel-text,.flavour-carousel-item.is-next .flavour-carousel-title,.flavour-carousel-item.is-next .flavour-carousel-text,.flavour-carousel-item.is-hidden .flavour-carousel-title,.flavour-carousel-item.is-hidden .flavour-carousel-text{opacity:0;height:0;margin:0;overflow:hidden;pointer-events:none}.flavour-carousel-arrow{width:30px;height:100px;border:none;background:#d8d8d8;border-radius:50px;cursor:pointer}.flavour-carousel-arrow:hover{transform:translateY(-1px);background:#c2c2c2}.flavour-carousel-dots{display:flex;gap:40px;justify-content:center;margin:0 auto 3rem}.flavour-carousel-dot{width:20px;height:20px;border-radius:999px;border:1px solid var(--color-variable-light-purple);background:transparent;cursor:pointer}.flavour-carousel-dot.is-active{background:var(--color-variable-light-purple)}.candesign-flavour-section,.candesign-packaging-section{margin-top:8rem}@media(max-width:768px){.candesign-flavour-section{margin-top:4rem}.candesign-packaging-section .project-detail-mockup{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.candesign-packaging-section .project-detail-mockup .project-detail-mockup-image{width:100vw!important;max-width:none!important}.project-detail-concept-image{width:50%;height:auto;margin:0 auto;padding-top:3rem;display:block}.flavour-carousel{grid-template-columns:36px 1fr 36px}.flavour-carousel-viewport{min-height:480px;height:auto;overflow:visible}.flavour-carousel-item{position:relative;opacity:1;transform:none;pointer-events:auto;max-width:520px}.flavour-carousel-arrow{background:var(--color-variable-light-purple)}.flavour-carousel-arrow:hover{background:#d7d8ff}.flavour-carousel-item.is-prev,.flavour-carousel-item.is-next,.flavour-carousel-item.is-hidden{display:none}}.project-detail-mockup-stack{flex-direction:column;align-items:center;gap:2.5rem}.project-detail-mockup-stack img{flex:none;width:100%;max-width:100%;height:auto;object-fit:contain}.magazine-pages-section,.magazine-mockups-section{margin-top:6rem}@media(max-width:1024px){.project-detail-mockup-stack{gap:2rem}}@media(max-width:768px){.magazine-pages-section,.magazine-mockups-section{margin-top:4rem}.magazine-mockups-section .project-detail-mockup-stack{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.magazine-mockups-section .project-detail-mockup-stack img{width:100vw!important;max-width:none!important}.magazine-pages-wrap{margin-top:1.5rem}.project-detail-mockup-stack{gap:1.5rem;margin:2rem auto}.project-detail-mockup-stack img{max-width:100%}}._wrap_1eeg5_1{width:100%;display:grid;gap:1rem;justify-items:center;padding:1rem 0}._toolbar_1eeg5_9{width:min(980px,100%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}._btn_1eeg5_17{justify-self:start;padding:.7rem 1rem;border-radius:999px;font-family:var(--font-family-primary);border:0;cursor:pointer}._btn_1eeg5_17:disabled{opacity:.45;cursor:not-allowed}._btn_1eeg5_17:last-child{justify-self:end}._counter_1eeg5_35{font-size:.95rem;opacity:.9}._bookFrame_1eeg5_40{width:min(990px,100%);display:flex;justify-content:center;align-items:center}._page_1eeg5_47{background:transparent;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #0000001a}._img_1eeg5_54{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}._hint_1eeg5_62{margin:0;font-size:.9rem;opacity:.7;text-align:center}@media(max-width:768px){._toolbar_1eeg5_9{grid-template-columns:1fr 1fr;grid-template-areas:"counter counter" "prev next"}._counter_1eeg5_35{grid-area:counter;text-align:center}._btn_1eeg5_17:first-child{grid-area:prev;justify-self:start}._btn_1eeg5_17:last-child{grid-area:next;justify-self:end}}.interactive-concept-strip{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:2.5rem auto;max-width:960px}.interactive-concept-solo{display:flex;justify-content:center;width:100%}.interactive-concept-solo img{width:100%;max-width:420px;height:auto;object-fit:contain}.interactive-concept-four,.interactive-concept-rest{display:grid;gap:1.25rem;justify-items:center;align-items:center;width:100%}.interactive-concept-four{grid-template-columns:repeat(4,1fr)}.interactive-concept-rest{grid-template-columns:repeat(3,1fr)}.interactive-concept-four img,.interactive-concept-rest img{width:100%;max-width:180px;height:auto;object-fit:contain}.interactive-concept-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:1.25rem;justify-items:center;align-items:center;margin:2.5rem auto;max-width:720px}.interactive-concept-grid-2x2 img{width:100%;max-width:320px;height:auto;object-fit:contain}.interactive-prototype-section{margin-top:8rem}@media(max-width:1024px){.interactive-concept-strip{max-width:100%;gap:1.5rem}.interactive-concept-four img,.interactive-concept-rest img{max-width:160px}.interactive-concept-grid-2x2{max-width:100%;gap:1rem}.interactive-concept-grid-2x2 img{max-width:240px}}@media(max-width:768px){.interactive-prototype-section{margin-top:4rem}.interactive-concept-strip{gap:1.25rem;margin:1.5rem auto}.interactive-concept-solo img{max-width:100%}.interactive-concept-four,.interactive-concept-rest{grid-template-columns:repeat(2,1fr);gap:1rem}.interactive-concept-four img,.interactive-concept-rest img{max-width:140px}.interactive-concept-grid-2x2{gap:.75rem;margin:1.5rem auto}.interactive-concept-grid-2x2 img{max-width:100%}}._wrap_qb9dw_1{width:100%;display:flex;justify-content:center}._frame_qb9dw_7{width:min(1100px,100%);height:min(80vh,900px);border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}._iframe_qb9dw_15{width:100%;height:100%;border:0;display:block}.project-detail-section:has(.poster-carousel) h2{margin-bottom:1.5rem}.project-detail-section:has(.poster-carousel){margin-top:6rem}.posters-mockups-section{margin-top:8rem}.poster-carousel{position:relative;max-width:1100px;margin:0 auto;padding:2rem 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.poster-carousel-viewport{position:relative;height:auto;min-height:0;overflow-x:hidden;overflow-y:visible;pointer-events:none}.poster-carousel-viewport .poster-carousel-item{pointer-events:none}.poster-carousel-viewport .poster-carousel-item.is-active,.poster-carousel-viewport .poster-carousel-item.is-prev,.poster-carousel-viewport .poster-carousel-item.is-next{pointer-events:auto}.poster-carousel-item{position:absolute;inset:0;margin:0 auto;width:100%;max-width:760px;padding:0 0 .5rem;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translate(0) scale(.9);transition:transform .42s ease,opacity .42s ease;pointer-events:none;text-align:center}.poster-carousel-item.is-active{position:relative;inset:auto;opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:3;max-width:640px}.poster-carousel-item.is-active .poster-carousel-image{max-width:580px}.poster-carousel-item.is-active .poster-carousel-image img{max-height:620px}.poster-carousel-item.is-prev{opacity:.3;transform:translate(-62%) scale(.92);z-index:2;pointer-events:auto;cursor:pointer}.poster-carousel-item.is-next{opacity:.3;transform:translate(62%) scale(.92);z-index:2;pointer-events:auto;cursor:pointer}.poster-carousel-item.is-hidden{opacity:0;transform:translate(0) scale(.9);z-index:1}.poster-carousel-image{margin:0 auto;max-width:520px}.poster-carousel-image img{width:100%;height:auto;max-height:540px;object-fit:contain}.poster-carousel-title{margin:1rem 0 .25rem;font-size:1.3rem;font-weight:800;color:var(--color-primary-black)}.poster-carousel-item.is-prev .poster-carousel-title,.poster-carousel-item.is-next .poster-carousel-title,.poster-carousel-item.is-hidden .poster-carousel-title{opacity:0;height:0;margin:0;overflow:hidden;pointer-events:none}.poster-carousel-arrow{width:30px;height:100px;border:none;background:#d8d8d8;border-radius:50px;cursor:pointer}.poster-carousel-arrow:hover{transform:translateY(-1px);background:#c2c2c2}.poster-carousel-dots{display:flex;gap:40px;justify-content:center;margin:1.5rem auto 3rem}.poster-carousel-dot{width:20px;height:20px;border-radius:999px;border:1px solid var(--color-variable-light-purple);background:transparent;cursor:pointer}.poster-carousel-dot.is-active{background:var(--color-variable-light-purple);border-color:var(--color-variable-light-purple)}.product-mockup-images{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:5rem;margin:2rem auto;max-width:100%}.product-mockup-images img{max-width:100%;height:auto;object-fit:contain}@media(max-width:1024px){.project-detail-section:has(.poster-carousel) h2{margin-bottom:1.25rem}.poster-carousel{padding:1.5rem 0}.poster-carousel-item.is-active{max-width:560px}.poster-carousel-item.is-active .poster-carousel-image{max-width:520px}.poster-carousel-item.is-active .poster-carousel-image img{max-height:560px}.poster-carousel-item.is-prev{transform:translate(-62%) scale(.92)}.poster-carousel-item.is-next{transform:translate(62%) scale(.92)}.poster-carousel-dots{margin:1.25rem auto 2.5rem}}@media(max-width:768px){.posters-mockups-section{margin-top:4rem}.posters-mockups-section .product-mockup-images{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;margin-bottom:0;gap:1rem}.posters-mockups-section .product-mockup-images img{width:100vw;max-width:none}.project-detail-section:has(.poster-carousel) h2{margin-bottom:1rem}.poster-carousel{padding:1rem .5rem;grid-template-columns:auto 1fr auto}.poster-carousel-viewport{min-height:420px;height:auto;overflow:visible}.poster-carousel-item{position:relative;opacity:1;transform:none;pointer-events:auto;max-width:100%}.poster-carousel-item.is-active,.poster-carousel-item.is-active .poster-carousel-image{max-width:100%}.poster-carousel-item.is-active .poster-carousel-image img{max-height:min(520px,70vh)}.poster-carousel-arrow{background:var(--color-variable-light-purple);min-width:28px;height:80px}.poster-carousel-arrow:hover{background:#d7d8ff}.poster-carousel-item.is-prev,.poster-carousel-item.is-next,.poster-carousel-item.is-hidden{display:none}.poster-carousel-dots{margin:1rem auto 2rem;gap:8px}.poster-carousel-dot{width:8px;height:8px}}:root{--nav-h: 84px}@media(max-width:1024px){:root{--nav-h: 60px}}@media(max-width:768px){:root{--nav-h: 5.5rem}}.app{min-height:100vh;background-color:var(--color-primary-white)}