:root{--bg:#fbfbfa;--ink:#30302e;--soft:#b8b8b4;--panel:#f7f7f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.skip{position:fixed;left:20px;top:-60px;background:#fff;color:#222;padding:10px 14px;z-index:50}.skip:focus{top:20px}.switcher{position:fixed;z-index:20;top:34px;left:50%;transform:translateX(-50%);height:54px;padding:4px;display:flex;gap:2px;border-radius:28px;background:rgba(248,248,247,.86);box-shadow:0 10px 35px rgba(29,29,27,.08);backdrop-filter:blur(18px)}.switch{width:54px;height:46px;border:0;border-radius:24px;background:transparent;display:grid;place-items:center;cursor:pointer;color:#c9c9c6;transition:.25s}.switch svg{width:17px;height:17px;fill:currentColor}.switch.active{background:#fff;color:#20201e;box-shadow:0 2px 9px rgba(25,25,23,.08)}.view{animation:view-in .45s ease both}.intro{width:370px;margin-left:38.2vw;padding-top:240px}.hello{margin:0 0 25px;color:#51514e}.statement{margin:0;color:var(--soft);font-size:15px;line-height:1.48}.availability{margin:28px 0 0;color:var(--soft)}a{color:inherit}.availability a{color:#686865;text-underline-offset:2px}.selected{margin-top:164px;overflow:hidden}.project-row{display:flex;gap:18px;padding-left:38.2vw;padding-right:6vw;width:max-content}.project{display:block;width:420px;color:inherit;text-decoration:none}.canvas{height:465px;background:var(--panel);position:relative;overflow:hidden;border-radius:2px}.caption{padding-top:13px;display:flex;flex-direction:column;font-size:13px}.caption span:last-child{color:#c2c2be}.phone{position:absolute;width:145px;height:295px;top:84px;border:6px solid #1b1b1a;border-radius:28px;background:#111;box-shadow:0 18px 40px rgba(52,43,112,.16);overflow:hidden}.phone.back{left:92px;transform:rotate(-8deg);opacity:.72}.phone.front{left:192px;transform:rotate(7deg)}.screen{height:100%;border-radius:21px;background:linear-gradient(155deg,#fdfdfb 0 48%,#d9ff64 48%);padding:22px 16px;display:flex;flex-direction:column}.screen small{font-size:6px;letter-spacing: 0}.screen b{font-size:16px;line-height:1.05;margin-top:auto;font-weight:500}.screen i{font-style:normal;font-size:7px;margin-top:12px}.lilac{background:#f0eefb}.mint{background:#edf6f2}.care-card{position:absolute;left:58px;top:105px;width:304px;height:245px;background:#fff;border-radius:19px;padding:31px;display:flex;flex-direction:column;box-shadow:0 22px 55px rgba(34,80,65,.1)}.care-card small{color:#9caaa4}.care-card b{font-size:31px;line-height:1.02;font-weight:400;margin-top:20px}.care-card i{font-style:normal;font-size:9px;margin-top:auto}.care-line{height:1px;background:#e8e8e4;margin-top:auto}.care-dot{position:absolute;width:54px;height:54px;background:#f7774d;border-radius:50%;right:35px;bottom:49px;box-shadow:0 0 0 15px rgba(247,119,77,.12)}.peach{background:#fbf3e4}.cup{position:absolute;bottom:78px;width:120px;height:238px;border-radius:58px 58px 10px 10px;padding-top:64px;text-align:center;box-shadow:0 18px 36px rgba(111,70,23,.13)}.cup b{display:block;font-size:23px;line-height:.85;font-weight:500}.cup small{display:block;margin-top:65px;font-size:7px;letter-spacing: 0}.cup.orange{left:92px;background:#ef8456;transform:rotate(-7deg)}.cup.pink{left:207px;background:#f3c4d5;transform:rotate(8deg)}.blue{background:#eef1f7}.monogram{position:absolute;inset:0;display:grid;place-items:center;font-size:150px;letter-spacing: 0;color:#223b90;font-weight:500;padding-right:44px}.monogram span{color:#e1593d}.details{width:370px;margin-left:38.2vw;padding:145px 0 170px;display:flex;flex-direction:column;gap:46px}.details div{display:flex;flex-direction:column}.details strong{font-weight:400;margin-bottom:2px}.details span,.details a{color:#c2c2be;text-decoration:none}.details a:hover{color:#777}.view-about{min-height:100vh}.about-card{width:410px;margin-left:38.2vw;padding:230px 0 130px}.about-lead{font-size:24px;line-height:1.32;letter-spacing: 0;margin:0 0 34px}.about-card>p:not(.hello):not(.about-lead){color:#a8a8a4;line-height:1.7}.about-card dl{margin:75px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.about-card dl div{display:block}.about-card dt{margin-bottom:11px}.about-card dd{margin:0;color:#b4b4b0;line-height:1.75}.mail{display:inline-block;text-underline-offset:5px}.project:hover .canvas{filter:brightness(.985)}.project:hover .caption span:first-child{color:#777}@keyframes view-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:720px){.switcher{top:22px}.intro{width:auto;margin:0;padding:190px 25px 0}.selected{margin-top:120px}.project-row{padding-left:25px;padding-right:25px;gap:12px}.project{width:82vw}.canvas{height:92vw}.phone{transform:scale(.75)!important;transform-origin:center}.phone.back{left:9%;top:10%}.phone.front{left:41%;top:10%}.care-card{left:8%;top:19%;width:84%;height:58%}.cup{transform:scale(.8) rotate(-7deg)!important;transform-origin:bottom}.cup.orange{left:8%}.cup.pink{left:40%;transform:scale(.8) rotate(8deg)!important}.details{width:auto;margin:0;padding:110px 25px 140px}.about-card{width:auto;margin:0;padding:185px 25px 100px}.about-card dl{grid-template-columns:1fr;gap:35px}.monogram{font-size:105px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body,body *{letter-spacing: 0}