
:root{--ink:#151714;--paper:#f6f6f0;--lime:#c1f32d;--muted:#656b5f;--line:#d9ddd1;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #648600;outline-offset:5px}.skip{position:fixed;top:-90px;left:15px;z-index:100;background:var(--lime);padding:10px}.skip:focus{top:10px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.preview{background:var(--ink);color:#dfe4d8;font-size:11px;letter-spacing:.08em;text-align:center;padding:7px 16px}.preview b{color:var(--lime);font-weight:600}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.nav{height:100px;display:flex;justify-content:space-between;align-items:center;gap:30px}.logo{position:relative;display:block;width:162px;height:47px;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}.logo img{position:absolute;width:166.6%;max-width:none;left:-34.6%;top:-66.5%}.navlinks{display:flex;gap:28px;align-items:center;font-size:14px}.navlinks a{text-decoration:none}.navlinks a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);border:1px solid var(--ink);color:white;text-decoration:none;border-radius:100px;padding:13px 24px;font-size:14px;font-weight:600}.button.alt{background:transparent;color:var(--ink)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:9px 14px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.eyebrow:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);border:1px solid #8bae22;margin-right:10px}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:640}h1{font-size:clamp(46px,6.3vw,86px);max-width:960px}h2{font-size:clamp(33px,4vw,54px)}h3{font-size:27px}p{margin:0 0 18px}.muted,.lead{color:var(--muted)}.lead{font-size:20px;line-height:1.6;max-width:720px}.small{font-size:12px;line-height:1.6;color:var(--muted)}.hero{padding:77px 0 60px}.hero h1{margin:23px 0 25px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.hero-grid h1{font-size:clamp(46px,5.9vw,78px)}.highlight{position:relative;display:inline-block}.highlight:after{content:'';position:absolute;height:.17em;background:var(--lime);left:0;right:0;bottom:.02em;z-index:-1;transform:rotate(-1deg)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 20px}.proof-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:25px}.proof-line span+span:before{content:'·';margin-right:14px}.hero-system{background:#e9eddf;border:1px solid #d6ddc7;border-radius:32px;padding:25px;transform:rotate(1.5deg)}.system-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em;padding-bottom:20px}.system-top b{padding:5px 9px;border-radius:20px;background:var(--lime);font-size:10px}.system-row{margin:9px 0;background:white;border:1px solid #d3d9c8;border-radius:13px;padding:17px 15px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.system-row:nth-child(3){background:var(--ink);color:white}.system-row span{color:#6b7a51;font-size:12px}.system-row:nth-child(3) span{color:var(--lime)}.system-bottom{font-size:12px;color:var(--muted);padding-top:15px}.brands{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:25px 0;font-size:16px;letter-spacing:-.04em;font-weight:650}.section{padding:75px 0}.section+.section{border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.section-title h2{max-width:760px;margin-top:13px}.section-title p{max-width:360px;margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.project>a{display:block;text-decoration:none;height:100%}.project-media{padding:27px 27px 0;background:var(--tint,#e2e9d5);height:280px;overflow:hidden}.project-media img{width:100%;border:1px solid #0001;border-radius:10px 10px 0 0;box-shadow:0 12px 30px #0001;transition:transform .3s;aspect-ratio:1.65;object-fit:cover;object-position:top}.project:hover img{transform:translateY(-5px)}.project-copy{padding:28px}.tagline{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.project h3{max-width:500px;margin-bottom:14px}.project p{font-size:15px;color:var(--muted)}.project .read{display:flex;justify-content:space-between;font-weight:650;font-size:13px;padding-top:14px;border-top:1px solid var(--line)}.project .state{font-size:11px;margin-bottom:20px}.dark{background:var(--ink);color:var(--paper);border-radius:30px;padding:50px}.dark .muted,.dark .small{color:#c1c9b6}.dark h2{max-width:780px}.dark p{max-width:700px;margin-top:22px}.services-teaser{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-mini{border-top:2px solid var(--ink);padding:22px 0}.service-mini h3{font-size:23px;margin:25px 0 13px}.service-mini p{font-size:14px;color:var(--muted)}.service-mini .price{font-size:24px;letter-spacing:-.04em}.textlink{font-size:14px;font-weight:650}.footer{padding:40px 0;border-top:1px solid var(--line)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-top p{font-size:16px;margin:0}.footer-bottom{margin-top:35px;font-size:12px;color:var(--muted)}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:27px}.case-hero h1{max-width:1030px;font-size:clamp(43px,5.9vw,78px)}.case-hero .lead{margin:25px 0;max-width:820px}.case-meta{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:25px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;font-size:13px}.case-meta strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.shot-frame{padding:30px;background:var(--tint,#e6eadc);border-radius:25px}.shot-frame img{width:100%;border-radius:12px;border:1px solid #0002}.shot-frame figcaption{font-size:12px;padding-top:14px;color:#3e4539}figure{margin:0}.case-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:70px}.case-aside{align-self:start;position:sticky;top:25px;font-size:13px}.case-aside a{display:block;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}.story-block{margin-bottom:55px}.story-block h2{font-size:36px;margin-bottom:22px}.story-block p{color:#51594c;max-width:780px;font-size:17px}.story-block ul{padding-left:21px;color:#51594c}.story-block li{margin:12px 0}.decision{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.decision h3{font-size:23px;margin-bottom:12px}.evidence{border-left:3px solid #9fbd37;padding:5px 0 5px 23px;margin:20px 0;color:#4c5447}.flowstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:25px 0}.flowbox{background:#e8eddf;border:1px solid #d5dec7;border-radius:12px;padding:19px 13px;line-height:1.3;font-size:13px}.flowbox b{display:block;margin-bottom:16px;font-size:11px;color:#6b775e}.flowbox:last-child{background:var(--ink);color:white}.flowbox:last-child b{color:var(--lime)}.diagram-note{font-size:11px;color:var(--muted);margin-top:12px}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-list a{display:block;border:1px solid var(--line);background:white;padding:17px;border-radius:10px;text-decoration:none;font-size:14px}.gallery{display:grid;gap:25px}.tag{display:inline-flex;border:1px solid var(--line);padding:4px 10px;font-size:11px;border-radius:25px;background:white}.tool-controls{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;background:#e9eddf;padding:22px;border-radius:18px;margin-bottom:24px}.tool-controls label{font-size:12px;font-weight:600}.tool-controls input,.tool-controls select{margin-top:7px}.field,input,textarea,select{font:inherit;border:1px solid #bdc6ae;background:#fff;padding:12px 14px;border-radius:8px;color:var(--ink);width:100%;min-width:0}.result-count{font-size:12px;color:var(--muted);margin-bottom:20px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;scroll-margin-top:25px}.tool[hidden]{display:none}.tool:target{outline:3px solid #96b92e}.tool h3{font-size:22px;margin:15px 0}.tool p{color:var(--muted);font-size:14px}.tool summary{font-size:12px;font-weight:600;cursor:pointer}.tool details{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.tool details p{font-size:12px;margin:12px 0}.tool .textlink{font-size:12px}.empty{padding:30px;text-align:center}.service-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:50px 0;border-top:1px solid var(--line)}.service-detail h2{font-size:37px;margin:20px 0}.service-detail .price{font-size:31px}.service-detail ul{padding-left:20px;color:var(--muted)}.service-detail li{margin:14px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.step{border-top:1px solid #626857;padding-top:20px}.step b{color:var(--lime);font-size:12px}.step h3{font-size:21px;margin:23px 0 10px}.step p{font-size:14px;margin:0;color:#c1c9b6}.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid h2{margin-bottom:25px}.values{display:grid;gap:20px}.value{padding:25px;border:1px solid var(--line);border-radius:17px;background:white}.value h3{font-size:22px;margin-bottom:12px}.value p{color:var(--muted);font-size:15px;margin:0}.initials{font-size:95px;line-height:1;font-weight:650;letter-spacing:-.09em;background:var(--lime);border-radius:32px;width:210px;height:210px;display:flex;justify-content:center;align-items:center;margin-bottom:30px}.form{display:grid;gap:18px;background:white;border:1px solid var(--line);padding:28px;border-radius:24px}.form label{font-size:13px;font-weight:600;display:grid;gap:7px}.form textarea{min-height:140px;resize:vertical}.form .pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:12px;color:var(--muted)}.form output{font-size:13px;color:#456300}.faq details{padding:23px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;font-weight:600}.faq p{margin:17px 0 0;color:var(--muted);max-width:800px}.launch-notice{border:1px solid #c1cf9f;padding:18px;border-radius:14px;background:#edf3df;font-size:13px}.demo{background:white;border:1px solid var(--line);border-radius:20px;padding:25px;margin:25px 0}.demo h3{font-size:23px}.demo-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.demo button{padding:9px 16px;border-radius:30px;border:1px solid var(--line);background:var(--paper);font-size:13px}.demo button[aria-pressed=true]{background:var(--ink);color:white}.packing-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.packing-svg{width:100%;height:220px}.demo-stats{display:grid;gap:12px;font-size:14px}.demo-stats b{font-size:24px}.progress{height:7px;background:#e8ecdF;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:#8ead2c;width:0;transition:width .2s}.ai-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.ai-row p{font-size:14px;margin:0}.ai-row span{font-size:12px;color:var(--muted)}.ai-row button{white-space:nowrap}.ai-status{font-size:13px;color:#536744;margin-top:20px}.menu-open .navlinks{display:flex}body:has(.tool:target) .tool:target{background:#f6fadf}@media(max-width:950px){.hero-grid{gap:30px}.navlinks{gap:18px}.case-body{grid-template-columns:170px minmax(0,1fr);gap:35px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-teaser{grid-template-columns:repeat(2,1fr)}.project-media{height:220px;padding:20px 20px 0}.about-grid,.contact-grid{gap:35px}.case-meta{grid-template-columns:1fr 1fr}.case-meta>div:last-child{grid-column:1/-1}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:82px;position:relative}.menu-toggle{display:block}.navlinks{display:none;position:absolute;z-index:20;top:82px;left:-18px;right:-18px;background:var(--paper);border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch}.navlinks a{padding:7px}.hero-grid,.grid,.about-grid,.contact-grid,.service-detail,.case-body{grid-template-columns:1fr}.hero-grid{gap:40px}.hero{padding:45px 0}.hero h1{font-size:49px}.hero-system{transform:none}.section{padding:48px 0}.section-title{display:block}.section-title p{margin-top:20px}.project-media{height:240px}.case-aside{position:static;display:flex;gap:17px;flex-wrap:wrap}.case-aside a{padding:5px 0;font-size:12px}.case-body{gap:35px}.case-meta{grid-template-columns:1fr;gap:17px}.case-meta>div:last-child{grid-column:auto}.flowstrip{grid-template-columns:1fr}.flowbox{display:flex;gap:20px;align-items:center;padding:13px 17px}.flowbox b{margin:0}.tool-controls{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.dark{padding:30px 25px;border-radius:20px}.shot-frame{padding:12px;border-radius:16px}.form .pair,.packing-layout{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}.service-detail{gap:25px}.lead{font-size:18px}.ai-row{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.preview,.nav,.footer,.actions,.tool-controls,.case-aside,.form{display:none}.wrap{width:100%}.section,.hero{padding:22px 0}.project,.story-block{break-inside:avoid}.hero-grid,.case-body{display:block}body{background:white}}

.logo img,.project-media img{height:auto}.highlight{isolation:isolate}
/* Owner direction: retain the original typeface and hero; make all reading text comfortable. */
:root{--ink:#151515;--paper:#f6f5f1;--lime:#bbf500;--muted:#535b4d}
body{font:18px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}
.wrap{width:min(1180px,calc(100% - 48px))}
h1{font-weight:720;font-size:clamp(48px,6.6vw,88px);letter-spacing:-.065em;line-height:1.05}
h2{font-weight:700;font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.15}
h3,h4{font-weight:700;letter-spacing:-.025em;line-height:1.25}
.hero-grid h1{font-weight:720;font-size:clamp(48px,6.6vw,88px);line-height:1.05}
.hero-grid{grid-template-columns:1.5fr 1fr;gap:60px}
.hero p,.hero .lead,.lead{font-size:21px;line-height:1.65}
.hero .small,.small{font-size:16px;line-height:1.7;color:#535b4d}
.preview{font-size:16px;letter-spacing:.025em;line-height:1.55;padding:10px 18px}
.navlinks,.button,.menu-toggle{font-size:17px}
.navlinks{gap:24px}
.button{padding:14px 24px;line-height:1.5;min-height:48px}
.menu-toggle{min-height:48px}
.eyebrow{font-size:16px;letter-spacing:.09em;line-height:1.5}
.proof-line{font-size:16px;line-height:1.65}
.tagline{font-size:16px;letter-spacing:.035em;line-height:1.5;flex-wrap:wrap}
.project h3{font-size:29px;line-height:1.25}
.project p,.project .state{font-size:18px;line-height:1.65}
.project .read{font-size:17px;line-height:1.5}
.service-mini h3{font-size:26px;line-height:1.25}
.service-mini p,.service-detail li,.service-detail p{font-size:18px;line-height:1.7}
.service-mini .price{font-size:30px}
.textlink{font-size:18px;line-height:1.6}
.footer-top p{font-size:20px}
.footer-nav{font-size:17px}
.footer-bottom{font-size:16px;line-height:1.7;align-items:start;flex-wrap:wrap}
.breadcrumb{font-size:17px;line-height:1.6}
.case-hero h1{font-size:clamp(46px,5.9vw,78px);line-height:1.1}
.case-meta{font-size:18px;line-height:1.6}
.case-meta strong{font-size:16px;letter-spacing:.045em;line-height:1.5}
.case-body{grid-template-columns:235px minmax(0,1fr);gap:55px}
.case-aside,.case-aside a{font-size:17px;line-height:1.6}
.case-aside a{padding:12px 0}
.story-block h2{font-size:38px;line-height:1.2}
.story-block p,.story-block li,.evidence{font-size:19px;line-height:1.75}
.decision h3{font-size:25px;line-height:1.3}
.shot-frame figcaption{font-size:16px;line-height:1.7;color:#414b37}
.flowbox{font-size:17px;line-height:1.5;padding:20px 14px}
.flowbox b{font-size:16px}
.diagram-note{font-size:16px;line-height:1.7;color:#535b4d}
.related-list a{font-size:18px;line-height:1.55;padding:18px}
.tag{font-size:16px;line-height:1.5;padding:5px 11px}
.tool-controls label{font-size:17px;line-height:1.6}
.result-count{font-size:17px;line-height:1.6}
.tool h3{font-size:26px;line-height:1.25}
.tool p{font-size:18px;line-height:1.7}
.tool summary,.tool details p{font-size:16px;line-height:1.7}
.tool .textlink{font-size:17px}
.steps .step b{font-size:17px}
.steps .step h3{font-size:25px;line-height:1.25}
.steps .step p{font-size:18px;line-height:1.7}
.value h3{font-size:25px}
.value p{font-size:19px;line-height:1.7}
.form label{font-size:18px;line-height:1.5}
.form-note,.form output{font-size:16px;line-height:1.7}
.field,input,textarea,select{font-size:18px;line-height:1.5;min-height:49px}
.faq summary{font-size:21px;line-height:1.5}
.faq p{font-size:19px;line-height:1.75}
.launch-notice{font-size:17px;line-height:1.7}
.demo h3{font-size:26px;line-height:1.25}
.demo button{font-size:17px;line-height:1.5;padding:11px 17px;min-height:48px}
.demo-stats,.ai-row p{font-size:18px;line-height:1.65}
.ai-row span,.ai-status{font-size:17px;line-height:1.65}
.packing-layout{grid-template-columns:1fr 1.2fr}
.accent{background:#bbf500;padding:0 .08em}
.classic-home .machine{border:1px solid #151515;border-radius:28px;padding:28px;background:#ecece5;transform:rotate(2deg)}
.classic-home .machine-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #b8b8ad;padding-bottom:20px;font-size:18px;line-height:1.5}
.classic-home .on{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4}
.classic-home .dot{width:10px;height:10px;background:#bbf500;border:1px solid #617800;border-radius:50%;flex-shrink:0}
.classic-home .flow{display:grid;gap:12px;padding:24px 0}
.classic-home .step{padding:16px;border-radius:14px;background:white;border:1px solid #d5d5ce;display:flex;justify-content:space-between;gap:12px;font-size:18px;line-height:1.55}
.classic-home .step.active{background:#151515;color:white}
.classic-home .step em{font-style:normal;color:#526300}
.classic-home .step.active em{color:#bbf500}
.classic-home .button.light{background:transparent;color:#151515}
.original-strip{border-block:1px solid #ccc;padding:24px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-weight:600;font-size:18px;line-height:1.6}
@media(max-width:1000px){.case-body{grid-template-columns:205px minmax(0,1fr);gap:32px}.hero-grid{gap:35px}.flowstrip{grid-template-columns:1fr 1fr}.flowbox:last-child{grid-column:1/-1}}
@media(max-width:950px){.nav{height:90px;position:relative}.menu-toggle{display:block}.navlinks{display:none;position:absolute;z-index:20;top:90px;left:-24px;right:-24px;background:var(--paper);border-bottom:1px solid var(--line);padding:24px;flex-direction:column;align-items:stretch;gap:12px}.navlinks a{padding:8px}.menu-open .navlinks{display:flex}.hero-grid{grid-template-columns:1fr;gap:38px}.classic-home .machine{transform:none;max-width:620px}.hero p{max-width:760px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero h1,.hero-grid h1{font-size:clamp(46px,9vw,66px)}.hero p,.lead{font-size:20px}.hero .small{font-size:16px}.case-body{grid-template-columns:1fr;gap:30px}.case-aside{position:static;display:flex;gap:18px;flex-wrap:wrap}.case-aside a{font-size:17px;padding:8px 0}.story-block p,.story-block li,.evidence{font-size:18px}.services-teaser,.steps{grid-template-columns:1fr 1fr}.flowstrip{grid-template-columns:1fr}.flowbox{display:flex;align-items:center;gap:20px}.flowbox b{margin:0}.flowbox:last-child{grid-column:auto}.packing-layout{grid-template-columns:1fr}.navlinks{left:-18px;right:-18px}.project h3{font-size:27px}}
@media(max-width:540px){.services-teaser,.steps{grid-template-columns:1fr}.hero-grid{padding:40px 0}.classic-home .machine{padding:22px}.classic-home .machine-head{flex-wrap:wrap}.classic-home .step{font-size:18px}.original-strip{gap:14px}.original-strip span{flex-basis:100%}.related-list a{overflow-wrap:anywhere}.case-hero h1{font-size:44px}.hero .actions .button{width:100%}.story-block h2{font-size:33px}}

/* Show the complete screenshot at its native proportions on every card. */
.project-media{height:auto;aspect-ratio:auto;padding:24px;overflow:visible}
.project-media img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:10px;transform:none}
.project:hover .project-media img{transform:none}
.shot-frame img{width:100%;height:auto;object-fit:contain}
@media(max-width:540px){.project-media{padding:16px}}

/* One entrance on load, with no motion for visitors who request reduced motion. */
@media(prefers-reduced-motion:no-preference){
 .classic-home h1{transform-origin:left center;animation:fliwit-title-flip 850ms cubic-bezier(.2,.7,.2,1) both}
 .classic-home .machine{transform-origin:right center;animation:fliwit-panel-flip 950ms cubic-bezier(.2,.7,.2,1) 120ms both}
}
@keyframes fliwit-title-flip{from{opacity:0;transform:perspective(1100px) translateX(-28px) rotateY(42deg)}to{opacity:1;transform:perspective(1100px) translateX(0) rotateY(0)}}
@keyframes fliwit-panel-flip{from{opacity:0;transform:perspective(1100px) translateX(28px) rotateY(-42deg) rotate(2deg)}to{opacity:1;transform:perspective(1100px) translateX(0) rotateY(0) rotate(2deg)}}
@media(max-width:950px){@keyframes fliwit-panel-flip{from{opacity:0;transform:perspective(1100px) translateX(18px) rotateY(-30deg)}to{opacity:1;transform:none}}}

/* Integrated mark: graphic F is the first letter; preserve the existing logo frame. */
.logo{mix-blend-mode:normal}.logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center}
