.four-wrap{flex:1;padding:clamp(48px,8vw,96px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.four{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.four__code{font-family:var(--display);letter-spacing:-.06em;color:var(--ink-900);margin:0;font-size:clamp(96px,18vw,280px);font-weight:400;line-height:.85;position:relative}.four__code em{color:var(--copper-600);font-style:italic;display:inline-block;transform:translateY(-6px)}.four__code small{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--copper-700);margin-top:16px;font-size:12px;font-weight:400;display:block}.four h2{font-family:var(--display);letter-spacing:-.01em;max-width:18ch;margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.1}.four p{color:var(--ink-700);max-width:44ch;margin-top:18px;font-size:16px;line-height:1.6}.four__try{border-top:1px solid var(--line);gap:8px;margin-top:28px;padding-top:20px;display:grid}.four__try .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin-bottom:4px;font-size:11px}.four__try a{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:14px 4px;transition:padding .2s,background .2s;display:flex}.four__try a:hover{background:var(--cream-100);padding-left:12px;padding-right:12px}.four__try .name{font-family:var(--display);letter-spacing:-.01em;font-size:20px}.four__try .desc{font-family:var(--mono);color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.four-bg{pointer-events:none;opacity:.5;position:absolute;inset:0}.four-bg:before{content:"";background:linear-gradient(#3a342d0a 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#3a342d0a 1px,#0000 1px) 0 0/48px 48px;position:absolute;inset:0}.four-bg svg{opacity:.5;width:600px;height:600px;position:absolute;top:50%;right:-120px;transform:translateY(-50%)}.four-bg .stroke-anim{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:3.5s ease-out forwards draw-404}@keyframes draw-404{to{stroke-dashoffset:0}}.four__search{margin-top:28px;position:relative}.four__search input{background:var(--cream-50);border:1px solid var(--line);width:100%;height:52px;font:inherit;border-radius:999px;padding:0 16px 0 44px;font-size:15px}.four__search input:focus{outline:2px solid var(--copper-500);outline-offset:1px;border-color:var(--copper-500)}.four__search svg{color:var(--ink-500);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.four__search button{background:var(--ink-900);height:40px;color:var(--cream-50);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-size:13px;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.four__search button:hover{background:var(--tea-900)}@media (max-width:900px){.four{grid-template-columns:1fr;gap:32px}.four-bg svg{display:none}}