.project-gallery{background:#f3f2f5;padding-top:110px;padding-bottom:70px}.project-gallery-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.project-gallery-heading h2{margin:0}.project-gallery-heading>p{font:15px/1.9 Arial;color:#7b6c88;max-width:450px;margin:0 0 4px}.project-gallery-index{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 22px}.project-gallery-index a{display:flex;gap:17px;align-items:center;padding:20px 0;border-top:1px solid #cfc4d9;color:#635071;text-decoration:none;font:12px Arial;transition:color .3s,border-color .3s}.project-gallery-index a>span{font-size:9px;color:#a78bb5}.project-gallery-index a>i{margin-left:auto;color:#b65a32;font:20px Arial;font-style:normal;transition:transform .4s}.project-gallery-index a:hover,.project-gallery-index a[aria-current=true]{border-color:#f26528;color:#bb4f24}.project-gallery-index a:hover>i{transform:translate(3px,-3px)}.project-concept-note{font:8px/1.7 Arial!important;letter-spacing:.07em;color:#a18bad;margin:0 0 45px}.project-direction{scroll-margin-top:95px;--project-p:.5;margin:0 0 60px}.project-cover{border-radius:22px;padding:25px 30px 22px;background:#252039;overflow:hidden;isolation:isolate;position:relative}.project-cover:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 80%,#f2652820,transparent 60%);z-index:-1}.project-cover-meta,.project-cover-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px/1.7 Arial;letter-spacing:.06em;color:#ab94bd}.project-cover-meta i{font:16px Arial;font-style:normal;color:#e8a17e;margin-left:20px}.project-visual-stage{height:420px;display:flex;align-items:center;justify-content:center;padding:26px 45px;perspective:1500px}.project-screen{width:100%;max-width:950px;box-shadow:0 35px 65px #0003;transform:translateY(calc((.5 - var(--project-p))*22px));border-radius:10px;overflow:hidden;min-width:0}.project-browser-bar{height:27px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;background:#e7e2ec;color:#9d8aaa;font:6px Arial}.service-screen{background:#fff;color:#21224e}.service-site-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 30px;padding:20px 0;border-bottom:1px solid #e1d8e8}.service-site-nav>strong{font:700 11px 'Chakra Petch';letter-spacing:.04em}.service-site-nav>strong>span{color:#bf5e39;font:7px Arial;margin-left:4px;vertical-align:top}.service-site-nav>span{font:7px Arial;color:#8b7498}.service-site-body{display:grid;grid-template-columns:1fr .85fr;gap:35px;padding:25px 30px}.service-site-body>div:first-child>span:first-child{font:6px Arial;letter-spacing:.09em;color:#ab819c}.service-site-body>div>strong{display:block;font:700 39px/1.04 'Chakra Petch';letter-spacing:-.04em;margin:14px 0;color:#21224e}.service-site-body p{font:9px/1.8 Arial;color:#8c7898}.project-faux-button{display:inline-flex;align-items:center;gap:20px;font:8px Arial;background:#21224e;color:#fff;padding:11px 13px;border-radius:5px;margin-top:7px}.project-faux-button i{font:14px Arial}.service-site-foot{font:5px Arial;letter-spacing:.1em;color:#ae9bb9;margin-top:21px}.service-site-photo{position:relative;border-radius:5px;overflow:hidden;min-height:230px}.service-site-photo img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:50% 40%;filter:contrast(.9) saturate(.5)}.service-site-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#15132da0)}.service-site-photo>span{position:absolute;bottom:15px;left:17px;font:7px/1.5 Arial;letter-spacing:.1em;color:white;z-index:1}.project-cover-caption{font-size:7px;letter-spacing:.03em}.project-direction-description{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:35px 0 45px;border-bottom:1px solid #d8cde0}.project-kind{font:8px Arial;letter-spacing:.09em;color:#a35b3b}.project-direction-description h3{font-size:31px;line-height:1.16;margin:18px 0 0;max-width:420px}.project-direction-description dl{display:grid;grid-template-columns:110px 1fr;gap:18px 20px;margin:0}.project-direction-description dt{font:8px/1.8 Arial;letter-spacing:.04em;color:#a184ae}.project-direction-description dd{margin:0;font:12px/1.8 Arial;color:#776184}.direction-1 .project-cover{background:#ddd3c5}.direction-1 .project-cover:after{background:radial-gradient(ellipse at 85% 80%,#a8947920,transparent 60%)}.direction-1 .project-cover-meta,.direction-1 .project-cover-caption{color:#8a7867}.commerce-screen{background:#f6f1e8;color:#423b35}.commerce-nav{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8cfc0}.commerce-nav strong{font:700 13px 'Chakra Petch';letter-spacing:.08em}.commerce-nav>span{font:7px Arial;color:#8c8070}.commerce-body{display:grid;grid-template-columns:1fr 1fr;padding:30px 32px;gap:20px;align-items:center}.commerce-copy>span:first-child{font:6px Arial;letter-spacing:.09em;color:#a38b70}.commerce-copy>strong{display:block;font:700 38px/1.05 'Chakra Petch';letter-spacing:-.035em;margin:17px 0}.commerce-copy strong em{color:#9b643b}.commerce-copy>p{font:9px/1.9 Arial;color:#9b8874}.commerce-link{font:8px Arial;border-bottom:1px solid #b6a088;padding-bottom:8px;display:inline-flex;gap:30px;margin-top:13px}.commerce-link i{font-style:normal}.commerce-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d8cfc0;padding:15px 32px;font:6px Arial;color:#a58e73}.product-still-life{height:235px;position:relative;perspective:800px}.product-shadow{position:absolute;left:0;right:0;bottom:12px;height:30px;border-radius:50%;background:#71604f30;filter:blur(15px)}.product-book{position:absolute;width:140px;height:180px;border-radius:3px 10px 10px 3px;box-shadow:inset 5px 0 5px #0001,1px 6px 0 #e4d4b8,10px 22px 30px #4b382b22}.book-back{background:#c5ba9d;left:22px;top:25px;transform:rotate(-18deg) rotateY(-12deg)}.book-front{background:#c46a3d;left:45px;top:30px;transform:rotate(-7deg);padding:20px;color:#fbe5cb}.book-front>span{font:700 32px/1.05 'Chakra Petch';letter-spacing:-.04em}.book-front>i{font:5px Arial;font-style:normal;display:block;margin-top:54px}.product-bottle{position:absolute;right:24px;bottom:5px;width:75px;height:178px;background:linear-gradient(90deg,#b7ac94,#dfd9c8 28%,#c5baa3 70%,#9e947e);border-radius:23px 23px 14px 14px;box-shadow:12px 16px 24px #443a2926;transform:rotate(8deg);display:flex;align-items:center;justify-content:center}.product-bottle>div{position:absolute;top:-19px;left:17px;width:41px;height:27px;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#796c57,#c1b49b,#8f8068);box-shadow:0 2px 3px #0002}.product-bottle>span{font:700 19px/1.05 'Chakra Petch';letter-spacing:-.04em;color:#62533e}.product-bottle i{font:4px Arial;display:block;font-style:normal;margin-top:12px}.direction-2 .project-cover{background:#c8c0d5}.direction-2 .project-cover-meta,.direction-2 .project-cover-caption{color:#786587}.workflow-screen{display:grid;grid-template-columns:140px 1fr;background:#242035;color:#e2d9ed;border:1px solid #ffffff18}.workflow-sidebar{padding:25px 18px;background:#1c182b;border-right:1px solid #ffffff12}.workflow-sidebar>strong{font:700 12px 'Chakra Petch';display:block;margin-bottom:27px}.workflow-sidebar>span{display:block;font:8px Arial;color:#8d789f;padding:12px 9px;margin:5px -3px;border-radius:5px}.workflow-sidebar>span.workflow-nav-active{background:#f2652818;color:#e5a182}.workflow-sidebar i{font-style:normal;float:right}.workflow-sidebar>div{font:5px/1.7 Arial;letter-spacing:.1em;color:#655470;margin-top:57px}.workflow-main{padding:23px;min-width:0}.workflow-top{display:flex;justify-content:space-between;align-items:center;font:6px Arial;color:#8b729d;letter-spacing:.05em}.workflow-top>i{font:7px Arial;font-style:normal;color:#d9bde8;width:20px;height:20px;display:grid;place-items:center;background:#44324f;border-radius:50%}.workflow-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:10px}.workflow-title>div>span{font:5px Arial;letter-spacing:.1em;color:#a17db3}.workflow-title strong{display:block;font:700 23px/1.2 'Chakra Petch';letter-spacing:-.03em;margin-top:8px}.workflow-title>b{font:6px Arial;background:#f26528;color:white;border-radius:5px;padding:9px 10px;white-space:nowrap}.workflow-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workflow-column-label{font:6px Arial;color:#987da8;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;letter-spacing:.06em}.workflow-column-label i{height:4px;width:4px;background:#a17cb3;border-radius:50%}.workflow-task{border:1px solid #ffffff12;background:#30283e;border-radius:7px;padding:13px;min-height:140px}.workflow-task>small{font:5px Arial;letter-spacing:.04em;color:#e39c7a}.workflow-task>strong{display:block;font:700 12px/1.2 'Chakra Petch';margin-top:14px}.workflow-task>p{font:6px/1.8 Arial;color:#9f82b2;margin-top:8px}.workflow-task>span{display:flex;justify-content:space-between;font:6px Arial;color:#ad8fc0;border-top:1px solid #ffffff12;padding-top:10px;margin-top:14px}.workflow-task i{font-style:normal}.workflow-bottom{display:flex;align-items:center;gap:13px;margin-top:27px;font:5px Arial;color:#9974ab}.workflow-bottom i{height:1px;flex:1;background:linear-gradient(90deg,#f26528,#ffffff20)}
@media(max-width:1000px){.project-visual-stage{padding-inline:15px;height:390px}.project-direction-description{gap:40px}.service-site-body{gap:20px}.service-site-body>div>strong{font-size:32px}.commerce-copy>strong{font-size:32px}.product-bottle{right:0}.workflow-screen{grid-template-columns:110px 1fr}.workflow-main{padding:18px}.workflow-title strong{font-size:21px}.workflow-task{padding:10px}}
@media(max-width:700px){.project-gallery{padding:75px 20px 25px}.project-gallery-heading{display:block}.project-gallery-heading h2{font-size:34px}.project-gallery-heading>p{font-size:14px;margin-top:25px}.project-gallery-index{gap:15px;margin:30px 0 18px}.project-gallery-index a{font-size:10px;line-height:1.7;gap:8px;align-items:start}.project-gallery-index a>span{font-size:7px;margin-top:2px}.project-gallery-index a>i{display:none}.project-concept-note{font-size:6px!important;line-height:1.9!important;margin-bottom:25px}.project-direction{margin-bottom:35px}.project-cover{padding:18px 14px;border-radius:15px}.project-cover-meta{font-size:6px;gap:10px}.project-cover-meta i{margin-left:7px;font-size:12px}.project-visual-stage{height:auto;min-height:340px;padding:25px 0}.project-screen{transform:translateY(calc((.5 - var(--project-p))*10px));border-radius:6px}.service-site-nav{margin:0 15px;padding:15px 0}.service-site-nav>strong{font-size:8px}.service-site-nav>span{font-size:5px}.project-browser-bar{font-size:5px;height:22px;padding-inline:10px}.service-site-body{padding:20px 15px;grid-template-columns:1fr;gap:20px}.service-site-body>div>strong{font-size:29px;margin:12px 0}.service-site-body>div:first-child>span:first-child{font-size:5px}.service-site-body p{font-size:8px}.project-faux-button{font-size:7px;padding:9px 11px}.service-site-foot{display:none}.service-site-photo{height:125px;min-height:0}.service-site-photo img{object-position:center 48%}.service-site-photo>span{font-size:6px;left:12px;bottom:11px}.project-cover-caption{font-size:5px;line-height:1.8;gap:15px}.project-cover-caption>span:first-child{max-width:240px}.project-direction-description{display:block;padding:25px 0 30px}.project-direction-description h3{font-size:28px;margin:15px 0 25px;max-width:330px}.project-direction-description dl{grid-template-columns:80px 1fr;gap:16px}.project-direction-description dt{font-size:7px}.project-direction-description dd{font-size:12px}.commerce-nav{padding:18px 17px}.commerce-nav strong{font-size:10px}.commerce-nav>span{font-size:5px}.commerce-body{grid-template-columns:1fr;gap:0;padding:22px 20px}.commerce-copy>strong{font-size:30px;margin:14px 0}.commerce-copy>span:first-child{font-size:5px}.commerce-copy>p{font-size:8px}.commerce-link{font-size:7px;margin-top:8px}.product-still-life{height:210px;max-width:270px;width:100%;justify-self:center;margin-top:22px}.product-book{width:120px;height:150px}.book-back{left:24px;top:20px}.book-front{left:45px;top:25px;padding:18px}.book-front>span{font-size:28px}.book-front>i{margin-top:35px;font-size:4px}.product-bottle{height:150px;width:65px;right:14px;bottom:15px}.product-bottle>div{left:14px;width:37px}.product-bottle>span{font-size:16px}.commerce-bottom{padding:12px 17px;font-size:5px}.commerce-bottom>span:nth-child(2){display:none}.workflow-screen{grid-template-columns:1fr}.workflow-sidebar{display:none}.workflow-main{padding:20px 15px}.workflow-title{margin:22px 0}.workflow-title strong{font-size:21px}.workflow-top{font-size:5px}.workflow-title>b{font-size:5px;padding:8px}.workflow-board{grid-template-columns:1fr;gap:13px}.workflow-board>div{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:start}.workflow-column-label{font-size:5px;margin:10px 0}.workflow-task{min-height:0;padding:12px}.workflow-task>strong{font-size:13px;margin-top:8px}.workflow-task>p{font-size:7px;margin:6px 0}.workflow-task>span{font-size:6px;margin-top:10px;padding-top:8px}.workflow-task>small{font-size:5px}.workflow-bottom{font-size:5px}.workflow-title>div>span{font-size:4px}.workflow-main .workflow-top>i{height:18px;width:18px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.project-screen{transform:none!important}.project-gallery-index a,.project-gallery-index a>i{transition:none}}