:root{--ink:#111216;--muted:#777982;--paper:#f5f4ef;--white:#fff;--orange:#ff6a24;--line:rgba(17,18,22,.13);--dark:#101114;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topline{height:4px;background:var(--orange)}.site-header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,244,239,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font:800 14px var(--display);letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--orange);color:#171717;font:800 17px var(--display);letter-spacing:0}.brand-dot{color:var(--orange)}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}.nav>a:not(.nav-cta){color:#55565d;transition:color .2s}.nav>a:hover{color:var(--orange)}.nav-cta{padding:12px 18px;border:1px solid var(--ink);border-radius:3px}.nav-cta span{margin-left:12px;color:var(--orange)}.menu-toggle{display:none}.section-wrap{width:min(1120px,85.6%);margin:auto}.hero{min-height:670px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:55px;padding-top:66px;padding-bottom:72px}.eyebrow{font:500 10px var(--mono);letter-spacing:.11em;color:#777982}.pulse,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56a77c;margin-right:9px;box-shadow:0 0 0 4px rgba(86,167,124,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(48px,6vw,76px)/1.04 var(--display);letter-spacing:-.065em;margin:28px 0 24px}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-lede{max-width:495px;color:#656770;font-size:16px;line-height:1.85}.hero-lede strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 20px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:#fff}.button-primary span{color:var(--orange);font-size:17px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #aaa;padding-bottom:5px}.text-link span{color:var(--orange);margin-left:8px}.hero-meta{display:flex;gap:42px;margin-top:65px}.hero-meta>div{display:flex;flex-direction:column;gap:8px}.meta-label{font:10px var(--mono);color:#92939a;letter-spacing:.1em}.hero-meta strong{font-size:11px}.hero-visual{height:490px;position:relative;display:grid;place-items:center}.visual-grid{position:absolute;inset:30px 0;background-image:linear-gradient(rgba(17,18,22,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,22,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.portrait-frame{width:min(345px,75%);height:420px;position:relative;z-index:2;overflow:hidden;border-radius:48% 48% 5px 5px;background:#ddd;box-shadow:20px 20px 0 var(--orange)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}.orbit{position:absolute;border:1px solid rgba(255,106,36,.45);border-radius:50%;z-index:1}.orbit-one{width:430px;height:430px}.orbit-two{width:490px;height:490px;border-style:dashed;opacity:.5}.floating-note{position:absolute;z-index:3;background:#fff;padding:14px 17px;box-shadow:0 12px 35px #00000012;font-size:10px;line-height:1.55}.note-top{top:70px;right:0;display:flex;gap:10px;align-items:center}.note-icon{font-size:23px;color:var(--orange)}.note-bottom{bottom:42px;left:0;font:9px var(--mono);letter-spacing:.08em}.hero-index{position:absolute;bottom:0;right:0;font:10px var(--mono);color:#8c8d91}.ticker{overflow:hidden;background:var(--orange);padding:17px 0;white-space:nowrap}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:38px;min-width:1100px;font:500 10px var(--mono);letter-spacing:.1em}.ticker i{font-style:normal;font-size:15px}.work-section{padding-top:120px;padding-bottom:125px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:18px 0 45px}.section-heading h2,.about-copy h2{font:800 clamp(38px,4.5vw,56px)/1.1 var(--display);letter-spacing:-.06em;margin:14px 0 0}.section-heading>p{max-width:330px;color:#73757d;font-size:13px;line-height:1.8;margin-bottom:4px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.filter{background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font:600 10px var(--font);color:#666;cursor:pointer}.filter span{color:#aaa;margin-left:7px}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 22px}.project-card{min-width:0}.project-card.hide{display:none}.project-art{height:260px;position:relative;overflow:hidden;padding:20px 23px}.art-label,.art-bottom{font:9px var(--mono);letter-spacing:.1em;position:absolute;left:23px;top:20px}.art-bottom{top:auto;bottom:19px;opacity:.75}.art-orange{background:#ff6a24;color:#171717}.art-word{font:800 72px/.82 var(--display);letter-spacing:-.1em;position:absolute;left:40px;top:75px}.art-word span{font-size:26px;color:#fff;margin-left:14px}.art-lime{background:#d5ef5a;color:#141414}.dark-word{color:#141414!important}.art-slate{background:#252a34;color:#fff;display:grid;place-items:center}.device-card{width:190px;height:174px;border-radius:13px;background:#f5f4ef;color:#151515;transform:rotate(-5deg);padding:15px;box-shadow:18px 18px 0 #15151544}.device-top{font:800 11px var(--display);letter-spacing:.1em}.device-top span{color:#f36b2c}.device-circle{margin:12px auto 8px;width:65px;height:65px;border-radius:50%;background:#ff6a24;display:grid;place-items:center;font:800 25px var(--display)}.device-lines{display:flex;gap:5px;justify-content:center}.device-lines b{width:32px;height:4px;background:#c8c8c2;border-radius:5px}.art-blue{background:#c9d8f0;color:#141820}.vote-ui{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:70%;background:#f7f8fa;border-radius:8px;padding:20px;color:#17213a;box-shadow:15px 15px 0 #26395725}.vote-brand{font:800 12px var(--display);letter-spacing:.06em}.vote-brand span{color:#e35d35}.vote-title{font:500 24px/1.1 var(--display);margin:15px 0}.vote-bars{display:flex;gap:6px}.vote-bars i{height:5px;border-radius:8px;background:#d9dfeb;flex:1}.vote-bars i:first-child{background:#e35d35}.art-cream{background:#e9e4d8;color:#26241f}.property-shape{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:220px;height:145px}.roof{position:absolute;top:0;left:20px;width:180px;height:100px;background:#b5c0a5;transform:rotate(45deg) skew(-8deg,-8deg);border-radius:4px}.house{position:absolute;left:40px;top:47px;width:145px;height:94px;background:#f9f6ed;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 8px 18px #0002}.house i{width:24px;height:39px;background:#a9b9c1;border-radius:2px}.ink{color:#222}.art-violet{background:#d9d1f2;color:#201c31}.hotel-ui{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#242137;color:#fff;width:70%;padding:20px;border-radius:4px;box-shadow:12px 12px 0 #6d5c9b35}.hotel-brand{font:800 18px var(--display);letter-spacing:.14em}.hotel-brand small{display:block;font:8px var(--mono);letter-spacing:.12em;margin-top:5px}.hotel-lines{display:flex;gap:7px;margin:20px 0}.hotel-lines i{height:42px;background:#6c628a;flex:1}.hotel-chip{font:8px var(--mono);color:#e4c4a2;letter-spacing:.08em}.art-green{background:#c8ddcb;color:#17231a}.fitness-ui{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:72%;height:160px;background:#18271e;color:#e9f1e7;padding:17px}.fitness-kicker,.fitness-caption{font:8px var(--mono);letter-spacing:.12em}.fitness-title{font:800 38px/.9 var(--display);letter-spacing:-.08em;margin-top:17px}.fitness-title span{color:#b6ec6d}.fitness-ring{position:absolute;right:17px;top:36px;border:7px solid #b6ec6d;border-left-color:#405c48;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--display)}.fitness-caption{position:absolute;bottom:14px}.art-dark{background:#263b39;color:#fff}.lrc-mark{position:absolute;top:65px;left:50%;transform:translateX(-50%);font:800 86px var(--display);letter-spacing:-.12em;color:#f4a83e}.lrc-mark span{color:#fff}.lrc-caption{position:absolute;top:165px;left:50%;transform:translateX(-50%);font:8px var(--mono);letter-spacing:.14em;white-space:nowrap}.project-info{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:17px 0 12px}.project-info h3{font:700 17px var(--display);margin:0 0 6px;letter-spacing:-.03em}.project-info p{color:#777982;font-size:11px;line-height:1.6;margin:0;max-width:390px}.project-info>a,.private-link{width:33px;height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:15px;flex:none}.project-info>a:hover{background:var(--orange);border-color:var(--orange)}.private-link{color:#aaa}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{border:1px solid var(--line);padding:6px 9px;border-radius:20px;color:#777;font-size:9px}.project-footnote{font-size:10px;color:#92939a;margin-top:32px}.services-section{background:#101114;color:#f6f5f1;padding:105px 0 115px}.services-section .eyebrow,.approach-section .eyebrow{color:#a0a1a5}.services-section .section-heading>p{color:#a0a1a5}.service-list{border-top:1px solid #ffffff25}.service-row{display:grid;grid-template-columns:50px 1fr 1.1fr 25px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid #ffffff25}.service-no{font:10px var(--mono);color:var(--orange)}.service-row h3{font:600 18px var(--display);margin:0;letter-spacing:-.03em}.service-row p{font-size:11px;color:#a5a6ab;line-height:1.7;margin:0;max-width:380px}.service-arrow{color:var(--orange);font-size:18px}.about-section{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-image{height:480px;position:relative;background:#d9d5ca}.about-image img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.image-caption{position:absolute;bottom:0;left:0;right:0;background:var(--orange);padding:14px 17px;font:9px var(--mono);letter-spacing:.08em}.image-caption span{float:right}.about-copy h2{margin:16px 0 23px}.about-copy>p{font-size:13px;line-height:1.9;color:#6e7078}.skills{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 30px}.skills span{background:#e9e7df;border:1px solid #dfddd5;padding:8px 11px;border-radius:2px;font-size:10px;color:#53555c}.approach-section{background:#e9e7df;padding:100px 0 110px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid #c9c7bf;padding-top:25px}.step>span{font:10px var(--mono);color:var(--orange)}.step h3{font:700 18px var(--display);margin:24px 0 9px}.step p{font-size:11px;line-height:1.8;color:#74767d;max-width:210px}.contact-section{padding-top:100px;padding-bottom:100px}.contact-panel{background:var(--orange);padding:65px 7%;position:relative;overflow:hidden}.contact-panel:after{content:'S';position:absolute;right:5%;top:-100px;font:800 420px var(--display);letter-spacing:-.15em;color:#ffffff12;pointer-events:none}.contact-panel .eyebrow{color:#51230f}.contact-panel h2{font:800 clamp(44px,6vw,70px)/1.04 var(--display);letter-spacing:-.07em;margin:25px 0 18px}.contact-panel h2 em{color:#fff}.contact-panel>p{font-size:13px;color:#532c1a;max-width:420px;line-height:1.8}.contact-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button-light{background:#fff;color:#171717}.button-light span{color:var(--orange);font-size:17px}.contact-secondary{font-size:11px;font-weight:700;border-bottom:1px solid #6c351e;padding-bottom:5px}.contact-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:70px;padding-top:17px;border-top:1px solid #a7481e66;font:9px var(--mono);letter-spacing:.08em;color:#5a2a16}.footer{width:85.6%;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#777}.footer .brand{color:var(--ink);font-size:12px}.footer>a:last-child{color:#222;font-weight:700}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:70px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:#171717}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:22px 6% 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav-cta{text-align:center}.section-wrap{width:88%}.hero{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:55px}.hero h1{font-size:clamp(48px,12vw,70px)}.hero-visual{height:430px}.portrait-frame{height:360px;width:270px}.orbit-one{width:350px;height:350px}.orbit-two{width:400px;height:400px}.note-top{right:1%}.note-bottom{left:1%;bottom:20px}.hero-meta{margin-top:48px}.section-heading{display:block}.section-heading>p{margin-top:18px}.work-section{padding-top:85px;padding-bottom:90px}.project-grid{gap:28px 15px}.project-art{height:220px;padding:17px}.art-label,.art-bottom{left:17px}.art-word{font-size:58px;left:27px}.services-section{padding:80px 0}.service-row{grid-template-columns:30px 1fr 20px;gap:12px}.service-row p{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.about-section{grid-template-columns:1fr;gap:45px;padding-top:85px;padding-bottom:85px}.about-image{height:440px;max-width:430px}.steps{grid-template-columns:repeat(2,1fr);row-gap:35px}.approach-section{padding:80px 0}.contact-section{padding-top:75px;padding-bottom:75px}.contact-panel{padding:48px 7%}.contact-bottom{margin-top:50px}.footer{width:88%}}
@media(max-width:540px){.hero{padding-top:50px}.hero-lede{font-size:14px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-meta{gap:22px;flex-wrap:wrap}.hero-visual{height:385px}.portrait-frame{height:325px;width:245px}.orbit-one{width:310px;height:310px}.orbit-two{width:350px;height:350px}.note-top{top:30px}.note-bottom{bottom:9px}.project-grid{grid-template-columns:1fr;gap:30px}.project-art{height:245px}.section-heading h2,.about-copy h2{font-size:42px}.service-row h3{font-size:15px}.steps{gap:22px 14px}.step h3{font-size:16px}.contact-panel h2{font-size:48px}.contact-bottom{flex-direction:column}.footer{flex-wrap:wrap;gap:12px;padding:22px 0}.footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* OMOTECH360 premium motion + case study layer */
:root{--orange:#f47a24}
.project-card{cursor:pointer;position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.project-card:hover{transform:translateY(-8px)}
.project-art{display:flex;align-items:center;justify-content:center;isolation:isolate}
.brand-lockup{display:flex;align-items:center;gap:14px;font:800 clamp(42px,6vw,76px)/1 var(--display);letter-spacing:-.08em;position:relative;z-index:1;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#fff;padding:6px;box-shadow:0 8px 24px #0002}
.art-hover{position:absolute;inset:auto 20px 54px;text-align:center;font:600 10px var(--mono);letter-spacing:.15em;opacity:0;transform:translateY(12px);transition:.35s;z-index:3}
.art-hover b{font-size:18px;margin-left:10px}
.project-card:hover .brand-lockup{transform:scale(.88) translateY(-10px)}
.project-card:hover .art-hover{opacity:1;transform:translateY(0)}
.project-category{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#a05a32;margin-bottom:8px}
.project-open{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none;transition:.25s}
.project-card:hover .project-open{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}
.project-action{padding-top:14px}
.project-visit{display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #aaa;padding-bottom:5px}
.project-visit:hover{color:#d65e1e;border-color:#d65e1e}
.project-visit.muted{color:#858585;border-bottom-style:dashed}
.project-card.hide{display:none}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.hero-copy>*{animation:heroIn .8s both}
.hero-copy .eyebrow{animation-delay:.08s}.hero-copy h1{animation-delay:.18s}.hero-lede{animation-delay:.28s}.hero-actions{animation-delay:.38s}.hero-meta{animation-delay:.48s}
.hero-visual{animation:heroVisual 1.1s .2s both}
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroVisual{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
.case-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.case-modal.open{opacity:1;visibility:visible}
.case-backdrop{position:absolute;inset:0;background:rgba(9,10,12,.78);backdrop-filter:blur(10px)}
.case-dialog{position:relative;width:min(680px,100%);background:#f5f4ef;padding:clamp(28px,6vw,58px);transform:translateY(30px) scale(.98);transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 100px #0005}
.case-modal.open .case-dialog{transform:none}
.case-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:32px;cursor:pointer;color:#555}
.case-kicker{font:10px var(--mono);letter-spacing:.14em;color:#d76525;margin-bottom:20px}
.case-dialog h2{font:800 clamp(34px,6vw,58px)/1.05 var(--display);letter-spacing:-.06em;margin:0 35px 20px 0}
.case-dialog>p{font-size:14px;line-height:1.9;color:#686a70;max-width:550px}
.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ddd;margin-top:30px;padding-top:24px}
.case-detail-grid div{display:flex;flex-direction:column;gap:10px}
.case-detail-grid span{font:9px var(--mono);letter-spacing:.12em;color:#999}
.case-detail-grid strong{font-size:12px;line-height:1.6}
.case-actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}
.case-text-close{border:0;background:none;border-bottom:1px solid #aaa;padding:8px 0;font:600 11px var(--font);cursor:pointer}
.whatsapp-float{position:fixed;right:25px;bottom:25px;z-index:50;display:flex;align-items:center;gap:10px;background:#101114;color:#fff;border:1px solid #ffffff24;border-radius:50px;padding:11px 17px 11px 11px;box-shadow:0 12px 35px #0003;font-size:11px;font-weight:700;transition:transform .25s,background .25s}
.whatsapp-float:hover{transform:translateY(-4px);background:#1b3429}
.wa-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#20c875;color:#092116;font-size:20px}
@media(max-width:700px){.brand-lockup{font-size:54px}.brand-logo{width:34px;height:34px}.case-detail-grid{grid-template-columns:1fr}.whatsapp-float{right:14px;bottom:14px}.project-art{height:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}