/* Homepage v3: hero button, featured work, client tweaks, 4 services, contact offer + copy toast. */
.hybrid-design .hero h1{font-size:clamp(52px,5.4vw,84px);line-height:1.03}
.hybrid-design .hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}
.hybrid-design .hero-button{display:inline-flex;align-items:center;background:#f36b21;color:#101112;font-weight:800;font-size:15px;letter-spacing:-.01em;text-decoration:none;border-radius:6px;padding:15px 24px;transition:background .2s,transform .2s}
.hybrid-design .hero-button:hover{background:#fff;transform:translateY(-2px)}
.hybrid-design .hero-button:focus-visible,.hybrid-design .work-play:focus-visible,.hybrid-design .copy-handle:focus-visible{outline:3px solid #f36b21;outline-offset:4px}

/* Featured work */
.hybrid-design .featured-work{padding:95px 0 90px;border-bottom:1px solid #343537}
.hybrid-design .featured-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end;margin-bottom:40px}
.hybrid-design .featured-heading h2{font-size:clamp(45px,5vw,72px);line-height:1.02;letter-spacing:-.06em;margin:0}
.hybrid-design .featured-heading h2 span{color:#f36b21}
.hybrid-design .featured-heading p{font-size:17px;line-height:1.6;color:#b9b9bd;margin:0;max-width:280px}
.hybrid-design .work-grid{display:grid;grid-template-columns:.62fr 1fr;grid-template-rows:auto auto;gap:24px 28px}
.hybrid-design .work-card{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.hybrid-design .work-card.vertical{grid-row:1 / span 2}
.hybrid-design .work-play,.hybrid-design .work-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border:1px solid #343537;border-radius:10px;overflow:hidden;background:#1b1c1e;padding:0;cursor:pointer}
.hybrid-design .work-card.vertical .work-play,.hybrid-design .work-card.vertical .work-frame{aspect-ratio:9/16;flex:1;height:auto}
.hybrid-design .work-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .3s}
.hybrid-design .work-play:hover img{transform:scale(1.03);filter:brightness(.85)}
.hybrid-design .work-icon{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#f36b21;color:#101112;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.45);transition:transform .2s}
.hybrid-design .work-icon svg{margin-left:4px}
.hybrid-design .work-play:hover .work-icon{transform:scale(1.08);background:#fff}
.hybrid-design .work-badge{position:absolute;left:14px;top:14px;background:#101112;color:#fff;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:800;letter-spacing:.06em;border-radius:999px;padding:6px 11px}
.hybrid-design .work-frame{border:0;cursor:auto}
.hybrid-design .work-card figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.hybrid-design .work-card figcaption strong{font-size:18px;letter-spacing:-.02em}
.hybrid-design .work-card figcaption span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f36b21}
.hybrid-design .work-card figcaption em{flex-basis:100%;font-style:normal;font-size:14px;color:#a7a8ae;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hybrid-design .work-note{color:#8d8e93;font-size:12px;margin:22px 0 0}

/* Clients */
.hybrid-design .client-cred{font-size:clamp(19px,1.8vw,24px);line-height:1.45;letter-spacing:-.02em;color:#d8d8dc;margin:0 0 28px;max-width:760px}
.hybrid-design .client-cred strong{color:#fff}
.hybrid-design .client-stats-note{font-size:13.5px;color:#b4b5b9}

/* Services: 4 columns */
.hybrid-design .service-row.four{grid-template-columns:repeat(4,1fr)}
.hybrid-design .service-row.four>div{padding-right:26px}
.hybrid-design .service-row.four>div+div{padding-left:26px}

/* Contact */
.hybrid-design .contact-side{align-self:end;min-width:0}
.hybrid-design .contact-offer{font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:#d8d8dc;margin:0 0 18px;letter-spacing:-.015em}
.hybrid-design .contact-offer strong{color:#f36b21}
.hybrid-design .contact-links>button.copy-handle{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;background:transparent;color:inherit;border:0;border-bottom:1px solid #404144;font:inherit;font-size:clamp(26px,3vw,42px);font-weight:700;letter-spacing:-.04em;line-height:.95;padding:18px 0;cursor:pointer;text-align:left}
.hybrid-design .contact-links>button.copy-handle:hover{background:#292a2c}
.hybrid-design .contact-links>button+a{border-top:0}
.hybrid-design .contact-links span{font-size:17px;font-weight:700;color:#f0f0f2;letter-spacing:-.01em}
.hybrid-design .contact-links .copy-ic{color:#f36b21;margin-left:6px;vertical-align:-2px}
.hybrid-design .copy-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#f36b21;color:#101112;font-weight:800;font-size:14px;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;margin:0}
.hybrid-design .copy-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1000px){.hybrid-design .featured-heading{grid-template-columns:1fr 2fr}.hybrid-design .featured-heading p{grid-column:2}
 .hybrid-design .service-row.four{grid-template-columns:repeat(2,1fr)}
 .hybrid-design .service-row.four>div:nth-child(3){border-left:0;padding-left:0}
 .hybrid-design .service-row.four>div:nth-child(n+3){border-top:1px solid #393a3d;margin-top:10px}}
@media(max-width:650px){.hybrid-design .hero h1{font-size:clamp(42px,11vw,64px)}
 .hybrid-design .featured-work{padding:65px 0}.hybrid-design .featured-heading{display:block}.hybrid-design .featured-heading h2{margin:20px 0}
 .hybrid-design .work-grid{grid-template-columns:1fr;gap:30px}.hybrid-design .work-card.vertical{grid-row:auto}
 .hybrid-design .work-card.vertical .work-play,.hybrid-design .work-card.vertical .work-frame{width:min(100%,300px);margin:0 auto;flex:none}
 .hybrid-design .work-card.vertical figcaption{width:min(100%,300px);margin:0 auto}
 .hybrid-design .service-row.four>div,.hybrid-design .service-row.four>div+div{padding:22px 0 26px;border-left:0;margin-top:0}
 .hybrid-design .contact-links>button.copy-handle{font-size:29px;gap:15px}
 .hybrid-design .contact-offer{margin-top:28px}
 .hybrid-design .contact-links>div,.hybrid-design .contact-links>a,.hybrid-design .contact-links>button.copy-handle{flex-direction:column;align-items:flex-start;gap:8px}
 .hybrid-design .contact-links span{font-size:16px;white-space:nowrap;text-align:left;max-width:none}}

/* v4: contact enquiry form */
.hybrid-design .contact>.wrap.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:start}
.hybrid-design .contact-left{display:flex;flex-direction:column;gap:38px;min-width:0}
.hybrid-design .contact-left .contact-side{align-self:stretch}
.hybrid-design .enquiry-card{background:#101112;border:1px solid #343537;border-radius:12px;padding:32px;box-shadow:9px 9px 0 #f36b21;min-width:0}
.hybrid-design .enquiry-title{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 22px}
.hybrid-design .enquiry-form{display:grid;gap:16px}
.hybrid-design .ef-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hybrid-design .ef-field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0;border:0}
.hybrid-design .ef-field label,.hybrid-design .ef-chips legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c4c5c9;padding:0}
.hybrid-design .ef-field label b{color:#f36b21}
.hybrid-design .ef-field label span{font-weight:500;text-transform:none;letter-spacing:0;color:#8d8e93;margin-left:6px}
.hybrid-design .ef-field input,.hybrid-design .ef-field select,.hybrid-design .ef-field textarea{width:100%;font:inherit;font-size:15px;color:#fff;background:#1b1c1e;border:1px solid #45464b;border-radius:6px;padding:12px 13px}
.hybrid-design .ef-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f36b21 50%),linear-gradient(135deg,#f36b21 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.hybrid-design .ef-field textarea{resize:vertical;min-height:120px;line-height:1.5}
.hybrid-design .ef-field input::placeholder,.hybrid-design .ef-field textarea::placeholder{color:#76777c}
.hybrid-design .ef-field input:focus,.hybrid-design .ef-field select:focus,.hybrid-design .ef-field textarea:focus{outline:2px solid #f36b21;outline-offset:1px;border-color:#f36b21}
.hybrid-design .ef-field.invalid input,.hybrid-design .ef-field.invalid select,.hybrid-design .ef-field.invalid textarea{border-color:#ff7a7a}
.hybrid-design .ef-chips legend{margin-bottom:9px}
.hybrid-design .chips-wrap{display:flex;flex-wrap:wrap;gap:8px}
.hybrid-design .chip{position:relative;cursor:pointer}
.hybrid-design .chip input{position:absolute;opacity:0;width:1px;height:1px}
.hybrid-design .chip span{display:inline-block;font-size:13.5px;font-weight:700;color:#e6e6e8;background:#1b1c1e;border:1px solid #45464b;border-radius:999px;padding:8px 13px;transition:background .15s,border-color .15s,color .15s}
.hybrid-design .chip:hover span{border-color:#f36b21}
.hybrid-design .chip input:checked+span{background:#f36b21;border-color:#f36b21;color:#101112}
.hybrid-design .chip input:checked+span:before{content:"✓ "}
.hybrid-design .chip input:focus-visible+span{outline:2px solid #f36b21;outline-offset:2px}
.hybrid-design .ef-meta{display:flex;justify-content:space-between;gap:12px}
.hybrid-design .ef-count{font-size:12px;color:#8d8e93;white-space:nowrap}
.hybrid-design .ef-err{margin:0;min-height:0;font-size:13px;color:#ff9a8a}
.hybrid-design .ef-err:empty{display:none}
.hybrid-design .ef-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.hybrid-design .ef-submit button{font:inherit;font-weight:800;font-size:15px;background:#f36b21;color:#101112;border:0;border-radius:6px;padding:15px 26px;cursor:pointer;transition:background .2s,transform .2s}
.hybrid-design .ef-submit button:hover{background:#fff;transform:translateY(-2px)}
.hybrid-design .ef-submit button:disabled{opacity:.7;cursor:wait;transform:none}
.hybrid-design .ef-submit button:focus-visible{outline:3px solid #f36b21;outline-offset:3px}
.hybrid-design .ef-note{margin:0;font-size:12.5px;color:#8d8e93}
.hybrid-design .enquiry-form .form-msg{margin:0;font-size:14px;color:#ffb38a;min-height:0}
.hybrid-design .enquiry-form .form-msg:empty{display:none}
.hybrid-design .hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.hybrid-design .enquiry-card .tag{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#f36b21;color:#101112;font-weight:700}
/* Thank-you / error boxes: shown via :target (no JS) or .show (JS) */
.hybrid-design .enquiry-thanks,.hybrid-design .enquiry-alert{display:none}
.hybrid-design .enquiry-thanks:target,.hybrid-design .enquiry-thanks.show{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #f36b21;border-radius:10px;background:rgba(243,107,33,.08)}
.hybrid-design .enquiry-thanks p{margin:0;font-size:18px;line-height:1.5;color:#e6e6e8}
.hybrid-design .enquiry-thanks:target~form,.hybrid-design .enquiry-thanks.show~form{display:none}
.hybrid-design .enquiry-alert:target,.hybrid-design .enquiry-alert.show{display:block;margin-bottom:16px;padding:14px 16px;border:1px solid #ff7a7a;border-radius:8px;background:rgba(255,122,122,.08);color:#ffd0c8;font-size:14px;line-height:1.5}
.hybrid-design .enquiry-alert a{color:#ffb27a}
.hybrid-design .enquiry-thanks:focus,.hybrid-design .enquiry-alert:focus{outline:none}
@media(max-width:1000px){.hybrid-design .contact>.wrap.contact-grid{grid-template-columns:1fr;gap:50px}}
@media(max-width:650px){.hybrid-design .enquiry-card{padding:22px 18px;box-shadow:6px 6px 0 #f36b21}.hybrid-design .ef-row.two{grid-template-columns:1fr}.hybrid-design .contact-left{gap:10px}}