/* Source components: Nothin hero; Lusion project grid; MWG vertical collection. */
body[data-page=presentation]{--bg:#f2f1f7;--ink:#131314;--muted:#717174;--line:#d8d7dd;--accent:#725c54;--display:Inter,Arial,sans-serif;background:#fff;color:#131314}
body[data-page=presentation] .site-header{height:70px;padding:16px 2.2vw;border:0;background:#fff;gap:24px}
body[data-page=presentation] .header-caption{display:none}body[data-page=presentation] .site-header>.wordmark{font-size:28px}body[data-page=presentation] .site-header nav{margin-inline-start:auto;font-size:12px;gap:28px}
body[data-page=presentation] .client-nav{min-height:54px;background:#ffffffed;padding:0 2.2vw;border-block:1px solid #eae9eb;gap:20px;backdrop-filter:blur(16px)}body[data-page=presentation] .client-nav nav a{padding:14px 0;font-size:11px}body[data-page=presentation] .nav-proposal{font-size:11px}body[data-page=presentation] .lang-select select{border-color:#ddd;color:#181818;background:transparent}
body[data-page=presentation] .services-dialog{background:#f5f4f3;color:#141414;border:1px solid #ddd}body[data-page=presentation] .services-dialog strong{font-family:Inter,Arial,sans-serif}body[data-page=presentation] .services-dialog .dialog-close{color:#111}body[data-page=presentation] .mobile-nav{background:#fff;color:#111}body[data-page=presentation] .menu-button span{background:#111}body[data-page=presentation] .page-progress{background:#111;height:2px}
.reference-main{overflow:clip}.ref-pad{padding:120px 5vw}.ref-label{font:400 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase}.ref-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;margin-bottom:50px}.ref-heading>p{font-size:12px;line-height:1.5;max-width:280px;text-transform:uppercase}.reference-main h2{font:400 clamp(42px,6.8vw,108px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.055em}.reference-main h2 sup{font:400 12px/1 Inter,Arial,sans-serif;letter-spacing:0;vertical-align:top;margin-inline-start:15px;position:relative;top:13px}.ref-button{display:inline-flex;align-items:center;gap:40px;font:400 11px/1.2 Inter,sans-serif;text-transform:uppercase;padding:16px 20px;border-radius:40px;background:#111;color:#fff;position:relative;z-index:4}.ref-button>span{font-size:19px}.ref-button.light{margin-top:65px;background:#292930}.ref-button:hover{background:#343438}
.reference-hero{position:relative;height:calc(100svh - 124px);min-height:510px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 2.2vw 24px;background:#fff;isolation:isolate;color:#080808;overflow:hidden}.reference-hero-top{position:relative;z-index:5}.reference-hero-top>p{font:400 21px/1.08 Inter,sans-serif;letter-spacing:-.045em;margin-bottom:18px}.hero-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;direction:ltr;font:900 43.3vw/.8 Inter,Arial,sans-serif;letter-spacing:-.09em;margin-inline-start:-.085em;user-select:none;pointer-events:none;white-space:nowrap;padding-bottom:10px}.hero-logo-star{font:400 18px/1 Inter,sans-serif;position:absolute;right:1.5%;top:30%;letter-spacing:0}.reference-hero-bottom{display:flex;align-items:center;justify-content:space-between;font:400 11px/1.4 Inter,sans-serif;position:relative;z-index:5}.pointer-hint{color:#747474;font-size:10px;text-transform:uppercase;letter-spacing:.045em}#liquid-hero{position:absolute;inset:0;z-index:3;pointer-events:none}#liquid-hero canvas{display:block;width:100%;height:100%;pointer-events:none}
.reference-about{background:#111;color:#f5f4f0;min-height:800px;display:flex;flex-direction:column;justify-content:center}.reference-about>.ref-label{margin-bottom:70px;color:#989898}.reference-about h2{font-size:clamp(42px,6.75vw,112px);line-height:1.12;max-width:1260px;letter-spacing:-.05em}.reveal-word{display:inline-block}.about-description{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:100px}.about-description>span{font-size:11px;color:#969696}.about-description>p{font-size:20px;line-height:1.45;max-width:550px;letter-spacing:-.02em}
.reference-work{background:#f2f1f7;padding-top:110px;padding-bottom:105px}.reference-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:90px 24px}.work-card{display:block;min-width:0;will-change:transform}.work-visual{aspect-ratio:1.54;border-radius:20px;overflow:hidden;position:relative;background:#dfdfe6;transform:translateZ(0)}.work-visual img{height:100%;width:100%;object-fit:cover;object-position:top;transition:object-position 2.5s cubic-bezier(.2,.7,.2,1),filter .5s}.work-card:nth-child(n+3) .work-visual img{object-position:top}.work-card:nth-child(n+3):hover img{object-position:bottom}.work-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.3;margin-top:18px}.work-card h3{font:400 clamp(28px,3vw,44px)/1.25 Inter,sans-serif;letter-spacing:-.04em;margin-top:8px;display:flex;align-items:center}.project-arrow{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .4s,opacity .4s,margin .4s}.work-card:hover .project-arrow,.work-card:focus-visible .project-arrow{opacity:1;max-width:55px;margin-inline-end:16px}.work-hover{position:absolute;inset:0;margin:auto;width:72px;height:72px;display:grid;place-items:center;background:#fff;border-radius:100%;font-size:30px;opacity:0;transform:scale(.7);transition:transform .4s,opacity .4s}.work-card:hover .work-hover{opacity:1;transform:scale(1)}
.reference-service{background:#e4e1dd;color:#171717}.reference-service .service-display{font-size:clamp(48px,8.1vw,132px);line-height:1.05;max-width:1200px;padding-block:15px;overflow:hidden}.service-display>span{display:block}.service-explanation{display:grid;grid-template-columns:1.05fr 1fr;gap:13vw;margin:70px 0 100px}.service-explanation>p{font-size:25px;line-height:1.4;letter-spacing:-.025em}.service-explanation>div>p{font-size:15px;line-height:1.75}.service-explanation .platform-note{border-color:#bbb;background:transparent;color:#555}.service-deliverables{display:grid;grid-template-columns:1fr 2fr;gap:50px}.service-deliverables>div>div{display:flex;gap:30px;border-top:1px solid #bebcb9;padding:24px 0}.service-deliverables>div>div>span{font-size:10px;color:#6b6967;padding-top:5px}.service-deliverables h3{font:400 27px/1.3 Inter,sans-serif;letter-spacing:-.03em}.technology-tags{margin-top:55px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.technology-tags>span{border:1px solid #b9b6b3;padding:10px 19px;border-radius:50px;font-size:12px}
.reference-editions{background:#171719;color:#f6f5f0}.edition-stage{padding:40px 5vw;position:relative;min-height:780px}.edition-top{display:flex;justify-content:space-between;font-size:11px;color:#b2b0ac}.edition-content{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:8vw;margin:55px 0}.edition-chapter{padding:40px 0 75px;max-width:570px}.edition-chapter>.ref-label{color:#a19a94;display:block;margin-bottom:30px}.edition-chapter h3{font:400 clamp(40px,5.4vw,86px)/1.05 Inter,sans-serif;letter-spacing:-.055em;margin-bottom:25px}.edition-chapter>p{font-size:15px;line-height:1.75;color:#c4c1bd;max-width:440px}.chapter-detail{display:block;margin-top:35px;font-size:10px;line-height:1.7;color:#8e8984}.edition-visual{position:relative;align-self:start;margin-top:40px;aspect-ratio:.94;border-radius:16px;overflow:hidden;background:#222}.edition-visual img{width:100%;height:100%;object-fit:cover}.edition-visual img:not(:first-child){display:none}.visual-caption{position:absolute;bottom:20px;left:22px;right:22px;font-size:8px;color:#ddd;letter-spacing:.05em;text-shadow:0 1px 9px #000}.edition-tabs{display:flex;gap:35px;max-width:850px;margin:0 auto}.edition-tab{flex:1;display:flex;gap:15px;position:relative;text-align:start;padding:18px 0;color:#858380;font-size:11px}.edition-tab i{position:absolute;bottom:0;inset-inline:0;height:1px;background:#494746}.edition-tab.is-active{color:#fff}.edition-tab.is-active i{background:#f5f4ef}.edition-pinned .edition-stage{height:calc(100svh - 54px);min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.edition-pinned .edition-content{flex:1;min-height:0;margin:30px 0;align-items:center}.edition-pinned .edition-chapter{padding:0}.edition-pinned .edition-visual{height:min(58vh,570px);aspect-ratio:auto;align-self:center;margin:0;width:100%}.edition-pinned .edition-visual img{display:block}
.reference-results{background:#f2f1f7}.reference-results h2{font-size:clamp(42px,6vw,90px)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:50px 0}.results-grid article{border-top:1px solid #c4c3c8;padding-top:30px}.results-grid strong{display:block;font:400 clamp(58px,8.3vw,134px)/1 Inter,sans-serif;letter-spacing:-.07em}.results-grid p{font-size:13px;margin-top:25px;max-width:270px}.results-source{font-size:10px;color:#717174;max-width:750px}.results-source a{border-bottom:1px solid #ccc;padding-bottom:4px}
.reference-collection{background:#fff;position:relative;padding:36px 2.2vw;color:#111}.collection-label{display:flex;justify-content:space-between;gap:25px}.collection-layout{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:40px;min-height:680px}.collection-layout>h2{font-size:clamp(28px,3.1vw,50px);letter-spacing:-.055em;text-align:start;line-height:1.05}.collection-layout>h2:last-child{text-align:end}.collection-stage{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:8px}.collection-stage:active{cursor:grabbing}.collection-card{flex-shrink:0;width:100%;margin:0;will-change:transform}.collection-card a{display:block;position:relative}.collection-card img{aspect-ratio:1.55;object-fit:cover;object-position:top;border-radius:8px;user-select:none;pointer-events:none}.collection-card span{font-size:10px;display:block;margin-top:10px;color:#757575}.collection-controls{display:flex;align-items:center;justify-content:center;gap:24px;font-size:11px;margin-top:8px}.collection-controls button{width:38px;height:38px;border-radius:50%;background:#ededed;font-size:18px;color:#222}.collection-controls button:hover{background:#d8d8d8}
.reference-team{background:#111;color:#f3f2ee}.reference-team>.ref-heading{color:#aaa}.reference-team>h2{font-size:clamp(44px,6.6vw,106px);line-height:1.08;margin-bottom:90px}.team-discipline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.team-discipline article{border-top:1px solid #4a4947;padding-top:25px}.team-discipline .ref-label{color:#93908d}.team-discipline h3{font:400 30px/1.3 Inter,sans-serif;letter-spacing:-.04em;margin:30px 0 16px}.team-discipline p{font-size:13px;line-height:1.8;color:#aaa6a1}.reference-process{display:flex;border-top:1px solid #4a4947;margin-top:100px;padding-top:30px;gap:30px}.reference-process>span{display:flex;gap:20px;align-items:center;flex:1;font-size:15px}.reference-process small{font-size:9px;color:#777}.reference-process b{font-weight:400;color:#999;margin-inline-start:auto}
.reference-faq{background:#f2f1f7;display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.reference-faq h2{font-size:clamp(42px,5vw,76px)}.reference-faq details{border-top:1px solid #c3c2c8;padding:25px 0}.reference-faq summary{display:flex;gap:18px;align-items:baseline;cursor:pointer;list-style:none;font-size:18px;letter-spacing:-.02em}.reference-faq summary::-webkit-details-marker{display:none}.reference-faq summary>span{font-size:9px;color:#777}.reference-faq summary>b{margin-inline-start:auto;font-weight:400;font-size:25px}.reference-faq details[open] summary>b{transform:rotate(45deg)}.reference-faq details>p{margin:20px 35px 0;font-size:14px;line-height:1.7;color:#666}
.reference-contact{padding-bottom:0;background:#fff}.reference-contact>h2{font-size:clamp(70px,11.7vw,180px);letter-spacing:-.065em;line-height:.98;margin:70px 0 55px}.reference-contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:120px}.reference-contact-bottom p{max-width:330px;font-size:15px}.reference-contact .pill{background:#111;color:#fff;font-size:13px;font-weight:400}.kinetic-container{overflow:hidden;margin-inline:-5vw}.kinetic-word{white-space:nowrap;font:700 22vw/.9 Inter,sans-serif;letter-spacing:-.075em;margin-inline-start:3vw;padding-top:.05em}.reference-contact .other-services-button{font-size:11px;color:#777}body[data-page=presentation] footer{border-top:0;background:#fff;padding:35px 2.2vw;color:#222}body[data-page=presentation] footer .wordmark{display:none}body[data-page=presentation] footer>span:first-of-type{color:#555}body[data-page=presentation] footer .motion-toggle{border-color:#aaa;color:#333}
[dir=rtl] .reference-main h2,[dir=rtl] .reference-main h3,[dir=rtl] .reference-main p,[dir=rtl] .reference-main .ref-label{font-family:Vazir,Arial,sans-serif;letter-spacing:0}[dir=rtl] .reference-main h2{line-height:1.5}[dir=rtl] .reference-hero-top p{font-family:Vazir,Arial,sans-serif;line-height:1.6}[dir=rtl] .hero-logo{direction:ltr;font-family:Inter,Arial,sans-serif;letter-spacing:-.09em}[dir=rtl] .edition-chapter h3{line-height:1.5}[dir=rtl] .collection-layout>h2{font-size:2.7vw}.motion-off .reveal-word{opacity:1!important}
@media(max-width:1000px){.ref-pad{padding:90px 5vw}.reference-hero{min-height:520px}.hero-logo{font-size:42vw}.ref-heading{gap:40px}.reference-work-grid{gap:65px 22px}.service-explanation{gap:7vw}.edition-content{gap:5vw}.edition-chapter h3{font-size:5.8vw}.team-discipline{grid-template-columns:repeat(2,1fr);gap:50px 35px}.collection-layout{gap:15px;grid-template-columns:1fr 1.6fr 1fr}.reference-faq{grid-template-columns:1fr;gap:50px}.reference-faq>h2{font-size:60px}}
@media(max-width:760px){body[data-page=presentation] .site-header{height:66px;padding:15px 20px;gap:20px}body[data-page=presentation] .site-header nav{display:none}body[data-page=presentation] .site-header>.wordmark{font-size:26px}body[data-page=presentation] .lang-select{margin-inline-start:auto}body[data-page=presentation] .client-nav{padding:0 16px;gap:16px;min-height:55px;flex-wrap:nowrap}body[data-page=presentation] .client-nav-label{display:none}body[data-page=presentation] .client-nav nav{flex:1}body[data-page=presentation] .client-nav nav a{font-size:10px}body[data-page=presentation] .other-services-button{font-size:10px;gap:5px}body[data-page=presentation] .nav-proposal{font-size:10px;padding-inline-start:13px;gap:8px}body[data-page=presentation] .nav-proposal>span{font-size:14px}
.ref-pad{padding:75px 20px}.reference-hero{height:calc(100svh - 121px);min-height:560px;padding:24px 20px 22px}.reference-hero-top>p{font-size:21px;max-width:290px}.reference-hero-top .ref-button{font-size:10px;padding:15px 20px;gap:25px}.hero-logo{font-size:43vw;padding:0;margin-top:20px}.hero-logo-star{right:2%;top:40%;font-size:10px}.reference-hero-bottom{font-size:9px;gap:20px;align-items:flex-end}.reference-hero-bottom>span:first-child{max-width:155px}.pointer-hint{display:none}.reference-about{min-height:680px}.reference-about>.ref-label{margin-bottom:50px}.reference-about h2{font-size:11vw;line-height:1.14}.about-description{grid-template-columns:1fr;gap:30px;margin-top:60px}.about-description>p{font-size:18px}.ref-heading{display:block;margin-bottom:40px}.ref-heading>h2{font-size:13vw}.ref-heading>p{margin-top:24px;font-size:10px;max-width:290px}.ref-heading>.ref-label+ .ref-label{display:block;margin-top:15px}.reference-work{background:#f2f1f7;padding-inline:16px}.reference-work-grid{grid-template-columns:1fr;gap:50px}.work-visual{border-radius:13px;aspect-ratio:1.54}.work-meta{margin-top:14px;font-size:9px}.work-card h3{font-size:30px}.work-hover{width:48px;height:48px;font-size:22px}.ref-button.light{margin-top:50px}.reference-service .service-display{font-size:13vw;line-height:1.08}.service-explanation{grid-template-columns:1fr;gap:30px;margin:35px 0 60px}.service-explanation>p{font-size:22px}.service-explanation>div>p{font-size:14px}.service-deliverables{grid-template-columns:1fr;gap:28px}.service-deliverables h3{font-size:23px}.service-deliverables>div>div{padding:20px 0;gap:20px}.technology-tags{justify-content:flex-start;margin-top:35px}.technology-tags>span{font-size:10px;padding:9px 13px}.edition-stage{padding:30px 20px 45px;min-height:0}.edition-content{display:flex;flex-direction:column;gap:20px;margin:30px 0}.edition-copy{width:100%}.edition-chapter{padding:25px 0 45px;border-bottom:1px solid #41403d}.edition-chapter>.ref-label{margin-bottom:25px;font-size:10px}.edition-chapter h3{font-size:12vw}.edition-chapter>p{font-size:14px;max-width:100%}.chapter-detail{font-size:10px;margin-top:25px}.edition-visual{aspect-ratio:1.4;align-self:stretch;margin:0;height:auto;width:100%}.edition-tabs{gap:15px;overflow:auto}.edition-tab{font-size:9px;gap:8px;white-space:nowrap}.results-grid{grid-template-columns:1fr;gap:35px;padding:20px 0 40px}.results-grid article{padding-top:28px}.results-grid strong{font-size:26vw}.results-grid p{font-size:13px;margin-top:18px}.results-source{font-size:9px;line-height:1.7}.reference-collection{padding:30px 16px 45px}.collection-label{font-size:9px;gap:20px}.collection-label .ref-label{font-size:8px}.collection-layout{display:flex;flex-direction:column;gap:20px;min-height:0;padding-top:50px}.collection-layout>h2,.collection-layout>h2:last-child{font-size:10vw;text-align:center}.collection-layout>h2:last-child{order:1;margin-top:-12px}.collection-layout>h2:first-child{order:0}.collection-stage{order:2;width:100%;margin-top:30px}.collection-card img{border-radius:8px}.collection-controls{margin-top:24px}.reference-team>.ref-heading{display:flex;flex-direction:column;gap:15px}.reference-team>.ref-heading>p{margin:0}.reference-team>h2{font-size:11.5vw;margin-bottom:55px}.team-discipline{grid-template-columns:1fr;gap:36px}.team-discipline h3{font-size:30px;margin:18px 0 12px}.team-discipline p{font-size:14px}.reference-process{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:60px;padding-top:30px}.reference-process>span{font-size:13px;gap:10px}.reference-faq h2{font-size:12vw}.reference-faq summary{font-size:16px;gap:13px}.reference-faq details>p{margin:20px 22px 0;font-size:13px}.reference-contact>h2{font-size:17vw;margin:40px 0}.reference-contact-bottom{flex-direction:column;align-items:flex-start;margin-bottom:80px}.reference-contact .pill{font-size:12px;padding:20px 25px}.kinetic-container{margin-inline:-20px}.kinetic-word{font-size:22vw}.reference-contact{padding-bottom:0}body[data-page=presentation] footer{padding:26px 20px;gap:22px;font-size:9px}body[data-page=presentation] footer>span:first-of-type{display:none}[dir=rtl] .collection-layout>h2,[dir=rtl] .collection-layout>h2:last-child{font-size:9vw}[dir=rtl] .reference-about h2{font-size:10vw}[dir=rtl] .reference-main h2 sup{top:0}}
@media(prefers-reduced-motion:reduce){.work-visual img,.work-hover,.project-arrow{transition:none}.work-card{will-change:auto}}

/* Match the source wordmark band proportions without overlapping the intro. */
.reference-hero{user-select:none}.hero-logo{transform:scaleY(.65);transform-origin:center}.reference-hero-top a,.reference-hero-bottom a{user-select:auto}
body[data-page=presentation] .prix-wordmark>span,body[data-page=presentation] .prix-wordmark .studio-word{font-size:29px}body[data-page=presentation] .prix-wordmark .logo-star{font-size:18px}
@media(max-width:760px){.hero-logo{transform:scaleY(.78)}body[data-page=presentation] .prix-wordmark>span,body[data-page=presentation] .prix-wordmark .studio-word{font-size:26px}}

.edition-tabs{width:100%}html:has(body[data-page=presentation]){scroll-padding-top:54px}

@media(min-width:761px){.collection-layout{min-height:calc(100svh - 196px)}}

@media(max-width:760px){body[data-page=presentation] .nav-proposal{display:flex}body[data-page=presentation] .nav-proposal>span{display:none}body[data-page=presentation] .client-nav nav{min-width:70px}}

@media(min-width:1001px){.hero-logo{font-size:46.2vw;transform:scaleY(.61)}}
@media(min-width:761px){.reference-work .ref-heading>h2{font-size:8.5vw}}