#snap-case{scroll-margin-top:90px}.snap-project{--snap-ink:#252525;--snap-muted:#62666a;color:var(--snap-ink);background:#ececec;overflow:hidden;font-family:var(--sans)}.snap-container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.snap-project figure{margin:0}.snap-project img{display:block;height:auto}.snap-project h2,.snap-project h3,.snap-project p{margin:0}.snap-project p{font-size:15px;line-height:1.9;color:var(--snap-muted)}.snap-project h2{font-weight:400;letter-spacing:-.035em;line-height:1.18}.snap-label{font-size:11px;letter-spacing:.1em;color:#65696c;display:inline-flex;align-items:center;gap:8px}.snap-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#99d8f4}.snap-opening{padding-top:140px}.snap-brand{text-align:center}.snap-brand>img{width:270px;margin:0 auto 76px}.snap-brand h2{font-size:26px;font-weight:650;letter-spacing:-.02em}.snap-brand p{font-size:17px;margin-top:7px}.snap-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:120px;align-items:center}.snap-intro-art{position:relative;min-height:500px;isolation:isolate}.snap-intro-device{position:absolute;left:-65px;top:120px;width:245px}.snap-intro-phone{position:absolute;left:115px;top:0;width:285px}.snap-ribbons{position:absolute;z-index:-1;left:-590px;top:-100px;width:890px;height:1070px;pointer-events:none}.snap-ribbons>img{position:absolute;width:100%;height:100%;object-fit:contain}.snap-intro-copy h2{font-size:38px;margin:20px 0 25px}.snap-intro-copy dl{font-size:13px;margin-top:36px;line-height:1.7}.snap-intro-copy dl>div{display:flex;gap:20px}.snap-intro-copy dt{width:66px;color:var(--snap-muted)}.snap-intro-copy dd{margin:0}.snap-principles{position:relative;padding:20px 0 90px}.snap-principles>h2{text-align:right;font-size:clamp(60px,8vw,114px);color:#d9d9d9;line-height:1.05;font-weight:650}.snap-principle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;text-align:center;margin-top:70px}.snap-principle-row i{display:block;width:7px;height:7px;border-radius:50%;background:#94d8f7;margin:0 auto 21px}.snap-principle-row h3{font-size:22px;font-weight:400}.snap-principle-row p{font-size:14px;margin-top:10px}.snap-principle-row small{font-size:12px;color:#73777a}.snap-film{padding:35px 0 110px}.snap-section-title h2{font-size:clamp(30px,3.1vw,46px);margin:20px 0 16px;max-width:900px}.snap-section-title.centered{text-align:center}.snap-section-title.centered h2{margin-inline:auto}.snap-film video{width:100%;display:block;max-height:620px;background:#171717;margin-top:32px;aspect-ratio:16/9;object-fit:contain;border-radius:3px}.snap-experience-section{background:#dedede;padding:90px 0}.snap-experience-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.snap-experience-layout>figure{width:calc(100% + 70px);max-width:800px}.snap-experience-layout>figure img{width:100%}.snap-steps{padding:0;margin:45px 0 0;list-style:none}.snap-steps li{display:flex;gap:24px;padding:0 0 27px;position:relative}.snap-steps li:before{content:'';position:absolute;left:12px;top:28px;bottom:4px;border-left:1px solid #abb4b9}.snap-steps li:last-child:before{display:none}.snap-steps li>span{font-size:11px;color:#71838b;line-height:27px;width:24px;flex-shrink:0}.snap-steps h3{font-size:23px;font-weight:400}.snap-steps p{font-size:14px;margin-top:3px}.snap-workflow{padding:115px 0 95px}.snap-workflow-labels{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:65px 0 20px;position:relative}.snap-workflow-labels:before{content:'';position:absolute;left:12.5%;right:12.5%;top:50%;border-top:1px dotted #9ca7ad}.snap-workflow-labels span{position:relative;background:#ececec;width:fit-content;justify-self:center;padding:0 12px;font-size:15px}.snap-workflow-art img{width:100%}.snap-knowledge{padding:40px 0 90px}.snap-knowledge-art{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:75px 35px 55px;isolation:isolate}.snap-knowledge-phone{min-width:0}.snap-knowledge-phone img{width:100%;border-radius:28px}.snap-knowledge-phone figcaption{margin-bottom:22px;text-align:center}.snap-knowledge-phone h3{font-size:20px;font-weight:400}.snap-knowledge-phone p{font-size:13px}.knowledge-0{padding-top:50px}.knowledge-1{padding-top:115px}.knowledge-2{padding-top:35px}.knowledge-3{padding-top:70px}.snap-knowledge-rings{position:absolute;inset:-50px 0 0;z-index:-1;pointer-events:none;display:grid;place-items:center}.snap-knowledge-rings i{position:absolute;border:1px dotted #b5bec3;border-radius:50%;width:90%;aspect-ratio:1}.snap-knowledge-rings i:nth-child(2){width:75%}.snap-knowledge-rings i:nth-child(3){width:60%}.snap-knowledge-rings i:nth-child(4){width:45%}.snap-ending{text-align:center;padding:80px 0 95px}.snap-ending-logo{width:260px;margin:0 auto 45px}.snap-device-pair{position:relative;width:560px;max-width:90%;aspect-ratio:935/1047;margin:0 auto!important}.snap-device-pair>i{position:absolute;left:0;top:21.7%;width:102.7%;aspect-ratio:1;background:#bcdef0;border-radius:50%}.snap-device{position:absolute;width:58.88%;height:79.94%;overflow:hidden;top:0;left:0}.snap-device img{position:absolute;max-width:none;width:353.53%;height:144.13%;left:0;top:-44.13%}.snap-device.black{left:41.12%;top:20.06%}.snap-device.black img{left:-106.06%;top:-30.8%}.snap-ending h2{font-size:36px;margin-top:45px}.snap-ending p{margin-top:16px}.snap-ending-mark{width:68px;margin:45px auto}.snap-back{display:inline-block;color:#454c50;font-size:13px;padding:12px;text-underline-offset:5px}.snap-back:focus-visible{outline:2px solid #356e8a;outline-offset:4px}.project-pop .project-destination{display:block;background:#ffffffed;color:#222;border-radius:20px;padding:6px 11px;margin:8px auto 0;width:fit-content;font-size:11px;letter-spacing:.01em;white-space:nowrap}.project-pop .project-destination b{font-weight:400}
@media(max-width:900px){.snap-container{width:calc(100% - 64px)}.snap-intro{gap:25px}.snap-intro-phone{width:240px;left:75px}.snap-intro-device{width:195px;left:-30px}.snap-intro-copy h2{font-size:30px}.snap-principle-row{gap:25px}.snap-knowledge-art{gap:16px;padding-inline:0}.snap-experience-layout>figure{width:100%}}
@media(max-width:600px){#snap-case{scroll-margin-top:72px}.snap-container{width:calc(100% - 40px)}.snap-opening{padding-top:90px}.snap-brand>img{width:180px;margin-bottom:40px}.snap-brand h2{font-size:22px}.snap-brand p{font-size:13px}.snap-intro{grid-template-columns:1fr;margin-top:55px;gap:20px}.snap-intro-art{min-height:400px;width:300px;margin:auto!important}.snap-intro-device{left:0;top:95px;width:170px}.snap-intro-phone{left:105px;width:215px}.snap-ribbons{left:-340px;top:-60px;width:650px;height:790px}.snap-intro-copy h2{font-size:32px}.snap-intro-copy p{font-size:14px}.snap-intro-copy dl{font-size:12px}.snap-principles{padding:60px 0}.snap-principles>h2{font-size:55px}.snap-principle-row{grid-template-columns:1fr;text-align:left;gap:27px;margin-top:35px}.snap-principle-row i{margin:0 0 12px}.snap-principle-row h3{font-size:23px}.snap-principle-row p{margin-top:4px}.snap-film{padding:20px 0 60px}.snap-experience-section{padding:55px 0}.snap-experience-layout{grid-template-columns:1fr;gap:20px}.snap-experience-layout>figure{max-width:460px;margin:auto!important}.snap-workflow{padding:65px 0}.snap-workflow-labels{margin-top:35px;font-size:11px}.snap-workflow-labels span{font-size:10px;padding:0 5px}.snap-knowledge{padding:20px 0 50px}.snap-knowledge-art{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:40px 0 0}.snap-knowledge-phone{padding-top:0}.knowledge-1,.knowledge-3{padding-top:30px}.snap-knowledge-phone img{border-radius:20px}.snap-knowledge-phone h3{font-size:18px}.snap-knowledge-phone p{font-size:12px}.snap-knowledge-rings{display:none}.snap-ending{padding:60px 0}.snap-ending-logo{width:180px}.snap-ending h2{font-size:29px}.snap-project p{font-size:14px}}
/* Review refinements: calm line motion and separately floating phone assets. */
.snap-project{position:relative;isolation:isolate}.snap-project>section{position:relative;z-index:1}.snap-ribbons{left:-40px;top:140px;width:390px;height:390px;opacity:.4}.snap-ribbons>img{width:100%;height:100%}.snap-intro-device{width:210px;left:0;top:125px}.snap-intro-phone{width:255px;left:155px;top:15px}.snap-principles{padding-top:30px}.snap-principle-row{margin-top:30px}.snap-step-dot{display:block;width:6px!important;height:6px;background:#7da7bc;border-radius:50%;margin:11px 9px 0}.snap-steps li:before{top:25px;left:12px}
.snap-workflow-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:55px;align-items:start}.snap-workflow-column{text-align:center;min-width:0}.workflow-label{font-size:15px}.workflow-connector{display:block;width:100%;height:110px;stroke:#96b2c1;stroke-width:1;stroke-dasharray:2 4;opacity:.65}.workflow-connector circle{fill:#98cce6;stroke:none}.snap-workflow-phone>img{width:100%;height:auto}.workflow-0 .workflow-connector,.workflow-3 .workflow-connector{height:185px}.workflow-1 .workflow-connector{height:130px}.workflow-2 .workflow-connector{height:70px}.snap-knowledge-rings{opacity:.65;animation:snap-rings-breathe 7s ease-in-out infinite}.snap-ending h2{position:relative;z-index:3;margin-top:0}.snap-ending p{position:relative;z-index:3}.snap-device-pair{margin-top:50px!important;isolation:isolate}.snap-device-pair>i{opacity:.35;z-index:-1}.snap-ending-mark{display:none}.snap-header-logo{position:absolute;left:50%;top:50%;width:35px;height:35px;transform:translate(-50%,-20%) scale(1.7);opacity:0;pointer-events:none;transition:opacity .35s,transform .7s cubic-bezier(.16,1,.3,1)}.snap-header-logo img{width:100%;height:100%;object-fit:contain}.snap-header-logo.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.topbar.on-light .wordmark,.topbar.on-light .monogram{color:#252525}.topbar.on-light .nav a:hover{color:#101010}
@keyframes snap-rings-breathe{0%,100%{transform:scale(.97);opacity:.4}50%{transform:scale(1.025);opacity:.7}}@keyframes snap-line-drift{from{transform:translate(-2%,-1%) rotate(-2deg)}to{transform:translate(2%,1%) rotate(2deg)}}
@media(max-width:900px){.snap-intro-phone{left:95px;width:230px}.snap-intro-device{width:175px;left:-10px}.snap-ribbons{width:320px;height:320px;left:-20px}.snap-workflow-display{gap:18px}}
@media(max-width:600px){.snap-intro-phone{left:105px;width:200px}.snap-intro-device{width:165px;left:0}.snap-ribbons{width:290px;height:290px;left:0;top:105px}.snap-workflow-display{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.workflow-connector,.workflow-0 .workflow-connector,.workflow-1 .workflow-connector,.workflow-2 .workflow-connector,.workflow-3 .workflow-connector{height:85px}.snap-device-pair{margin-top:30px!important}.snap-header-logo{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.snap-background-lines svg,.snap-knowledge-rings{animation:none}.snap-header-logo{transition:none}}
.project-pop .project-destination{position:absolute;left:52.5%;top:94%;margin:0;transform:translate(-50%,-50%) rotate(-8deg);font-size:10px;padding:5px 9px}.project-pop .in-page-arrow{width:24px;height:24px;padding:3px;background:transparent;color:#282828;top:89%;box-shadow:none}.in-page-arrow svg{display:block;width:100%;height:100%}.pop-snap .in-page-arrow{left:46%;top:88.5%;transform:translate(-50%,-50%) rotate(14deg)}.pop-lyra .in-page-arrow{left:65.5%;top:90%;transform:translate(-50%,-50%) rotate(-20deg)}.pop-brand .project-destination{transform:translate(-50%,-50%) rotate(-12deg)}.pop-fashion .project-destination{transform:translate(-50%,-50%) rotate(-22deg)}.pop-city .project-destination{transform:translate(-50%,-50%) rotate(9deg)}
.work-contours{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:1;transition:opacity .65s}.work-active .work-contours{opacity:0}.work-playground:not(.work-active) .work-lines{opacity:0}.work-lines{transition:opacity .65s}
@media(prefers-reduced-motion:reduce){.work-contours,.work-lines{transition:none}}

/* SNAP revision: clear background, complete static flow artwork. */
.snap-film{max-width:1280px;margin-inline:auto}.snap-film video{max-width:1280px;margin-inline:auto}.snap-step-dot{background:#99d8f4}.snap-flow-static{width:100%!important;max-width:800px}.snap-flow-static img{width:100%;height:auto}.snap-device-pair>i{top:12%;left:5%;width:90%}.snap-ending-mark{display:block;position:relative;z-index:2;margin:100px auto 45px}.snap-ending .snap-back{position:relative;z-index:2}
@media(max-width:600px){.snap-ending-mark{margin-top:70px}}
/* Experience Flow: wider title and a composition shifted to the right. */
@media(min-width:901px){.snap-experience-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:65px;padding-left:45px}.snap-experience-layout .snap-section-title h2{font-size:clamp(28px,2.65vw,40px);white-space:nowrap;max-width:none}.snap-experience-layout>.snap-flow-static{transform:translateX(38px)}}
@media(min-width:601px) and (max-width:900px){.snap-experience-layout{padding-left:20px;gap:32px;grid-template-columns:1fr 1fr}.snap-experience-layout .snap-section-title h2{font-size:clamp(22px,2.8vw,28px);white-space:nowrap}.snap-experience-layout>.snap-flow-static{transform:translateX(16px)}}
@media(max-width:600px){.snap-experience-layout .snap-section-title h2{font-size:clamp(22px,6vw,30px);white-space:nowrap}}
/* Match the card destination treatment and the shared idle backdrop. */
.project-pop .in-page-arrow{background:#ffffffed;border-radius:20px;width:28px;height:24px;padding:3px 5px;color:#222}
.work-playground:not(.work-active){background:#181818}
.work-playground:not(.work-active) .work-contours{opacity:.52}

/* One persistent contour surface across Hero, Experience and Work. */
.experience-work-group{position:relative;isolation:isolate;background:#181818}.shared-experience-contours{display:block;position:sticky;top:0;width:100%;height:100svh;margin-bottom:-100svh;opacity:.52;pointer-events:none;z-index:0}.experience-work-group>.hero-journey,.experience-work-group>.work-playground{position:relative;z-index:1;background:transparent}.experience-work-group .journey-stage{background:transparent}.experience-work-group .journey-stage>.retro-fission{opacity:0}.experience-work-group .hero-story:after,.experience-work-group .curious-hero:after{display:none}.experience-work-group>.work-playground:not(.work-active){background:transparent}
/* Remove the old Hero-only grain overlay from the shared background. */
.experience-work-group .hero-stage:after{display:none}

/* Restore the original grain over the unified background and Contact. */
.shared-experience-grain{position:sticky;top:0;width:100%;height:100svh;margin-bottom:-100svh;z-index:3;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.35' d='M0 0h170v170H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
#contact{background:#181818}#contact:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.35' d='M0 0h170v170H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}

/* Rebuilt from the layered PSD with exact screen perspective. */
.snap-flow-source{position:relative;aspect-ratio:3/4;width:100%;max-width:800px}.snap-flow-source .source-device,.snap-flow-source .snap-flow-shadow{position:absolute;inset:0;width:100%;height:100%}.source-device>div{width:100%;height:100%}.source-device img{width:100%;height:100%;object-fit:contain}.snap-flow-shadow{opacity:.45}.source-device-1{z-index:1}.source-device-2{z-index:2}.source-device-3{z-index:3}
@media(min-width:901px){.snap-experience-layout{padding-left:80px;gap:85px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.snap-experience-layout>.snap-flow-source{transform:translateX(45px)}}
@media(min-width:601px) and (max-width:900px){.snap-experience-layout{padding-left:30px}.snap-experience-layout>.snap-flow-source{transform:translateX(22px)}}
@media(max-width:600px){.snap-experience-layout>.snap-flow-source{width:min(100%,440px);margin-inline:auto!important}}
/* Feather the exported shadow before its canvas boundary. */
.snap-flow-source .snap-flow-shadow{mask-image:linear-gradient(to right,#000 0%,#000 62%,#0009 78%,transparent 98%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 62%,#0009 78%,transparent 98%);filter:blur(5px)}

.snap-film video{width:100%;max-width:960px;height:auto;max-height:none;aspect-ratio:auto;margin-inline:auto;object-fit:contain;position:relative;z-index:1;pointer-events:auto}