
@font-face{font-family:OperaIdentity;src:url('brands/opera-dm-serif.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:FruIdentity;src:url('brands/fru-manrope.woff2') format('woff2');font-display:swap;font-weight:200 800}
.real-wordmark{transition:transform .6s cubic-bezier(.22,1,.36,1)}.original-identity{display:flex;align-items:center;justify-content:center;text-shadow:none;color:#233c32;background:#f7f6f1f5;box-shadow:0 9px 30px #00000012;max-width:calc(100% - 32px)}
.identity-domy{gap:7px;padding:9px 17px 9px 9px;border-radius:3px}.original-house{position:relative;display:block;width:54px;height:60px;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}.project .thumb .original-house img{position:absolute;width:122px;height:122px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;transition:none;filter:brightness(1.06) contrast(1.12)}.original-domy-name{font:600 18px/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:-.5px;white-space:nowrap}.original-domy-name small{display:block;font:500 7px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1.6px;margin-top:5px}.identity-opera{font:400 43px/1.2 OperaIdentity,Georgia,serif;letter-spacing:-.025em;padding:10px 27px 12px;color:#402d2b;border-radius:3px}.identity-fru{font-family:FruIdentity,Arial,sans-serif;align-items:baseline;line-height:1;padding:15px 24px 19px;border-radius:3px;gap:11px;color:#15251c}.original-fru{font-size:61px;font-weight:800;letter-spacing:-5px}.original-media{font-size:12px;font-weight:400;letter-spacing:0}.project:hover .real-wordmark{transform:translateY(-3px)}
.concept-detail{display:block;font-size:9px;letter-spacing:1.15px;color:#6e7d69;margin-top:15px;text-transform:uppercase}.concept-detail+.project-meta{margin-top:9px}.project .project-link{transition:background .25s,transform .25s}.project:hover .project-link{transform:translate(2px,-2px)}.preview-pause{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;border:0;border-bottom:1px solid #d5ddcd;background:transparent;padding:4px 0;color:#6b7865;font:9px Arial;cursor:pointer}.preview-paused .phone-page,.preview-paused .phone-device{animation-play-state:paused!important}.preview-offscreen .phone-page,.preview-offscreen .phone-device{animation-play-state:paused!important}.hero>div:first-child{animation:hero-copy-in .85s cubic-bezier(.22,1,.36,1) both}.hero .device-showcase{animation:hero-device-in 1.1s .1s cubic-bezier(.22,1,.36,1) both}.section-head h2{max-width:700px}.hero .btn:after{content:none}.btn:active{transform:translateY(0) scale(.98)}.project .thumb{box-shadow:0 1px 0 #173e3208}.real-projects .project:focus-visible .thumb{outline:2px solid #f5673b;outline-offset:4px}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes hero-device-in{from{opacity:0;transform:translateY(22px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.identity-domy{padding:7px;gap:3px}.original-house{width:40px;height:43px}.project .thumb .original-house img{width:90px;height:90px}.original-domy-name{font-size:13px}.original-domy-name small{font-size:5px;letter-spacing:1px}.identity-opera{font-size:31px;padding:12px 16px}.original-fru{font-size:45px}.identity-fru{padding:15px 18px}.original-media{font-size:10px}.concept-detail{font-size:8px;letter-spacing:.7px}}
@media(max-width:700px){.original-domy-name{font-size:21px}.original-domy-name small{font-size:8px}.identity-domy{padding:12px}.identity-opera{font-size:49px}.original-fru{font-size:67px}.original-house{width:58px}.concept-detail{font-size:9px}.hero .device-showcase{animation-delay:0s}}
@media(prefers-reduced-motion:reduce){.hero>div:first-child,.hero .device-showcase{animation:none}.project .project-link,.real-wordmark{transition:none}}
