@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Roboto+Flex:opsz,wght@8..144,200..950&display=swap";@import "https://fonts.googleapis.com/css2?family=Candal&display=swap";@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Archivo+Black&family=Dokdo&family=Roboto+Condensed:wght@700;800&display=swap";:root{--color-paper:#f3f7f7;--color-ink:#070707;--color-line:#0000003d;--color-red:#dc4144;--color-blue:#489cff;--color-border-strong:#111;--font-sans:"Roboto Flex", "Helvetica Neue", Arial, sans-serif;--font-display:"Rajdhani", "Roboto Flex", Arial, sans-serif;--font-serif:"Rajdhani", "Roboto Flex", Arial, sans-serif;--case-reference-width:1920px;--case-reference-frame-height:948px;--page-max:1760px;--site-padding:clamp(18px, 3vw, 54px);--header-height:88px;--line-page:1px dashed var(--color-line);--line-strong:2px solid var(--color-border-strong);--radius-pill:999px;--radius-tool:18px;--project-card-height:480px;--project-card-height-mobile:420px;--tool-icon-size:75px;--tool-icon-inner-size:62px;--tool-icon-small-size:41px;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-caption:clamp(.75rem, .75vw, .875rem);--text-body:clamp(1rem, 1vw, 1.125rem);--text-subtitle:clamp(1.125rem, 1.25vw, 1.5rem);--text-section-title:clamp(1.75rem, 2.4vw, 3rem);--leading-tight:.95;--leading-title:1.08;--leading-body:1.5}@media (width<=767px){:root{--case-mobile-gutter:12px;--mobile-type-display:48px;--mobile-type-project-title:32px;--mobile-type-section-title:24px;--mobile-type-subheading:18px;--mobile-type-body-large:17px;--mobile-type-body:15px;--mobile-type-meta:13px;--mobile-type-caption:13px}.case-page{--mobile-type-section-title:22px;--mobile-type-body-large:var(--mobile-type-body)}.case-page:not(.xr-solutions-page){--mobile-type-section-title:20px}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-paper)}body{min-width:320px;color:var(--color-ink);font-family:var(--font-sans);background-color:var(--color-paper);text-rendering:geometricprecision;background-image:url(/assets/background-home-C9snqTQU.png);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}::selection{color:#fff;background:var(--color-red)}.portfolio-shell{min-height:100vh;padding-top:var(--header-height);position:relative;overflow:hidden}.portfolio-shell:before,.portfolio-shell:after{z-index:5;border-left:var(--line-page);content:"";pointer-events:none;width:1px;height:100vh;position:fixed;top:0}.portfolio-shell:before{left:var(--site-padding)}.portfolio-shell:after{right:var(--site-padding)}.site-header{z-index:20;min-height:var(--header-height);padding:20px var(--site-padding);border-bottom:var(--line-page);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f7f7db;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:24px;display:grid;position:fixed;top:0;left:0;right:0}.portfolio-shell--cover .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.section-band{width:min(var(--page-max), calc(100vw - (var(--site-padding) * 2)));border-bottom:var(--line-page);margin-inline:auto;position:relative}.hero-section{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:clamp(26px,5vw,92px);min-height:760px;padding:clamp(65px,8.4vw,115px) clamp(31px,6vw,115px) 84px;display:grid}.project-section{padding:0 clamp(12px,4vw,76px) clamp(58px,7vw,98px)}.contact-section{grid-template-columns:minmax(280px,585px) minmax(300px,610px);justify-content:center;align-items:center;gap:clamp(56px,9vw,150px);min-height:1050px;padding:clamp(82px,11vw,140px) clamp(28px,5vw,96px);display:grid}@media (width>=1251px) and (hover:hover) and (pointer:fine){.portfolio-shell--cover,.portfolio-shell--cover .project-section[data-project-accordion]{background-color:var(--color-paper);background-image:url(/assets/background-home-C9snqTQU.png);background-attachment:fixed}.portfolio-shell--cover{--home-unit:calc(100cqw / 1920);width:min(1920px,100%);min-height:0;margin-inline:auto;padding-top:0;container-type:inline-size}.portfolio-shell--cover>main{padding-top:calc(145 * var(--home-unit));padding-bottom:calc(71 * var(--home-unit))}.portfolio-shell--cover:before{left:calc(50% - 906 * var(--home-unit))}.portfolio-shell--cover:after{right:calc(50% - 935 * var(--home-unit))}.portfolio-shell--cover .site-header{top:calc(24.887 * var(--home-unit));left:calc(50% + 11 * var(--home-unit));width:calc(1760 * var(--home-unit));min-height:calc(55 * var(--home-unit));border:0;padding:0;right:auto;transform:translate(-50%)}.portfolio-shell--cover .site-header:after{top:calc(97.495 * var(--home-unit));left:calc(-80 * var(--home-unit));width:calc(1920 * var(--home-unit));max-width:calc(1909 * var(--home-unit));border-top:var(--line-page);content:"";pointer-events:none;position:absolute}.portfolio-shell--cover .hero-section{width:calc(1615 * var(--home-unit));height:calc(842 * var(--home-unit));min-height:0;left:calc(-6.5 * var(--home-unit));grid-template-columns:0 calc(835 * var(--home-unit)) calc(459 * var(--home-unit));border:0;grid-template-rows:minmax(0,1fr);justify-content:space-between;gap:0;padding:0}.portfolio-shell--cover .hero-copy{grid-column:2}.portfolio-shell--cover .hero-portrait{grid-column:3}.portfolio-shell--cover .project-section[data-project-accordion]{width:calc(1628 * var(--home-unit));margin-left:calc(139.5 * var(--home-unit));border-bottom:0}.portfolio-shell--cover .contact-section{width:100%;height:calc(991 * var(--home-unit));border:0;min-height:0;padding:0;display:block}.portfolio-shell--cover .contact-copy{top:calc(393 * var(--home-unit));left:calc(300 * var(--home-unit));width:calc(585 * var(--home-unit));flex-direction:column;align-items:flex-start;display:flex;position:absolute}.portfolio-shell--cover .contact-section:after,.portfolio-shell--cover>main:after{left:calc(11 * var(--home-unit));width:calc(1920 * var(--home-unit));border-top:var(--line-page);content:"";pointer-events:none;position:absolute}.portfolio-shell--cover .contact-section:after{top:calc(53 * var(--home-unit))}.portfolio-shell--cover>main:after{bottom:calc(44.045 * var(--home-unit))}}@media (width<=1050px){.site-header{grid-template-columns:1fr auto}.hero-section{grid-template-columns:minmax(0,1fr);min-height:auto}.hero-rail{display:none}.contact-section{grid-template-columns:1fr}}@media (width<=680px){:root{--site-padding:14px;--header-height:74px}.site-header{grid-template-columns:1fr;gap:10px;padding-block:14px}.brand{justify-self:start}.hero-section,.contact-section{padding-inline:18px}}@media (width<=767px){.portfolio-shell--cover .site-header{min-height:64px;padding:16px 20px;display:flex}.portfolio-shell--cover .nav-links{justify-content:flex-start;gap:24px}.portfolio-shell--cover .brand,.portfolio-shell--cover .hero-portrait,.portfolio-shell--cover .hero-rail{display:none}.portfolio-shell--cover .hero-section{min-height:0;padding:40px 20px;display:block}.portfolio-shell--cover .hero-copy{width:100%;min-width:0}.portfolio-shell--cover [data-section]{scroll-margin-top:calc(var(--header-height) + 16px)}}.nav-links{align-items:center;gap:clamp(4px,1vw,14px);display:flex}.nav-links a{color:#333;align-items:center;min-height:34px;padding:6px 12px;font-size:clamp(.78rem,1.2vw,1.5rem);font-weight:300;transition:font-weight .18s,transform .18s;display:inline-flex}.nav-links a:hover,.nav-links a.is-active{color:#111;font-weight:800;transform:translateY(-1px)}.portfolio-shell--cover .nav-links a{background:0 0;border-radius:0}.brand{text-transform:uppercase;justify-self:end;align-items:center;gap:20px;font-size:clamp(.78rem,1.1vw,1.35rem);font-weight:300;display:inline-flex}.brand-mark{place-items:center;width:48px;height:36px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%}.hero-rail{border-left:2px dotted var(--color-border-strong);align-self:stretch;min-height:420px;position:relative}.hero-rail:after{border-right:var(--line-strong);border-bottom:var(--line-strong);content:"";width:9px;height:9px;position:absolute;bottom:-8px;left:-5px;transform:rotate(45deg)}.hero-copy{z-index:2;width:100%;padding-inline:clamp(0px,1.2vw,24px);position:relative}.hero-title,.contact-title{font-family:var(--font-display);margin:0;font-size:clamp(3.3rem,6.2vw,5.05rem);font-weight:950;line-height:.95}.hero-title>.hero-title__punctuation,.contact-title span{color:var(--color-blue)}.hero-subtitle{margin:10px 0 22px;font-size:clamp(1.5rem,3.2vw,3rem);font-style:italic;font-weight:200}.hero-pills,.project-card__tags{flex-wrap:wrap;gap:8px;display:flex}.hero-pills span{border-radius:var(--radius-pill);color:#fff;background:#000;align-items:center;min-height:34px;padding:11px 30px;font-size:clamp(.8rem,1.2vw,1.5rem);font-weight:600;display:inline-flex}.hero-statement{max-width:830px;margin:22px 0 24px;font-size:clamp(1rem,1.35vw,1.38rem);font-weight:300;line-height:1.35}.meta-group{margin-top:16px}.meta-group h2{margin:0 0 4px;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.2}.meta-group p{margin:0;font-size:clamp(.95rem,1.4vw,1.38rem);font-weight:300}.tool-row{flex-wrap:wrap;gap:18px;display:flex}.tool-icon{width:var(--tool-icon-size);height:var(--tool-icon-size);border-radius:var(--radius-tool);background:0 0;place-items:center;display:grid;overflow:hidden}.tool-icon--light{background:#fff}.tool-icon--photoshop{background:#001e36}.tool-icon--rhino{background:#000}.tool-icon--illustrator{background:#300}.tool-icon--premiere{background:#00005b}.tool-icon img{width:var(--tool-icon-inner-size);height:var(--tool-icon-inner-size);object-fit:contain}.tool-icon--figma img,.tool-icon--unity img{width:var(--tool-icon-small-size);height:var(--tool-icon-small-size)}.project-grid{border:var(--line-strong);background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:relative}.project-row{display:contents}.project-row:first-child>.project-card{border-bottom:var(--line-strong)}.project-row+.project-row>.project-grid__corner,.project-section__heading,.project-card__description,.project-card__default-title,.project-card__tags--default,.project-card__default-media,.hero-portrait,.home-tools-artwork,.home-exclamation,.home-rail-image,.home-polaroid{display:none}.project-grid__corner{z-index:4;background:var(--color-border-strong);pointer-events:none;width:15px;height:15px;position:absolute}.project-grid__corner--top-left{top:-2px;left:-2px}.project-grid__corner--top-right{top:-2px;right:-2px}.project-grid__corner--bottom-left{bottom:-2px;left:-2px}.project-grid__corner--bottom-right{bottom:-2px;right:-2px}.project-card{min-height:var(--project-card-height);border-right:var(--line-strong);border-bottom:var(--line-strong);cursor:pointer;isolation:isolate;background:0 0;padding:18px 24px;transition:filter .18s;position:relative;overflow:hidden}.project-card:nth-of-type(4n){border-right:0}.project-card:nth-last-of-type(-n+4){border-bottom:0}.project-card:after{z-index:3;content:"";opacity:0;pointer-events:none;background:#0000001a;transition:opacity .16s;position:absolute;inset:0}.project-card:hover:after,.project-card:focus-visible:after{opacity:1}.project-card:hover,.project-card:focus-visible{outline:none}.project-card h3{max-width:360px;font-family:var(--font-serif);margin:0 0 10px;font-size:clamp(1.35rem,1.85vw,1.9rem);line-height:1}.project-card__tags>span{border-radius:var(--radius-pill);min-height:40px;color:var(--tag-color,#292b6c);background:#fff;align-items:center;padding:6px 16px;font-size:1.25rem;font-weight:400;display:inline-flex}.project-card--blue{--tag-color:#292b6c}.project-card--mint{--tag-color:#009a9b}.project-card--red{--tag-color:#e84b4b}.project-card--sky{--tag-color:#2d75ff}.project-card--pink{--tag-color:#bc3fa5}.project-card--green{--tag-color:#0a714f}.project-card--rose{--tag-color:#e64f98}.project-card--navy{--tag-color:#16436d}.project-image{z-index:0;object-fit:cover;object-position:center bottom;width:100%;height:70%;margin:0;display:block;position:absolute;bottom:0;left:0;right:0}.portfolio-shell--cover .project-card--rose .project-image{aspect-ratio:612/486;object-fit:contain}.project-card__copy{z-index:1;position:relative}@font-face{font-family:Cover Fraunces;src:url(/assets/fraunces-variable-BR5x10i8.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Cover Inter;src:url(/assets/inter-normal-300-Dmr5bJse.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Cover Inter;src:url(/assets/inter-normal-500-DvphOyYU.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Cover Roboto Flex;src:url(/assets/roboto-flex-variable-4D153Dti.ttf)format("truetype");font-weight:100 1000;font-display:swap}@media (width>=1251px) and (hover:hover) and (pointer:fine){.project-section[data-project-accordion]{--cover-unit:calc(100cqw / 1628);--project-expand-duration:.36s;--project-fade-duration:.22s;--project-expanded-copy-gap:calc(32 * var(--cover-unit));overflow-anchor:none;width:min(1628px,84.7917vw);margin-left:calc(50vw - min(1628px,84.7917vw)/2 - min(6.5px,.338542vw));padding:0;container-type:inline-size}.project-section[data-project-accordion]:before{display:none}.project-section__heading{align-items:center;gap:calc(36 * var(--cover-unit));height:calc(72 * var(--cover-unit));margin:calc(36 * var(--cover-unit)) 0 calc(24 * var(--cover-unit));font-family:Cover Fraunces,Georgia,serif;font-size:calc(32 * var(--cover-unit));font-variation-settings:"SOFT" 0, "WONK" 1;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:1.5;display:flex}.project-section__heading:before,.project-section__heading:after{border-top:1px dashed var(--color-line);content:"";flex:1}[data-project-accordion] .project-grid{gap:calc(24 * var(--cover-unit));margin-bottom:calc(36 * var(--cover-unit));border:0;flex-direction:column;display:flex}[data-project-accordion] .project-row{--project-track-1:1fr;--project-track-2:1fr;--project-track-3:1fr;--project-track-4:1fr;grid-template-columns:var(--project-track-1) var(--project-track-2) var(--project-track-3) var(--project-track-4);height:calc(499 * var(--cover-unit));transition:grid-template-columns var(--project-expand-duration) ease;display:grid;position:relative}[data-project-accordion] .project-row>.project-grid__corner{width:calc(15 * var(--cover-unit));height:calc(15 * var(--cover-unit));display:block}[data-project-accordion] .project-grid__corner--top-left,[data-project-accordion] .project-grid__corner--bottom-left{left:0}[data-project-accordion] .project-grid__corner--top-right,[data-project-accordion] .project-grid__corner--bottom-right{right:0}[data-project-accordion] .project-grid__corner--top-left,[data-project-accordion] .project-grid__corner--top-right{top:0}[data-project-accordion] .project-grid__corner--bottom-left,[data-project-accordion] .project-grid__corner--bottom-right{bottom:0}[data-project-accordion] .project-card{border:var(--line-strong);min-width:0;height:100%;min-height:0;transition:background-color var(--project-fade-duration) ease;border-radius:0;margin-left:-2px;padding:0}[data-project-accordion] .project-card:first-of-type{margin-left:0}[data-project-accordion] .project-card:after{content:none}[data-project-accordion] .project-card:focus-visible{outline:3px solid var(--tag-color);outline-offset:-5px}[data-project-accordion] .project-card__copy{top:calc(18 * var(--cover-unit));left:calc(24.5 * var(--cover-unit));width:calc(342 * var(--cover-unit));transition:top var(--project-expand-duration) ease, left var(--project-expand-duration) ease;position:absolute}[data-project-accordion] .project-card--red:not(.is-expanded) .project-card__copy{width:calc(375 * var(--cover-unit))}[data-project-accordion] .project-card__title-line{display:block}[data-project-accordion] .project-card h3{max-width:none;margin:0 0 calc(16 * var(--cover-unit));font-family:Cover Fraunces,Georgia,serif;font-size:calc(30 * var(--cover-unit));font-variation-settings:"SOFT" 0, "WONK" 1;font-weight:600;line-height:1}[data-project-accordion] .project-card__tags{gap:calc(6 * var(--cover-unit))}[data-project-accordion] .project-card__tags>span{min-height:calc(33 * var(--cover-unit));padding:calc(5 * var(--cover-unit)) calc(15 * var(--cover-unit));font-family:"Cover Roboto Flex", var(--font-sans);font-size:calc(20 * var(--cover-unit));font-weight:500;line-height:1.15}[data-project-accordion] .project-card--mint{--tag-color:#008e99}[data-project-accordion] .project-card--red{--tag-color:#ff5d60}[data-project-accordion] .project-card--sky{--tag-color:#006bfe}[data-project-accordion] .project-card--pink{--tag-color:#7a1fa0}[data-project-accordion] .project-card--green{--tag-color:#074c37}[data-project-accordion] .project-image{width:calc(409 * var(--cover-unit));object-fit:contain;max-width:none;height:auto;transition:opacity var(--project-fade-duration) ease;right:auto}[data-project-accordion] .project-card.is-expanded{background:0 0}[data-project-accordion] .is-expanded .project-card__copy{top:calc(101 * var(--cover-unit));left:calc(30.5 * var(--cover-unit));width:calc(746 * var(--cover-unit));align-items:center;gap:var(--project-expanded-copy-gap);text-align:center;flex-direction:column;display:flex}[data-project-accordion] .is-expanded h3{margin:0}[data-project-accordion] .is-expanded .project-card__tags{justify-content:center}[data-project-accordion] .is-expanded .project-card__title-line{display:inline}[data-project-accordion] .is-expanded .project-card__tags>span{padding-block:calc(4 * var(--cover-unit));border:1px solid #000}[data-project-accordion] .is-expanded .project-card__description{width:min(100%, calc(636 * var(--cover-unit)));font-family:"Cover Inter", var(--font-sans);font-size:calc(24 * var(--cover-unit));text-align:left;margin:0;font-weight:300;line-height:1.20833;display:block}[data-project-accordion] .is-expanded .project-image{opacity:0;visibility:hidden}[data-project-accordion]:not(.has-active-project) .project-row{width:calc(100% - 2px)}[data-project-accordion]:not(.has-active-project) .project-card{isolation:auto;width:calc(100% + 2px);margin-left:0}[data-project-accordion]:not(.has-active-project) .project-grid__corner--top-right,[data-project-accordion]:not(.has-active-project) .project-grid__corner--bottom-right{right:-2px}[data-project-accordion]:not(.has-active-project) .project-card__copy{left:calc(var(--cover-copy-x) * var(--cover-unit) - 2px);top:calc(var(--cover-copy-y) * var(--cover-unit) - 2px);width:calc(var(--cover-copy-width) * var(--cover-unit))}[data-project-accordion]:not(.has-active-project) .project-card__established-title,[data-project-accordion]:not(.has-active-project) .project-card__tags--established,[data-project-accordion]:not(.has-active-project) .project-image{display:none}[data-project-accordion]:not(.has-active-project) .project-card__default-title{display:inline}[data-project-accordion]:not(.has-active-project) .project-card__tags--default{display:flex}[data-project-accordion]:not(.has-active-project) .project-card__default-media{left:calc(var(--cover-preview-x) * var(--cover-unit) - 2px);top:calc(var(--cover-preview-y) * var(--cover-unit) - 2px);width:calc(var(--cover-preview-width) * var(--cover-unit));height:calc(var(--cover-preview-height) * var(--cover-unit));z-index:0;display:block;position:absolute;overflow:hidden}.project-card__default-media img{object-fit:contain;width:100%;height:100%}.project-card--rose .project-card__default-media>img{object-position:center top}.project-card__default-layer{left:calc(var(--layer-x) * var(--cover-unit));top:calc(var(--layer-y) * var(--cover-unit));width:calc(var(--layer-width) * var(--cover-unit));height:calc(var(--layer-height) * var(--cover-unit));display:block;position:absolute}.project-card--pink .project-card__default-media,.project-card--navy .project-card__default-media{mix-blend-mode:darken}[data-project-accordion]:not(.has-active-project) .project-card--rose .project-card__default-media{z-index:auto}}@font-face{font-family:Cover Roboto;src:url(/assets/roboto-variable-B3covOPw.ttf)format("truetype");font-weight:100 900;font-stretch:75% 100%;font-display:swap}@font-face{font-family:Cover Roboto;src:url(/assets/roboto-italic-variable-ATwWx9AS.ttf)format("truetype");font-weight:100 900;font-stretch:75% 100%;font-style:italic;font-display:swap}@font-face{font-family:Cover Seaweed Script;src:url(/assets/seaweed-script-regular-C5wEIdIV.ttf)format("truetype");font-weight:400;font-display:swap}@media (width>=1251px) and (hover:hover) and (pointer:fine){.portfolio-shell--cover .nav-links{gap:0}.portfolio-shell--cover .nav-links a{min-height:calc(34 * var(--home-unit));padding:calc(8 * var(--home-unit)) calc(15 * var(--home-unit));font-family:"Cover Roboto Flex", var(--font-sans);font-size:calc(24 * var(--home-unit))}.portfolio-shell--cover .brand{gap:calc(21 * var(--home-unit));font-family:"Cover Inter", var(--font-sans);font-size:calc(24 * var(--home-unit))}.portfolio-shell--cover .brand-mark{width:calc(69 * var(--home-unit));height:calc(55 * var(--home-unit))}.portfolio-shell--cover .hero-copy{grid-template-rows:calc(376 * var(--home-unit)) calc(69 * var(--home-unit)) calc(140 * var(--home-unit)) calc(65 * var(--home-unit));gap:calc(35 * var(--home-unit));width:calc(835 * var(--home-unit));min-width:0;padding:0;display:grid}.portfolio-shell--cover .hero-introduction{min-width:0}.portfolio-shell--cover .hero-heading{gap:calc(5 * var(--home-unit));flex-direction:column;display:flex}.portfolio-shell--cover .hero-title,.portfolio-shell--cover .contact-title{align-items:center;gap:calc(10 * var(--home-unit));font-family:"Cover Roboto", var(--font-sans);font-weight:900;display:flex}.portfolio-shell--cover .hero-title{font-size:calc(80 * var(--home-unit));line-height:calc(94 * var(--home-unit))}.portfolio-shell--cover .hero-title>.hero-title__punctuation,.portfolio-shell--cover .contact-title>span{display:none}.portfolio-shell--cover .home-exclamation{width:calc(14.57 * var(--home-unit));height:calc(57.578 * var(--home-unit));flex:none;display:block}.portfolio-shell--cover .hero-subtitle{font-family:"Cover Roboto", var(--font-sans);font-size:calc(48 * var(--home-unit));font-weight:100;font-stretch:75%;line-height:calc(56 * var(--home-unit));margin:0}.portfolio-shell--cover .hero-pills{gap:calc(15 * var(--home-unit));margin-top:calc(25 * var(--home-unit));padding-block:calc(5 * var(--home-unit))}.portfolio-shell--cover .hero-pills span{min-height:0;padding:calc(12 * var(--home-unit)) calc(32 * var(--home-unit));font-family:"Cover Inter", var(--font-sans);font-size:calc(24 * var(--home-unit));font-weight:500;line-height:calc(29 * var(--home-unit))}.portfolio-shell--cover .hero-statement{max-width:none;margin:calc(25 * var(--home-unit)) 0 0;font-family:"Cover Inter", var(--font-sans);font-size:calc(22 * var(--home-unit));line-height:calc(27 * var(--home-unit))}.portfolio-shell--cover .meta-group{font-family:"Cover Roboto Flex", var(--font-sans);margin:0}.portfolio-shell--cover .meta-group h2{margin:0 0 calc(5 * var(--home-unit));font-size:calc(24 * var(--home-unit));font-weight:700;line-height:calc(28 * var(--home-unit))}.portfolio-shell--cover .meta-group p{font-size:calc(22 * var(--home-unit));line-height:calc(26 * var(--home-unit))}.portfolio-shell--cover .meta-group:nth-child(3) h2{margin-bottom:calc(8 * var(--home-unit))}.portfolio-shell--cover .meta-group:nth-child(4) h2{margin-bottom:calc(10 * var(--home-unit))}.portfolio-shell--cover .tool-row{display:none}.portfolio-shell--cover .home-tools-artwork{align-items:start;gap:calc(14 * var(--home-unit));height:calc(104 * var(--home-unit));display:flex}.home-tools-artwork>div{width:calc(442 * var(--home-unit));overflow:hidden}.home-tools-artwork>div img{width:calc(450 * var(--home-unit));max-width:none;height:auto}.home-tools-artwork>img{width:calc(332 * var(--home-unit));height:auto}.portfolio-shell--cover .hero-rail{width:0;height:calc(842 * var(--home-unit));border:0;min-height:0;display:block;position:absolute;top:0}.portfolio-shell--cover .hero-rail--left{left:0}.portfolio-shell--cover .hero-rail--right{right:0}.portfolio-shell--cover .hero-rail:after{content:none}.portfolio-shell--cover .home-rail-image{left:calc(5.7735 * var(--home-unit));width:calc(842 * var(--home-unit));transform-origin:0 0;max-width:none;height:auto;display:block;position:absolute;transform:rotate(90deg)}.portfolio-shell--cover .hero-portrait{width:calc(459 * var(--home-unit));height:calc(848 * var(--home-unit));display:block;position:relative}.hero-portrait__photo{width:100%;height:auto}.hero-portrait__clip{top:calc(593 * var(--home-unit));left:calc(399 * var(--home-unit));width:calc(162 * var(--home-unit));max-width:none;height:auto;position:absolute;transform:rotate(90deg)}.portfolio-shell--cover .contact-title{font-size:calc(82 * var(--home-unit));line-height:calc(96 * var(--home-unit));margin:0}.portfolio-shell--cover .contact-line{font-family:"Cover Roboto", var(--font-sans);font-size:calc(28 * var(--home-unit));font-weight:200;font-stretch:75%;line-height:calc(33 * var(--home-unit));margin:0}.portfolio-shell--cover .social-bar{gap:calc(30 * var(--home-unit));padding:calc(14 * var(--home-unit)) calc(30 * var(--home-unit));height:calc(70 * var(--home-unit));margin-top:calc(30 * var(--home-unit))}.portfolio-shell--cover .social-bar a{width:calc(40 * var(--home-unit));height:calc(40 * var(--home-unit))}.portfolio-shell--cover .footer-note{margin-top:calc(30 * var(--home-unit));font-family:"Cover Roboto", var(--font-sans);font-size:calc(20 * var(--home-unit));font-weight:100;line-height:calc(23 * var(--home-unit));margin-bottom:0}.portfolio-shell--cover .photo-card{width:auto;min-height:0;box-shadow:none;background:0 0;padding:0;position:static;transform:none}.portfolio-shell--cover .personal-photo{display:none}.portfolio-shell--cover .home-polaroid{top:calc(239.596 * var(--home-unit));left:calc(969.085 * var(--home-unit));width:calc(684.408 * var(--home-unit));aspect-ratio:685/663;pointer-events:none;display:block;position:absolute}.home-polaroid .home-photo-layer{top:calc(15 * var(--home-unit));left:calc(48 * var(--home-unit));width:calc(619 * var(--home-unit));height:calc(596 * var(--home-unit));padding:calc(35 * var(--home-unit)) calc(35 * var(--home-unit)) calc(150 * var(--home-unit));box-shadow:calc(-2 * var(--home-unit)) calc(5 * var(--home-unit)) calc(20 * var(--home-unit)) #00000040;filter:blur(calc(.5 * var(--home-unit))) drop-shadow(calc(2 * var(--home-unit)) calc(4 * var(--home-unit)) calc(3 * var(--home-unit)) #00000040);transform-origin:0 0;opacity:0;transition:opacity var(--photo-duration,0s) var(--photo-easing,ease-out);background:#181717;position:absolute;transform:rotate(2.5deg)}.home-polaroid .home-photo-layer.is-active{opacity:1}.home-photo-layer img{object-fit:cover;width:100%;height:100%;position:relative}.home-photo-layer:before{content:"";opacity:.2;background:linear-gradient(90deg,#000 23%,#ffffff26 46.5%,#000 74%);position:absolute;inset:0}.home-photo-layer--exposed,.home-photo-layer--flash{mix-blend-mode:hard-light}.home-photo-layer--flash{background-color:#212121}.home-photo-layer--flash:before{opacity:.5}.home-photo-layer--flash:after{content:"";inset:calc(35 * var(--home-unit)) calc(35 * var(--home-unit)) calc(150 * var(--home-unit));background:#ffffff6b;position:absolute}.home-photo-layer--darken{mix-blend-mode:darken}.home-photo-layer--settled:before{content:none}.portfolio-shell--cover .photo-pin{top:calc(241.057 * var(--home-unit));left:calc(1513 * var(--home-unit));width:calc(94 * var(--home-unit));height:auto;right:auto}.portfolio-shell--cover .photo-card p,.portfolio-shell--cover .photo-card strong{left:calc(1027.82 * var(--home-unit));width:calc(546.942 * var(--home-unit));transform-origin:0 0;margin:0;position:absolute;transform:rotate(2.5deg)}.portfolio-shell--cover .photo-card p{top:calc(728.119 * var(--home-unit));font-family:"Cover Roboto Flex", var(--font-sans);font-size:calc(20 * var(--home-unit));line-height:calc(23 * var(--home-unit));font-weight:300}.portfolio-shell--cover .photo-card strong{top:calc(793.119 * var(--home-unit));font-family:Cover Seaweed Script,cursive;font-size:calc(24 * var(--home-unit));line-height:calc(35 * var(--home-unit))}}@media (prefers-reduced-motion:reduce){.home-polaroid .home-photo-layer{transition:none}[data-project-accordion] .project-row,[data-project-accordion] .project-card,[data-project-accordion] .project-card__copy,[data-project-accordion] .project-image{transition:none!important}}.contact-title{color:#252424}.contact-line{margin:8px 0 22px;font-size:clamp(1.1rem,1.8vw,1.75rem);font-style:italic;font-weight:200}.contact-line a{font-weight:400}.social-bar{border:1px solid var(--color-blue);background:#000;border-radius:40px;align-items:center;gap:24px;padding:15px 30px;display:inline-flex}.social-bar a{color:#fff;place-items:center;width:40px;height:40px;display:grid}.social-bar img{object-fit:contain;width:100%;height:100%}.footer-note{color:#717171;margin-top:28px;font-size:1.25rem;font-weight:200}.photo-card{color:#fff;background:#111;width:min(100%,550px);min-height:500px;padding:34px 34px 54px;position:relative;transform:rotate(2.5deg);box-shadow:-2px 5px 20px #00000040}.photo-pin{z-index:2;object-fit:contain;width:72px;height:auto;position:absolute;top:-24px;right:22px}.personal-photo{object-fit:contain;object-position:center;width:100%;height:auto;display:block}.hero-title__copy{min-width:0}[data-name-en]{white-space:nowrap}.home-photo-caption{display:contents}.portfolio-shell--cover.is-home-zh .home-photo-caption{flex-direction:column;gap:24px;margin-top:18px;display:flex}.portfolio-shell--cover.is-home-zh .home-photo-caption>*{margin:0}.portfolio-shell--cover.is-home-zh .hero-pills span,.portfolio-shell--cover.is-home-zh .project-card__copy{overflow-wrap:anywhere;min-width:0}.portfolio-shell--cover.is-home-zh .hero-pills span{white-space:normal;text-align:center;max-width:100%}@media (width>=1251px) and (hover:hover) and (pointer:fine){.portfolio-shell--cover.is-home-zh .hero-section{height:auto;min-height:calc(842 * var(--home-unit));grid-template-rows:auto}.portfolio-shell--cover.is-home-zh .hero-copy{padding-block:calc(43.5 * var(--home-unit));flex-direction:column;align-self:start;display:flex}.portfolio-shell--cover.is-home-zh .hero-pills{flex-wrap:wrap}.portfolio-shell--cover.is-home-zh .project-card.is-expanded .project-card__copy{max-height:calc(100% - 125 * var(--cover-unit));overflow-y:auto}.portfolio-shell--cover.is-home-zh .home-photo-caption{top:calc(728.119 * var(--home-unit));left:calc(1027.82 * var(--home-unit));gap:calc(42 * var(--home-unit));width:calc(546.942 * var(--home-unit));transform-origin:0 0;flex-direction:column;margin-top:0;display:flex;position:absolute;transform:rotate(2.5deg)}.portfolio-shell--cover.is-home-zh .home-photo-caption>*{width:100%;position:static;transform:none}}.photo-card p,.photo-card strong{margin:18px 0 0;font-size:1rem;font-weight:300;display:block}.photo-card strong{text-align:right;font-family:Segoe Script,Brush Script MT,cursive;font-weight:400}@media (width<=1250px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-of-type(4n){border-right:var(--line-strong)}.project-card:nth-of-type(2n){border-right:0}.project-card:nth-last-of-type(-n+4){border-bottom:var(--line-strong)}.project-card:nth-last-of-type(-n+2){border-bottom:0}}@media (width>=1000px){.hero-pills{flex-wrap:nowrap}.hero-pills span{white-space:nowrap}}@media (width<=680px){.nav-links{justify-content:space-between}.nav-links a{padding-inline:8px}.brand{gap:12px}.brand-mark{width:44px;height:32px}.hero-pills span{min-height:30px;padding:8px 17px}.project-grid{grid-template-columns:1fr}.project-card{min-height:var(--project-card-height-mobile);border-right:0;border-bottom:var(--line-strong)}.project-card:nth-last-of-type(-n+2){border-bottom:var(--line-strong)}.project-card:last-of-type{border-bottom:0}.project-card__tags>span{min-height:32px;padding:5px 10px;font-size:.95rem}.photo-card{min-height:430px;padding:24px 24px 46px}.personal-photo{height:auto}}main{position:relative}:is(html:has(.case-page),body:has(.case-page)){--case-nav-top:40px;--case-nav-height:88px;--case-frame-gap:64px;--case-topbar-frame-gap:calc(var(--case-frame-gap) / 2);--case-frame-half-gap:calc(var(--case-frame-gap) / 2);--case-frame-offset:calc(var(--case-nav-top) + var(--case-topbar-frame-gap));--case-scroll-offset:calc(var(--case-nav-height) + var(--case-frame-offset));scroll-padding-top:var(--case-scroll-offset);scroll-snap-type:y proximity}[data-section]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}[data-section].is-visible{opacity:1;transform:translateY(0)}.case-frame[data-section],.case-frame[data-section].is-visible{transform:scale(var(--case-frame-scale))}.project-section:before{content:"";height:clamp(24px,4vw,60px);display:block}.contact-section:before{content:none}.case-page{--case-frame-source-width:1920px;--case-frame-source-height:948px;--case-frame-radius:28px;--case-frame-border-width:1px;--case-end-scroll-room:calc(var(--case-scroll-offset) + var(--case-frame-gap));--case-frame-border-color:#d8dde2;--case-frame-background:transparent;--case-frame-inset:80px;--case-section-title-x:83px;--case-section-title-y:74.5px;--case-hero-number-x:79px;--case-hero-number-y:47px;--project-number-font:var(--font-sans);--project-title-font:var(--project-decor-font,"Roboto Flex", Arial, sans-serif);--project-body-font:var(--font-sans);--project-number-color:#292b6c;--project-title-color:#30ae7e;--project-subtitle-color:#282b6c;gap:var(--case-frame-gap);width:100%;padding-block:var(--case-scroll-offset) var(--case-end-scroll-room);color:#333;font-family:var(--font-sans);margin-inline:auto;display:grid}.portfolio-shell:has(.case-page){padding-top:0;overflow:visible}.portfolio-shell:has(.case-page):before{display:none}.portfolio-shell:has(.case-page):after{display:none}.case-inner{width:100%;height:100%;padding-inline:clamp(24px, 3.2vw, var(--case-frame-inset));margin:0;position:relative}.case-frame-slot{--case-frame-scale:1;--case-frame-base-width:var(--case-frame-source-width);--case-frame-base-height:var(--case-frame-source-height);--case-frame-display-height:calc(var(--case-frame-source-height) * var(--case-frame-scale));width:calc(var(--case-frame-base-width) * var(--case-frame-scale));height:var(--case-frame-display-height);justify-content:center;align-items:flex-start;margin-inline:auto;display:flex;position:relative;overflow:visible}.case-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);border:var(--case-frame-border-width) solid var(--case-frame-border-color);border-radius:var(--case-frame-radius);background:var(--case-frame-background);transform:scale(var(--case-frame-scale));transform-origin:top;scroll-margin-top:var(--case-scroll-offset,calc(var(--case-nav-height,88px) + var(--case-frame-offset,24px)));scroll-snap-align:start;margin-inline:auto;position:relative;overflow:hidden}.case-frame+.case-frame{margin-top:0}@media (width<=767px){.case-page{gap:24px;width:100%;min-width:0;max-width:100%;padding-block:0}.case-frame-slot,.case-frame{width:100%;min-width:0;max-width:100%;height:auto;min-height:0;margin-inline:0;position:relative;overflow:visible;transform:none!important}.case-frame-slot{display:block}}.case-page .section-band{border:var(--case-frame-border-width) solid var(--case-frame-border-color)}.project-case-header{top:var(--case-nav-top,40px);z-index:30;width:min(1360px, calc(100vw - (var(--site-padding) * 2)));min-height:var(--case-nav-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:50px;justify-content:space-between;align-items:center;gap:20px;padding:14px 32px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #292b6c1a}.project-case-back,.project-case-meta a{color:#333;flex:none;place-items:center;width:32px;height:32px;font-size:1.35rem;line-height:1;display:grid}.project-case-back img,.project-case-home img,.project-case-meta a img{object-fit:contain;width:32px;height:32px}.project-case-home img{width:25.6px;height:25.6px}.project-case-back img{transform:rotate(180deg)}.project-case-nav{align-items:center;gap:clamp(12px,1.7vw,32px);margin-right:auto;display:flex;overflow:visible}.project-case-nav a{color:#333;font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-light);flex:none}.project-case-nav a:hover,.project-case-nav a.is-active{font-weight:var(--weight-bold)}.project-nav-no-translate{white-space:nowrap}.project-case-brand{color:#333;font-size:clamp(.85rem,1vw,1.25rem);font-weight:var(--weight-light);text-align:right;text-transform:uppercase;flex:none;align-items:center;gap:18px;display:inline-flex}.project-case-brand img{object-fit:contain;width:59px;height:56px}.project-case-meta{color:#333;font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-regular);text-align:right;flex:none;align-items:center;gap:18px;line-height:1.12;display:flex}.project-case-role{display:inline-block}.project-case-role__trigger{cursor:help;outline:none}.project-case-tooltip{z-index:40;color:#fff;width:min(520px,100vw - 48px);font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-regular);text-align:left;opacity:0;pointer-events:none;background:#000000eb;border-radius:4px;padding:12px 16px;line-height:1.35;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 12px);right:32px;transform:translateY(-4px);box-shadow:0 3px 5px #0003,0 1px 18px #0000001f,0 6px 10px #00000024}.project-case-role:hover .project-case-tooltip,.project-case-role:focus-within .project-case-tooltip{opacity:1;transform:translateY(0)}.project-case-meta img{object-fit:contain;width:42px;height:42px}.project-case-meta img:last-of-type{width:49px}.project-case-meta .project-case-logo{flex:none;width:49px;height:42px;display:inline-block;position:relative}.project-case-meta:has(>.project-case-logo)>img:last-of-type{width:42px}.project-case-meta .project-case-logo>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.project-case-logo .project-case-logo__hover{opacity:0;transition:opacity .3s ease-out}.project-case-logo:is(:hover,:focus) .project-case-logo__hover{opacity:1}.project-case-logo:focus-visible{outline-offset:3px;outline:2px solid #333}@media (prefers-reduced-motion:reduce){.project-case-logo .project-case-logo__hover{transition:none!important}}@media (width<=767px){:is(html:has(.case-page),body:has(.case-page)){--case-nav-top:16px;--case-nav-height:52px;--case-frame-offset:36px;--case-scroll-offset:104px;scroll-snap-type:none;scroll-padding-top:88px}.portfolio-shell>.case-page{padding:104px var(--case-mobile-gutter) 40px;gap:32px}.case-frame{scroll-snap-align:none;scroll-margin-top:0}.case-frame :where(section,article,div,figure){min-width:0}.case-frame :where(h1,h2,h3,h4,p,li,figcaption){overflow-wrap:anywhere}.portfolio-shell .project-compact-nav{top:16px;right:var(--case-mobile-gutter);left:var(--case-mobile-gutter);z-index:100;gap:16px;width:auto;display:flex;transform:none}.portfolio-shell .project-menu{flex:none;width:52px;height:52px}.portfolio-shell .project-menu__trigger,.portfolio-shell .project-mobile-nav__button{width:36px;height:36px}.portfolio-shell .project-menu__trigger img,.portfolio-shell .project-mobile-nav__button img{width:28px;height:28px}.portfolio-shell .project-mobile-nav__button--home img{width:23px;height:23px}.portfolio-shell .project-mobile-nav{gap:16px;min-width:116px;min-height:52px;padding:8px 14px}.portfolio-shell .project-menu__panel{width:min(320px, calc(100vw - var(--case-mobile-gutter) * 2));max-height:calc(100dvh - 92px);top:calc(100% + 8px);left:0;overflow-y:auto}.case-mobile-body,.case-mobile-stack{gap:20px;min-width:0;display:grid}.case-mobile-body{gap:32px}.case-mobile-diagram{width:100%;position:relative;overflow:hidden}.case-page .case-mobile-bullets{margin:0;padding-left:1.35em;list-style:outside}.case-mobile-bullets li+li{margin-top:8px}.case-page .case-frame .case-mobile-viewer{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;max-width:100%;padding:0;display:block;overflow:auto hidden;width:100%!important;height:540px!important;position:relative!important}.case-mobile-viewer::-webkit-scrollbar{display:none}.case-page .case-frame .case-mobile-viewer>img{object-fit:contain;display:block;width:auto!important;max-width:none!important;height:100%!important}.case-mobile-viewer:focus-visible{outline-offset:3px;outline:2px solid}.case-mobile-diagram>*{left:var(--mobile-diagram-x)!important;top:var(--mobile-diagram-y)!important;width:var(--mobile-diagram-w)!important;height:var(--mobile-diagram-h)!important;min-height:0!important;position:absolute!important}.case-page .case-inner,.portfolio-shell .case-page:not(.internal-system-page) .case-frame,.portfolio-shell .internal-system-page :is(.project-intro-inner,.workflow-frame,.design-strategy-frame,.staff-design-frame,.double-height-frame,.frame6-frame){padding-inline:var(--case-mobile-gutter)}.portfolio-shell .case-page :is(.project-intro-heading,.hinotes-hero-title,.xr-hero-title,.listenary-title-block,.fy-hero-title,.village-a1__brand),.portfolio-shell .case-page :is(.project-intro-heading,.hinotes-hero-title,.xr-hero-title,.listenary-title-block,.fy-hero-title)>div{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.portfolio-shell .case-page :is(.project-intro-heading,.hinotes-hero-title,.xr-hero-title,.listenary-title-block,.fy-hero-title,.village-a1__brand) :is(h1,p){margin:0}.portfolio-shell .case-page .case-mobile-body>.case-mobile-stack:first-child{gap:12px}}.project-compact-nav{top:var(--case-nav-top,40px);z-index:31;width:min(1360px, calc(100vw - (var(--site-padding) * 2)));pointer-events:none;justify-content:space-between;align-items:center;gap:0;display:none;position:fixed;left:50%;transform:translate(-50%)}.project-mobile-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#fffffff0;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;min-width:229px;min-height:91px;padding:16px 32px;display:flex;box-shadow:0 18px 45px #292b6c24}.project-mobile-nav__button,.project-menu__trigger{color:#222;cursor:pointer;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.project-mobile-nav__button img{object-fit:contain;width:40px;height:40px}.project-mobile-nav__button--home img{width:28px;height:28px}.project-mobile-nav__button--prev img{transform:rotate(180deg)}.project-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#fffffff0;border-radius:50%;place-items:center;width:91px;height:91px;display:grid;position:relative;box-shadow:0 18px 45px #292b6c24}.project-menu__trigger img{object-fit:contain;width:40px;height:40px}.project-menu__panel{z-index:32;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:20px;gap:10px;width:min(320px,100vw - 32px);padding:18px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 18px);left:0;transform:translateY(-6px);box-shadow:0 18px 45px #292b6c29}.project-menu__home,.project-menu__link{color:#333;font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-regular);align-items:center;gap:12px;line-height:2;display:flex}.project-menu__link--current{font-weight:var(--weight-bold)}.project-menu__home img{object-fit:contain;width:22px;height:22px}.project-menu__divider{background:#00000029;height:1px;margin-block:4px;display:block}.is-project-menu-open .project-menu__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.case-hero{padding-block:clamp(62px,8vw,118px) clamp(38px,5vw,72px)}.case-title{align-items:flex-end;gap:28px;display:flex}.case-title__number{color:#292b6c;font-family:var(--font-sans);flex:none;font-size:clamp(5rem,6.7vw,8rem);font-weight:600;line-height:.8}.case-title__text{gap:0;min-width:0;display:grid}.case-title__heading{color:#30ae7e;font-family:var(--project-decor-font,"Roboto Flex", Arial, sans-serif);margin:0;font-size:clamp(2.5rem,3.35vw,4rem);font-weight:700;line-height:1}.case-title__subtitle{color:#4b1919;font-family:var(--font-sans);margin:0;font-size:1.5rem;font-weight:400;line-height:1.2}.case-section{padding-block:clamp(54px,7vw,98px)}.case-intro-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:32px 58px;display:grid}.case-heading{gap:8px;max-width:980px;margin-bottom:32px;display:grid}.case-heading span{color:#292b6c;font-size:.95rem;font-weight:var(--weight-medium);text-transform:uppercase;margin-bottom:8px;display:block}.case-section-title,.case-copy h2,.case-heading h2{color:#333;font-family:var(--font-serif);margin:0;font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.05}.case-two-column{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start;gap:clamp(24px,4vw,62px);display:grid}.case-text{color:#333;font-family:var(--font-sans);font-size:max(1.5rem,clamp(1rem,1.35vw,1.38rem));font-weight:var(--weight-light);margin:0;line-height:1.48}.case-copy p,.case-note li,.case-note p{color:#333;font-size:max(1.5rem,clamp(1rem,1.35vw,1.38rem));font-weight:var(--weight-light);line-height:1.48}.case-note,.design-token-panel,.case-block,.project-meta-card{background:#ffffffc7;border-radius:20px;padding:20px}.case-note h3,.design-token-panel h3{font-family:var(--font-serif);margin:0 0 14px;font-size:clamp(1.4rem,2vw,2.2rem)}.case-note ol,.case-note ul{margin:0;padding-left:1.2em}.case-image{margin:0;overflow:hidden}.case-image img,.case-video{width:100%;display:block}.case-video{max-width:100%}.case-wide-image{border:var(--line-strong);border-radius:10px;grid-column:1/-1}.case-wide-image img,.solution-screen img{object-fit:cover;width:100%;height:100%}.case-tags,.project-meta-grid,.interface-grid{gap:14px;display:grid}.project-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-tags{grid-template-columns:repeat(4,max-content);margin-top:24px}.case-tags span{border-radius:var(--radius-pill);color:#292b6c;background:#fff;padding:8px 16px;font-size:1rem}.flow-board,.solution-screen,.ui-placeholder{background:#ffffffc2;border:2px solid #292b6c;border-radius:10px;min-height:360px}.flow-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;display:grid}.flow-board span{background:linear-gradient(#fff,#292b6c14);border:1px solid #292b6c33;border-radius:8px}.solution-screen{border-color:#111;min-height:520px;padding:0;overflow:hidden;box-shadow:0 20px 40px #292b6c21}.module-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-map span{min-height:96px;font-weight:var(--weight-medium);background:#ffffffc7;border:1px solid #292b6c4d;border-radius:16px;place-items:center;display:grid}.color-dots{gap:10px;margin-top:20px;display:flex}.color-dots span{border-radius:50%;width:28px;height:28px}.interface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.interface-shot{margin:0}.ui-placeholder{grid-template-rows:.25fr 1fr;grid-template-columns:.35fr 1fr;gap:12px;min-height:320px;padding:16px;display:grid}.ui-placeholder span{background:#292b6c14;border-radius:10px}.ui-placeholder span:first-child{background:#30ae7e2e;grid-row:1/-1}.interface-shot figcaption{color:#333;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;display:flex}.interface-shot strong{font-family:var(--font-serif);font-size:1.35rem}.interface-shot span{font-weight:var(--weight-light);text-align:right}@media (width<=1180px){.project-case-header{display:none}.project-compact-nav{display:flex}}@media (width<=900px){.case-title,.case-hero__copy,.case-intro-grid,.case-two-column,.interface-grid{grid-template-columns:1fr}.case-title{align-items:flex-start}.case-tags,.module-map{grid-template-columns:repeat(2,minmax(0,1fr))}.project-compact-nav{top:var(--case-nav-top,40px)}}@media (width<=560px){.project-compact-nav{gap:18px;width:calc(100vw - 32px)}.project-menu{width:82px;height:82px}.project-mobile-nav{gap:18px;min-width:min(229px,100vw - 32px);min-height:82px;padding:16px 24px}.case-title{flex-direction:column;gap:16px}.case-title__subtitle{margin-top:0}.case-tags,.module-map{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.internal-system-page{--project-decor-font:"Rajdhani", "Roboto Flex", Arial, sans-serif;--project-number-font:"Roboto Flex", Arial, sans-serif;--project-title-font:"Rajdhani", "Roboto Flex", Arial, sans-serif;--project-body-font:"Roboto Flex", Arial, sans-serif;--project-section-title-font:"Archivo", "Rajdhani", Arial, sans-serif;--project-number-color:#262368;--project-title-color:#65ba8c;--project-subtitle-color:#282b6c;--case-frame-border-color:#d8dde2;--case-frame-background:transparent;background-color:#f3f5f6;background-image:linear-gradient(#f8f9faeb 0%,#f1f4f5f5 100%),radial-gradient(circle at 18% 12%,#4e66bd1f,#0000 22%),radial-gradient(circle at 82% 10%,#30ae7e1f,#0000 18%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:relative}.internal-system-page:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#ffffff1f),repeating-linear-gradient(90deg,#495c6f06,#495c6f06 1px,#0000 1px 6px);position:absolute;inset:0}.internal-system-page>*{z-index:1;position:relative}.project-intro-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);border:var(--case-frame-border-width) solid var(--case-frame-border-color,#11111124);border-radius:var(--case-frame-radius);background:var(--case-frame-background);max-width:none;transform:scale(var(--case-frame-scale,1));transform-origin:top;margin-inline:auto;position:relative;overflow:hidden}.internal-system-intro .project-intro-inner{width:100%;height:100%;padding:0;position:relative}.internal-system-intro .project-intro-heading{left:var(--case-hero-number-x);top:var(--case-hero-number-y);z-index:1;align-items:flex-end;gap:18px;width:max-content;max-width:none;height:103px;display:flex;position:absolute}.internal-system-intro .project-intro-heading .case-title__text{flex-direction:column;justify-content:flex-end;gap:0;width:auto;max-width:none;height:103px;display:flex;position:relative}.internal-system-intro .case-title__number{width:122px;height:92px;color:var(--project-number-color);font-family:var(--project-number-font);letter-spacing:-.06em;font-size:128px;font-weight:600;line-height:.8;display:inline-flex}.internal-system-intro .case-title__heading{width:max-content;max-width:none;color:var(--project-title-color);font-family:var(--project-title-font);white-space:nowrap;margin:0;font-size:64px;font-weight:700;line-height:1}.internal-system-intro .case-title__subtitle{color:var(--project-subtitle-color);font-family:var(--project-title-font);margin:0;font-size:24px;font-weight:500;line-height:1.15}.internal-system-intro .project-intro-main{z-index:1;width:var(--case-frame-source-width);height:var(--case-frame-source-height);position:absolute;top:0;left:0}.internal-system-intro .project-intro-copy{width:1104px;height:698px;display:block;position:absolute;top:189px;left:81px}.internal-system-intro .case-copy{gap:15px;display:grid}.internal-system-intro .project-intro-copy .case-copy{width:1104px;position:absolute;left:0}.internal-system-intro .project-intro-copy .case-copy:first-child{top:0}.internal-system-intro .project-intro-copy .case-copy:nth-of-type(2){top:130px}.internal-system-intro .project-intro-copy .case-section-title{margin-left:0}.internal-system-intro .case-section-title{color:#333;font-family:var(--project-section-title-font);margin:0;font-size:30px;font-weight:600;line-height:1.1}.internal-system-intro .case-copy .case-section-title,.internal-system-intro .origin-system-panel .case-section-title{font-size:30px}.internal-system-intro .case-text{color:#333;max-width:1040px;margin:0;font-size:22px;font-weight:300;line-height:1.4}.internal-system-intro .case-copy strong{font-weight:600}.internal-system-intro .project-intro-problem-text em{font-style:italic;font-weight:500}.internal-system-intro .project-intro-problem-bullet{margin-left:1.5em;display:list-item}.internal-system-intro .case-image{margin:0}.internal-system-intro .project-intro-current-system{width:1104px;height:394px;margin-top:0;position:absolute;top:304px;left:0;overflow:visible}.internal-system-intro .project-intro-current-system img{object-fit:fill;border-radius:10px;width:1104px;max-width:100%;height:330px;display:block}.internal-system-intro .project-intro-nda-caption{color:#333;width:859px;height:32px;font-family:var(--project-body-font);align-items:center;gap:14px;margin:0;font-size:20px;font-style:italic;font-weight:500;line-height:1.2;display:flex;position:absolute;top:362px;left:1px}.internal-system-intro .project-intro-nda-caption:before{content:"";background:#333;border-radius:20px;flex:none;width:1px;height:32px;display:block}.internal-system-intro .project-intro-origin{width:675px;height:718.53px;position:absolute;top:189px;left:1243px}.internal-system-intro .project-intro-origin .case-section-title{margin:0;position:absolute;top:0;left:0}.internal-system-intro .project-intro-origin .case-image{width:675px;height:585px;margin:0;position:absolute;top:48px;left:0}.internal-system-intro .project-intro-origin img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.internal-system-intro .project-intro-origin figcaption{color:#333;max-width:546px;margin:18px 0 0;font-size:24px;font-weight:400;line-height:1.35}.internal-system-intro .project-intro-origin .case-image figcaption{margin-top:12px;display:none}.internal-system-intro .project-intro-origin>figcaption{margin-top:0;display:block}.internal-system-intro .project-intro-origin .case-section-title,.internal-system-intro .project-intro-origin .case-image,.internal-system-intro .project-intro-origin figcaption{position:relative}.internal-system-intro .project-intro-origin .case-section-title,.internal-system-intro .project-intro-origin .case-image{position:absolute}.internal-system-intro .project-intro-origin .case-image figcaption{width:546px;max-width:none;height:70.53px;margin:0;font-size:24px;line-height:1.2;display:block;position:absolute;top:600px;left:112px}.internal-system-intro .internal-system-flow{width:1104px;overflow:visible}.internal-system-intro .internal-system-flow img{width:1104px;max-width:none;height:330px}.internal-system-intro .origin-system-panel{min-width:0;display:block}.internal-system-intro .origin-system-panel .case-image{margin-right:0}.internal-system-intro .origin-system-panel img{object-fit:cover;width:675px;max-width:none;height:585px;margin-left:0}.internal-system-intro .origin-system-panel figcaption{color:#333;width:546px;max-width:none;height:70.53px;font-size:24px;font-weight:var(--weight-regular);margin:0;line-height:1.2;position:absolute;top:600px;left:112px}@media (width>=1500px){.project-intro-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);max-width:none;overflow:hidden}}@media (width<=1099px){.project-intro-frame{border-radius:24px;width:calc(100vw - 48px);height:auto;min-height:0;overflow:visible}.project-intro-inner{padding:24px 18px}.project-intro-heading,.project-intro-main,.project-intro-copy,.project-intro-origin{display:block;position:static}.project-intro-main,.internal-overview-grid{grid-template-columns:1fr;gap:24px;margin-top:24px;display:grid}.internal-system-intro .case-title{gap:0;display:block}.internal-system-intro .case-title__number{margin-bottom:12px;display:block}.internal-system-intro .internal-system-flow img,.internal-system-intro .origin-system-panel img{width:100%;max-width:100%;margin-left:0}.internal-system-intro .origin-system-panel figcaption{max-width:none;margin-left:0}}.workflow-section{min-height:var(--case-frame-source-height);padding-block:0;position:relative;overflow:hidden}.workflow-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);position:relative}.workflow-frame__title{color:#333;letter-spacing:0;width:502px;height:33px;margin:0;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:700;line-height:1;position:absolute;top:77px;left:82px}.workflow-frame__subtitle{color:#333;margin:0;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.2;position:absolute}.workflow-frame__subtitle--left{width:255px;height:28px;top:157px;left:82px}.workflow-frame__subtitle--middle{text-align:right;width:295px;height:28px;top:157px;right:603px}.workflow-frame__visual{border-radius:0;width:865px;height:696px;margin:0;position:absolute;top:201px;left:82px;overflow:hidden}.workflow-frame__visual img{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;display:block}.workflow-frame__actions{width:var(--case-frame-source-width);height:var(--case-frame-source-height);margin:0;padding:0;list-style:none;position:absolute;top:0;left:0}.workflow-frame__action{color:#333;text-align:right;white-space:nowrap;margin:0;font-family:Roboto Flex,Rajdhani,Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.2;display:block;position:absolute}.workflow-frame__action--order{width:236px;height:26px;top:205px;right:603px}.workflow-frame__action--suppliers{width:273px;height:26px;top:300px;right:603px}.workflow-frame__action--quotations{width:342px;height:26px;top:492px;right:603px}.workflow-frame__action--assemble{width:250px;height:26px;top:575px;right:603px}.workflow-frame__action--compare{width:428px;height:26px;top:722px;right:603px}.workflow-frame__insights{gap:48px;width:379px;display:grid;position:absolute;top:159px;left:1434px}.workflow-frame__insight-block{width:379px}.workflow-frame__insight-block--why{height:152px}.workflow-frame__insight-block--key{height:157px}.workflow-frame__insight-block h3{color:#333;height:33px;margin:0 0 12px;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:700;line-height:1}.workflow-frame__insight-block p{color:#333;margin:0;font-family:Roboto Flex,Rajdhani,Arial,sans-serif;font-size:22px;font-weight:400;line-height:1.2}.design-strategy-section{background:#f6f7f8b3;padding-block:0}.design-strategy-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);position:relative}.design-strategy-header{left:var(--case-section-title-x);top:var(--case-section-title-y);align-items:flex-end;gap:16px;width:max-content;height:auto;display:inline-flex;position:absolute}.design-strategy-header h2{color:#333;white-space:nowrap;flex:none;width:auto;margin:0;font-family:Archivo,Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.design-strategy-header p{color:#292b6c;white-space:nowrap;flex:none;width:auto;margin:0 0 2px;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:500;line-height:1.18}.design-strategy-cards{grid-template-columns:repeat(3,544px);gap:48px;width:1728px;height:624px;display:grid;position:absolute;top:178px;left:95px}.design-strategy-card{background:#fff;border:2px solid #fff;border-radius:32px;width:544px;height:624px;margin:0;padding:32px;position:relative;overflow:hidden}.design-strategy-card h3{color:#30ae7e;width:480px;height:30px;margin:0;font-family:Roboto Flex,Rajdhani,Arial,sans-serif;font-size:26px;font-style:italic;font-weight:700;line-height:1.15}.design-strategy-card__media{background:#ebeef18c;border:6px solid #fff;border-radius:16px;width:480px;height:336px;margin:16px 0 0;display:block;position:relative;overflow:hidden}.design-strategy-card__media:after{z-index:1;content:"";opacity:1;pointer-events:none;background:#0000001a;transition:opacity .16s;position:absolute;inset:0}.design-strategy-card:hover .design-strategy-card__media:after,.design-strategy-card:focus-within .design-strategy-card__media:after{opacity:0}.design-strategy-card__media img{object-fit:contain;width:100%;height:100%;display:block}.design-strategy-card__copy{color:#333;gap:16px;width:480px;height:146px;margin:26px 0 0;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-weight:300;line-height:1.2;display:grid}.design-strategy-card__copy strong{font-weight:700}.design-strategy-footer{justify-content:flex-end;width:1728px;height:26px;padding-right:12px;display:flex;position:absolute;top:850px;left:95px}.design-strategy-footer p{color:#292b6c;text-align:right;white-space:nowrap;margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:500;line-height:1.18}.double-height-section{border:var(--case-frame-border-width) solid var(--case-frame-border-color,#11111124);border-radius:var(--case-frame-radius);background:var(--case-frame-background);padding-block:0;position:relative;overflow:hidden}.double-height-frame{width:var(--case-frame-source-width);height:1896px;min-width:var(--case-frame-source-width);background:0 0;min-height:1896px;position:relative;overflow:hidden}.frame5-auto-inquiry,.frame5-ai-agent,.frame5-senior-app,.frame5-dashboard{position:absolute}.frame5-title{color:#333;margin:0;font-family:Archivo,Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.frame5-image{object-fit:contain;max-width:none;display:block}.frame5-auto-inquiry{width:809px;height:869px;top:61.14px;left:83px}.frame5-title--auto{width:809px;height:33px;position:absolute;top:0;left:0}.frame5-auto-copy{color:#000;width:336px;height:687px;font-family:Roboto Flex,Arial,sans-serif;position:absolute;top:69px;left:0}.frame5-copy-block{width:336px;margin:0 0 36px}.frame5-copy-block h3{margin:0 0 16px;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.27}.frame5-copy-block p,.frame5-copy-block li{margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:20px;font-weight:200;line-height:1.15}.frame5-copy-block--list{margin-bottom:0}.frame5-copy-block ul{margin:0;padding-left:30px}.frame5-copy-block li+li{margin-top:12px}.frame5-auto-visual{width:459px;height:800px;position:absolute;top:69px;left:350px}.frame5-ai-agent{width:887px;height:869.27px;top:61px;left:959px}.frame5-title--agent{width:887px;height:33px}.frame5-agent-intro{color:#333;text-align:justify;width:887px;height:46px;margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.15;position:absolute;top:69px;left:0}.frame5-agent-label{color:#000;margin:0;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1.29;position:absolute}.frame5-agent-label--back{width:864px;height:31px;top:139px;left:0}.frame5-agent-backstage{width:864px;height:284px;position:absolute;top:182px;left:0}.frame5-agent-label--front{width:268px;height:31px;top:490px;left:0}.frame5-agent-frontstage{width:887px;height:336.27px;position:absolute;top:533px;left:0}.frame5-senior-app{width:617px;height:888px;top:1008px;left:83px}.frame5-title--senior{width:424px;height:33px}.frame5-senior-visual{width:617px;height:819px;margin:0;position:absolute;top:69px;left:0;overflow:hidden}.frame5-senior-visual img{object-fit:cover;width:117.44%;max-width:none;height:132.1%;position:absolute;top:-28.28%;left:-13.32%}.frame5-senior-note{color:#333;background:#fff;border:2px solid #fff;border-radius:20px;width:580px;height:63px;margin:0;padding:20px 32px;font-family:Roboto Flex,Arial,sans-serif;font-size:20px;font-style:italic;font-weight:500;line-height:1.15;position:absolute;top:729.09px;left:25px}.frame5-dashboard{width:1199px;height:813.95px;top:1008.05px;left:700px}.frame5-title--dashboard{width:689px;height:33px}.frame5-dashboard-copy{color:#333;margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-weight:200;line-height:32px;position:absolute}.frame5-dashboard-copy h3{margin:0 0 5px;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-weight:500;line-height:32px}.frame5-dashboard-copy ul{margin:0;padding-left:30px;list-style:outside}.frame5-dashboard-copy li{margin:0 0 8px}.frame5-dashboard-copy li:last-child{margin-bottom:0}.frame5-dashboard-copy--painpoint{width:337px;height:286px;top:69px;left:0}.frame5-dashboard-copy--painpoint h3:nth-of-type(2){margin-top:38px}.frame5-dashboard-copy--goal{width:556px;top:69px;left:394px}.frame5-dashboard-visual{width:1174px;height:513px;position:absolute;top:300.95px;left:0}.frame5-dashboard-note{color:#000;text-align:right;width:285px;height:74.48px;margin:0;font-family:Inter,Roboto Flex,Arial,sans-serif;font-size:20px;font-style:italic;font-weight:400;line-height:1.2;position:absolute;top:176.05px;left:878px}.frame6-section{background:0 0;padding-block:0}.frame6-frame{width:var(--case-frame-source-width);height:var(--case-frame-source-height);min-width:var(--case-frame-source-width);min-height:var(--case-frame-source-height);background:0 0;position:relative;overflow:hidden}.frame6-component,.frame6-visualization{position:absolute}.frame6-title{color:#333;margin:0;font-family:Archivo,Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.1}.frame6-component{width:810px;height:806px;top:73px;left:84px}.frame6-title--component{width:163px;height:33px}.frame6-component-copy{color:#000;width:725px;height:54px;margin:0;font-family:Inter,Roboto Flex,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:400;line-height:1.23;position:absolute;top:69px;left:0}.frame6-component-visual{object-fit:contain;object-position:center;width:810px;max-width:none;height:677px;display:block;position:absolute;top:129px;left:0}.frame6-visualization{width:866px;height:879px;top:0;left:975px}.frame6-visualization-board{object-fit:contain;width:697px;max-width:none;height:590px;display:block;position:absolute;top:0;left:0}.frame6-typeface{color:#000;width:246px;height:265px;font-family:Inter,Roboto Flex,Arial,sans-serif;position:absolute;top:340px;left:598px}.typeface-specimen{white-space:nowrap}.frame6-typeface h3,.frame6-icon-design h3,.frame6-colors h3{margin:0;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:24px;font-weight:700;line-height:1.29}.frame6-typeface h3{padding:20px 0}.frame6-typeface-row{white-space:nowrap;align-items:center;gap:30px;height:58px;display:flex}.frame6-typeface-row+.frame6-typeface-row{margin-top:10px}.frame6-typeface-row span{align-items:center;height:58px;font-size:48px;line-height:1.2;display:flex}.frame6-typeface-row p{margin:0;font-size:22px;line-height:1.23}.frame6-typeface-row--regular{font-weight:400}.frame6-typeface-row--medium{font-weight:500}.frame6-typeface-row--bold{font-weight:700}.frame6-title--visualization{width:177px;height:33px;position:absolute;top:605px;left:0}.frame6-icon-design{width:531px;height:205px;position:absolute;top:674px;left:0}.frame6-icon-design__body{align-items:center;gap:54px;width:531px;margin-top:25px;display:flex}.frame6-icon-flat-mobile{display:none}.frame6-icon-cluster{flex:0 0 115px;width:115px;height:145px;position:relative;overflow:hidden}.frame6-icon-main,.frame6-icon-cube,.frame6-icon-small,.frame6-icon-small-fill{object-fit:contain;max-width:none;display:block;position:absolute}.frame6-icon-main{width:84.42px;height:84.42px;top:1px;left:14.83px}.frame6-icon-cube--a{width:42.99px;height:42.99px;top:22.36px;left:36.19px}.frame6-icon-cube--b{width:1px;height:13.97px;top:51.38px;left:57.68px}.frame6-icon-cube--c,.frame6-icon-cube--d{width:42.99px;height:15.05px;top:36.33px;left:36.19px}.frame6-icon-cube--e{width:1px;height:13.97px;top:22.36px;left:57.68px}.frame6-icon-small--left,.frame6-icon-small-fill--left{width:45px;height:45px;top:97.42px;left:0}.frame6-icon-small--right,.frame6-icon-small-fill--right{width:33.33px;height:33.33px;top:102.42px;left:75px}.frame6-icon-copy{color:#333;gap:25px;width:362px;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;line-height:1.41;display:grid}.frame6-icon-copy p{margin:0;font-weight:300}.frame6-icon-copy p:first-child{font-weight:500}.frame6-colors{width:268px;height:205px;position:absolute;top:674px;left:592px}.frame6-color-row{color:#000;white-space:nowrap;align-items:center;gap:24px;font-family:Inter,Roboto Flex,Arial,sans-serif;font-size:20px;font-weight:300;line-height:1.2;display:flex}.frame6-color-row p{margin:0}.frame6-color-row--gradient{margin-top:30px}.frame6-color-row--gradient img{width:66px;height:48px}.frame6-color-row--set{margin-top:24px}.frame6-color-row--set img{width:64px;height:64px}.frame6-color-row--set div{gap:11px;display:grid}.staff-design-section{background:#f6f7f8b3;padding-block:0}.staff-design-frame{width:100%;min-height:760px;padding:0;position:relative}.staff-design-header{align-items:flex-end;gap:16px;width:max-content;display:inline-flex;position:absolute;top:51px;left:84px}.staff-design-title{color:#333;letter-spacing:-.04em;white-space:nowrap;flex:none;margin:0;font-family:Archivo,Rajdhani,Roboto Flex,Arial,sans-serif;font-size:30px;font-weight:600;line-height:1}.staff-design-subtitle{color:#292b6c;white-space:nowrap;flex:none;margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:22px;font-style:italic;font-weight:500;line-height:1.2}.staff-design-challenges{color:#333;width:1771px;margin:0;font-size:22px;line-height:1.2;position:absolute;top:124px;left:84px}.staff-design-challenges strong{font-family:Roboto,Roboto Flex,Arial,sans-serif;font-weight:700}.staff-design-visual{width:100%;min-height:760px;position:relative}.staff-asset{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute}.staff-asset--ai-upload{width:640px;height:673.533px;top:189px;left:84px}.staff-asset--overview{width:822px;height:496.136px;top:364.43px;left:471px}.staff-asset--details{width:462px;height:763px;top:189px;left:1253px}.staff-asset--detail-panel{width:266px;height:227px;top:360px;left:1597.54px}.staff-response{color:#333;position:absolute}.staff-response h3{letter-spacing:-.02em;margin:0 0 8px;font-family:Rajdhani,Roboto Flex,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.1}.staff-response p,.staff-response li{color:#333;margin:0;font-family:Roboto Flex,Arial,sans-serif;font-size:20px;font-weight:300;line-height:1.4}.staff-response--a{width:225.075px;top:600px;left:323px}.staff-response--a p{width:216px}.staff-response--b{width:417px;top:202px;left:762px}.staff-response--b ul{margin:0;padding-left:30px;list-style:outside}.staff-response--b li+li{margin-top:2px}.staff-response--c{text-align:right;width:182px;top:594px;right:66px}.staff-response--c p{width:168px;margin-left:auto}@media (width<=767px){.internal-system-page,.case-page{gap:24px;width:100%;min-width:0;max-width:100%;padding-block:0}.project-intro-frame{border-radius:22px;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;overflow:visible;transform:none!important}.project-intro-inner{width:100%;height:auto;padding:20px 16px;display:block;position:static}.internal-system-intro .project-intro-heading,.internal-system-intro .project-intro-main,.internal-system-intro .project-intro-copy,.internal-system-intro .project-intro-origin,.internal-system-intro .project-intro-heading .case-title__text,.internal-system-intro .case-title__heading,.internal-system-intro .project-intro-copy .case-copy,.internal-system-intro .project-intro-origin .case-image,.internal-system-intro .project-intro-origin figcaption{width:auto;max-width:100%;height:auto;display:block;position:static;top:auto;left:auto}.internal-system-intro .project-intro-heading{align-items:flex-end;gap:16px;width:100%;display:flex}.internal-system-intro .project-intro-main{width:100%;margin-top:20px}.internal-system-intro .project-intro-copy{gap:20px;width:100%}.internal-system-intro .project-intro-origin{margin-top:28px}.internal-system-intro .project-intro-origin .case-image{width:100%;height:auto;margin-top:12px}.internal-system-intro .project-intro-current-system,.internal-system-intro .project-intro-current-system img,.internal-system-intro .project-intro-origin img{width:100%;max-width:100%;height:auto}.workflow-section{min-height:0;padding-block:0;position:static;overflow:visible}.workflow-frame{gap:20px;width:100%;min-width:0;height:auto;min-height:0;padding:20px 16px;display:grid;position:static}.workflow-frame__title,.workflow-frame__subtitle,.workflow-frame__visual,.workflow-frame__actions,.workflow-frame__action,.workflow-frame__insights,.workflow-frame__insight-block{width:100%;min-width:0;max-width:100%;height:auto;min-height:0;position:static;inset:auto;transform:none}.internal-system-intro .case-title__heading{white-space:normal;overflow-wrap:anywhere}.workflow-frame__visual{margin:0;display:block;overflow:visible}.workflow-frame__visual img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.workflow-frame__actions{gap:10px;padding-left:18px;list-style:outside;display:grid}.workflow-frame__action{white-space:normal;width:auto;height:auto;display:list-item;position:static}.workflow-frame__insights{gap:18px;display:grid}.workflow-frame__insight-block{width:100%}.design-strategy-frame{gap:20px;width:100%;min-width:0;height:auto;min-height:0;padding:20px 16px;display:grid;position:static}.design-strategy-header,.design-strategy-cards,.design-strategy-footer{width:100%;height:auto;position:static;top:auto;left:auto}.design-strategy-header{gap:6px;display:grid}.design-strategy-header h2,.design-strategy-header p,.design-strategy-footer p{width:100%}.design-strategy-header p{margin-top:0}.design-strategy-cards{grid-template-columns:1fr;gap:16px;display:grid}.design-strategy-card{border-radius:22px;width:100%;height:auto;padding:20px}.design-strategy-card h3,.design-strategy-card__media,.design-strategy-card__copy{width:100%;height:auto}.design-strategy-card__media{aspect-ratio:10/7}.design-strategy-card__copy{margin-top:18px}.staff-design-frame,.staff-design-header,.staff-design-challenges,.staff-design-visual,.staff-asset,.staff-response{width:100%;min-width:0;max-width:100%;height:auto;position:static;top:auto;left:auto;right:auto;transform:none}.staff-design-frame,.staff-design-visual{gap:20px;min-height:0;padding:20px 16px;display:grid}.staff-design-header{gap:8px;padding:0;display:grid}.staff-design-challenges,.staff-response p{margin:0}.staff-response--a p,.staff-response--c p{width:100%;margin-left:0}.staff-response--c{text-align:left}.double-height-frame{gap:28px;width:100%;min-width:0;height:auto;min-height:0;padding:20px 16px;display:grid;position:static;overflow:visible}.frame5-auto-inquiry,.frame5-ai-agent,.frame5-senior-app,.frame5-dashboard,.frame5-title,.frame5-auto-copy,.frame5-auto-visual,.frame5-agent-intro,.frame5-agent-label,.frame5-agent-backstage,.frame5-agent-frontstage,.frame5-senior-visual,.frame5-senior-note,.frame5-dashboard-copy,.frame5-dashboard-visual,.frame5-dashboard-note,.frame6-frame,.frame6-component,.frame6-visualization,.frame6-title,.frame6-component-copy,.frame6-component-visual,.frame6-visualization-board,.frame6-typeface,.frame6-title--visualization,.frame6-icon-design,.frame6-colors{width:100%;min-width:0;max-width:100%;height:auto;position:static;top:auto;left:auto}.frame5-auto-inquiry,.frame5-ai-agent,.frame5-senior-app,.frame5-dashboard,.frame6-component,.frame6-visualization{gap:16px;display:grid}.frame5-auto-copy{gap:18px;display:grid}.frame5-copy-block{width:100%;margin-bottom:0}.frame5-auto-visual,.frame5-agent-backstage,.frame5-agent-frontstage,.frame5-senior-visual,.frame5-senior-visual img,.frame5-dashboard-visual{width:100%;height:auto}.frame5-senior-visual{overflow:visible}.frame5-senior-visual img{object-fit:contain;max-width:100%;position:static}.frame5-senior-note{padding:14px 18px}.frame5-dashboard-copy{gap:8px;display:grid}.frame5-dashboard-copy--painpoint h3:nth-of-type(2){margin-top:14px}.frame6-component-visual,.frame6-visualization-board{width:100%;height:auto}.case-mobile-design-pair{grid-template-columns:115px minmax(0,1fr);align-items:start;gap:20px;display:grid}.case-mobile-design-pair .frame6-typeface-row{gap:10px;height:auto}.case-mobile-design-pair .frame6-typeface-row span{height:auto;font-size:32px}.case-mobile-design-pair .frame6-typeface-row p{font-size:var(--mobile-type-meta);line-height:1.45}.case-mobile-design-pair .frame6-typeface h3{font-size:var(--mobile-type-subheading)}.frame6-colors .frame6-color-row p{font-size:var(--mobile-type-body);line-height:1.6}.frame6-colors h3{font-size:var(--mobile-type-section-title)}.frame6-typeface{gap:8px;display:grid}.frame6-typeface h3{padding:0}.frame6-icon-design__body{align-items:flex-start;gap:18px;width:100%}.frame6-icon-copy{flex:1;width:auto}.frame6-colors{gap:16px;display:grid}.frame6-color-row,.frame6-color-row--gradient,.frame6-color-row--set{margin-top:0}.internal-system-intro .project-intro-inner{gap:24px;height:auto;padding:24px 16px;display:grid}.internal-system-intro .project-intro-heading{grid-template-columns:64px minmax(0,1fr);align-items:start;display:grid}.internal-system-intro .case-title__number{width:auto;height:auto;margin:0}.internal-system-intro .case-title__subtitle{margin-top:12px}.internal-system-intro .project-intro-main,.internal-system-intro .project-intro-copy{gap:24px;margin:0;display:grid}.internal-system-intro .project-intro-current-system,.internal-system-intro .project-intro-nda-caption,.internal-system-intro .project-intro-origin .case-image figcaption{width:100%;max-width:100%;height:auto;min-height:0;display:block;position:static;inset:auto}.internal-system-intro .project-intro-nda-caption,.internal-system-intro .project-intro-origin .case-image figcaption{margin-top:12px}.internal-system-intro .project-intro-nda-caption:before{display:none}.internal-system-intro .project-intro-origin{margin:0}.internal-system-intro .project-intro-origin .case-section-title{height:auto;margin-bottom:16px;position:static;inset:auto}.workflow-frame__insight-block h3,.design-strategy-header h2,.design-strategy-header p,.frame5-title,.frame6-title,.staff-design-title,.staff-design-subtitle{white-space:normal;height:auto}.workflow-frame__subtitle--middle,.workflow-frame__action{text-align:left}.staff-design-visual{padding:0}.staff-response--a{order:1}.staff-asset--ai-upload{order:2}.staff-response--b{order:3}.staff-asset--overview{order:4}.staff-response--c{order:5}.staff-asset--details{order:6}.staff-asset--detail-panel{order:7}.frame6-frame{gap:28px;padding:20px 16px;display:grid}.frame6-icon-design__body{flex-direction:column}.frame6-icon-cluster{display:none}.frame6-icon-flat-mobile{object-fit:contain;width:115px;max-width:100%;height:auto;display:block}.frame5-agent-intro{text-align:left}.frame6-color-row{white-space:normal;flex-wrap:wrap}.design-strategy-header h2,.design-strategy-header p,.staff-design-title,.staff-design-subtitle{width:100%;max-width:100%}.design-strategy-footer p{white-space:normal;overflow-wrap:anywhere;height:auto}}.hinotes-page{--hinotes-frame-background:#e9f2f8;--hinotes-frame-background-soft:#f4fcff;--hinotes-panel-border:#def9f6;--hinotes-panel-fill-top:#fff9;--hinotes-panel-fill-bottom:#f9ffff99;--case-frame-border-color:#00b2bf47;--case-frame-background:var(--hinotes-frame-background);--project-accent-color:#00b2bf;--project-accent-dark:#008e99;--project-number-color:var(--project-accent-color);--project-title-color:var(--project-accent-color);--project-subtitle-color:var(--project-accent-dark);--project-number-font:"Roboto Flex", Arial, sans-serif;--project-title-font:"Poppins", "Roboto Flex", Arial, sans-serif;--project-body-font:"Roboto Flex", Arial, sans-serif;--project-section-title-font:"Archivo", "Roboto Flex", Arial, sans-serif;background:linear-gradient(98deg, var(--hinotes-frame-background) 0%, var(--hinotes-frame-background) 64%, var(--hinotes-frame-background-soft) 88%), var(--hinotes-frame-background)}.hinotes-shell{background:linear-gradient(98deg, #e9f2f8 0%, #e9f2f8 64%, #f4fcff 88%), var(--hinotes-frame-background)}.hinotes-frame{color:#333;font-family:var(--project-body-font)}.hinotes-comparison{display:contents}.hinotes-frame h2,.hinotes-frame h3,.hinotes-frame h4{margin:0}.hinotes-frame img{max-width:none;display:block}.hinotes-intro-frame:before,.hinotes-intro-frame:after{z-index:0;content:"";filter:blur(44px);opacity:.34;pointer-events:none;border-radius:50%;position:absolute}.hinotes-intro-frame:before{background:radial-gradient(#6c76ff52 0%,#3ebde429 45%,#3ebde400 72%);width:620px;height:420px;top:72px;left:802px}.hinotes-intro-frame:after{background:radial-gradient(#a66dff3d 0%,#53bff224 46%,#53bff200 74%);width:720px;height:500px;bottom:18px;right:132px}.hinotes-intro-frame>*{z-index:1}.hinotes-hero-device{object-fit:cover;mix-blend-mode:darken;width:788px;height:806px;position:absolute;top:142px;left:1132px}.hinotes-hero-copy{left:var(--case-hero-number-x);top:var(--case-hero-number-y);width:1123px;position:absolute}.hinotes-hero-title{align-items:flex-end;gap:36px;height:95px;display:flex}.hinotes-hero-number{width:122px;height:92px;color:var(--project-number-color);font-family:var(--project-number-font);align-items:center;font-size:128px;font-weight:500;line-height:.8;display:flex}.hinotes-hero-title h1{color:var(--project-title-color);font-family:var(--project-title-font);white-space:nowrap;margin:0;font-size:64px;font-weight:700;line-height:1}.hinotes-hero-title p{color:var(--project-subtitle-color);font-family:"Rajdhani", var(--project-body-font);margin:9px 0 0;font-size:24px;line-height:1.15}.hinotes-intro-copy{gap:15px;width:1123px;margin-top:50px;display:grid}.hinotes-intro-copy h2,.hinotes-section-pair h2,.hinotes-language-copy h2,.hinotes-principles h2{color:#333;font-family:var(--project-section-title-font);font-size:30px;font-weight:600;line-height:1.1}.hinotes-intro-copy p{color:#333;max-width:1123px;margin:0;font-size:22px;font-weight:300;line-height:1.25}.hinotes-intro-copy p+p{margin-top:1px}.hinotes-store-row{align-items:center;gap:32px;margin-top:36px;display:flex}.hinotes-store-badge{mix-blend-mode:multiply;width:86px;display:block}.hinotes-store-badge img{object-fit:contain;object-position:bottom;width:100%;height:auto}.hinotes-callout{color:#00a7b4;width:max-content;font-family:"Poppins", var(--project-body-font);background:linear-gradient(#fff6,#fff6),#00b2bf0f;border-radius:12px;margin:0;padding:18px 24px;font-size:22px;font-style:italic;font-weight:500;line-height:24px;box-shadow:0 0 4px #00b2bf1a}.hinotes-partner-logos{object-fit:cover;object-position:center;width:788px;height:226px;margin-top:36px}.hinotes-role-note{color:#333;width:905px;font-family:"Roboto", var(--project-body-font);align-items:center;gap:17px;margin:36px 0 0;font-size:20px;font-style:italic;font-weight:300;line-height:1.15;display:flex;position:relative}.hinotes-role-line{background:#333;border-radius:20px;flex:none;width:1px;height:32px}.hinotes-role-description{white-space:normal;word-break:normal;overflow-wrap:normal;flex:0 0 860px;width:860px;min-width:0;max-width:860px;margin:0}.hinotes-solution-frame{background:linear-gradient(#3333338a,#3333338a),linear-gradient(45deg,#00b2bf 3.9%,#00476b 102.4%)}.hinotes-solution-top{gap:64px;width:1760px;display:flex;position:absolute;top:45px;left:83px}.hinotes-section-pair{align-items:flex-end;gap:15px;display:inline-flex}.hinotes-section-pair p{color:#333;white-space:nowrap;margin:0 0 1px;font-size:22px;font-weight:200;line-height:1.2}.hinotes-section-pair--light h2,.hinotes-section-pair--light p{color:#fff}.hinotes-goal{width:738px}.hinotes-web-preview{text-align:center;gap:21px;margin-top:40px;display:grid}.hinotes-browser-shell{background:0 0;border-radius:0;width:765px;height:441px;margin-left:-13.5px;overflow:hidden}.hinotes-browser-shell img{object-fit:cover;width:100%;height:100%}.hinotes-web-preview a{color:#fff;font-size:24px;font-weight:300;text-decoration:underline}.hinotes-principles{color:#fff;width:958px}.hinotes-principles h2{color:#fff}.hinotes-principles p,.hinotes-principles li{color:#fff;margin:0;font-size:22px;font-weight:300;line-height:1.35}.hinotes-principles p:first-of-type{margin-top:69px}.hinotes-principles p+p{margin-top:14px}.hinotes-principles ul{margin:14px 0 0;padding-left:33px}.hinotes-principles li+li{margin-top:12px}.hinotes-before-after{border:3px solid var(--hinotes-panel-border);background:linear-gradient(180deg, var(--hinotes-panel-fill-top), var(--hinotes-panel-fill-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:48px;width:2200px;height:600px;position:absolute;top:647px;left:-357px}.hinotes-sidebar-flow{width:860px;height:511px;position:absolute;top:60px;left:431px}.hinotes-phone-shot{object-fit:cover;border:6px solid #fff;border-radius:16px;width:200px;height:433px;box-shadow:0 6px 16px #bedae9bf,0 2px 3px #0003}.hinotes-phone-shot--sidebar{width:146px}.hinotes-composite-shot{object-fit:contain;display:block}.hinotes-composite-shot--sidebar{width:860px;height:441.5px}.hinotes-composite-shot--homepage{width:698.5px;height:649.5px}.hinotes-flow-arrow{color:var(--project-accent-color);font-size:52px;line-height:1;position:absolute}.hinotes-sidebar-flow>.hinotes-flow-arrow{top:188px;left:418px}.hinotes-flow-label{color:#333;text-align:center;height:51px;padding-top:23px;font-size:24px;font-weight:300;line-height:1.05;position:absolute}.hinotes-flow-label:before,.hinotes-loading-label:before{content:"";border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;width:100%;height:11px;position:absolute;top:0;left:0}.hinotes-flow-label--left{width:417px;top:460px;left:0}.hinotes-flow-label--right{width:367px;top:460px;left:485px}.hinotes-home-flow{width:698.5px;height:681px;position:absolute;top:-111px;left:1471px}.hinotes-flow-label--phone-left{width:289px;top:631px;left:26px}.hinotes-flow-label--phone-right{width:292px;top:631px;left:385px}.hinotes-solution-bottom{gap:32px;display:flex;position:absolute;top:1279px;left:268px}.hinotes-voicemark-card,.hinotes-loading-card{border:3px solid var(--hinotes-panel-border);background:linear-gradient(180deg, var(--hinotes-panel-fill-top), var(--hinotes-panel-fill-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:40px;width:847px;height:565px;position:relative}.hinotes-voicemark-card{gap:59px;padding:30px 30px 19px 36px;display:flex}.hinotes-voicemark-visual{flex:none;width:488px;height:452px;overflow:hidden}.hinotes-voicemark-visual img{object-fit:contain;object-position:top left;width:488px;height:516px}.hinotes-voicemark-copy{width:234px}.hinotes-voicemark-label{color:#000;text-align:center;width:204px;height:46px;padding-top:20px;font-size:24px;font-weight:300;line-height:1.05;position:absolute;top:496px}.hinotes-voicemark-label:before{content:"";border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;width:100%;height:10px;position:absolute;top:0;left:0}.hinotes-voicemark-label--before{left:36px}.hinotes-voicemark-label--after{width:206px;left:310px}.hinotes-voicemark-card h3{color:#008e99;font-size:24px;line-height:1.2}.hinotes-voicemark-card p,.hinotes-loading-equation p{color:#333;margin:32px 0 0;font-size:20px;font-weight:300;line-height:1.3}.hinotes-voicemark-card p+p{margin-top:20px}.hinotes-voicemark-card em{font-style:italic}.hinotes-loading-card{width:754px}.hinotes-loading-equation{text-align:center;width:111px;position:absolute;top:30px;left:33px}.hinotes-loading-equation h3{color:#008e99;text-transform:uppercase;font-size:24px;font-weight:400}.hinotes-loading-composite{object-fit:contain;width:496px;height:463px;position:absolute;top:26px;left:209px}.hinotes-loading-label{color:#000;text-align:center;height:46px;padding-top:20px;font-size:24px;font-weight:300;line-height:1.05;position:absolute;top:501px}.hinotes-loading-label:before{height:10px}.hinotes-loading-label--before{width:204px;left:218px}.hinotes-loading-label--after{width:206px;left:492px}.hinotes-language-frame{background:var(--hinotes-frame-background);height:985px}.hinotes-language-copy{width:1010px;position:absolute;top:61px;left:83px}.hinotes-language-copy>p{color:#000;font-family:"Inter", var(--project-body-font);margin:31px 0 14px 6px;font-size:22px;font-style:italic;line-height:1.2}.hinotes-language-copy img{object-fit:contain;mix-blend-mode:multiply;width:888px;height:654px;margin-left:6px}.hinotes-language-copy ul{color:#000;text-align:justify;width:998px;margin:14px 0 0 6px;padding-left:30px;font-size:20px;font-weight:200;line-height:1.15}.hinotes-language-device{object-fit:cover;object-position:center top;width:740px;height:975px;position:absolute;top:61px;left:1093px}.hinotes-empty-frame{background:var(--hinotes-frame-background)}.hinotes-empty-bg{opacity:.6;object-fit:cover;width:1835px;height:834px;position:absolute;top:51px;left:42px}.hinotes-empty-frame .hinotes-section-pair{position:absolute;top:96px;left:81px}.hinotes-empty-copy{color:#000;width:285px;margin:0;font-size:20px;font-weight:200;line-height:1.25;position:absolute;top:220px;left:87px}.hinotes-empty-shots{filter:blur(2px);gap:48px;display:flex;position:absolute;top:220px;left:431px}.hinotes-empty-shots .hinotes-phone-shot{width:230px;height:500px}.hinotes-empty-state-group{object-fit:contain;width:1395px;height:553px;position:absolute;top:197px;left:427px}.hinotes-app15-frame{background:var(--hinotes-frame-background)}.hinotes-app15-copy{width:607px;position:absolute;top:47px;left:72px}.hinotes-app15-copy .hinotes-section-pair{margin-bottom:75px}.hinotes-app15-copy>p,.hinotes-app15-copy li{color:#000;font-size:20px;font-weight:200;line-height:1.25}.hinotes-app15-copy h3{color:#000;margin:28px 0 20px;font-size:20px;font-style:italic;font-weight:600}.hinotes-app15-copy h4{color:#000;margin:22px 0 5px;font-size:20px;font-weight:500}.hinotes-app15-copy ul{margin:0;padding-left:30px}.hinotes-app15-copy .hinotes-callout{margin-top:75px}.hinotes-app15-phone-composition{filter:drop-shadow(-7px 19px 19.5px #58595c1a);width:406px;height:827px;position:absolute;top:61px;left:785px}.hinotes-app15-phone-screen{background:#f9fbfb;border-radius:44px;width:364.88px;height:792.33px;position:absolute;top:16.77px;left:20.56px;overflow:hidden}.hinotes-app15-phone-screen img,.hinotes-app15-phone-screen video{object-fit:cover;width:100%;height:100%}.hinotes-app15-phone-frame{pointer-events:none;border:7px solid #e6ebebfa;border-radius:60px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffd9,inset 0 0 0 16px #ffffffb3,0 1px 2px #0000004d,0 2px 6px 2px #00000026}.hinotes-app15-phone-frame:before{content:"";background:#f5f7f8f2;border-radius:999px;width:116px;height:34px;position:absolute;top:21px;left:50%;transform:translate(-50%)}.hinotes-app15-side-screens{width:501px;height:861px;position:absolute;top:27px;left:1297px}.hinotes-app15-side-screens img{object-fit:cover;width:100%;height:100%}@media (width<=767px){.hinotes-frame{gap:20px;width:100%;min-width:0;height:auto;min-height:0;padding:20px 16px;display:grid;overflow:visible}.hinotes-frame *,.hinotes-frame img{max-width:100%}.hinotes-hero-device,.hinotes-hero-copy,.hinotes-solution-top,.hinotes-before-after,.hinotes-solution-bottom,.hinotes-language-copy,.hinotes-language-device,.hinotes-empty-bg,.hinotes-empty-frame .hinotes-section-pair,.hinotes-empty-copy,.hinotes-empty-shots,.hinotes-empty-state-group,.hinotes-app15-copy,.hinotes-app15-phone-composition,.hinotes-app15-side-screens,.hinotes-sidebar-flow,.hinotes-home-flow,.hinotes-loading-composite,.hinotes-loading-card .hinotes-flow-arrow{width:100%;height:auto;position:static;top:auto;left:auto}.hinotes-hero-title,.hinotes-solution-top,.hinotes-solution-bottom,.hinotes-voicemark-card,.hinotes-section-pair{gap:12px;display:grid}.hinotes-hero-number{width:auto;height:auto}.hinotes-intro-copy,.hinotes-principles,.hinotes-goal,.hinotes-web-preview,.hinotes-browser-shell,.hinotes-language-copy,.hinotes-app15-copy{width:100%}.hinotes-store-row,.hinotes-empty-shots,.hinotes-phone-pair{gap:14px;display:grid}.hinotes-before-after,.hinotes-voicemark-card,.hinotes-loading-card{border-radius:22px;padding:18px}.hinotes-sidebar-flow,.hinotes-home-flow,.hinotes-empty-shots{filter:none;gap:16px;display:grid}.hinotes-phone-shot,.hinotes-empty-shots .hinotes-phone-shot,.hinotes-home-flow .hinotes-phone-shot,.hinotes-loading-composite{width:min(230px,100%);height:auto;position:static}.hinotes-flow-arrow,.hinotes-flow-label,.hinotes-loading-label,.hinotes-intro-frame:before,.hinotes-intro-frame:after,.hinotes-empty-bg,.hinotes-app15-side-screens{display:none}.hinotes-hero-copy{order:0}.hinotes-hero-device{order:1}.hinotes-hero-title,.hinotes-section-pair,.hinotes-role-note,.hinotes-voicemark-card,.hinotes-loading-card{height:auto;min-height:0}.hinotes-hero-title{align-items:start;gap:12px}.hinotes-intro-copy{margin-top:24px}.hinotes-callout,.hinotes-role-note,.hinotes-language-copy ul,.hinotes-voicemark-card,.hinotes-loading-card,.hinotes-voicemark-copy,.hinotes-loading-equation{width:100%;max-width:100%}.hinotes-role-description{flex:1 1 0;width:auto;max-width:100%}.hinotes-section-pair p{white-space:normal}.hinotes-frame p,.hinotes-frame li{text-align:left}.hinotes-browser-shell{height:auto;margin:0}.hinotes-browser-shell img{object-fit:contain;height:auto}.hinotes-principles p:first-of-type{margin-top:24px}.hinotes-language-copy img,.hinotes-language-copy ul{margin-left:0}.hinotes-partner-logos,.hinotes-frame .hinotes-composite-shot,.hinotes-language-copy img,.hinotes-voicemark-visual,.hinotes-voicemark-visual img,.hinotes-loading-composite{object-fit:contain;width:100%;height:auto}.hinotes-before-after,.hinotes-voicemark-card,.hinotes-loading-card{grid-template-columns:minmax(0,1fr);gap:20px;display:grid;overflow:visible}.hinotes-flow-label,.hinotes-voicemark-label,.hinotes-loading-label,.hinotes-loading-equation{width:100%;height:auto;font-size:var(--mobile-type-meta);margin:0;display:block;position:static;inset:auto}.hinotes-flow-label:before,.hinotes-voicemark-label:before,.hinotes-loading-label:before{display:none}.hinotes-voicemark-copy{order:-1}.hinotes-sidebar-flow,.hinotes-home-flow,.hinotes-voicemark-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hinotes-sidebar-flow>img,.hinotes-home-flow>img,.hinotes-voicemark-visual,.hinotes-voicemark-copy{grid-column:1/-1}.hinotes-voicemark-visual{aspect-ratio:488/452;overflow:hidden}.hinotes-flow-label,.hinotes-voicemark-label{text-align:center;padding:0}.hinotes-app15-phone-composition{aspect-ratio:406/827;width:min(100%,340px);margin-inline:auto;position:relative}.hinotes-app15-phone-screen{border-radius:11%/5%;width:89.872%;height:95.808%;top:2.028%;left:5.064%}.hinotes-app15-phone-screen video{width:100%;height:auto;display:block}.hinotes-app15-phone-screen:after{z-index:1;content:"";pointer-events:none;background:url(/assets/app15-video-poster-C4eWydQS.png) 50%/cover no-repeat;position:absolute;inset:0}.hinotes-app15-phone-screen.is-video-playing:after{display:none}.hinotes-app15-phone-frame{border-radius:15%/7.4%}.hinotes-app15-phone-frame:before{width:28.57%;height:4.11%;top:2.54%}.hinotes-app15-copy .hinotes-callout{margin-top:24px}.hinotes-store-badge{flex:none;width:64px;max-width:100%;height:auto}.hinotes-store-badge img{object-fit:contain;width:100%;height:auto;display:block}.hinotes-loading-equation p{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:4px;display:flex}.hinotes-voicemark-card,.hinotes-loading-card{grid-template-columns:minmax(0,1fr)}.hinotes-comparison,.hinotes-sidebar-flow,.hinotes-home-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin:0;display:grid}.hinotes-comparison>img,.hinotes-comparison .hinotes-voicemark-visual{grid-column:1/-1}.hinotes-flow-label,.hinotes-voicemark-label,.hinotes-loading-label{text-align:center;grid-column:auto;margin:0;padding:0}.hinotes-empty-frame{isolation:isolate}.hinotes-empty-frame .hinotes-empty-bg{z-index:0;object-fit:cover;object-position:center bottom;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hinotes-empty-frame>:not(.hinotes-empty-bg){z-index:1;position:relative}}.xr-solutions-page{--case-frame-border-color:#fff;--case-frame-background:#eaf7ff;--project-accent-color:#fc0004;--project-number-color:#fc0004;--project-title-color:#fc0004;--xr-blue:#3498db;--xr-blue-soft:#a6dbff;--xr-red:#fc0004;--xr-red-dark:#210001;--xr-copy:#333;color:var(--xr-copy);font-family:var(--font-sans)}.xr-solutions-shell{background:#eaf7ff}.xr-frame{background:linear-gradient(#f3fbff 0%,#d9f1ff 52%,#a6dbff 100%)}.xr-frame-curves{z-index:0;object-fit:cover;opacity:1;filter:contrast(1.35)saturate(.9);mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xr-frame>*{z-index:1;position:absolute}.xr-frame>.xr-frame-curves{z-index:0}.xr-frame h1,.xr-frame h2,.xr-frame h3,.xr-frame p,.xr-frame ul{margin:0}.xr-frame h2{color:#00060a;font-family:"Archivo", var(--font-sans);font-size:30px;font-weight:500;line-height:1.16}.xr-frame p,.xr-frame li{font-size:22px;font-weight:300;line-height:1.18}.xr-frame strong{font-weight:500}.xr-hero-title{align-items:flex-start;gap:36px;width:1288px;height:116px;display:flex;top:47px;left:79px;overflow:visible}.xr-hero-number{color:#0000;background:linear-gradient(90deg, #ff7478 0%, var(--xr-red) 84%);width:122px;height:128px;font-family:var(--font-sans);-webkit-background-clip:text;background-clip:text;font-size:128px;font-weight:500;line-height:.88}.xr-hero-title h1{color:#0000;background:linear-gradient(90deg, var(--xr-red), var(--xr-red-dark));text-transform:uppercase;letter-spacing:0;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-size:64px;font-weight:600;font-stretch:100%;line-height:1}.xr-hero-title p{color:#a30103;font-family:Roboto, var(--font-sans);margin-top:4px;font-size:24px;font-weight:400;line-height:1.15}.xr-intro-copy{gap:30px;width:881px;display:grid;top:187px;left:81px}.xr-intro-copy section{gap:15px;display:grid}.xr-intro-copy h3{color:#000;margin-top:2px;font-size:22px;font-weight:500;line-height:1.15}.xr-intro-copy p,.xr-intro-copy li{color:#505050}.xr-intro-copy ul{padding-left:32px}.xr-arrow--hero{width:484px;height:55px;top:440px;left:500px}.xr-logo-mark{aspect-ratio:1;object-fit:contain;object-position:center;opacity:1;flex:0 0 72px;width:72px;min-width:72px;max-width:72px;height:72px;min-height:72px;max-height:72px;top:46px;left:1777px}.xr-intro-copy li strong{font-weight:700}.xr-hero-device{width:935px;height:726px;top:153px;left:915px}.xr-hero-device img{display:block}.xr-hero-computer{object-fit:contain;width:935px;height:726px;position:absolute;top:0;left:0}.xr-hero-url{color:#000;text-align:center;background:#fff;border:2px solid #9ad7ff;border-radius:63px;place-items:center;width:421px;height:39px;font-size:16px;font-weight:300;line-height:1;display:grid;position:absolute;top:33.6px;left:304.55px}.xr-hero-link-status{width:38px;height:38px;position:absolute;top:53.6px;left:606px}.xr-role-line{align-items:stretch;gap:14px;width:900px;display:flex;top:853px;left:87px}.xr-role-line>span{background:#333;border-radius:20px;width:2px}.xr-role-line p{color:#333;width:859px}.xr-section-copy--mobile{gap:29px;width:1081px;display:grid;top:58px;left:83px}.xr-decision-note,.xr-access-note{align-items:stretch;gap:16px;display:flex}.xr-decision-note>span,.xr-access-note>span{background:var(--xr-blue);border-radius:12px;width:2px}.xr-soft-pill--left{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(90deg,#736b980d,#3498db0d);border:1px solid #fff;border-radius:243px;width:1312px;height:303px;top:607px;left:-207px}.xr-ar-phones{object-fit:cover;z-index:2;width:860px;height:556px;top:324px;left:83px}.xr-ar-redesign{object-fit:cover;z-index:2;width:628px;height:652px;top:54px;left:1182px}.xr-ar-logo{object-fit:contain;opacity:.72;mix-blend-mode:luminosity;z-index:1;width:398px;height:378px;top:185px;left:1653px}.xr-hand-arrow{width:179px;height:147px;top:385px;left:983px;transform:rotate(-2deg)}.xr-hand-note{color:#000;width:204px;font-family:Figma Hand,Comic Sans MS,cursive;font-size:20px;line-height:1.15;top:520px;left:978px;transform:rotate(-9deg)}.xr-change-copy{gap:16px;width:637px;display:grid;top:681px;left:1198px}.xr-change-copy h2{color:#333;margin-bottom:13px;font-weight:600}.xr-section-copy--cards{gap:14px;width:613px;display:grid;top:965px;left:83px}.xr-cards-info-raster{object-fit:cover;width:417px;height:619px}.xr-stage-label{border:2px solid var(--xr-blue);color:#5dade2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;border-radius:100px;place-items:center;padding:6px 16px;font-size:22px;font-weight:500;line-height:1.1;display:grid}.xr-stage-label--origin{top:1027px;left:836px}.xr-stage-label--redesign{top:1027px;left:1249px}.xr-stage-label--implemented{top:1027px;left:1616px}.xr-cards-flow{object-fit:cover;width:1329px;height:753.5px;top:1099px;left:600px}.xr-heading-row{white-space:nowrap;align-items:baseline;gap:12px;width:1021px;display:flex;top:36px;left:83px}.xr-heading-row p{font-size:22px;font-weight:200}.xr-access-form{object-fit:cover;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:512px;height:795px;top:91px;left:83px}.xr-access-dashboard{object-fit:cover;width:1252.5px;height:849px;top:74px;left:609px}.xr-access-note{width:322px;top:786px;left:650px}.xr-task-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;background:linear-gradient(117deg,#7a6b981a,#3498db1a);border-radius:20px;width:1813px;height:923px;top:923px;left:54px}.xr-task-overview{object-fit:cover;z-index:2;width:1019.5px;height:885.5px;top:929px;left:60px}.xr-task-copy{z-index:3;gap:12px;width:746px;display:grid;top:957px;left:1095px}.xr-task-combined{object-fit:contain;object-position:right top;z-index:1;width:972px;height:609px;top:1203px;left:869px}.xr-task-copy h2{margin-bottom:17px}.xr-task-decision{align-items:stretch;gap:16px;display:flex}.xr-task-decision strong{color:var(--xr-blue);font-size:22px;font-weight:500}.xr-task-decision>span{background:var(--xr-blue);border-radius:12px;width:2px}.xr-outcomes-copy{gap:24px;width:405px;display:grid;top:58px;left:83px}.xr-outcomes-copy h2{color:#333;font-weight:600}.xr-dropdown-crop{width:393px;height:378px;overflow:hidden}.xr-dropdown-crop img{object-fit:cover;object-position:top;opacity:.8;width:392px;height:550px}.xr-auth-flow{object-fit:cover;width:1380px;height:808px;top:58px;left:540px}.xr-auth-note{color:#000;mix-blend-mode:darken;width:310px;font-family:Figma Hand,Comic Sans MS,cursive;font-size:20px;line-height:1.15;top:152px;left:617px}.xr-b2b-note{color:#333;opacity:.9;mix-blend-mode:darken;width:377px;font-size:22px;font-style:italic;font-weight:500;line-height:1.12;top:332px;left:1529px}@media (width<=767px){.xr-frame{background:linear-gradient(#f3fbff 0%,#d9f1ff 52%,#a6dbff 100%);gap:28px;padding:112px 24px 40px;display:grid}.xr-frame>*{width:100%;height:auto;position:relative;inset:auto;transform:none}.xr-frame>.xr-frame-curves{z-index:0;width:100%;height:100%;position:absolute;inset:0}.xr-hero-title,.xr-intro-copy,.xr-section-copy--mobile,.xr-section-copy--cards,.xr-change-copy,.xr-heading-row,.xr-task-copy,.xr-outcomes-copy{width:100%;display:grid}.xr-hero-title{grid-template-columns:auto 1fr;align-items:start;gap:18px}.xr-hero-number{width:auto;height:auto}.xr-frame h2{white-space:normal}.xr-hero-device{aspect-ratio:920/725}.xr-hero-device>img,.xr-hero-url,.xr-hero-link-status{transform-origin:0 0;transform:scale(.45)}.xr-logo-mark,.xr-arrow--hero,.xr-ar-logo,.xr-hand-arrow,.xr-hand-note,.xr-soft-pill--left{display:none}.xr-role-line,.xr-decision-note,.xr-access-note,.xr-task-decision{width:100%}.xr-ar-phones,.xr-ar-redesign,.xr-cards-flow,.xr-cards-info-raster,.xr-access-form,.xr-access-dashboard,.xr-task-overview,.xr-task-combined,.xr-auth-flow{object-fit:contain;width:100%;height:auto}.xr-stage-label{width:fit-content;display:inline-grid}.xr-heading-row{white-space:normal;gap:8px}.xr-task-panel{display:none}.xr-dropdown-crop{width:100%;max-width:393px}.xr-b2b-note,.xr-auth-note{width:100%}.xr-frame{padding:24px 16px}.xr-frame>.xr-frame-curves,.xr-hero-link-status,.xr-soft-pill{display:none}.xr-hero-title{grid-template-columns:1fr}.xr-hero-device{aspect-ratio:auto;gap:12px;display:grid}.xr-hero-device>.xr-hero-computer{width:100%;height:auto;position:static;transform:none}.xr-hero-url{width:100%;height:auto;font-size:var(--mobile-type-meta);white-space:normal;position:static;transform:none}.xr-role-line,.xr-decision-note,.xr-access-note,.xr-task-decision{height:auto;display:block}.xr-role-line>span,.xr-decision-note>span,.xr-access-note>span,.xr-task-decision>span{display:none}.xr-role-line p,.xr-decision-note p,.xr-access-note p,.xr-task-decision p{width:100%;height:auto}.xr-cards-info-raster{margin-top:16px;position:static}.xr-stage-label{white-space:normal}.xr-hand-note{width:100%;height:auto;font-size:var(--mobile-type-caption);display:block;position:static;inset:auto;transform:none}.xr-hero-device .xr-hero-link-status,.xr-stage-label{display:none}.xr-task-media{aspect-ratio:1813/923;isolation:isolate;width:100%;position:relative;overflow:visible}.xr-task-media .xr-task-overview,.xr-task-media .xr-task-combined{object-fit:contain;max-width:100%;height:auto;margin:0;position:absolute}.xr-task-media .xr-task-overview{z-index:2;width:56.233%;top:.65%;left:.331%}.xr-task-media .xr-task-combined{z-index:1;width:53.613%;top:30.336%;left:44.953%}}.listenary-page{--case-frame-border-color:#4f69ff47;--case-frame-background:#f8fbff;--project-accent-color:#006bfe;--project-number-color:#006bfe;--project-title-color:#006bfe;--project-subtitle-color:#282b6c;--listenary-main:#006bfe;--listenary-indigo:#282b6c;--listenary-soft:#f8fbff;--listenary-lavender:#cbbdff;color:#333;font-family:var(--font-sans)}.listenary-shell{background:#f8fbff}.listenary-frame{background:var(--listenary-soft)}.listenary-frame--intro{color:#333}.listenary-frame--intro:before{z-index:0;content:"";background:radial-gradient(at 83% 8%,#006bfe17,#0000 38%),linear-gradient(90deg,#f8fbff 0% 44%,#f8fbffb8 68%,#f8fbff 100%);position:absolute;inset:0}.listenary-frame__visual{z-index:1;object-fit:fill;object-position:center;width:100%;height:100%;position:absolute;inset:0}.listenary-frame__visual--wide{width:1972px;max-width:none;left:0}.listenary-frame__visual--mobile-fallback{display:none}.listenary-title-block{z-index:4;width:1288px;height:95px;color:var(--listenary-main);align-items:flex-end;gap:40px;display:flex;position:absolute;top:47px;left:79px}.listenary-title-block__number{width:122px;height:92px;color:var(--listenary-main);font-family:"Roboto Flex", var(--font-sans);font-size:128px;font-weight:var(--weight-medium);align-items:center;line-height:.72;display:flex}.listenary-title-block__text{width:1126px;height:104px;position:relative}.listenary-title-block h1{color:var(--listenary-main);font-family:"Candal", var(--font-sans);margin:0;font-size:64px;font-weight:400;line-height:normal;position:absolute;top:-9px;left:-4px}.listenary-title-block p{color:var(--listenary-indigo);font-family:Rajdhani, var(--font-sans);font-size:24px;font-weight:var(--weight-regular);white-space:nowrap;margin:0;line-height:normal;position:absolute;top:72px;left:0}.listenary-intro-copy{z-index:4;gap:30px;width:806px;display:grid;position:absolute;top:187px;left:81px}.listenary-copy-group{color:#333;gap:15px;margin:0;display:grid}.listenary-copy-group h2{color:#333;font-family:Archivo, var(--font-serif);font-size:30px;font-weight:var(--weight-semibold);margin:0;line-height:normal}.listenary-copy-group>p,.listenary-role-list{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);text-align:justify;margin:0;line-height:normal}.listenary-tech-stack{background:#006bfe08;border-radius:12px;align-items:center;gap:30px;width:806px;min-height:93px;padding:18px 24px;display:flex}.listenary-tech-stack__icon{flex:none;width:44px;height:44px;position:relative}.listenary-tech-stack__icon:before,.listenary-tech-stack__icon:after{border:3px solid var(--listenary-main);content:"";border-radius:50%;width:24px;height:10px;position:absolute;left:10px}.listenary-tech-stack__icon:before{box-shadow:0 8px 0 -3px var(--listenary-soft), 0 8px 0 0 var(--listenary-main);top:9px}.listenary-tech-stack__icon:after{top:25px}.listenary-tech-stack p{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-regular);margin:0;line-height:normal}.listenary-role-list p{margin:0 0 5px}.listenary-role-list strong{font-weight:var(--weight-medium)}.listenary-role-list ul{margin:0 0 24px;padding-left:33px}.listenary-role-list ul:last-child{margin-bottom:0}.listenary-course-note{z-index:4;color:#333;align-items:center;gap:14px;width:874px;display:flex;position:absolute;top:853px;left:87px}.listenary-course-note>span{background:#333;border-radius:20px;flex:none;width:1px;height:32px;display:block}.listenary-course-note p{color:#333;font-family:Roboto, "Roboto Flex", var(--font-sans);font-size:20px;font-weight:var(--weight-light);margin:0;font-style:italic;line-height:normal}.listenary-hero-hotspot{z-index:4;width:1150px;height:540px;position:absolute;top:0;left:770px}.listenary-icon-cloud{z-index:2;pointer-events:none;mix-blend-mode:multiply;width:650px;height:227px;position:absolute;top:74px;left:1133px}.listenary-hero-device{z-index:3;object-fit:fill;pointer-events:none;width:1202px;height:874px;position:absolute;top:0;left:770px}.listenary-media-slot{z-index:2;pointer-events:none;background:0 0;position:absolute;overflow:hidden}.listenary-media-slot--intro-mvp2{width:1969.67px;height:765px;top:-225px;left:317px}.listenary-media-slot--final-demo{width:951px;height:567px;top:34px;left:5px}.listenary-icon-cloud__item{width:var(--w);height:var(--h);object-fit:contain;opacity:0;transform:translate(var(--x), var(--y));transform-origin:50%;transition:transform .3s ease-out var(--delay), width .3s ease-out var(--delay), height .3s ease-out var(--delay), opacity .18s ease-out var(--delay);position:absolute;top:0;left:0}:is(.listenary-frame--intro:has(.listenary-hero-hotspot:hover) .listenary-icon-cloud__item,.listenary-frame--intro:has(.listenary-hero-hotspot:focus) .listenary-icon-cloud__item){width:var(--hw);height:var(--hh);opacity:1;transform:translate(var(--hx), var(--hy))}.listenary-hotlink{z-index:5;background:0 0;border:0;border-radius:0;padding:0;text-decoration:none;display:block;position:absolute}.listenary-frame-heading{z-index:4;color:#333;font-family:Archivo, var(--font-serif);font-size:30px;font-weight:var(--weight-semibold);margin:0;line-height:normal;position:absolute}.listenary-frame-heading--iteration{top:39px;left:89px}.listenary-iteration-scroll{z-index:2;overscroll-behavior-x:contain;position:absolute;inset:0;overflow:auto hidden}.listenary-iteration-canvas{width:2006px;height:1896px;position:relative}.listenary-frame-heading--iteration a{color:inherit;font-family:Archivo, var(--font-serif);font-style:italic;font-weight:var(--weight-bold);text-underline-position:from-font;text-underline-offset:auto;text-decoration:underline;text-decoration-thickness:from-font}.listenary-a2-blue-bg{z-index:0;object-fit:cover;pointer-events:none;width:1920px;height:910px;display:block;position:absolute;top:986px;left:0}.listenary-mvp1-visual,.listenary-computer-visual,.listenary-final-browser,.listenary-tweak-visual{z-index:2;margin:0;position:absolute}.listenary-mvp1-visual{width:809px;height:316px;top:99px;left:91px}.listenary-computer-visual{width:895px;height:715px;top:1112px;left:513px}.listenary-mvp1-visual img,.listenary-a4-code-visual img,.listenary-final-browser__content img,.listenary-tweak-visual img{object-fit:fill;width:100%;height:100%;display:block}.listenary-computer-shell{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.listenary-computer-screen{object-fit:contain;width:845.73px;height:450.47px;display:block;position:absolute;top:20.88px;left:24.13px}.listenary-indicator{z-index:4;object-fit:fill;display:block;position:absolute}.listenary-indicator--mvp1{width:423px;height:11px;top:415px;left:93px}.listenary-indicator--rss{width:365px;height:11px;top:415px;left:535px}.listenary-indicator--mvp2{width:213px;height:11px;top:1834px;left:854px}.listenary-label{z-index:4;color:#000;font-family:"Roboto Flex", var(--font-sans);font-size:24px;font-weight:var(--weight-light);margin:0;line-height:normal;position:absolute}.listenary-label--rss{width:248px;color:var(--listenary-main);top:438px;left:593px}.listenary-goal-card{z-index:3;color:#333;background:#fff;border-radius:24px;width:897px;height:289px;padding:32px 36px;position:absolute;top:109px;left:969px;overflow:hidden}.listenary-goal-card:before{z-index:-1;mix-blend-mode:darken;content:"";background:radial-gradient(circle,#006bfe1a 1px,#0000 1.2px) 0 0/10px 10px;width:1215px;height:1558px;position:absolute;top:-478px;left:-308px}.listenary-goal-card h3,.listenary-ui-title-row h2,.listenary-outcome-block h2{color:#333;font-family:Archivo, var(--font-serif);font-size:30px;font-weight:var(--weight-semibold);margin:0;line-height:normal}.listenary-goal-card h3{color:var(--listenary-main)}.listenary-goal-card ul{color:#333;width:825px;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);margin:24px 0 0;padding-left:33px;line-height:normal}.listenary-goal-card li{margin-bottom:12px}.listenary-goal-card li:last-child{margin-bottom:0}.listenary-goal-card strong{font-weight:var(--weight-semibold)}.listenary-iteration-rows{z-index:4;border-top:1px solid #3333;width:1920px;display:grid;position:absolute;top:505px;left:0}.listenary-iteration-row{border-bottom:1px solid #3333;grid-template-columns:46px 250px 13px 623px;align-items:center;column-gap:17px;height:74px;padding-left:87px;display:grid;position:relative}.listenary-iteration-row__icon{object-fit:contain;width:46px;height:46px}.listenary-iteration-row h3,.listenary-iteration-row p,.listenary-iteration-row__dash{color:#333;font-family:"Roboto Flex", var(--font-sans);margin:0;line-height:normal}.listenary-iteration-row h3{font-size:22px;font-weight:var(--weight-medium);line-height:24px}.listenary-iteration-row p,.listenary-iteration-row__dash{font-size:18px;font-weight:var(--weight-light);line-height:20px}.listenary-iteration-row__dash{letter-spacing:2px;font-family:Cutive Mono,monospace;font-size:20px}.listenary-phone-visuals{z-index:3;align-items:flex-start;gap:24px;display:flex;position:absolute;top:484px;left:1092px}.listenary-phone-visual{color:#000;width:289px;font-family:"Roboto Flex", var(--font-sans);font-size:24px;font-weight:var(--weight-light);text-align:center;margin:0;line-height:normal}.listenary-phone-visual--filter,.listenary-phone-visual--channel{width:288.5px}.listenary-phone-visual img{object-fit:fill;width:100%;height:402px;display:block}.listenary-phone-visual span{border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;width:100%;height:11px;margin-top:2px;display:block}.listenary-phone-visual figcaption{margin-top:2px}.listenary-callout{z-index:5;color:#fff;font-family:"Candal", var(--font-sans);text-align:center;margin:0;font-size:20px;font-weight:400;line-height:normal;position:absolute}.listenary-callout img,.listenary-hotlink--deploy img{z-index:-1;width:100%;height:100%;display:block;position:absolute;inset:0}.listenary-callout--live{opacity:.95;width:299px;height:75px;top:1358px;left:164px}.listenary-callout--live span{justify-content:center;align-items:center;width:231px;height:38px;display:flex;position:absolute;top:17px;left:35px}.listenary-callout--play{color:#004cb4;opacity:.95;width:325px;height:75px;top:1237px;left:1456.97px}.listenary-callout--play span{justify-content:center;align-items:center;width:254px;height:38px;display:flex;position:absolute;top:17px;left:45.54px}.listenary-hotlink--deploy{color:#fff;width:352px;height:96px;font-family:"Candal", var(--font-sans);opacity:.95;font-size:20px;font-weight:400;line-height:27px;top:1411px;left:1456.97px}.listenary-hotlink--deploy>span{width:300px;display:block;position:absolute;top:18px;left:43px}.listenary-hotlink--mvp1,.listenary-hotlink--mvp2{color:#000;font-family:"Roboto Flex", var(--font-sans);font-size:24px;font-weight:300;line-height:normal}.listenary-hotlink--mvp1{width:312px;min-height:28px;top:438px;left:147px}.listenary-hotlink--mvp2{width:156px;min-height:28px;top:1857px;left:882px}.listenary-hotlink--deploy u{text-underline-offset:.12em}.listenary-hotlink--final-url{color:#fffdfa;width:622.6px;min-height:20.24px;font-family:Inter, var(--font-sans);text-align:center;white-space:nowrap;font-size:15px;font-weight:400;line-height:1.2;top:6.75px;left:170.26px}.listenary-ui-copy{z-index:4;color:#333;width:898px;position:absolute;top:62px;left:83px}.listenary-ui-title-row{align-items:center;gap:32px;display:flex}.listenary-ui-title-row p{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);margin:0;line-height:normal}.listenary-ui-body{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);text-align:justify;gap:16px;margin-top:36px;line-height:normal;display:grid}.listenary-ui-body p,.listenary-ui-body ol,.listenary-ui-body ul{margin:0}.listenary-ui-body ol,.listenary-ui-body ul{padding-left:33px}.listenary-ui-body li{margin-bottom:5px}.listenary-ui-body strong{font-weight:var(--weight-semibold)}.listenary-a4-code-visual{z-index:2;background:#282828;border-radius:24px;justify-content:flex-start;align-items:center;width:786px;height:244px;padding:12px 24px;display:flex;position:absolute;top:608px;left:83px}.listenary-a4-code-visual img{object-fit:contain;mix-blend-mode:lighten;width:464.21px;height:220px}.listenary-a4-imac-visual{z-index:2;width:788px;height:655px;position:absolute;top:115px;left:1040px}.listenary-a4-imac-visual>img{object-fit:fill;width:100%;height:100%;display:block}.listenary-a4-screen-stage{pointer-events:none;border-radius:8px 8px 0 0;width:674px;height:379px;position:absolute;top:13px;left:99.28px;overflow:hidden}.listenary-a4-screen-image{object-fit:cover;opacity:0;width:691px;height:379px;transition:opacity .28s;display:block;position:absolute;top:0;left:-2px}.listenary-a4-screen-image.is-active{opacity:1}.listenary-a4-caption{z-index:4;color:#333;width:703px;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);text-align:center;margin:0;line-height:normal;position:absolute;top:811px;left:1124px}.listenary-a4-link-status{z-index:5;object-fit:contain;pointer-events:none;width:58px;height:58px;position:absolute;top:507px;left:1759px}.listenary-result-left{z-index:4;flex-direction:column;width:741px;display:flex;position:absolute;top:58px;left:90px}.listenary-result-left .listenary-outcome-block{color:#333;width:100%;position:static}.listenary-outcome-block--outcomes{min-height:197px}.listenary-outcome-block--reflection{margin-top:35.3853px}.listenary-outcome-block p{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);text-align:justify;margin:18px 0 0;line-height:normal}.listenary-outcome-block p+p{margin-top:12px}.listenary-outcome-block--reflection p+p{margin-top:16px}.listenary-outcome-block--reflection .listenary-reflection-question+p{margin-top:12px}.listenary-outcome-block strong{color:#3a69f8;font-family:"Candal", var(--font-sans);font-weight:400}.listenary-outcome-block .listenary-reflection-question{margin-top:18px;font-style:italic;font-weight:var(--weight-medium)!important}.listenary-tweak-visual{width:736px;min-height:183.228px;margin-top:26.3867px;position:static}.listenary-tweak-visual img{width:684px;height:151px;margin-left:26px}.listenary-tweak-visual figcaption{color:#333;font-family:"Roboto Flex", var(--font-sans);font-size:22px;font-weight:var(--weight-light);text-align:center;margin-top:5px;line-height:normal}.listenary-final-browser{width:961px;height:611px;top:129px;left:897px}.listenary-final-browser__chrome{z-index:3;width:auto;max-width:none;height:auto;display:block;position:absolute;top:-5px;left:-5px}.listenary-final-browser__content{z-index:2;background:#222;border-radius:0 0 6px 6px;width:951px;height:567px;position:absolute;top:44px;left:5px;overflow:hidden;box-shadow:0 0 0 10px #222}.listenary-final-browser__content img{object-fit:cover;border-radius:4px;width:100%;height:100%;position:absolute;inset:0;box-shadow:inset 0 0 2px #86868640}.listenary-result-state--hover{opacity:0;transition:opacity .3s ease-out}.listenary-final-browser__content:hover .listenary-result-state--hover,.listenary-final-browser__content:focus .listenary-result-state--hover{opacity:1}.listenary-url-mask{z-index:4;background:#2e2e2e;border-radius:10px;width:622.6px;height:20px;position:absolute;top:6.75px;left:170.26px}.listenary-a5-link-status{z-index:5;object-fit:contain;pointer-events:none;width:58px;height:58px;position:absolute;top:721px;left:1795px}.listenary-topbar .project-case-nav a.is-active,.listenary-topbar .project-case-nav a:hover{color:#000}@media (width<=767px){.listenary-frame p,.listenary-frame li{text-align:left}.listenary-course-note{gap:0;padding:0}.listenary-course-note>span{display:none}.listenary-frame{background:var(--listenary-soft);padding:0;display:block}.listenary-frame__visual,.listenary-frame__visual--wide{object-fit:contain;width:100%;max-width:none;height:auto;display:block;position:relative;inset:auto}.listenary-hero-hotspot,.listenary-hero-device,.listenary-icon-cloud,.listenary-media-slot,.listenary-hotlink,.listenary-title-block,.listenary-intro-copy,.listenary-course-note,.listenary-a2-blue-bg,.listenary-iteration-scroll,.listenary-iteration-canvas,.listenary-frame-heading,.listenary-mvp1-visual,.listenary-indicator,.listenary-label,.listenary-goal-card,.listenary-iteration-rows,.listenary-phone-visuals,.listenary-computer-visual,.listenary-callout,.listenary-ui-copy,.listenary-a4-code-visual,.listenary-a4-imac-visual,.listenary-a4-caption,.listenary-a4-link-status,.listenary-outcome-block,.listenary-result-left,.listenary-tweak-visual,.listenary-final-browser,.listenary-a5-link-status{display:none}}@media (prefers-reduced-motion:reduce){.listenary-icon-cloud__item,.listenary-a4-screen-image,.listenary-result-state--hover{transition:none}}@media (width<=767px){.listenary-frame--intro{isolation:isolate}.listenary-frame--intro:before{inset:var(--case-frame-border-width);border-radius:calc(var(--case-frame-radius) - var(--case-frame-border-width))}.listenary-frame{gap:24px;padding:24px 16px;display:grid}.listenary-frame__visual--mobile-fallback,.listenary-icon-cloud,.listenary-hero-hotspot,.listenary-a2-blue-bg,.listenary-indicator,.listenary-callout img,.listenary-hotlink--deploy img,.listenary-a4-link-status,.listenary-a5-link-status,.listenary-url-mask,.listenary-final-browser__chrome{display:none}.listenary-title-block,.listenary-intro-copy,.listenary-course-note,.listenary-hero-device,.listenary-iteration-scroll,.listenary-iteration-canvas,.listenary-frame-heading,.listenary-mvp1-visual,.listenary-label,.listenary-goal-card,.listenary-iteration-rows,.listenary-phone-visuals,.listenary-computer-visual,.listenary-callout,.listenary-hotlink,.listenary-ui-copy,.listenary-a4-code-visual,.listenary-a4-imac-visual,.listenary-a4-caption,.listenary-result-left,.listenary-outcome-block,.listenary-tweak-visual,.listenary-final-browser{width:100%;max-width:100%;height:auto;min-height:0;margin:0;display:block;position:relative;inset:auto;overflow:visible;transform:none}.listenary-title-block{align-items:flex-start;gap:16px;display:flex}.listenary-title-block__number{width:auto;height:auto}.listenary-title-block__text,.listenary-title-block h1,.listenary-title-block p{white-space:normal;width:auto;height:auto;position:static}.listenary-tech-stack{gap:16px;width:100%;padding:16px}.listenary-title-block p{margin-top:12px}.listenary-iteration-canvas,.listenary-ui-copy,.listenary-result-left{gap:24px;display:grid}.listenary-goal-card{padding:20px}.listenary-goal-card ul,.listenary-ui-body{width:100%;margin-top:16px}.listenary-goal-card:before,.listenary-iteration-row__dash{display:none}.listenary-iteration-row{grid-template-columns:32px minmax(0,1fr);gap:12px;width:100%;height:auto;padding:16px 0}.listenary-iteration-row__icon{width:32px;height:32px}.listenary-iteration-row p{grid-column:2}.listenary-phone-visuals{gap:24px;display:grid}.listenary-phone-visual,.listenary-phone-visual--filter,.listenary-phone-visual--channel{width:min(100%,320px);margin-inline:auto}.listenary-frame .listenary-mvp1-visual img,.listenary-phone-visual img,.listenary-a4-code-visual img,.listenary-tweak-visual img{object-fit:contain;width:100%;height:auto;margin:0}.listenary-computer-visual{aspect-ratio:1500/1267}.listenary-computer-shell{object-fit:contain}.listenary-computer-screen{width:94.495%;height:63.003%;top:2.92%;left:2.696%}.listenary-callout,.listenary-hotlink--deploy{color:var(--listenary-main);text-align:left;font-size:var(--mobile-type-meta);line-height:1.5}.listenary-callout--live span,.listenary-callout--play span,.listenary-hotlink--deploy>span{width:auto;height:auto;position:static}.listenary-ui-title-row{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.listenary-a4-code-visual{padding:16px}.listenary-a4-imac-visual{aspect-ratio:788/655}.listenary-a4-screen-stage{width:85.533%;height:57.863%;top:1.985%;left:12.599%}.listenary-a4-screen-image{width:102.522%;height:100%;left:-.297%}.listenary-final-browser__content{aspect-ratio:951/567;width:100%;height:auto;box-shadow:none;border:2px solid #222;border-radius:6px;position:relative;inset:auto}.listenary-hotlink--final-url{color:var(--listenary-main);white-space:normal;margin-top:16px}.listenary-mobile-hero-visual{width:100vw;margin-inline:calc(-2 * var(--case-mobile-gutter) - var(--case-frame-border-width));position:relative;overflow:hidden}.listenary-mobile-hero-visual .listenary-hero-device{width:calc((100vw - 4 * var(--case-mobile-gutter) - 2 * var(--case-frame-border-width)) * 1.3);max-width:none;height:auto;left:50%;transform:translate(-56.2%)}.listenary-mobile-mvp1,.listenary-mobile-demo,.listenary-mobile-demo-cta{gap:12px;min-width:0;display:grid}.listenary-mobile-mvp-caption{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0;display:grid}.listenary-mobile-mvp-caption>*{text-align:left;white-space:normal}.listenary-mobile-demo>:is(.listenary-hotlink--mvp2,.listenary-callout--live),.listenary-mobile-demo-cta>:is(.listenary-callout,.listenary-hotlink){text-align:center}.listenary-mobile-demo .listenary-computer-visual{justify-self:center;width:100%}.listenary-mobile-demo .listenary-phone-visuals{margin-top:12px}}.fang-yuan-page{--case-frame-border-color:#fff;--case-frame-background:#e3d6ed;--project-accent-color:#ff984a;--project-number-color:#7a1fa0;--project-title-color:#7a1fa0;--fy-indigo:#322b80;--fy-copy:#4f4c75;--fy-deep-copy:#32314b;color:var(--fy-copy);font-family:var(--font-sans)}.fang-yuan-shell{background:#fff}.fang-yuan-frame{background:var(--case-frame-background);overflow:hidden}.fang-yuan-topbar .project-case-nav a.is-active,.fang-yuan-topbar .project-case-nav a:hover{color:#000}.fy-fill-image{object-fit:cover;width:100%;height:100%}.fy-copy h2,.fy-copy h3,.fy-a2-left h2,.fy-a2-painpoints h2,.fy-a2-brainstorm h2,.fy-a3-card h2,.fy-a4-title,.fy-a5-scan,.fy-a5-ui-title,.fy-a6-title{font-family:"Archivo", var(--font-sans);margin:0;font-weight:600;line-height:1.1}.fy-copy h2,.fy-a2-left h2,.fy-a2-painpoints h2,.fy-a2-brainstorm h2,.fy-a3-card h2,.fy-a4-title,.fy-a5-scan,.fy-a5-ui-title,.fy-a6-title{font-size:30px}.fy-copy h3{font-family:var(--font-sans);text-shadow:0 0 4px #887fbee6;text-transform:capitalize;font-size:22px;font-weight:900;line-height:1.18}.fy-copy p,.fy-a2-left p,.fy-a2-painpoints p,.fy-a2-brainstorm p,.fy-a3-card p,.fy-a3-card li,.fy-a3-component p,.fy-a4-caption-row p,.fy-a5-steps,.fy-a6-copy{font-family:var(--font-sans);margin:0;line-height:normal}.fy-copy--light{color:#fff}.fy-copy--light p{text-align:justify;font-size:20px;font-weight:400}.fy-hero-title{z-index:3;align-items:flex-end;gap:40px;width:1288px;height:95px;display:flex;position:absolute;top:47px;left:78px}.fy-hero-number{color:#7a1fa0;width:122px;height:92px;font-family:var(--font-sans);margin:0;font-size:128px;font-weight:500;line-height:.72}.fy-hero-title h1{color:#7a1fa0;width:1126px;font-family:var(--font-display);margin:0;font-size:64px;font-weight:700;line-height:.96}.fy-hero-title p:last-child{color:#282b6c;font-family:var(--font-display);margin:5px 0 0;font-size:24px;font-weight:400;line-height:1}.fy-a1-photo-bg{z-index:1;mix-blend-mode:hard-light;border-radius:30px;width:1779px;height:715px;position:absolute;top:188px;left:48px;overflow:hidden}.fy-a1-gradient-panel{z-index:2;background:linear-gradient(#4f4c75ed,#4f4c75c9);border-radius:30px;width:1866px;height:715px;position:absolute;top:188px;left:27px}.fy-a1-content{z-index:3;justify-content:center;align-items:flex-end;gap:45px;width:1763px;height:648px;display:flex;position:absolute;top:222px;left:78px}.fy-a1-column{flex-direction:column;align-items:flex-start;display:flex}.fy-a1-column--wide{gap:20px;width:548px;height:648px}.fy-a1-column--middle{gap:37px;width:398px;height:610px}.fy-a1-column--media{width:721px;height:611px}.fy-a1-background-copy{width:526px}.fy-a1-heading-row{width:523px;height:33px;margin-bottom:16px;position:relative}.fy-a1-heading-row h2{color:#fff}.fy-a1-heading-row span{color:#fff;white-space:nowrap;font-size:22px;font-weight:200;position:absolute;top:6px;left:190px}.fy-stat-card,.fy-law-card{color:#fff;border:1px solid #fff;border-radius:20px;align-items:center;display:flex;position:relative;box-shadow:0 0 4px #fff}.fy-stat-card{justify-content:center;gap:23px;width:548px;height:66px}.fy-stat-card strong{color:#ff984a;font-family:"Archivo Black", var(--font-sans);font-size:32px;font-weight:400}.fy-stat-card span{font-family:"Archivo Black", var(--font-sans);font-size:24px}.fy-stat-card__icon{width:36px;height:42px}.fy-law-card{width:548px;height:86px;padding:16px 26px}.fy-law-card strong{width:205px;font-family:"Archivo Black", var(--font-sans);font-size:16px}.fy-law-card__vector{width:349px;height:44px;position:absolute;top:21px;left:158px}.fy-law-card__arrow{width:37px;height:37px;position:absolute;top:22px;left:352px;transform:rotate(90deg)}.fy-a1-research-chart{object-fit:fill;mix-blend-mode:screen;width:548px;height:154px}.fy-a1-boy-girl{width:398px;height:74px}.fy-a1-rural-media{object-fit:cover;border-radius:20px;width:721px;height:477px;margin-top:10px}.fy-a2-panel{background:linear-gradient(#4f4c75 7.3%,#4f4c75c2 100%);border:1px solid #fff;border-radius:50px;width:1861px;height:897px;position:absolute;top:23px;left:28px}.fy-a2-left{z-index:2;color:#fff;flex-direction:column;gap:12px;width:907px;height:816px;display:flex;position:absolute;top:58px;left:75px}.fy-a2-left h2,.fy-a2-painpoints h2,.fy-a2-brainstorm h2{color:#fff}.fy-a2-intro{text-align:justify;width:907px;font-size:20px}.fy-a2-study-stack{flex-direction:column;gap:16px;width:907px;display:flex}.fy-a2-media-row{align-items:flex-end;gap:20px;width:907px;display:flex}.fy-a2-culture-photos{object-fit:cover;width:355px;height:242px}.fy-a2-surveys{flex-direction:column;gap:8px;width:525px;margin:0;display:flex}.fy-a2-surveys figcaption{color:#fff;text-transform:capitalize;justify-content:space-between;align-items:center;width:525px;font-size:20px;font-weight:800;line-height:1.1;display:flex}.fy-a2-surveys-image{object-fit:cover;object-position:center;width:525px;height:242px}.fy-a2-questionnaire{color:#fff;text-align:justify;border:1px solid #fff;border-radius:20px;justify-content:center;align-items:center;width:907px;min-height:109px;padding:20px 30px;font-size:20px;font-style:italic;font-weight:600;display:flex}.fy-a2-insights{align-items:center;gap:20px;width:907px;height:269px;display:flex}.fy-a2-insight-card,.fy-a2-preference-card{border-radius:20px;height:269px}.fy-a2-insight-card{color:#4f4c75;background:linear-gradient(#4f4c751a,#4f4c7514),#fff;border:1px solid #424060;width:354px;padding:29px 28px}.fy-a2-insight-card h3{margin:0 0 18px;font-size:24px;font-weight:900}.fy-a2-insight-card p{text-align:justify;font-size:20px}.fy-a2-insight-card p+p{margin-top:4px}.fy-a2-preference-card{color:#fff;background:linear-gradient(#4f4c75,#4f4c75c9);border:1px solid #fff;width:521px;padding:28px 45px}.fy-a2-preference-vector{width:430px;height:42px;margin-bottom:18px;display:block}.fy-a2-preference-card p{text-align:justify;width:430px;font-size:20px}.fy-a2-painpoints{z-index:2;color:#fff;width:825px;position:absolute;top:70px;left:1031px}.fy-a2-painpoints-panel{border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:825px;height:194px;padding:12px 24px;display:flex;position:absolute;top:47px;left:0}.fy-a2-painpoints-image{object-fit:cover;mix-blend-mode:hard-light;width:775px;height:110px}.fy-a2-painpoint-labels{color:#fff;text-align:center;text-transform:capitalize;align-items:center;gap:36px;font-size:20px;font-weight:800;line-height:1.2;display:flex}.fy-a2-painpoint-labels p{width:165px}.fy-a2-painpoint-labels p:first-child{width:118px}.fy-a2-painpoint-labels p:nth-child(2){width:189px}.fy-a2-brainstorm{z-index:2;color:#fff;flex-direction:column;gap:21px;width:825px;display:flex;position:absolute;top:325px;left:1031px}.fy-a2-brainstorm-image{object-fit:cover;width:808px;height:417px}.fy-a2-brainstorm p{color:#fff;text-align:justify;width:783px;font-size:20px;font-style:italic;font-weight:700}.fy-a3-photo{border-radius:49px;width:1600px;height:864px;position:absolute;top:34px;left:289px;overflow:hidden}.fy-a3-photo .fy-fill-image{object-position:bottom}.fy-a3-photo:after{content:"";pointer-events:none;background:linear-gradient(43deg,#d7d0ed 24.4%,#d7d0ed00 36.7%),linear-gradient(189deg,#d7d0ed 8.2%,#d7d0ed00 18.9%);border-radius:49px;position:absolute;inset:0}.fy-a3-card{z-index:2;background:#fff;border:1px solid #fff;border-radius:30px;width:644px;height:864px;padding:36px 38px;position:absolute;top:34px;left:28px}.fy-a3-card h2{width:226px;color:var(--fy-indigo);position:absolute;top:45px;left:45px}.fy-a3-card p,.fy-a3-card li{color:var(--fy-copy);text-align:justify;font-size:20px}.fy-a3-lead{width:226px;font-weight:300;position:absolute;top:102px;left:45px}.fy-a3-sketch{object-fit:cover;mix-blend-mode:multiply;width:301px;height:328px;position:absolute;top:36px;left:286px}.fy-a3-parts{object-fit:cover;object-position:bottom;width:586px;height:422px;position:absolute;top:208px;left:20px}.fy-a3-card ul{width:549px;margin:0;padding-left:22px;position:absolute;top:638px;left:45px}.fy-a3-card>p:last-child{width:549px;position:absolute;top:700px;left:45px}.fy-fang{color:#6cb0ff;font-family:"Archivo Black", var(--font-sans);font-weight:400}.fy-yuan{color:#fcb0fc;font-family:"Archivo Black", var(--font-sans);font-weight:400}.fy-a3-component{z-index:4;outline:none;width:707px;height:755px;position:absolute;top:84px;left:1153px}.fy-a3-component-default,.fy-a3-component-hover{transition:opacity .3s ease-out;position:absolute;inset:0}.fy-a3-component-hover{opacity:0;pointer-events:none;width:719px;height:792px;padding:0;top:0;left:0;right:auto}.fy-a3-component:hover .fy-a3-component-default,.fy-a3-component:focus-visible .fy-a3-component-default{opacity:0}.fy-a3-component:hover .fy-a3-component-hover,.fy-a3-component:focus-visible .fy-a3-component-hover{opacity:1}.fy-a3-component-hover h3{width:258px;color:var(--fy-indigo);font-family:"Archivo", var(--font-sans);white-space:nowrap;margin:0;font-size:30px;font-weight:600;line-height:19px;position:absolute;top:0;left:461px}.fy-a3-realization-card,.fy-a3-realization-paint{color:var(--fy-copy);border-radius:25px;position:absolute;overflow:hidden}.fy-a3-realization-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;width:352px;height:359px;top:39px}.fy-a3-realization-card--uv{left:0}.fy-a3-realization-card--magnet{left:367px}.fy-a3-realization-card h4,.fy-a3-realization-paint h4{color:var(--fy-copy);font-family:"PingFang SC", var(--font-sans);letter-spacing:-.01em;text-transform:capitalize;margin:0;padding-left:30px;font-size:20px;font-weight:700;line-height:19px;position:absolute}.fy-a3-realization-card h4:before,.fy-a3-realization-paint h4:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:10px}.fy-a3-realization-card h4{width:270px;top:32.36px;left:42px}.fy-a3-realization-card p,.fy-a3-realization-paint p{color:var(--fy-copy);font-family:var(--font-sans);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:400;line-height:19px;position:absolute}.fy-a3-realization-card p{width:270px;top:75.36px;left:42px}.fy-a3-realization-card--magnet h4,.fy-a3-realization-card--magnet p{width:266px;left:37px}.fy-a3-realization-image{object-fit:cover;display:block;position:absolute}.fy-a3-realization-image--uv{width:270px;height:194px;top:142px;left:42px}.fy-a3-realization-image--magnet{width:226.5px;height:170px;top:151px;left:37px}.fy-a3-realization-paint{background:#ffffffe6;width:719px;height:360.615px;top:418px;left:0}.fy-a3-realization-paint-bg{object-fit:cover;opacity:.2;mix-blend-mode:darken;border-radius:25px;width:508.716px;height:360.065px;position:absolute;top:0;left:210.284px}.fy-a3-realization-image--airbrush{width:276.5px;height:306.5px;top:27.74px;left:36.11px}.fy-a3-realization-paint-copy{flex-direction:column;justify-content:space-between;width:353.66px;height:306.5px;display:flex;position:absolute;top:27.74px;left:336.61px}.fy-a3-realization-paint-copy div{min-height:125px;position:relative}.fy-a3-realization-paint h4{width:353.66px;top:0;left:0}.fy-a3-realization-paint p{width:350.47px;position:relative}.fy-a3-realization-paint h4+p{top:43px}.fy-a3-feature-pill{border:1px solid var(--fy-indigo);background:#fffffff2;border-radius:1000px;width:389px;height:122px;position:absolute;top:0;right:0}.fy-a3-feature-pill strong{color:var(--fy-indigo);font-size:20px;line-height:19px;position:absolute;top:12px;left:81px}.fy-a3-feature-pill span{align-items:center;gap:22px;display:flex;position:absolute;top:49px;left:51px}.fy-a3-play{width:14px;height:11px;position:absolute;top:10px;left:59px}.fy-a3-icon{object-fit:contain;filter:drop-shadow(0 4px 4px #4f4c7533)}.fy-a3-icon:first-child{width:82px;height:50px}.fy-a3-icon:nth-child(2){width:74px;height:45px}.fy-a3-icon:nth-child(3){width:93px;height:53px}.fy-a3-component-default>p{width:380px;color:var(--fy-deep-copy);text-align:right;font-size:20px;font-weight:300;line-height:19px;position:absolute;top:135px;right:9px}.fy-a3-link-status{z-index:5;width:58px;height:58px;position:absolute;top:161px;left:1807px}.fy-white-panel,.fy-a5-panel{border:1px solid #fff;border-radius:49px;position:absolute}.fy-white-panel{background:#fff;width:1861px;height:885px;top:23px;left:28px}.fang-yuan-frame--package .fy-white-panel{overflow:hidden}.fy-a4-package-composite-image{object-fit:contain;pointer-events:none;width:1008px;height:auto;display:block;position:absolute;bottom:0;right:0}.fy-a4-title{z-index:3;color:var(--fy-indigo);position:absolute;top:62px;left:72px}.fy-a4-panel{z-index:3;object-fit:fill;width:1212px;position:absolute;left:72px}.fy-a4-panel--top{height:282px;top:130px}.fy-a4-panel--bottom{height:278px;top:513px}.fy-a4-caption-row{z-index:4;width:1212px;color:var(--fy-copy);font-size:20px;line-height:normal;display:flex;position:absolute;left:72px}.fy-a4-caption-row--top{gap:22px;top:428px}.fy-a4-caption-row--bottom{align-items:center;gap:36px;top:807px}.fy-a4-caption-row p{text-align:left;font-size:20px}.fy-a4-caption-row p:first-child{width:376px}.fy-a4-caption-row p:nth-child(2){width:394px}.fy-a4-caption-row p:nth-child(3){width:368px}.fy-a5-panel{background:linear-gradient(#4f4c75 7.3%,#4f4c75c2 100%);width:1861px;height:885px;top:27px;left:28px}.fy-a5-scan,.fy-a5-ui-title{z-index:2;color:#fff;position:absolute}.fy-a5-scan{width:559.2px;top:76px;left:75.8px}.fy-a5-ui-title{width:394.5px;top:106px;left:687.3px}.fy-a5-qr{z-index:2;object-fit:cover;width:585px;height:369px;position:absolute;top:133px;left:28px}.fy-a5-select-gender-label{z-index:4;color:#fff;width:169.4px;font-family:var(--font-sans);margin:0;font-size:20px;font-weight:700;line-height:normal;position:absolute;top:334px;left:425.5px}.fy-a5-ui{z-index:2;object-fit:contain;width:1154px;height:859px;position:absolute;top:72px;left:697px}.fy-a5-friends{z-index:3;color:#fff;width:195.7px;font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:normal;position:absolute;top:373px;left:438.7px}.fy-a5-friends .fy-fang,.fy-a5-friends .fy-yuan{font-family:var(--font-sans);font-weight:400}.fy-a5-steps{z-index:3;color:#fff;width:559.2px;height:359px;font-size:20px;display:block;position:absolute;top:514px;left:75.8px}.fy-a5-steps:before{z-index:-1;content:"";opacity:.72;border:2px solid #fff;border-radius:24px;position:absolute;inset:0}.fy-a5-step{position:absolute;top:30px}.fy-a5-step--one{width:280px;left:24px}.fy-a5-step--two{width:204px;left:303px}.fy-a5-steps h3{color:#c4abf3;font-family:"Archivo Black", var(--font-sans);margin:0 0 8px;font-size:24px;font-weight:400;line-height:normal}.fy-a5-steps p{font-family:var(--font-sans);margin:0;font-size:20px;line-height:normal}.fy-a5-step-copy{font-weight:400}.fy-a5-step-copy strong{font-weight:700}.fy-a5-step-copy--identity,.fy-a5-step-copy--gender{margin-bottom:12px!important}.fy-a5-step-copy--identity{width:280px}.fy-a5-step-copy--designation{width:256px}.fy-a5-step-copy--gender{width:204px}.fy-a5-step-copy--customize{width:188px}.fy-a5-family{width:511px;font-size:20px;line-height:normal;position:absolute;top:208px;left:24px}.fy-a5-family-title,.fy-a5-family-body{display:block}.fy-a5-family-title{font-weight:500}.fy-a5-family-body{font-weight:300}.fy-a5-ui-text-group{z-index:6;pointer-events:none;position:absolute;inset:0;transform:translateY(-30px)}.fy-a5-intro{z-index:3;color:#fff;width:394.5px;font-family:var(--font-sans);font-size:20px;font-weight:200;line-height:normal;position:absolute;top:142px;left:687.3px}.fy-a5-intro strong{font-weight:800}.fy-a5-label,.fy-a5-press{z-index:4;color:#fff;font-family:"Roboto Condensed", var(--font-sans);text-align:center;font-size:18px;font-weight:800;line-height:normal;position:absolute}.fy-a5-label--wear{width:109.5px;top:146px;left:1144.7px}.fy-a5-label--auto{width:156.2px;top:146px;left:1311px}.fy-a5-label--consensus{text-align:right;width:176.4px;top:103px;left:1671px}.fy-a5-label--fang{text-align:right;width:105.5px;top:584px;left:1188.3px}.fy-a5-label--thinking{width:139.9px;top:821px;left:1508.7px}.fy-a5-press{width:82.1px;font-family:var(--font-sans);font-weight:900;top:514px;left:994.6px}.fy-a5-scenario{z-index:5;border-radius:10px;outline:none;display:block;position:absolute;overflow:hidden}.fy-a5-scenario--seaside{width:169px;height:114px;top:201px;left:687.3px}.fy-a5-scenario--birthday{width:169px;height:113px;top:201px;left:862.3px}.fy-a5-scenario--kindergarden{width:169px;height:113px;top:321px;left:687.3px}.fy-a5-scenario--hospital{width:171px;height:115px;top:321px;left:862.3px}.fy-a5-scenario__face{border-radius:10px;transition:opacity .3s ease-out;position:absolute;inset:0;overflow:hidden}.fy-a5-scenario__face--image{opacity:1}.fy-a5-scenario__face--info{opacity:0;background:#fff;border:1.5px solid #0d2c91}.fy-a5-scenario:hover .fy-a5-scenario__face--image,.fy-a5-scenario:focus-visible .fy-a5-scenario__face--image{opacity:0}.fy-a5-scenario:hover .fy-a5-scenario__face--info,.fy-a5-scenario:focus-visible .fy-a5-scenario__face--info{opacity:1}.fy-a5-scenario:focus-visible{box-shadow:0 0 0 3px #ffffffb3}.fy-a5-scenario__atlas{object-fit:fill;width:209.79%;max-width:none;height:214.58%;position:absolute}.fy-a5-scenario__atlas--seaside{top:0;left:0}.fy-a5-scenario__atlas--birthday{top:0;left:-109.79%}.fy-a5-scenario__atlas--kindergarden{top:-114.58%;left:0}.fy-a5-scenario__atlas--hospital{top:-114.58%;left:-109.79%}.fy-a5-scenario__heading{color:var(--scenario-accent);font-family:"RotondaC", "Roboto Condensed", var(--font-sans);text-align:center;margin:0;font-weight:700;line-height:19px;position:absolute;top:15.59%;left:4.05%;right:4.05%}.fy-a5-scenario__heading span,.fy-a5-scenario__heading strong{display:block}.fy-a5-scenario__heading span{font-size:13px}.fy-a5-scenario__heading strong{font-size:20px;font-weight:700}.fy-a5-scenario__face--info p{color:#292664;font-family:var(--font-sans);text-align:center;margin:0;font-size:16px;font-weight:300;line-height:19px;position:absolute;top:54.61%;left:8.5%;right:8.5%}.fy-a5-scenario--seaside .fy-a5-scenario__face--info p{color:#103197;left:11.49%;right:11.49%}.fy-white-panel--a6{height:897px;top:20px;left:29px}.fy-a6-left-screens{z-index:3;object-fit:cover;width:578px;height:1018px;position:absolute;top:-101px;left:61px}.fy-a6-title{z-index:4;color:#747191;position:absolute;top:58px;left:695px}.fy-a6-copy{z-index:4;color:var(--fy-copy);font-size:20px;line-height:25px;position:absolute}.fy-a6-copy--lead{text-transform:capitalize;width:368px;top:119px;left:695px}.fy-a6-copy--lead strong{font-weight:900}.fy-a6-copy--doctor{width:273px;top:259px;left:695px}.fy-a6-ar-composite{z-index:2;border-radius:0 49px 49px 0;width:1216px;height:897px;position:absolute;top:20px;left:674px;overflow:hidden}.fy-a6-ar-composite-image{object-fit:fill;width:1216px;height:881px;position:absolute;top:16px;left:0}.fy-a6-copy--result{width:470px;line-height:normal;top:798px;left:995px}.fy-a6-downloads{z-index:5;width:345px;color:var(--fy-copy);align-items:flex-start;gap:24px;display:flex;position:absolute;top:758px;left:1505px}.fy-a6-downloads figure{flex-direction:column;align-items:center;gap:6px;width:99px;margin:0;display:flex}.fy-a6-downloads figcaption{text-align:center;white-space:nowrap;width:99px;font-size:11px;font-weight:500;line-height:1.2}.fy-a6-download-image{object-fit:cover;width:99px;height:99px}.fy-a6-app-icon{object-fit:cover;border-radius:20px;width:99px;height:100px}@media (prefers-reduced-motion:reduce){.fy-a3-component-default,.fy-a3-component-hover,.fy-a5-scenario__face{transition:none}}@media (width<=767px){.fang-yuan-shell{background:#e3d6ed}.fang-yuan-page .fang-yuan-frame--interface{background:#fff}.fang-yuan-frame--interface :is(.fy-a6-title,.fy-a6-copy,.fy-a6-downloads figure){color:var(--fy-copy)}.fang-yuan-frame{background:var(--case-frame-background);gap:20px;padding:24px;display:grid}.fang-yuan-frame>*{z-index:auto!important;width:100%!important;height:auto!important;position:relative!important;inset:auto!important;transform:none!important}.fy-a5-ui-text-group{display:contents;transform:none}.fy-a5-ui-text-group>*{z-index:auto!important;width:100%!important;height:auto!important;position:relative!important;inset:auto!important;transform:none!important}.fy-a1-photo-bg,.fy-a1-gradient-panel,.fy-a2-panel,.fy-a3-photo,.fy-white-panel,.fy-a5-panel,.fy-a6-ar-composite{display:none}.fy-hero-title,.fy-a1-content,.fy-a2-left,.fy-a2-study-stack,.fy-a2-media-row,.fy-a2-insights,.fy-a4-caption-row,.fy-a5-steps,.fy-a6-downloads{grid-template-columns:1fr;display:grid}.fy-hero-number{width:auto}.fy-copy--light,.fy-a2-left,.fy-a2-painpoints,.fy-a2-brainstorm,.fy-a5-steps,.fy-a5-intro,.fy-a5-friends,.fy-a5-select-gender-label,.fy-a5-label,.fy-a5-press{color:var(--fy-copy)}.fy-stat-card,.fy-law-card,.fy-a2-questionnaire,.fy-a2-painpoints-panel,.fy-a5-steps:before{box-shadow:none;border-color:#4f4c7559}.fy-stat-card span,.fy-law-card,.fy-a2-left h2,.fy-a2-painpoints h2,.fy-a2-brainstorm h2,.fy-a5-scan,.fy-a5-ui-title{color:var(--fy-copy)}.fy-a3-component-default,.fy-a3-component-hover{opacity:1;position:relative}.fy-a3-component-hover{display:none}.fy-a5-scenario{width:170px!important;height:114px!important}.fy-a1-rural-media,.fy-a2-culture-photos,.fy-a2-surveys-image,.fy-a2-painpoints-image,.fy-a2-brainstorm-image,.fy-a3-sketch,.fy-a3-parts,.fy-a4-panel,.fy-a5-qr,.fy-a5-ui,.fy-a6-left-screens,.fy-a6-download-image,.fy-a6-app-icon{object-fit:contain;max-width:100%}.fang-yuan-frame{grid-template-columns:minmax(0,1fr);padding:24px 16px}.fang-yuan-page{--case-frame-background:#4f4c75;color:#fff}.fy-copy,.fy-a2-left,.fy-a2-painpoints,.fy-a2-brainstorm,.fy-a4-caption-row,.fy-a5-steps,.fy-a5-ui-text-group,.fy-a6-copy,.fy-a6-title,.fy-a5-scan,.fy-a5-select-gender-label,.fy-a5-friends,.fy-a5-intro,.fy-a5-label,.fy-a5-press{color:#fff}.fy-a3-card,.fy-a3-realization-card,.fy-a3-realization-paint,.fy-a2-insight-card{color:var(--fy-copy)}.fang-yuan-frame .fy-hero-number,.fy-hero-title h1,.fy-hero-title p:last-child{color:#fff}.fy-a3-sketch{mix-blend-mode:multiply}.fang-yuan-frame :where(h1,h2,h3,h4,p,ul,figcaption){max-width:100%;min-height:0;line-height:1.5;white-space:normal!important;width:auto!important;height:auto!important;position:static!important;inset:auto!important;transform:none!important}.fang-yuan-frame p,.fang-yuan-frame li,.fang-yuan-frame figcaption{text-align:left}.fy-a5-scenario__heading{font-size:20px}.fy-a5-scenario__face--info p{font-size:16px}.fang-yuan-frame h2{color:inherit}.fy-a1-column,.fy-copy,.fy-stat-card,.fy-law-card,.fy-a2-surveys,.fy-a2-insight-card,.fy-a2-preference-card,.fy-a2-painpoints-panel,.fy-a2-study-stack,.fy-a2-media-row,.fy-a2-insights,.fy-a3-card,.fy-a3-component,.fy-a3-component-default,.fy-a3-component-hover,.fy-a3-realization-card,.fy-a3-realization-paint,.fy-a3-realization-paint-copy,.fy-a5-step,.fy-a5-family,.fy-a6-ar-composite{grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:100%;height:auto;min-height:0;margin:0;display:grid;position:relative;inset:auto;overflow:visible;transform:none}.fy-a1-heading-row,.fy-a4-caption-row,.fy-a2-painpoint-labels{gap:12px;width:100%;height:auto;display:grid;position:static}.fy-a1-heading-row>span{white-space:normal;color:#fff;position:static}.fy-a3-card,.fy-a3-realization-card,.fy-a3-realization-paint{border-radius:8px;padding:20px}.fy-a3-component-default,.fy-a3-component-hover,.fy-a3-component:hover .fy-a3-component-default,.fy-a3-component:focus-visible .fy-a3-component-default{opacity:1;pointer-events:auto}.fy-a3-feature-pill{width:100%;height:auto;padding:12px 16px;display:block;position:static}.fy-a3-feature-pill>strong{display:block;position:static}.fy-a3-feature-pill>span,.fy-a1-boy-girl,.fy-law-card__arrow,.fy-a3-play,.fy-a3-link-status,.fy-a3-realization-paint-bg{display:none}.fang-yuan-frame img:not(.fy-a5-scenario__atlas):not(.fy-stat-card__icon){object-fit:contain;width:100%;max-width:100%;height:auto;position:static}:is(.fy-white-panel:has(.fy-a4-package-composite-image),.fy-a6-ar-composite){background:0 0;display:block}.fy-a5-scenario{gap:12px;display:grid;width:100%!important;height:auto!important}.fy-a5-scenario__face{width:100%;height:auto;position:relative;inset:auto;opacity:1!important}.fy-a5-scenario__face--image{aspect-ratio:170/114}.fy-a5-scenario__face--info{padding:16px}.fy-a5-scenario__heading,.fy-a5-scenario__face--info p{margin:0}.fy-a5-ui-text-group{display:contents}.fy-a5-friends{order:1}.fy-a5-steps{order:2}.fy-a5-ui-title{order:3}.fy-a5-intro{order:4}.fy-a5-scenario{order:5}.fy-a5-ui{order:6}.fy-a5-label,.fy-a5-press{order:7}.fy-a5-ui-text-group>*{margin:0}.fy-a6-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fy-a6-downloads figure{color:#fff;width:100%}.fy-stat-card,.fy-law-card{flex-wrap:wrap;gap:12px;padding:16px;display:flex}.fang-yuan-frame--product{color:var(--fy-copy);background:#d7d0ed}.fy-mobile-wash{isolation:isolate;background:#d7d0ed;border-radius:8px;align-items:stretch;min-height:540px;padding:20px;display:grid;position:relative;overflow:hidden}.fy-mobile-wash .fy-a3-photo{z-index:-1;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.fang-yuan-frame .fy-mobile-wash .fy-a3-photo .fy-fill-image{object-fit:cover;object-position:58% center;width:100%;height:100%}.fy-mobile-wash .fy-a3-photo:after{border-radius:inherit}.fy-mobile-wash .fy-a3-component-default{color:var(--fy-copy);grid-template-rows:auto 1fr;align-items:start;gap:12px}.fy-mobile-wash .fy-a3-component-default>p{color:var(--fy-deep-copy);background:#d7d0edeb;border-radius:8px;align-self:end;margin:0;padding:12px}#fang-yuan-uiux>:not(.fy-mobile-ui-content){display:none}.fy-mobile-ui-content,.fy-mobile-process,.fy-mobile-flow-notes{gap:20px;min-width:0;display:grid}.fy-mobile-process{gap:28px}.fy-mobile-process-card{border:2px solid #fff;border-radius:24px;gap:12px;min-width:0;padding:16px;display:grid}.fy-mobile-process-card :is(.fy-a5-step,.fy-a5-family){gap:10px}.fy-mobile-process-card p{margin:0}.fy-mobile-process-card .fy-a5-family{margin-top:8px}.fy-mobile-process-card .fy-a5-family>span{display:block}.fy-mobile-ui-content>:is(h2,p,img){margin:0}.fy-mobile-ui-content>*{order:0}.fy-mobile-scenario-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-inline:12px;display:grid}.fy-mobile-scenarios-group{gap:28px;min-width:0;margin-block:4px;padding-block:12px;display:grid}.fy-mobile-flow-group{gap:12px;min-width:0;display:grid}.fy-mobile-flow-group>.fy-mobile-flow-notes{display:none}.fy-mobile-scenario-copy :is(h3,p),.fy-mobile-flow-notes p{text-align:center;color:#fff}.fy-mobile-scenario-copy .fy-a5-scenario__face--info{color:inherit;background:0 0;align-content:start;gap:8px;padding:12px 8px;display:grid}.case-mobile-viewer>.fy-a5-ui{clip-path:polygon(0 0,32% 0,32% 54%,68% 54%,68% 0,100% 0,100% 100%,0 100%)}}@font-face{font-family:P6 Anybody;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/anybody-normal-900-D4piPqV4.ttf)format("truetype")}@font-face{font-family:P6 Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/archivo-normal-600-DpDOyFtn.ttf)format("truetype")}@font-face{font-family:P6 Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/inter-normal-300-Dmr5bJse.ttf)format("truetype")}@font-face{font-family:P6 Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-normal-400-BMa5IoM-.ttf)format("truetype")}@font-face{font-family:P6 Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-normal-600-BEUPqj-s.ttf)format("truetype")}@font-face{font-family:P6 Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-normal-800-Cfj_m2VG.ttf)format("truetype")}@font-face{font-family:P6 Jaldi;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jaldi-normal-400-BV-aB9GD.ttf)format("truetype")}@font-face{font-family:P6 Jaldi;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/jaldi-normal-700-yZUVAyF0.ttf)format("truetype")}@font-face{font-family:P6 Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/roboto-italic-300-CHdNmQCD.ttf)format("truetype")}@font-face{font-family:P6 Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/roboto-italic-400-bdYeqcPN.ttf)format("truetype")}@font-face{font-family:P6 Roboto;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/roboto-italic-700-BsZ7Yo9O.ttf)format("truetype")}@font-face{font-family:P6 Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/roboto-normal-400-BKwBj7lc.ttf)format("truetype")}.village-page{--case-frame-border-color:#fff;--case-frame-background:#0a0a0a;--project-accent-color:#70b56e;--project-number-color:#fff;--project-title-color:#fff;color:#fff;font-family:var(--font-sans)}.village-shell{background:#0a0a0a}.village-frame{background:var(--case-frame-background)}.village-frame--background{color:#fff;overflow:hidden}.village-frame--background *{box-sizing:border-box}.village-a1__background,.village-a1__map img,.village-a1__culture-panel{pointer-events:none;max-width:none;display:block;position:absolute}.village-a1__background{z-index:0;object-fit:cover;width:1920px;height:948px;inset:0}.village-a1__brand,.village-a1__background-copy,.village-a1__problem,.village-a1__culture-title,.village-a1__culture-panel,.village-a1__culture-quote,.village-a1__map,.village-a1__role{z-index:2;position:absolute}.village-a1__brand{pointer-events:none;width:712px;height:202px;display:block;top:-6px;left:80px}.village-a1__number{color:#fff;font-family:"Roboto Flex", var(--font-sans);white-space:nowrap;margin:0;font-size:128px;font-weight:500;line-height:normal;position:absolute;top:26px;left:0}.village-a1__brand-lockup{mix-blend-mode:lighten;width:565px;height:90px;margin:0;position:absolute;top:56px;left:147px}.village-a1__title-artwork{object-fit:contain;width:565px;max-width:none;height:auto;display:block}.village-a1__background-copy{width:891px;top:175px;left:80.57px}.village-a1__background-copy h2,.village-a1__problem h2,.village-a1__culture-title,.village-a1__map h2{color:#fff;font-family:"Archivo", var(--font-sans);margin:0;font-size:30px;font-weight:600;line-height:normal}.village-a1__stat-quote{border:1px solid #fff;align-items:center;gap:10px;width:891px;height:110px;margin:18px 0 0;padding:15px 25px;display:flex}.village-a1__stat-quote p{color:#fff;width:708px;font-family:"Roboto Flex", var(--font-sans);flex:0 0 708px;margin:0;font-size:24px;font-weight:600;line-height:normal}.village-a1__stat-quote strong{color:#affffa;font-weight:600}.village-a1__quote-icon{flex:0 0 129px;width:129px;height:66px;display:block;position:relative;overflow:hidden}.village-a1__quote-icon-mask,.village-a1__quote-icon-part,.village-a1__quote-icon-mask img{pointer-events:none;max-width:none;display:block;position:absolute}.village-a1__quote-icon-mask{width:65px;height:44.28px;-webkit-mask-image:var(--quote-icon-mask);mask-image:var(--quote-icon-mask);-webkit-mask-position:-.506px -10.86px;mask-position:-.506px -10.86px;-webkit-mask-size:66px 66px;mask-size:66px 66px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--quote-icon-mask);top:10.86px;left:34.87px;overflow:hidden;-webkit-mask-position:-.506px -10.86px;-webkit-mask-size:66px 66px;-webkit-mask-repeat:no-repeat}.village-a1__quote-icon-mask img{width:103.4%;height:102.26%;top:-1.13%;left:-1.62%}.village-a1__quote-icon-part--left{width:30.23%;height:60.6%;top:22.94%;left:5.04%}.village-a1__quote-icon-part--right{width:30.23%;height:60.6%;top:22.94%;left:55.43%}.village-a1__quote-icon-part--small-a{width:22.09%;height:38.83%;top:44.67%;left:76.36%}.village-a1__quote-icon-part--small-b{width:22.09%;height:38.83%;top:44.67%;left:.39%}.village-a1__problem{width:869.16px;top:366px;left:80px}.village-a1__problem-row{align-items:center;gap:36px;width:869.16px;margin-top:17px;display:flex}.village-a1__problem-card{flex:none;align-items:flex-start;width:407.53px;display:flex}.village-a1__problem-card--tourist{width:389.63px}.village-a1__problem-card img{flex:none;width:40.83px;height:28.83px}.village-a1__problem-card div{width:366.7px}.village-a1__problem-card--tourist div{width:348.8px}.village-a1__problem-card h3,.village-a1__problem-card p,.village-a1__problem-card strong{color:#fff;font-family:"Roboto Flex", var(--font-sans);margin:0}.village-a1__problem-card h3{font-size:24px;font-weight:400;line-height:normal}.village-a1__problem-card p{margin-top:15px;font-size:20px;font-weight:200;line-height:normal}.village-a1__problem-card strong{min-height:85.63px;margin-top:15px;font-size:20px;font-weight:500;line-height:normal;display:block}.village-a1__problem-card--tourist p,.village-a1__problem-card--tourist strong{margin-top:17px}.village-a1__problem-card strong span{text-transform:uppercase}.village-a1__problem-divider{flex:0 0 0;justify-content:center;align-items:center;width:0;height:158px;display:flex;position:relative}.village-a1__problem-divider img{transform-origin:50%;width:158px;max-width:none;height:1px;display:block;transform:rotate(90deg)}.village-a1__culture-title{white-space:nowrap;top:640px;left:81px}.village-a1__culture-panel{width:891px;height:162.69px;top:689px;left:81px}.village-a1__culture-quote{color:#fff;width:888px;height:auto;min-height:130px;font-family:"Archivo", var(--font-sans);letter-spacing:0;mix-blend-mode:color-dodge;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;margin:0;padding:15px 50px;font-size:24px;font-weight:600;line-height:28.5px;display:flex;top:692px;left:84px}.village-a1__map{width:769.5px;height:846.5px;top:61px;left:1064px}.village-a1__map h2{white-space:nowrap}.village-a1__map img{object-fit:cover;width:769.5px;height:801.5px;top:45px;left:0}.village-a1__role{color:#fff;align-items:center;gap:14px;width:1833px;display:flex;top:854px;left:87px}.village-a1__role span{background:#fff;border-radius:20px;flex:none;width:1px;height:32px;display:block}.village-a1__role p{width:614px;font-family:Roboto, var(--font-sans);margin:0;font-size:20px;font-style:italic;font-weight:500;line-height:normal}.village-frame__visual{z-index:1;object-fit:fill;object-position:center;width:100%;height:100%;position:absolute;inset:0}.village-frame__visual--hero{width:100%;max-width:none;height:100%;top:0;left:0}.village-frame:not(.village-frame--background) *{box-sizing:border-box}.village-frame:not(.village-frame--background) h2,.village-frame:not(.village-frame--background) h3,.village-frame:not(.village-frame--background) p,.village-frame:not(.village-frame--background) figure,.village-frame:not(.village-frame--background) blockquote{margin:0}.village-frame--research,.village-frame--analysis,.village-frame--lofi,.village-frame--interface,.village-frame--overview{color:#fff;background:#121212}.village-a2__research-copy,.village-a2__persona,.village-a2__research-photos,.village-a2-questionnaire,.village-a3__background,.village-a3__problem h2,.village-a3__problem-map,.village-a3-note,.village-a3__hmw h2,.village-a3-hmw-item,.village-a3__competitors,.village-a5__lines,.village-a5__screen-layer,.village-a5__label-layer,.village-a5-phone,.village-a5__label,.village-a6__background,.village-a6__frame42,.village-a6__title,.village-a6__map-screens,.village-a6__share-screens,.village-a6__labels,.village-a6__label,.village-a6__system-card,.village-a6__exploration-card,.village-a6__design-code,.village-a7__background,.village-a7__hand,.village-a7-interactive,.village-a7-circle-button,.village-a7-popup,.village-a7__cursor{max-width:none;display:block;position:absolute}.village-a2__research-copy{z-index:2;width:1076px;top:66px;left:48px}.village-a2__research-copy h2,.village-a2__persona h2,.village-a3__problem h2,.village-a3__hmw h2,.village-a3__competitors h2,.village-a6__title{color:#fff;font-family:"Archivo",var(--font-sans);white-space:nowrap;font-size:30px;font-weight:600;line-height:normal}.village-a2__research-copy h2,.village-a2__persona h2,.village-a6__title{font-family:"P6 Archivo",var(--font-sans)}.village-a2__research-copy h2{height:38.832px}.village-a2__location-row{color:#fff;justify-content:space-between;align-items:center;width:1076px;height:30.011px;display:flex;position:absolute;top:53.832px;left:0}.village-a2__town{color:#fff;width:308px;height:33px;position:relative}.village-a2__town span{font-family:AaXianYunTi,var(--font-sans);font-size:24px;font-weight:400;position:absolute;top:-1.494px;left:0}.village-a2__town strong{font-family:Dokdo,var(--font-serif);white-space:nowrap;font-size:24px;font-weight:400;position:absolute;top:1.506px;left:99px}.village-a2__location-row p{color:#fff;width:528px;font-family:var(--font-sans);white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-style:italic;font-weight:200;line-height:21px;display:flex}.village-a2__location-row p img{flex:0 0 24px;width:24px;height:24px}.village-a2__intro{color:#fff;width:1076px;font-family:var(--font-sans);font-size:20px;font-weight:300;line-height:23px;position:absolute;top:89.843px;left:0}.village-a2__research-photos{object-fit:cover;width:1076px;height:283px;top:150.844px;left:0}.village-a2-questionnaire{color:#111;width:1076px;height:367.156px;top:448.844px;left:0}.village-a2-questionnaire__default,.village-a2-questionnaire__map{width:100%;height:100%;position:absolute;inset:0}.village-a2-questionnaire__default{overflow:hidden}.village-a2-questionnaire__map{object-fit:contain}.village-a2-questionnaire__paper{border:1px solid #111;width:186px;height:272px;position:absolute;overflow:hidden}.village-a2-questionnaire__paper img{max-width:none;height:101.01%;position:absolute;top:-.5%}.village-a2-questionnaire__paper--front{top:20px;left:21.826px}.village-a2-questionnaire__paper--front img{width:221.53%;left:-4.86%}.village-a2-questionnaire__paper--back{width:183px;top:73px;left:111.8px}.village-a2-questionnaire__paper--back img{width:215.54%;left:-112.16%}.village-a2-questionnaire__photo{border:1px solid #111;width:233.311px;height:153.1px;position:absolute;left:821.284px}.village-a2-questionnaire__photo img{object-fit:cover;width:100%;height:100%}.village-a2-questionnaire__photo--a{top:20.156px}.village-a2-questionnaire__photo--b{top:193.04px}.village-a2-questionnaire__photo figcaption{font:italic 500 12px/normal var(--font-sans);position:absolute;top:5px;left:9px}.village-a2-questionnaire__summary{color:#111;width:477px;font:500 18px/21px "P6 Inter",var(--font-sans);position:absolute;top:20.156px;left:317px}.village-a2-questionnaire__chart{left:317px;top:var(--chart-y);width:473.854px;height:var(--chart-height);font-family:"P6 Roboto",var(--font-sans);flex-direction:column;font-style:italic;display:flex;position:absolute}.village-a2-questionnaire__chart>p{color:#fff;background:#292928;flex:0 0 30.5px;padding:6px 12px;font-size:15px;line-height:18px}.village-a2-questionnaire__chart--1>p{flex-basis:43.3px;padding-top:4px;padding-bottom:3px}.village-a2-questionnaire__chart--2>p{flex-basis:28px;padding-top:4px;padding-bottom:4px}.village-a2-questionnaire__chart dl{background:linear-gradient(120deg,#fff 0 29%,#e8f4f0 29% 49%,#cfe9df 49% 73%,#b4ddcf 73%);border:1px solid #111;flex:1;grid-template-columns:31% 29% 20% 20%;min-height:0;margin:0;padding:7px 12px 0 20px;display:grid}.village-a2-questionnaire__chart--0 dl{grid-template-columns:43% 18% 18% 21%}.village-a2-questionnaire__chart--2 dl{grid-template-columns:24% 25% 30% 21%}.village-a2-questionnaire__chart dt{font-size:14px;font-weight:500;line-height:17px}.village-a2-questionnaire__chart dd{margin:4px 0 0;padding-right:6px;font-size:12px;line-height:14px}.village-a2-questionnaire__trigger{z-index:2;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.village-a2-questionnaire__trigger:focus-visible{outline-offset:4px;outline:3px solid #affffa}.village-a2-questionnaire__expanded{z-index:3;color:#000;font-family:"P6 Roboto",var(--font-sans);visibility:hidden;opacity:0;pointer-events:none;background:#fff;border:1px dashed #111;grid-template-columns:466.267px 541.985px;align-content:start;gap:20px;padding:16px 32px;font-size:18px;font-style:italic;font-weight:300;line-height:19px;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.village-a2-questionnaire[data-open] .village-a2-questionnaire__expanded{opacity:1;visibility:visible;pointer-events:auto}.village-a2-questionnaire__expanded>div{flex-direction:column;gap:20px;display:flex}.village-a2-questionnaire__expanded section{flex-direction:column;gap:4px;display:flex}.village-a2-questionnaire__expanded h3{color:#000;font:italic 700 18px/19px "P6 Roboto",var(--font-sans);padding-bottom:5px}.village-a2-questionnaire__expanded p{color:#000;font:inherit}.village-a2-questionnaire__expanded em{font-weight:400}.village-a2__persona{width:623px;top:66px;left:1177px}.village-a2-persona{color:#fff;width:623px;position:absolute;left:0}.village-a2-persona--elaina{top:27px}.village-a2-persona--will{top:435px}.village-a2-persona__header{height:238px;position:relative}.village-a2-persona--will .village-a2-persona__header{height:242px}.village-a2-persona__facts{color:#fff;width:311.55px;font-family:"P6 Roboto",var(--font-sans);position:absolute;top:119.432px;left:0}.village-a2-persona--will .village-a2-persona__facts{top:123.432px}.village-a2-persona__facts div{border-bottom:1px solid #ffffffd9;justify-content:space-between;align-items:baseline;height:31.157px;display:flex}.village-a2-persona__facts strong{padding-left:48.78px;font-size:20px;font-style:italic;font-weight:700;line-height:26px}.village-a2-persona__facts span{font-size:16px;font-style:italic;font-weight:500;line-height:26px}.village-a2-persona__icons{pointer-events:none;position:absolute;inset:0}.village-a2-persona__icons img{max-width:none;display:block;position:absolute}.village-a2-persona__portrait{width:227.13px;height:125px;position:absolute;top:113px;left:392.69px}.village-a2-persona--will .village-a2-persona__portrait{width:224px;height:119px;top:123px;left:399px}.village-a2-persona__portrait p{z-index:2;color:#fff;font:italic 700 32px/38px "P6 Roboto",var(--font-sans);text-shadow:0 0 4px #fff;white-space:nowrap;position:absolute;top:87px;left:0}.village-a2-persona--will .village-a2-persona__portrait p{top:89px}.village-a2-persona__portrait img{object-fit:cover;object-position:bottom;width:134.789px;height:117px;position:absolute;top:0;right:0}.village-a2-persona--will .village-a2-persona__portrait img{object-fit:contain;width:128.421px;height:120.399px}.village-a2-persona__quote{width:253px;height:119px;position:absolute;top:0;left:349px}.village-a2-persona__quote>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.village-a2-persona__quote>p{color:#000;width:184px;font:italic 400 18px/21px "P6 Roboto",var(--font-sans);position:absolute;top:22px;left:35px}.village-a2-persona--will .village-a2-persona__quote{width:266px;height:134px;left:336.368px}.village-a2-persona--will .village-a2-persona__quote>p{text-align:center;width:221.818px;top:23px;left:22px}.village-frame.village-frame--research .village-a2-persona__body{color:#fff;width:615.571px;font:400 20px/23px "P6 Roboto",var(--font-sans);text-align:justify;margin-top:24px}.village-a2-persona--will .village-a2-persona__body{width:623px}.village-a3__background{z-index:0;object-fit:cover;width:1920px;height:948px;inset:0}.village-a3__problem h2{z-index:2;top:49px;left:84px}.village-a3__problem-map{z-index:1;object-fit:fill;opacity:.8;mix-blend-mode:color-dodge;width:610.41px;height:628px;top:-36px;left:219px}.village-a3-note{z-index:2;color:#fff;font-family:var(--font-sans);gap:2px;font-size:20px;line-height:normal;display:grid}.village-a3-note h3{font-family:Inter, var(--font-sans);font-size:20px;font-weight:600}.village-a3-note p{font-size:20px;font-weight:200}.village-a3-note--scam{text-align:right;width:260px;top:117px;left:89px}.village-a3-note--short-trip{text-align:right;width:265px;top:233px;left:63px}.village-a3-note--navigation{text-align:right;width:275px;top:349px;left:74px}.village-a3-note--exposure{width:291px;top:117px;left:700px}.village-a3-note--guides{width:285px;top:233px;left:721px}.village-a3-note--feedback{width:293px;top:349px;left:700px}.village-a3__hmw h2{z-index:2;top:480px;left:88px}.village-a3-hmw-item{z-index:2;color:#fff}.village-a3-hmw-item__icon{border-radius:50%;place-items:center;width:78px;height:82px;display:grid;position:absolute;overflow:hidden}.village-a3-hmw-item__icon img{object-fit:cover;width:78px;height:78px}.village-a3-hmw-item h3{color:#affffa;font-family:"Archivo", var(--font-sans);font-size:24px;font-weight:800;line-height:normal;position:absolute}.village-a3-hmw-item p{color:#fff;font-family:var(--font-sans);font-size:20px;font-weight:300;line-height:normal;position:absolute}.village-a3-hmw-item p strong{font-weight:700}.village-a3-hmw--push .village-a3-hmw-item__icon{top:544.06px;left:96.91px}.village-a3-hmw--push h3{width:124.5px;top:556px;left:194.85px}.village-a3-hmw--push p{width:664.65px;top:548px;left:319.35px}.village-a3-hmw--routes .village-a3-hmw-item__icon{top:664.61px;left:867.51px}.village-a3-hmw--routes h3{text-align:right;width:193.41px;top:676px;left:654.82px}.village-a3-hmw--routes p{width:556px;top:668px;left:88px}.village-a3-hmw--interaction .village-a3-hmw-item__icon{top:784.15px;left:96.91px}.village-a3-hmw--interaction h3{width:163.7px;top:797px;left:194.91px}.village-a3-hmw--interaction p{width:583.52px;top:790px;left:378.65px}.village-a3__competitors{z-index:2;width:792px;top:52px;left:1053px}.village-a3__competitors h2{height:33px;font-family:"P6 Archivo",var(--font-sans);line-height:33px}.village-a3__platform-chart{object-fit:fill;width:771.5px;height:244px;margin-top:21px;display:block}.village-a3__competitor-grid{grid-template-columns:379px 389px;align-items:start;gap:10px 24px;margin-top:21px;display:grid}.village-a3__competitor-column,.village-a3-competitor-group{gap:10px;display:grid}.village-a3-competitor-group h3{font-family:"P6 Inter", var(--font-sans);font-size:20px;font-weight:800;line-height:normal}.village-a3-competitor-group--orange h3{color:#ff742a}.village-a3-competitor-group--red h3{color:#ff5353}.village-a3-competitor-group--orange{--competitor-color:#ff742a}.village-a3-competitor-group--red{--competitor-color:#c6211e}.village-a3-competitor-card{border:1px solid var(--competitor-color);color:#fff;background:color-mix(in srgb, var(--competitor-color) 30%, transparent);font-family:var(--font-sans);gap:2px;padding:8px 15px;font-size:16px;line-height:normal;display:grid}.village-a3-competitor-card strong{font-weight:600}.village-a3-competitor-card span{font-family:"P6 Inter", var(--font-sans);overflow-wrap:anywhere;font-weight:300}.village-a3-cycle{color:#fff;width:380px;height:111px;font-family:"P6 Inter", var(--font-sans);text-align:center;margin:10px auto 0;font-size:15px;position:relative}.village-a3-cycle>span:not(.village-a3-cycle__arrow-anchor){background:#e91c184d;border:1px solid #ea1d1a;border-radius:26px;place-items:center;min-width:116px;min-height:32px;padding:7px 12px;display:grid;position:absolute}.village-a3-cycle span:first-child{top:0;left:0}.village-a3-cycle span:nth-child(2){top:0;right:0}.village-a3-cycle span:nth-child(3){bottom:0;left:120px}.village-a3-cycle strong{width:136px;font-family:"Archivo", var(--font-sans);font-size:16px;font-weight:900;position:absolute;top:43px;left:118px}.village-a3-cycle__arrow{max-width:none;position:absolute;top:20.288px;left:120.23px}.village-a3-cycle__arrow-anchor{place-items:center;display:grid;position:absolute}.village-a3-cycle__arrow-anchor img{max-width:none}.village-a3-cycle__arrow-anchor--right{width:63.172px;height:47.042px;top:48.03px;left:253.83px}.village-a3-cycle__arrow-anchor--right img{transform:rotate(143.33deg)skew(-3.5deg)}.village-a3-cycle__arrow-anchor--left{width:56.781px;height:41.715px;top:48.03px;left:59px}.village-a3-cycle__arrow-anchor--left img{transform:rotate(36.3deg)skew(3.48deg)}.village-a3-competitor-group--orange:nth-child(2){gap:5px}.village-a3-competitor-group--orange:nth-child(2) h3{margin-bottom:5px}.village-a3-competitor-group--red{gap:5px}.village-a3-competitor-group--red h3{margin-bottom:5px}.village-a3-competitor-group--red .village-a3-competitor-card{padding-block:6px}.village-a3-competitor-card{padding-block:7px;line-height:19px}.village-a3-cycle{height:111px;margin-top:10px}.village-a4__background{background:linear-gradient(#ffffffcf,#f2f2f2 47.869%,#fff 74.639%),url(/assets/p6-a4-background-current-B78HILoS.jpg) 0 0/1934.22px 1088px no-repeat;position:absolute;inset:0}.village-a4__strategies{grid-template-columns:repeat(5,348.372px);gap:20px;display:grid;position:absolute;top:60px;left:48px}.village-a4-strategy{text-align:center;border:2px dashed #39705f;border-radius:100px;flex-direction:column;align-items:center;gap:4px;height:237.034px;padding:30px 24px;display:flex;position:relative;overflow:hidden}.village-a4-strategy>img{object-fit:cover;opacity:.1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.village-a4-strategy h3{color:#074c37;font:900 20px/23px "P6 Anybody", var(--font-sans);position:relative}.village-a4-strategy h4{color:#000;font:700 20px/normal "P6 Jaldi", var(--font-sans);margin:0;position:relative}.village-a4-strategy p{color:#000;font:400 16px/19px "P6 Roboto", var(--font-sans);position:relative}.village-a4__title{color:#333;font:600 30px/33px "P6 Archivo", var(--font-sans);position:absolute;top:323.772px;left:102.983px}.village-a4__ia{width:1705.1px;height:500px;position:absolute;top:387.772px;left:102.983px;overflow:hidden}.village-a4__ia img{width:1920px;max-width:none;height:948px;position:absolute;top:-387.772px;left:-102.983px}.village-a5__composition{object-fit:contain;width:1816px;max-width:none;height:861px;position:absolute;top:39.333px;left:23.333px}.village-a6__background{z-index:0;object-fit:cover;width:1920px;height:985px;inset:0}.village-a6__frame42{z-index:1;object-fit:cover;width:160px;height:143px;top:170px;left:68px}.village-a6__title{z-index:4;color:#333;top:65px;left:83px}.village-a6__composition{z-index:2;object-fit:contain;width:1855px;max-width:none;height:933px;position:absolute;top:52px;left:36px}.village-a6__design-code{z-index:5;color:#284c38;background:#fff;border:2px solid #284c38;border-radius:25px;place-items:center;width:223px;height:66px;display:grid;top:20px;left:268px;overflow:hidden}.village-a6__design-code>img{object-fit:cover;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.village-a6__design-code span{z-index:2;font:600 24px/19px "P6 Archivo", var(--font-sans);position:relative}.village-a6-code{z-index:10;pointer-events:none;width:491px;height:898px;position:absolute;top:23px;left:1386px}.village-a6__design-code{cursor:pointer;pointer-events:auto;padding:0;transition:opacity .3s ease-out}.village-a6__design-code:focus-visible{outline-offset:4px;outline:3px solid #074c37}.village-a6-code__expanded{opacity:0;visibility:hidden;pointer-events:none;border-radius:30px;transition:opacity .3s ease-out,visibility .3s;position:absolute;inset:0;overflow:hidden}.village-a6-code__expanded img{width:491px;max-width:none;height:auto;display:block}.village-a6-code[data-open] .village-a6__design-code{opacity:0;pointer-events:none}.village-a6-code[data-open] .village-a6-code__expanded{opacity:1;visibility:visible;pointer-events:auto}.village-a7__background{z-index:0;object-fit:contain;width:2083.62px;height:1080px;top:-126px;left:-72px}.village-a7__hand{z-index:2;object-fit:contain;width:730px;height:737px;top:190px;left:32px}.village-a7__tint{z-index:3;opacity:.3;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(90deg,#affffa 3.332%,#074c37 102.77%);width:2416px;height:1100px;position:absolute;top:-141px;left:-379px}.village-a7-interactive{display:contents}.village-a7-circle-button{left:var(--x);top:var(--y);z-index:6;width:var(--w);height:var(--h);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.village-a7-circle-button:focus-visible{outline-offset:4px;outline:3px solid #fff}.village-a7-circle{width:var(--vw);height:var(--vh);filter:drop-shadow(0 0 2.75px #fffc);transform:rotate(var(--rotation));flex:none;transition:transform 1s ease-out;display:block;position:relative}.village-a7-interactive[data-open] .village-a7-circle{transform:rotate(0)}.village-a7-circle__ring{object-fit:contain;width:220.295px;max-width:none;height:220.295px;position:absolute;top:.661px;left:0}.village-a7-circle-button--business .village-a7-circle__ring{top:4.252px;left:21.334px}.village-a7-circle-button--journey .village-a7-circle__ring{top:0}.village-a7-circle__art{width:113.697px;height:165.668px;position:absolute;top:0;left:49.733px}.village-a7-circle__art>img{object-fit:cover;object-position:bottom;opacity:.9;width:111px;max-width:none;height:150.87px;position:absolute;top:14.8px;left:0;transform:scaleX(-1)}.village-a7-circle__art>.village-a7-circle__extra{object-fit:contain;width:112.589px;height:136.884px;top:0;left:0;transform:none}.village-a7-circle-button--business .village-a7-circle__art{width:199.551px;height:140.382px;top:25.747px;left:30.493px}.village-a7-circle-button--business .village-a7-circle__art>img{object-fit:contain;opacity:1;width:199.551px;height:140.382px;inset:0;transform:none}.village-a7-circle-button--storyboard .village-a7-circle__art{width:126px;height:151px;top:16px;left:50px}.village-a7-circle-button--storyboard .village-a7-circle__art>img{object-fit:contain;opacity:1;width:126px;height:151px;inset:0;transform:none}.village-a7-circle-button--ip .village-a7-circle__art{width:122px;height:174px;top:0;left:43px}.village-a7-circle-button--ip .village-a7-circle__art>img{object-fit:contain;opacity:1;width:122px;height:174px;inset:0;transform:none}.village-a7-circle-button--journey .village-a7-circle__art{mix-blend-mode:lighten;width:168.955px;height:117.615px;top:40.296px;left:20.353px;overflow:hidden}.village-a7-circle-button--journey .village-a7-circle__art>img{object-fit:contain;opacity:1;width:192px;height:103px;top:5px;left:-5px;transform:none}.village-a7-circle__label{color:#fff;width:137.564px;font:700 20px/19px RotondaC, var(--font-sans);text-align:center;text-shadow:0 0 4px #ffffff40;position:absolute;top:172.223px;left:39.751px}.village-a7-circle-button--business .village-a7-circle__label{top:157.851px;left:62.159px}.village-a7-circle-button--storyboard .village-a7-circle__label{top:175.51px;left:39.12px}.village-a7-circle-button--journey .village-a7-circle__label{width:107.614px;top:155.261px;left:51.913px}.village-a7-popup{z-index:20;visibility:hidden;opacity:0;pointer-events:none;isolation:isolate;transition:opacity .3s ease-out,visibility .3s;overflow:hidden}.village-a7-interactive[data-open] .village-a7-popup{opacity:1;visibility:visible;pointer-events:auto}.village-a7-popup>img{max-width:none;position:absolute}.village-a7-popup--business{-webkit-backdrop-filter:none;backdrop-filter:none;isolation:auto;z-index:auto;opacity:1;background:0 0;border-radius:40px;width:1270px;height:865px;transition:visibility .3s ease-out;top:34px;left:594px}.village-a7-popup--business:before{content:"";z-index:20;border-radius:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#ffffffe6;position:absolute;inset:0}.village-a7-popup--business>img{z-index:21;mix-blend-mode:multiply;width:1254.38px;height:auto;top:9.461px;left:-22.352px}.village-a7-popup--business:before,.village-a7-popup--business>img{opacity:0;transition:opacity .3s ease-out}.village-a7-interactive[data-open] .village-a7-popup--business:before,.village-a7-interactive[data-open] .village-a7-popup--business>img{opacity:1}.village-a7-popup--journey{background:#fffc;border-radius:40px;width:1327px;height:865px;padding:20px;top:26px;left:536px}.village-a7-popup--journey>img{object-fit:contain;border-radius:20px;width:1287px;height:822.571px;position:relative}.village-a7-popup--storyboard{border-radius:40px;width:959px;height:861px;top:28px;left:902px}.village-a7-popup--storyboard>img{object-fit:contain;width:959px;height:861px;inset:0}.village-a7-popup--ip{border-radius:40px;width:960px;height:861px;top:36px;left:904px}.village-a7-popup--ip>img{object-fit:contain;width:960px;height:861px;inset:0}.village-a7__cursor{z-index:7;object-fit:contain;pointer-events:none;width:58px;height:58px;top:629px;left:771px}.village-topbar .project-case-nav a.is-active,.village-topbar .project-case-nav a:hover{color:#000}@media (width<=767px){.village-page{--village-mobile-scale:calc(100vw / 1920px)}.village-frame{background:var(--case-frame-background);padding:0;display:block}.village-frame__visual,.village-frame__visual--hero,.village-a1__background{object-fit:contain;width:100%;max-width:none;height:auto;position:relative;inset:auto}:is(.case-frame-slot:has(.village-frame--background),.case-frame-slot:has(.village-frame--research),.case-frame-slot:has(.village-frame--analysis),.case-frame-slot:has(.village-frame--structure),.case-frame-slot:has(.village-frame--lofi),.case-frame-slot:has(.village-frame--interface),.case-frame-slot:has(.village-frame--overview)){overflow:hidden;height:calc(var(--mobile-source-height,948px) * var(--village-mobile-scale))!important}:is(.case-frame-slot:has(.village-frame--lofi),.case-frame-slot:has(.village-frame--interface)){--mobile-source-height:985px}.case-frame-slot:has(.village-frame--overview){--mobile-source-height:927px}.village-frame--background,.village-frame--research,.village-frame--analysis,.village-frame--structure,.village-frame--lofi,.village-frame--interface,.village-frame--overview{width:1920px!important;min-width:1920px!important;height:var(--mobile-source-height,948px)!important;min-height:var(--mobile-source-height,948px)!important;transform:scale(var(--village-mobile-scale))!important;transform-origin:0 0!important;overflow:hidden!important}.village-frame--lofi,.village-frame--interface{--mobile-source-height:985px}.village-frame--overview{--mobile-source-height:927px}}@media (prefers-reduced-motion:reduce){.village-a7-popup--business:before,.village-a7-popup--business>img,.village-a6__design-code,.village-a6-code__expanded,.village-a2-questionnaire__expanded,.village-a7-circle,.village-a7-popup{transition:none;transform:none}}@media (width<=767px){.village-page .case-frame-slot,.village-page .village-frame{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important;transform:none!important}.village-page .village-frame{color:#fff;background:#0a0a0a;gap:24px;padding:24px 16px;display:grid}.village-page .village-frame--interface{background:var(--case-frame-background) url(/assets/p6-a6-bg-current-CZTve6m0.png) center / cover no-repeat;color:#333}.village-frame :where(section,article,div,figure,blockquote,ul,dl,h1,h2,h3,h4,p,figcaption,span,strong){max-width:100%;min-height:0;white-space:normal!important;letter-spacing:0!important;width:auto!important;height:auto!important;position:static!important;inset:auto!important;transform:none!important}.village-frame h2,.village-frame h3,.village-frame h4,.village-frame p,.village-frame figcaption,.village-frame dt,.village-frame dd,.village-frame span,.village-frame strong{color:inherit;text-align:left;line-height:1.55}.village-frame dt,.village-frame dd{font-size:var(--mobile-type-body)}.village-a4-strategy h3{color:#affffa}.village-frame :where(section,article,blockquote),.village-a1__brand,.village-a1__problem-row,.village-a2__location-row,.village-a2-persona__header,.village-a3__competitor-grid,.village-a4__strategies{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.village-frame img{object-fit:contain;max-width:100%;width:100%!important;height:auto!important;position:static!important;inset:auto!important;transform:none!important}.village-frame img[alt=""],.village-a1__quote-icon,.village-a1__problem-divider,.village-a1__role>span,.village-a2-questionnaire__paper,.village-a2-persona__icons,.village-a3-cycle__arrow-anchor,.village-a4__background,.village-a7__tint,.village-a7-circle__art{display:none}.village-frame :where(p,blockquote,figure,h1,h2,h3,h4){margin:0}.village-a1__stat-quote,.village-a1__culture-quote,.village-a1__problem-card,.village-a2-persona,.village-a3-note,.village-a3-competitor-card,.village-a4-strategy{color:#fff;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:normal;background:#1b1b1b;border-radius:8px;padding:16px}.village-a1__stat-quote strong,.village-a1__problem-card strong{font-size:inherit}.village-a2-questionnaire__default,.village-a2__persona,.village-a3__competitor-column,.village-a3-cycle{gap:20px;display:grid;overflow:visible}.village-a2-questionnaire{color:#fff}.village-a2-questionnaire__chart,.village-a2-questionnaire__chart dl>div{gap:8px;display:grid}.village-frame .village-a2-questionnaire__chart dl{color:#111;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.village-a2-questionnaire__chart>p{color:#fff;flex:auto}.village-frame button{color:#fff;width:100%;height:auto;min-height:48px;font:inherit;background:#151515;border:1px solid #fff;border-radius:6px;padding:12px 16px;position:static;inset:auto}.village-a2-questionnaire__trigger:after{content:attr(aria-label)}.village-frame img.village-a7__background{display:block}.village-a2-questionnaire__expanded,.village-a6-code__expanded,.village-a7-popup{color:#fff;background:#151515;border-radius:8px;padding:16px;display:none;overflow:visible}[data-open]>.village-a2-questionnaire__expanded,[data-open]>.village-a6-code__expanded,[data-open]>.village-a7-popup{opacity:1;visibility:visible;pointer-events:auto;grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.village-a6-code[data-open] .village-a6__design-code{opacity:1;pointer-events:auto}.village-a7-popup:before{display:none}.village-a7-popup>img{mix-blend-mode:normal;background:#fff;opacity:1!important}.village-a7-circle{filter:none}.village-frame .village-a2-persona__portrait img{margin-inline:auto;width:128px!important;height:auto!important}.village-frame .village-mobile-persona-row{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;display:grid}.village-mobile-persona-name{font-family:"P6 Roboto", var(--font-sans);font-style:italic;font-weight:700}.village-mobile-fidelity-title{font-family:"P6 Archivo", var(--font-sans);font-weight:600}.village-mobile-persona-row .village-a2-persona__portrait>p{display:none}.village-frame .village-mobile-persona-row .village-a2-persona__portrait img{max-width:100%;width:100px!important;height:auto!important}.village-frame .village-mobile-persona-row .village-a2-persona__facts{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.village-mobile-persona-row .village-a2-persona__facts>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:baseline;gap:8px;display:grid}.village-mobile-persona-row .village-a2-persona__facts>div>span{grid-area:1/1}.village-mobile-persona-row .village-a2-persona__facts>div>strong{text-align:right;grid-area:1/2;padding-left:0}.village-mobile-persona-row .village-a2-persona__facts :is(strong,span){overflow-wrap:anywhere}.village-a3__problem-map,.village-a4__title,.village-a4__ia{display:none}.village-frame .village-a3-cycle{aspect-ratio:380/111;margin-top:16px;font-size:12px;display:block;width:100%!important;height:auto!important;position:relative!important}.village-frame .village-a3-cycle>span:not(.village-a3-cycle__arrow-anchor){text-align:center;min-width:0;padding:6px 4px;line-height:1.3;width:34%!important;position:absolute!important}.village-frame .village-a3-cycle>span:first-child{top:0!important;left:0!important}.village-frame .village-a3-cycle>span:nth-child(2){top:0!important;right:0!important}.village-frame .village-a3-cycle>span:nth-child(3){bottom:0!important;left:33%!important}.village-frame .village-a3-cycle strong{text-align:center;font-size:13px;line-height:1.3;width:35.79%!important;position:absolute!important;top:38.74%!important;left:31.05%!important}.village-frame .village-a3-cycle img{display:block;width:100%!important}.village-frame .village-a3-cycle>.village-a3-cycle__arrow--top{width:28%!important;position:absolute!important;top:18.28%!important;left:36%!important}.village-frame .village-a3-cycle__arrow-anchor{display:grid;position:absolute!important;top:43.27%!important}.village-frame .village-a3-cycle__arrow-anchor--right{aspect-ratio:63.172/47.042;width:16.62%!important;left:66.8%!important}.village-frame .village-a3-cycle__arrow-anchor--right img{max-width:none;width:125.47%!important;transform:rotate(143.33deg)skew(-3.5deg)!important}.village-frame .village-a3-cycle__arrow-anchor--left{aspect-ratio:56.781/41.715;width:14.94%!important;left:15.53%!important}.village-frame .village-a3-cycle__arrow-anchor--left img{max-width:none;width:125.85%!important;transform:rotate(36.3deg)skew(3.48deg)!important}}@font-face{font-family:Climbing Roboto Flex;src:url(/assets/roboto-flex-variable-4D153Dti.ttf)format("truetype");font-weight:200 950;font-display:swap}@font-face{font-family:Climbing Rajdhani;src:url(/assets/rajdhani-normal-400-DtlUJyTp.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Climbing Rajdhani;src:url(/assets/rajdhani-normal-700-BJVymdQ3.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Climbing Roboto;src:url(/assets/roboto-normal-300-3qecThvG.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Climbing Roboto;src:url(/assets/roboto-normal-500-DOzs_FK3.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Climbing Roboto;src:url(/assets/roboto-normal-600-BcXEj6v_.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Climbing Roboto;src:url(/assets/roboto-italic-500-DC8uwlWi.ttf)format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Climbing Archivo;src:url(/assets/archivo-normal-600-DpDOyFtn.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Climbing Inter;src:url(/assets/inter-normal-300-Dmr5bJse.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Climbing Inter;src:url(/assets/inter-normal-500-DvphOyYU.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Climbing Inter;src:url(/assets/inter-normal-600-BEUPqj-s.ttf)format("truetype");font-weight:600;font-display:swap}.climbing-page{--case-frame-border-color:#fff;--case-frame-background:transparent;--project-accent-color:#e64f98;--case-end-scroll-room:max(calc(var(--case-scroll-offset) + var(--case-frame-gap)), calc(100vh - min(948px, 100vw * 948 / 1920) - var(--case-scroll-offset)))}.climbing-frame{scroll-margin-top:0}.climbing-shell{background:url(/assets/background-composition-eURhLQ6L.png) 0 0/1920px 3924px;overflow-x:clip}.climbing-frame{background:url(/assets/background-composition-eURhLQ6L.png) 0 calc(-132px - var(--climbing-frame-index) * 948px) / 1920px 3924px no-repeat}.climbing-copy,.climbing-visual{margin:0;position:absolute}.climbing-copy{z-index:2;min-height:var(--text-height);letter-spacing:0;font-optical-sizing:auto;line-height:normal}.climbing-copy p,.climbing-copy ul,.climbing-copy ol{margin:0}.climbing-copy ul,.climbing-copy ol{padding-left:1.5em}.climbing-copy--centered{height:var(--text-height);align-items:center;display:flex}.climbing-copy[data-figma-node="818:4141"]{font-optical-sizing:none}.climbing-copy[data-figma-node="818:4163"],.climbing-copy[data-figma-node="818:4029"],.climbing-copy[data-figma-node="818:4032"]{white-space:nowrap}.climbing-copy[data-figma-node="818:4049"]{-webkit-text-stroke:12px #f5f5f5;paint-order:stroke fill}.climbing-copy a:focus-visible,.climbing-paper-link:focus-visible{outline-offset:4px;outline:3px solid #ca2024}.climbing-visual{z-index:1}.climbing-visual img{object-fit:contain;width:100%;max-width:none;height:100%}.climbing-visual--svg img{width:auto;height:auto}.climbing-role-line{background:#000;border-radius:20px;width:1px;height:32px;position:absolute;top:856px;left:79px}.climbing-paper-link{z-index:3;background:#e64f981a;border-radius:100px;place-items:center;width:65.025px;height:65.027px;display:grid;position:absolute;top:47px;left:920px}.climbing-demo{border-radius:20px;width:1638.92px;height:836px;margin:0;position:absolute;top:44px;left:141px;overflow:hidden;box-shadow:0 4px 4px #00000040}.climbing-demo>img{object-fit:contain;width:100%;height:100%}.climbing-demo:after{border-radius:inherit;content:"";pointer-events:none;border:3px solid #fff;position:absolute;inset:0}.climbing-demo video{object-fit:cover;width:100.093%;max-width:none;height:104.923%;position:absolute;top:-4.15176%;left:-.09334%}.climbing-tool{border-radius:16px;flex:none;place-items:center;width:51.661px;height:51.661px;display:grid;position:relative;overflow:hidden}.climbing-tool--unity{background:#44282b}.climbing-tool--spss{background:#1751a6}.climbing-paper-label{display:none}.climbing-topbar .climbing-tool>img{object-fit:contain;width:41px;height:39px}@media (width<=767px){.climbing-frame{padding:24px 16px}.climbing-frame>.climbing-visual,.climbing-frame>.climbing-copy,.climbing-role-line{display:none}.climbing-copy,.case-mobile-stack>.climbing-visual,.climbing-paper-link{min-height:0;transform:none;white-space:normal!important;text-align:left!important;width:100%!important;height:auto!important;position:static!important;inset:auto!important}.climbing-copy{display:block;font-size:var(--mobile-type-body)!important;line-height:1.6!important}.climbing-copy :where(p,span,strong,li,em,a){font-size:inherit!important;line-height:inherit!important}.climbing-copy[data-figma-node="818:4049"]{-webkit-text-stroke:0}.case-mobile-stack>.climbing-visual img{width:100%;max-width:100%;height:auto}.climbing-demo{aspect-ratio:16/9;border-radius:8px;width:100%;height:auto;margin:0;position:relative;inset:auto}.climbing-demo video{object-fit:contain;width:100%;height:auto;position:static}.climbing-paper-link img{width:24px;height:24px}.climbing-paper-link{min-height:44px;color:inherit;align-items:center;gap:12px;display:flex}.climbing-frame .climbing-paper-link{justify-content:center;justify-self:start;max-width:100%;padding:10px;width:fit-content!important}.climbing-paper-label{min-width:0;font-size:var(--mobile-type-body);line-height:1.5;display:inline}}@font-face{font-family:OSpace Roboto Flex;src:url(/assets/roboto-flex-variable-4D153Dti.ttf)format("truetype");font-weight:100 1000;font-display:swap}@font-face{font-family:OSpace Roboto;src:url(/assets/roboto-variable-B3covOPw.ttf)format("truetype");font-weight:100 900;font-stretch:75% 100%;font-display:swap}@font-face{font-family:OSpace Roboto;src:url(/assets/roboto-italic-variable-ATwWx9AS.ttf)format("truetype");font-weight:100 900;font-stretch:75% 100%;font-style:italic;font-display:swap}@font-face{font-family:OSpace Roboto Condensed;src:url(/assets/roboto-condensed-variable-BR5DqaBH.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:OSpace Playfair;src:url(/assets/playfair-display-variable-TAkk4TxC.ttf)format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:OSpace Archivo;src:url(/assets/archivo-normal-600-DpDOyFtn.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:OSpace Rajdhani;src:url(/assets/rajdhani-normal-400-DtlUJyTp.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:OSpace Rajdhani;src:url(/assets/rajdhani-normal-700-BJVymdQ3.ttf)format("truetype");font-weight:700;font-display:swap}.ospace-shell{background:linear-gradient(96.8385deg,#2264a2 12.519%,#0d253c 103.18%);overflow-x:clip}.ospace-page{--case-frame-border-color:#fff;--project-accent-color:#6cffeb;--case-end-scroll-room:max(calc(var(--case-scroll-offset) + var(--case-frame-gap)), calc(100vh - min(948px, 100vw * 948 / 1920) - var(--case-scroll-offset)))}.ospace-frame{background-image:linear-gradient(96.8385deg,#2264a2 12.519%,#0d253c 103.18%);background-size:1920px 3924px;background-position:0 calc(-132px - var(--ospace-frame-index) * 948px);scroll-margin-top:0}.ospace-copy,.ospace-panel,.ospace-visual{margin:0;position:absolute}.ospace-panel{z-index:0;pointer-events:none}.ospace-panel--vignette{background:radial-gradient(closest-side,#00000003 50.2712%,#00000034 70.6762%,#0000005d 90.5%,#0006 100%);box-shadow:inset 0 0 41.1px #00000040}.ospace-design-group{--ospace-content-center-y:486.5px;top:calc(50% - var(--ospace-content-center-y));width:1920px;height:948px;position:absolute;left:0}.ospace-copy--right-anchored{white-space:normal;overflow-wrap:anywhere;max-width:683px}.ospace-copy{z-index:3;min-height:var(--ospace-height);letter-spacing:0;font-optical-sizing:auto}.ospace-copy p,.ospace-copy ul,.ospace-copy ol{margin:0}.ospace-copy ul,.ospace-copy ol{padding-left:1.5em}.ospace-copy--nowrap{white-space:nowrap}.ospace-copy--fixed{height:var(--ospace-height)}.ospace-copy--centered{height:var(--ospace-height);align-items:center;display:flex}.ospace-visual{z-index:1;overflow:hidden}.ospace-visual img{max-width:none}.ospace-visual--svg{overflow:visible}.ospace-visual--svg img{width:auto;height:auto}.ospace-scene-overlay{pointer-events:none;position:absolute;inset:0}.ospace-image-border{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.ospace-scene--lighten .ospace-scene-overlay{background:linear-gradient(#0006 3.929%,#0000 45.917%),linear-gradient(#000 0%,#0000 15.561%),linear-gradient(90.03deg,#000 1.1404%,#07162b00 21.431% 82.682%,#000 99.983%)}.ospace-scene--darken .ospace-scene-overlay{background:linear-gradient(.407591deg,#fff0 79.441%,#fff 93.527%),linear-gradient(90.0309deg,#fff 1.1404%,#fff0 21.431% 82.682%,#fff 99.983%)}.ospace-tool{border-radius:16px;flex:none;place-items:center;width:51.661px;height:51.661px;display:grid;position:relative;overflow:hidden}.ospace-tool--unity{background:#000}.ospace-tool--kth{background:#1751a6}.ospace-tool--figma{background:#fff}.ospace-topbar .ospace-tool>img{object-fit:contain;width:41px;height:39px}.ospace-tool--figma>span{width:26px;height:32px;position:relative;overflow:hidden}.ospace-tool--figma img{width:222.93%;max-width:none;height:129.98%;position:absolute;top:-13.68%;left:-60.72%}.ospace-topbar .ospace-last-home img{width:25.6px;height:25.6px}@media (width<=1400px){.ospace-topbar{display:none}.ospace-shell>.project-compact-nav{display:flex}}@media (width<=767px){.ospace-shell{isolation:isolate;background:#0d253c}.portfolio-shell.ospace-shell:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(96.8385deg,#2264a2 12.519%,#0d253c 103.18%);width:auto;height:auto;display:block;position:fixed;inset:0}.ospace-frame{color:#fff;background:0 0;padding:24px 16px}#ospace-design,#ospace-results{color:#111;background:#fff}.ospace-frame>.ospace-copy,.ospace-frame>.ospace-visual,.ospace-panel,.ospace-design-group{display:none}.ospace-copy,.case-mobile-stack>.ospace-visual{max-width:100%;min-height:0;display:block;white-space:normal!important;text-align:left!important;width:100%!important;height:auto!important;position:static!important;inset:auto!important;transform:none!important}.ospace-copy{font-size:var(--mobile-type-body)!important;color:inherit!important;line-height:1.6!important}.ospace-copy :where(p,span,strong,li,em,a){font-size:inherit!important;line-height:inherit!important;color:inherit!important}.case-mobile-stack>.ospace-visual img{opacity:1;object-fit:contain;max-width:100%;width:100%!important;height:auto!important;position:static!important;inset:auto!important}#ospace-method .case-mobile-stack>.ospace-visual{position:relative!important}.case-mobile-diagram .ospace-copy{color:var(--mobile-diagram-color)!important;font-size:14px!important;line-height:1.2!important}.ospace-frame .case-mobile-diagram>*{left:var(--mobile-diagram-x)!important;top:var(--mobile-diagram-y)!important;width:var(--mobile-diagram-w)!important;height:var(--mobile-diagram-h)!important;position:absolute!important}.ospace-frame .case-mobile-diagram>.ospace-copy{min-width:14px;text-align:center!important;width:auto!important;height:auto!important;transform:translate(-50%,-50%)!important}.case-mobile-diagram .ospace-copy p:has(>br:only-child){display:none}.case-mobile-diagram .ospace-visual--svg img{object-fit:contain;width:100%;height:100%}.portfolio-shell [data-mobile-type]{white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:var(--mobile-type-size)!important;line-height:var(--mobile-type-leading)!important}[data-mobile-type=display]{--mobile-type-size:var(--mobile-type-display);--mobile-type-leading:1}[data-mobile-type=project-title]{--mobile-type-size:var(--mobile-type-project-title);--mobile-type-leading:1.12}[data-mobile-type=section-title]{--mobile-type-size:var(--mobile-type-section-title);--mobile-type-leading:1.2}[data-mobile-type=subheading]{--mobile-type-size:var(--mobile-type-subheading);--mobile-type-leading:1.3}[data-mobile-type=body-large]{--mobile-type-size:var(--mobile-type-body-large);--mobile-type-leading:1.55}[data-mobile-type=body]{--mobile-type-size:var(--mobile-type-body);--mobile-type-leading:1.6}[data-mobile-type=meta]{--mobile-type-size:var(--mobile-type-meta);--mobile-type-leading:1.45}[data-mobile-type=caption]{--mobile-type-size:var(--mobile-type-caption);--mobile-type-leading:1.5}.case-page [data-mobile-type=body-large]{--mobile-type-leading:1.6}.portfolio-shell [data-mobile-type] :where(span,strong,em,a){font-size:inherit!important;line-height:inherit!important}.portfolio-shell [data-mobile-type=display]:not(.hero-title){white-space:nowrap;overflow-wrap:normal;flex-shrink:0}}