.offering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offering-card{padding:30px;background:#171b1c;border-radius:22px;text-decoration:none;display:flex;flex-direction:column;min-height:275px;transition:background .25s,transform .25s}.offering-card:hover{background:#22292a;transform:translateY(-4px)}.offering-number{display:flex;justify-content:space-between;color:#c5f55d;font:12px monospace;letter-spacing:.1em}.offering-card h3{font-size:clamp(23px,2.2vw,32px);line-height:1.15;letter-spacing:-.04em;margin:32px 0 16px}.offering-card p,.communication-intro p,.communication-case p,.ai-system-grid p,.ai-control p,.careers p{font-size:17px;line-height:1.65;color:#bdc5c7}.offering-card:focus-visible{outline:2px solid #c5f55d;outline-offset:5px}.communication-intro{padding-block:25px 80px;max-width:850px}.communication-intro h2,.communication-case h2,.ai-system-grid h2,.ai-control h2,.careers h2{font-size:clamp(30px,3.8vw,54px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 24px}.communication-case{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center;padding-block:48px}.communication-image{display:block;background:#171b1c;border-radius:20px;overflow:hidden}.communication-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.communication-case:nth-child(even) .communication-image{order:2}.case-extra{display:inline-block;margin-left:24px}.communication-cases{padding-bottom:70px}.ai-page-head{position:relative}.ai-flow{display:flex;gap:16px;align-items:center;margin-top:48px;flex-wrap:wrap;font:12px monospace;letter-spacing:.08em}.ai-flow span{padding:16px 20px;background:#192121;border-radius:10px;color:#d5fc88}.ai-flow b{color:#c5f55d}.ai-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ai-system-grid article{padding:clamp(28px,4vw,56px);border-radius:24px;background:radial-gradient(ellipse at top right,#24402d55,transparent 65%),#141a1b}.ai-system-grid h2{font-size:clamp(28px,3vw,43px)}.ai-control{max-width:950px}.careers{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,6vw,90px);margin-top:80px;border-top:1px solid #ffffff29}.careers form{min-width:0}.careers label{display:grid;gap:10px;margin-bottom:20px}.careers input,.careers select,.careers textarea{width:100%;box-sizing:border-box;padding:14px;background:#171c1d;color:#f4f6f3;border:1px solid #ffffff35;border-radius:10px;font:inherit}.careers select option{background:#171c1d}.careers .consent{display:flex;gap:12px;font-size:13px;line-height:1.6}.careers .consent input{width:18px;height:18px;flex-shrink:0}.careers .trap{display:none}.careers .form-help{font-size:13px}.application-status{min-height:30px}.careers input::file-selector-button{padding:9px 12px;background:#d5fc88;color:#101510;border:0;border-radius:6px;margin-right:10px}.careers :focus-visible{outline:2px solid #c5f55d;outline-offset:3px}@media(max-width:900px){.offering-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav{gap:16px}.communication-case{gap:30px}}@media(max-width:650px){.offering-grid,.communication-case,.ai-system-grid,.careers{grid-template-columns:1fr}.offering-card{min-height:0;padding:26px}.offering-card h3{margin-top:24px}.communication-case:nth-child(even) .communication-image{order:0}.communication-case{padding-block:30px}.careers{margin-top:45px}.ai-flow{gap:8px}.ai-flow span{padding:10px;font-size:10px}.case-extra{margin:18px 0 0;display:block}}@media(prefers-reduced-motion:reduce){.offering-card{transition:none}.offering-card:hover{transform:none}}
/* Service illustrations: lightweight vector motion, no image downloads. */
.service-icon{display:block;width:88px;height:88px;margin:18px 0 5px;color:#c5f55d}.service-icon svg{display:block;width:100%;height:100%;overflow:visible}.offering-card h3{margin:16px 0 12px}.offering-card p{margin:0;font-size:16px;line-height:1.55}.service-icon g{transform-box:fill-box;transform-origin:center}.icon-aim{animation:service-aim 4s ease-in-out infinite}.icon-pack{animation:service-pack 5s ease-in-out infinite}.icon-shutter{animation:service-turn 8s ease-in-out infinite}.icon-code{animation:service-code 4s ease-in-out infinite}.icon-signal{animation:service-signal 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.icon-module{animation:service-module 5s ease-in-out infinite}.offering-card:nth-child(even) svg *{animation-delay:-1.5s}@keyframes service-aim{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px)}}@keyframes service-pack{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes service-turn{0%,25%{transform:rotate(0)}60%,100%{transform:rotate(120deg)}}@keyframes service-code{0%,100%{opacity:1}50%{opacity:.3}}@keyframes service-signal{0%,100%{transform:scale(.65);opacity:.5}50%{transform:scale(1.25);opacity:1}}@keyframes service-module{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-4px) rotate(8deg)}}.motion-paused .service-icon *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.service-icon *{animation:none!important}}@media(max-width:650px){.service-icon{width:72px;height:72px;margin-top:14px}.offering-card h3{margin-top:12px}}
/* Art-directed collages use the original brand marks and project assets. */
.brand-composition{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;background:#242623}.composition-tag{position:absolute;top:6%;left:7%;font:9px monospace;letter-spacing:.1em;color:#fff9;z-index:4}.communication-image .composition-logo{position:absolute;top:15%;left:8%;width:40%;height:22%;object-fit:contain;object-position:left center;aspect-ratio:auto;z-index:3}.composition-pieces{position:absolute;inset:0}.communication-image .composition-piece{position:absolute;aspect-ratio:auto;object-fit:cover;box-shadow:0 16px 28px #0005;border-radius:3px;width:32%;height:57%;top:42%}.composition-piece.piece-0{left:5%;transform:rotate(-10deg)}.composition-piece.piece-1{left:35%;top:38%;transform:rotate(3deg)}.composition-piece.piece-2{left:65%;transform:rotate(12deg)}.composition-tailybite{background:#d6dab9}.composition-tailybite .composition-tag{color:#35452f}.composition-tailybite .composition-logo{width:40%}.communication-image .composition-tailybite .piece-0{width:78%;height:57%;top:43%;left:-5%;object-fit:contain;transform:rotate(-5deg);box-shadow:none}.communication-image .composition-tailybite .piece-1{width:27%;height:37%;left:65%;top:31%;transform:rotate(10deg)}.communication-image .composition-tailybite .piece-2{width:27%;height:37%;left:72%;top:61%;transform:rotate(-8deg)}.composition-amaro-san-simone{background:#eee8dc}.composition-amaro-san-simone .composition-tag{color:#716346;font-size:8px}.communication-image .composition-amaro-san-simone .composition-logo{top:12%;width:47%;height:29%}.communication-image .composition-amaro-san-simone .piece-0{inset:35% 0 0;width:100%;height:65%;object-fit:cover;transform:none;box-shadow:none}.communication-image .composition-amaro-san-simone .piece-1{left:8%;top:54%;width:86%;height:50%;object-fit:contain;transform:none;box-shadow:none}.composition-tam-club{background:#3a1930}.composition-tam-club .composition-logo{filter:brightness(0) invert(1)}.composition-whats-jazz{background:#0b2030}.composition-whats-jazz .composition-logo{width:48%}.composition-one-torino{background:#354d43}.communication-image .composition-one-torino .composition-logo{filter:brightness(0) invert(1);width:35%;height:23%}.communication-image .composition-one-torino .piece-0{width:76%;height:54%;top:42%;left:5%;transform:rotate(-5deg);object-position:top;border:5px solid #141918;border-radius:8px}.communication-image .composition-one-torino .piece-1{width:22%;height:60%;top:32%;left:73%;transform:rotate(8deg);object-position:top;border:5px solid #141918;border-radius:14px}.composition-mole-pub{background:#b69a70}.composition-mole-pub .composition-tag{color:#302619}.communication-image .composition-mole-pub .composition-logo{filter:brightness(0);width:45%}.communication-image:focus-visible{outline:2px solid #c5f55d;outline-offset:5px}@media(max-width:650px){.composition-tag{font-size:7px}.composition-amaro-san-simone .composition-tag{font-size:6px}}
.communication-image .composition-amaro-san-simone .piece-1,.communication-image .composition-amaro-san-simone .piece-2,.communication-image .composition-amaro-san-simone .piece-3{top:65%;width:21%;height:40%;object-fit:contain;transform:none;box-shadow:none}.communication-image .composition-amaro-san-simone .piece-1{left:30%}.communication-image .composition-amaro-san-simone .piece-2{left:50%}.communication-image .composition-amaro-san-simone .piece-3{left:70%}