1import{r as a,j as e}from"./vendor-radix-DYrmsCgB.js";import{J as P,S as W,H as $,j as L,X as M}from"./index--44Hv4uW.js";import{D as H,a as J}from"./dialog-rWSifI22.js";import{d as R}from"./page-Efkpuble.js";import{C as F}from"./chevron-left-CGBo8eYJ.js";import{C}from"./chevron-right-Du9qtotX.js";import"./vendor-recharts-ygD7hxfZ.js";import"./vendor-shared-MjpsaRk1.js";import"./vendor-firebase-CN6CymPP.js";const X=()=>{const[p,g]=a.useState(typeof window<"u"&&window.innerWidth<768?1:2);return a.useEffect(()=>{const n=()=>{g(window.innerWidth<768?1:2)};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),p},B=({travelImages:p,openLightbox:g,isVisible:n})=>{const[d,i]=a.useState(0),[b,j]=a.useState(!0),[c,w]=a.useState(!1),[l,h]=a.useState(0),[u,f]=a.useState(0),t=a.useRef(null),r=a.useRef(null),x=X(),o=p.length-x;a.useEffect(()=>{i(s=>Math.min(s,o))},[x,o]),a.useEffect(()=>(t.current&&clearInterval(t.current),b&&(t.current=setInterval(()=>{i(s=>s>=o?0:s+1)},2500)),()=>{t.current&&clearInterval(t.current)}),[b,o]);const A=a.useCallback(()=>{i(s=>s>=o?0:s+1)},[o]),N=a.useCallback(()=>{i(s=>s<=0?o:s-1)},[o]),y=a.useCallback(()=>{j(!1),t.current&&clearInterval(t.current)},[]),E=s=>{w(!0),h(s.clientX),y()},I=s=>{c&&f(s.clientX-l)},k=()=>{c&&(u<-50?A():u>50&&N(),w(!1),f(0))},T=s=>{h(s.touches[0].clientX),y()},D=s=>{const m=s.changedTouches[0].clientX-l;m<-50?A():m>50&&N()},S=()=>{if(!r.current)return 0;const m=r.current.offsetWidth/x;return-(d*m)+u},z=100/x;return e.jsxs("div",{id:"mosaic","data-sr-id":"mosaic",className:`sr-item transition-all duration-700 ${n("mosaic")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsxs("div",{className:"relative group",children:[e.jsx("div",{ref:r,className:"overflow-hidden rounded-2xl cursor-grab active:cursor-grabbing select-none",onMouseDown:E,onMouseMove:I,onMouseUp:k,onMouseLeave:k,onTouchStart:T,onTouchEnd:D,children:e.jsx("div",{className:"flex",style:{transform:`translateX(${S()}px)`,transition:c?"none":"transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)"},children:p.map((s,m)=>e.jsx("div",{className:"flex-shrink-0 px-1",style:{width:`${z}%`},children:e.jsxs("div",{className:"relative h-64 md:h-[480px] overflow-hidden rounded-2xl bg-[#1A1A4E]/5 cursor-zoom-in group/img",children:[e.jsx("img",{src:s.src,alt:s.alt,draggable:!1,onClick:()=>g(s.src,p.map(O=>O.src)),className:"w-full h-full object-cover transition-transform duration-700 group-hover/img:scale-105",style:{objectPosition:s.position||"center"}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[#1A1A4E]/60 via-trans
1parent to-transparent opacity-0 group-hover/img:opacity-100 transition-opacity duration-300 flex items-end p-4 pointer-events-none",children:e.jsx("p",{className:"text-white text-sm font-medium tracking-wide"})})]})},m))})}),e.jsx("button",{onClick:()=>{N(),y()},className:`absolute left-2 top-1/2 -translate-y-1/2 z-10 2 w-11 h-11 rounded-full bg-white/95 shadow-xl 3 flex items-center justify-center 4 opacity-0 group-hover:opacity-100 5 transition-all duration-300 hover:bg-white hover:scale-110 6 text-[#1A1A4E] border border-[#1A1A4E]/10`,children:e.jsx(F,{size:20})}),e.jsx("button",{onClick:()=>{A(),y()},className:`absolute right-2 top-1/2 -translate-y-1/2 z-10 7 w-11 h-11 rounded-full bg-white/95 shadow-xl 8 flex items-center justify-center 9 opacity-0 group-hover:opacity-100 10 transition-all duration-300 hover:bg-white hover:scale-110 11 text-[#1A1A4E] border border-[#1A1A4E]/10`,children:e.jsx(C,{size:20})}),e.jsx("button",{onClick:()=>j(s=>!s),className:`absolute top-3 right-3 z-10 px-3 py-1.5 rounded-full 12 text-[11px] font-semibold bg-white/90 text-[#1A1A4E] shadow 13 opacity-0 group-hover:opacity-100 transition-all duration-300 14 border border-[#1A1A4E]/10`,children:b?"⸠Pause":"ⶠPlay"})]}),e.jsx("div",{className:"flex items-center justify-center gap-2 mt-5",children:Array.from({length:o+1}).map((s,m)=>e.jsx("button",{onClick:()=>{i(m),y()},className:`transition-all duration-300 rounded-full 15 ${d===m?"w-7 h-2.5 bg-[#FF5C1A]":"w-2.5 h-2.5 bg-[#1A1A4E]/20 hover:bg-[#1A1A4E]/40"}`},m))}),e.jsx("div",{className:"mt-3 h-[3px] bg-[#1A1A4E]/10 rounded-full overflow-hidden max-w-xs mx-auto",children:e.jsx("div",{className:"h-full bg-[#FF5C1A] rounded-full transition-all duration-700",style:{width:`${(d+1)/(o+1)*100}%`}})})]})},V="/assets/header-img-DfFC14jA.jpeg",_="/assets/header-img%202-E2nWXHb7.png",G="/assets/header-img%203-B8qQZI1h.png",U="/assets/Trip-img1-BNkzZXM0.png",q="/assets/Trip-img2-xqkxpyHC.png",Y="/assets/Trip-img3-DuPxz_TH.png",Z="/assets/trip-img4(2)-DYa6upyX.png",Q="/assets/trip-img%205-DReo50oM.png",K="/assets/Trip-img7-DLp4nVIr.png",ee="/assets/Trip-img9-BOchrook.png",te="/assets/Trip-img11-CCJBb6B3.png",me=()=>{const[p,g]=a.useState([]),[n,d]=a.useState(null),[i,b]=a.useState([]);a.useEffect(()=>{const t=new IntersectionObserver(r=>{r.forEach(x=>{if(x.isIntersecting){const v=x.target.id||x.target.getAttribute("data-sr-id");v&&g(o=>o.includes(v)?o:[...o,v])}})},{threshold:.07});return document.querySelectorAll(".sr-item").forEach(r=>t.observe(r)),()=>t.disconnect()},[]);const j=[{icon:e.jsx("span",{className:"text-2xl",children:"ð°"}),title:"Competitive Pay",desc:"Market-aligned salary, transparent levelling, real room to grow."},{icon:e.jsx("span",{className:"text-2xl",children:"ð"}),title:"Team Trips",desc:"Holi, Diwali, summer escape & more - 4 celebrations every year."},{icon:e.jsx("span",{className:"text-2xl",children:"ð"}),title:"Learning Budget",desc:"Courses, books, conferences - we invest in you."},{icon:e.jsx("span",{className:"text-2xl",children:"ð¥"}),title:"Health Insurance",desc:"Full medical cover for you and your family. No fine print."},{icon:e.jsx("span",{className:"text-2xl",children:"ð"}),title:"Real Ownership",desc:"Your ideas ship. Fast. No layers of approval theater."},{icon:e.jsx("span",{className:"text-2xl",children:"â"}),title:"Good Vibes",desc:"Team lunches, stocked pantry, and people who like each other."}],c=[V,_,G],w=[{src:U,alt:"Team trip 1",grid:"col-span-12 md:col-span-5 h-[200px] md:h-[300px]",position:"top center",scale:1.2}
15,{src:q,alt:"Team trip 2",grid:"col-span-6 md:col-span-3 h-[150px] md:h-[300px]"},{src:Y,alt:"Team trip 3",grid:"col-span-6 md:col-span-4 h-[150px] md:h-[300px]"},{src:Z,alt:"Team trip 4",grid:"col-span-6 md:col-span-4 h-[150px] md:h-[300px]",position:"top center"},{src:Q,alt:"Team trip 5",grid:"col-span-6 md:col-span-4 h-[150px] md:h-[300px]"},{src:"/lovable-uploads/trips/7c368f2f-363d-4b05-87bf-b1d831c02df6.jpg",alt:"Team trip 6",grid:"col-span-12 md:col-span-4 h-[150px] md:h-[300px]"},{src:K,alt:"Team trip 7",grid:"col-span-6 md:col-span-4 h-[150px] md:h-[300px]"},{src:"/lovable-uploads/trips/1f2510d8-2afa-400e-bc8b-2acf9b31cbbd.jpg",alt:"Team trip 1",grid:"col-span-6 md:col-span-4 h-[150px] md:h-[300px]",scale:1.2},{src:ee,alt:"Team trip 9",grid:"col-span-12 md:col-span-4 h-[150px] md:h-[300px]"},{src:te,alt:"Team trip 11",grid:"col-span-12 md:col-span-4 h-[150px] md:h-[300px]"}],l=t=>p.includes(t),h=(t,r)=>{d(t),b(r)},u=a.useCallback(()=>{if(!n||i.length===0)return;const r=(i.indexOf(n)+1)%i.length;d(i[r])},[n,i]),f=a.useCallback(()=>{if(!n||i.length===0)return;const r=(i.indexOf(n)-1+i.length)%i.length;d(i[r])},[n,i]);return a.useEffect(()=>{const t=r=>{n&&(r.key==="ArrowRight"&&u(),r.key==="ArrowLeft"&&f(),r.key==="Escape"&&d(null))};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[n,u,f]),e.jsxs(e.Fragment,{children:[e.jsx(P,{schema:R}),e.jsxs("div",{className:"min-h-screen bg-[#F7F7F7] font-manrope text-[#1A1A4E]",children:[e.jsx(W,{title:" Careers at Okie Dokie Pay | Join Our EdTech Team",description:"Explore careers at Okie Dokie Pay. Join our EdTech team building campus management software and higher education ERP. View open roles and apply today."}),e.jsx($,{}),e.jsxs("main",{className:"pt-20",children:[e.jsx("section",{className:"relative h-[65svh] min-h-[400px] overflow-hidden flex items-center justify-center",children:e.jsxs("div",{className:"relative z-10 text-center px-4 max-w-4xl animate-in fade-in slide-in-from-bottom-5 duration-1000",children:[e.jsx("button",{onClick:()=>{var t;return(t=document.getElementById("join-cta"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},className:"inline-block px-3.5 py-1 rounded-full bg-[#FFF0E8] border border-[#FF5C1A]/25 text-[#FF5C1A] text-[10px] uppercase font-bold tracking-widest mb-4 hover:bg-[#FF5C1A]/10 transition-colors cursor-pointer",children:"Work @ Okie Dokie"}),e.jsxs("h1",{className:"font-playfair text-5xl md:text-7xl lg:text-8xl font-normal leading-tight tracking-tighter mb-4",children:["Skip the boring.",e.jsx("br",{}),e.jsx("i",{className:"text-[#FF5C1A] italic",children:"Join the building."})]}),e.jsx("p",{className:"text-[#4A4A7A] text-lg md:text-xl font-light leading-relaxed max-w-md mx-auto mb-6",children:"Fresh energy, real impact - we're making campus life smarter for millions of students across India."}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-3",children:[e.jsx("a",{href:"#space",className:"px-6 py-2.5 bg-[#FF5C1A] text-white font-bold rounded-full text-sm shadow-lg shadow-[#FF5C1A]/20 hover:bg-[#e64d0f] transition-all hover:scale-105",children:"See Our Office"}),e.jsx("a",{href:"#life",className:"px-6 py-2.5 bg-white/60 backdrop-blur-md border border-[#1A1A4E]/10 text-[#4A4A7A] font-medium rounded-full text-sm hover:bg-[#F7F7F7] transition-all",children:"Life Here â"})]})]})}),e.jsxs("section",{className:"grid md:grid-cols-2",children:[e.jsxs("div",{id:"mode1","data-sr-id":"mode1",className:`sr-item bg-[#FF5C1A] p-8 md:p-12 min-h-[350px] flex flex-col justify-end relative overflow-hidden transition-all duration-700 ${l("mode1")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("span",{className:"absolute top-8 right-8 font-playfair text-6xl md:text-8xl text-white/10 pointer-events-none",children:"01"}),e.jsx("div",{className:"mb-6",children:e.jsx("span",{className:"text-3xl",children:"ð¢"})}),e.jsxs("h3",{className:"font-playfair text-3xl md:text-4xl text-white font-normal mb-3",children:["Work from",e.jsx("br",{}),"the office"]}),e.jsx("p",{className:"text-white/80 font-light text-base max-w-sm mb-6",children:"Our Noida HQ is built for focus and spontaneous energy. Ergonomic setups, strong coffee, and a space that genuinely inspires."}),e.jsx("span",{className:"inline-flex px-3.5 py-1.5 rounded-full bg-white/20 text-white text-[11px] font-semibold tracking-wide uppercase",children:"ð A-130, Sector-63, Noida 201301"})]}),e.jsxs("div",{id:"mode2","data-sr-id":"mode2",className:`sr-item bg-white md:border-l border-[#1A1A4E]/10 p-8 md:p-12 min-h-[350px] flex flex-col justify-end relative overflow-hidden transition-all duration-700 delay-100 ${l("mode2")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}
15`,children:[e.jsx("span",{className:"absolute top-8 right-8 font-playfair text-6xl md:text-8xl text-[#1A1A4E]/5 pointer-events-none",children:"02"}),e.jsx("div",{className:"mb-6",children:e.jsx("span",{className:"text-3xl",children:"ð¿"})}),e.jsxs("h3",{className:"font-playfair text-3xl md:text-4xl text-[#1A1A4E] font-normal mb-3",children:["Work from",e.jsx("br",{}),"anywhere"]}),e.jsx("p",{className:"text-[#4A4A7A] font-light text-base max-w-sm mb-6",children:"Deliver great work from Bangalore, Jaipur, or a café in Goa. We trust our people - wherever they are in India."}),e.jsx("span",{className:"inline-flex px-3.5 py-1.5 rounded-full bg-[#FFF0E8] text-[#FF5C1A] border border-[#FF5C1A]/20 text-[11px] font-semibold tracking-wide uppercase",children:"ð India-wide"})]})]}),e.jsx("section",{id:"space",className:"py-12 md:py-16 px-6 border-y border-[#1A1A4E]/10",children:e.jsxs("div",{className:"max-w-[800px] mx-auto",children:[e.jsxs("div",{id:"gallery-header","data-sr-id":"gallery-header",className:`sr-item mb-8 text-center transition-all duration-700 ${l("gallery-header")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-[#FF5C1A] mb-2",children:"Our space"}),e.jsxs("h2",{className:"font-playfair text-4xl md:text-5xl text-[#1A1A4E] font-normal mb-3",children:["Honestly, pretty"," ",e.jsx("i",{className:"text-[#FF5C1A] italic",children:"spectacular."})]}),e.jsx("p",{className:"text-[#4A4A7A] text-base font-light max-w-sm mx-auto",children:"Designed from the ground up for the people who work here - not for a pitch deck."})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx("div",{id:"gallery-img1","data-sr-id":"gallery-img1",className:`sr-item rounded-2xl overflow-hidden bg-[#1A1A4E]/5 h-[300px] md:h-[450px] cursor-zoom-in transition-all duration-700 ${l("gallery-img1")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:e.jsx("img",{src:c[0],onClick:()=>h(c[0],c),alt:"Office main",className:"w-full h-full object-cover scale-[1.25] transition-transform duration-700 hover:scale-[1.3]"})}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-2",children:[e.jsx("div",{id:"gallery-img2","data-sr-id":"gallery-img2",className:`sr-item rounded-2xl overflow-hidden bg-[#1A1A4E]/5 h-[250px] md:h-[350px] cursor-zoom-in transition-all duration-700 delay-100 ${l("gallery-img2")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:e.jsx("img",{src:c[1],onClick:()=>h(c[1],c),alt:"Office space 1",className:"w-full h-full object-cover transition-transform duration-700 hover:scale-[1.04]",style:{objectPosition:"top center"}})}),e.jsx("div",{id:"gallery-img3","data-sr-id":"gallery-img3",className:`sr-item rounded-2xl overflow-hidden bg-[#1A1A4E]/5 h-[250px] md:h-[350px] cursor-zoom-in transition-all duration-700 delay-200 ${l("gallery-img3")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:e.jsx("img",{src:c[2],onClick:()=>h(c[2],c),alt:"Office space 2",className:"w-full h-full object-cover transition-transform duration-700 hover:scale-[1.04]"})})]})]})]})}),e.jsx("section",{className:"py-12 md:py-16 px-6 bg-white",children:e.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[e.jsxs("div",{id:"perks-header","data-sr-id":"perks-header",className:`sr-item mb-8 transition-all duration-700 ${l("perks-header")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-[#FF5C1A] mb-2",children:"What you get"}),e.jsxs("h2",{className:"font-playfair text-4xl md:text-6xl text-[#1A1A4E] font-normal mb-3",children:["Beyond the",e.jsx("br",{}),e.jsx("i",{className:"text-[#FF5C1A] italic",children:"paycheck."})]}),e.jsx("p",{className:"text-[#4A4A7A] text-lg font-light max-w-sm",children:"We look after our people properly."})]}),e.jsx("div",{id:"perks-grid","data-sr-id":"perks-grid",className:`sr-item grid md:grid-cols-2 lg:grid-cols-3 border-t border-l border-[#1A1A4E]/10 transition-all duration-700 ${l("perks-grid")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:j.map((t,r)=>e.jsxs("div",{className:"p-6 border-r border-b border-[#1A1A4E]/10 hover:bg-[#F7F7F7] transition-colors group",children:[e.jsx("div",{className:"mb-4 block transition-transform duration-300 group-hover:-translate-y-1",children:t.icon}),e.jsx("h4",{className:"font-semibold text-base text-[#1A1A4E] mb-1",children:t.title}),e.jsx("p",{className:"text-sm text-[#4A4A7A] font-light leading-relaxed",children:t.desc})]},r))})]})}),e.jsx("section",{id:"life",className:"py-12 md:py-16 px-6 border-t border-[#1A1A4E]/10",children:e.jsxs("div",{className:"max-w-[1100px] mx-auto",children:[e.jsxs("div",{id:"trips-header","data-sr-id":"trips-header",className:`sr-item flex flex-wrap items-end justify-between gap-6 mb-8 transition-all duration-700 ${l("trips-header")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsxs("div",{className:"max-w-md",children:[e.jsx("p",{className:"text-[10px] font-bold uppercase tracking-widest text-[#FF5C1A] mb-2",children:"Life @ Okie Dokie"}),e.jsxs("h2",{className:"font-playfair text-4xl md:text-6xl text-[#1A1A4E] font-normal mb-3",children:["Work hard.",e.jsx("br",{}),e.jsx("i",{className:"text-[#FF5C1A] italic",children:"Celebrate harder."})]}),e.jsx("p",{className:"text-[#4A4A7A] text-lg font-light",children:"4 trips a year. Because the best teams don't just meet at work."})]}),e.jsxs("div",{className:"flex flex-wrap gap-2 pb-1",children:[e.jsx("span",{className:"px-3.5 py-1.5 rounded-full border-[1.5px] border-[#f5aad4] bg-[#fef0f8] text-[#a0286e] text-[11px] font-semibold tracking-wide",children:"ð¨ Holi"}),e.jsx("span",{className:"px-3.5 py-1.5 rounded-full border-[1.5px] border-[#f5d468] bg-[#fffbee] text-[#7a5a00] text-[11px] font-semibold tracking-wide",children:"⨠Diwali"}),e.jsx("span",{className:"px-3.5 py-1.5 rounded-full border-[1.5px] border-[#7dd9b0] bg-[#edfaf4] text-[#1a6e48] text-[11px] font-semibold tracking-wide",children:"âï¸ June"})]})]}),e.jsx(B,{travelImages:w,openLightbox:h,isVisible:l})]})}),e.jsx("section",{className:"py-16 px-6 bg-[#1A1A4E] text-white",children:e.jsx("div",{className:"max-w-4xl mx-auto text-center",children:e.jsxs("div",{id:"join-cta","data-sr-id":"join-cta",className:`sr-item transition-all duration-700 ${l("join-cta")?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,children:[e.jsxs("h2",{className:"font-playfair text-4xl md:text-6xl mb-4 font-normal",children:["Ready to build the"," ",e.jsx("i",{className:"text-[#FF5C1A] italic",children:"future?"})]}),e.jsx("p",{className:"text-white/70 text-lg md:text-xl font-light mb-8 max-w-2xl mx-auto",children:"We're always looking for ambitious people to join our mission. Take the first step."}),e.jsx("a",{href:"https://forms.okiedokie.app/odforms1/form/OkieDokieJobApplication/formperma/mYl7lrp_jo4XJPrcP_ZbUbl3y_Dz7H0wmmlUFJThVlg?zf_enablecamera=true",target:"_blank",rel:"noopener noreferrer",className:"inline-block px-10 py-4 bg-[#FF5C1A] text-white font-bold rounded-full text-lg shadow-xl shadow-[#FF5C1A]/20 hover:bg-[#e64d0f] transition-all hover:scale-105",children:"Join now"})]})})})]}),e.jsx(L,{}),e.jsx(H,{open:!!n,onOpenChange:t=>!t&&d(null),children:e.jsx(J,{className:"max-w-[95vw] md:max-w-5xl p-0 bg-transparent border-none shadow-none flex items-center justify-center pointer-events-none",children:e.jsxs("div",{className:"relative w-full h-full flex items-center justify-center pointer-events-auto",children:[e.jsx("button",{onClick:t=>{t.stopPropagation(),d(null)},className:"absolute -top-12 right-0 p-2 text-white hover:text-[#FF5C1A] transition-colors",children:e.jsx(M,{size:32})}),e.jsxs("div",{className:"relative group w-full flex items-center justify-center",children:[e.jsx("button",{onClick:t=>{t.stopPropagation(),f()},className:"absolute left-4 z-10 p-4 bg-black/20 hover:bg-black/40 text-white rounded-full transition-all opacity-0 group-hover:opacity-100",children:e.jsx(F,{size:24})}),e.jsx("img",{src:n||"",alt:"Gallery Lightbox",className:"max-w-full max-h-[85vh] object-contain rounded-lg shadow-2xl"}),e.jsx("button",{onClick:t=>{t.stopPropagation(),u()},className:"absolute right-4 z-10 p-4 bg-black/20 hover:bg-black/40 text-white rounded-full transition-all opacity-0 group-hover:opacity-100",children:e.jsx(C,{size:24})})]})]})})}),e.jsx("style",{children:` 16 @keyframes drift { 17 from { transform: scale(1.06); } 18 to { transform: scale(1); } 19 } 20 `})]})]})};export{me as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.